/* 1. Reset-Stylesheet
********************************************************************************************************************/

@import url("reset.css");


/* 2. Globale Anweisungen
********************************************************************************************************************/

html {
height: 100%;
overflow-y: scroll;
}
body {
height: 100%;
padding: 0;
background: #f0f0f0;
font-family: Arial, Helvetica, sans-serif;
color: #484848;
text-align: center;
}
a:link {
color: #484848;
text-decoration: underline;
}
a:visited {
color: #484848;
}
a:hover {
color: #000;
text-decoration: none;
}
a:active {
}
a:focus {
text-decoration: none;
color: #fff;
background: #484848;
outline: 2px solid #484848;
}


/* 3. Basis-Layout
********************************************************************************************************************/

#wrapper1 {
min-width: 750px;
max-width: 86.15em;
max-width: 85em;
margin: 0 auto;
background: #fff;
min-height: 100%;
position: relative;
font-size: 0.75em;
border: 9px solid #e8e8e8;
border-top: none;
border-bottom: none;
text-align: left;
}

/* 3.1. Headarea (Generische Navigation, Sprachwaehler, Logo, Suchfunktion)
***************************************************************************************/

#headarea {
position: relative;
overflow: hidden;
}
#headarea li a:link {
color: #484848;
text-decoration: none;
}
#headarea li a:visited {
color: #484848;
text-decoration: none;
}
#headarea li a:hover {
color: #484848;
text-decoration: underline;
}
#headarea li a:focus {
color: #fff;
text-decoration: none;
outline: 3px solid #484848;
}
#logo {
z-index: 10;
position: relative;
overflow: hidden;
margin: 21px 0 25px 19px;
padding: 0 10px 0 0;
display: block;
width: 276px;
height: 98px;
}
#logo img {
width: 276px;
height: 98px;
}
a#logo:focus {
background: none;
outline: none;
}
a#logo:focus img {
background: url(../img/headarea_logo_focussed_bg.gif);
}
#logoPrint {
display: none;
}
#nameFachbereich {
z-index: 99;
position: absolute;
top: 125px;
left: 312px;
padding: 5px 9px;
background: url(../img/headarea_typo_bg.png);
}
#nameFachbereich:focus {
background: url(../img/headarea_logo_focussed_bg.gif);
outline: none;
}
#genericNav {
z-index: 10;
position: relative;
overflow: hidden;
margin: 11px 0 0 20px;
padding: 1px 6px 1px 0;
float: left;
background: url(../img/generic_nav_bg.png);
border-right: 1px solid #acacac;
}
#genericNav li {
float: left;
margin: 0 14px 0 0;
padding-top: 0.05em;
}
#languageSelector {
z-index: 10;
position: relative;
margin: 11px 20em 0 20px;
padding: 1px 12px 1px 0;
overflow: hidden;
background: url(../img/generic_nav_bg.png);
float: left;
}
#languageSelector li {
float: left;
margin-right: 13px;
padding-top: 0.05em;
}
#keyvisual {
z-index: 1;
width:320px;
position: absolute;
top: 33px;
right:20px;

}
#search {
z-index: 10;
position: absolute;
top: 9px;
right: 20px;	
margin-left: 35em;	
}
#search input {
width: 14.4em;
font: 1em Arial, Helvetica, sans-serif;
border: 1px solid #949494;
color: #2d2d2d;
padding: 2px 2px 0.1em 4px;
background: url(../img/headarea_search_bg.png);
}
#search input:focus {
outline: 2px solid #949494;
background: #fff;
}
#search .submit {
margin: 0;
width: 5.5em;
height: 1.79em;
padding: 0.1em 0;
font: bold 0.91em Arial, Helvetica, sans-serif;
border: none;
color: #fff;
background-image: none;
background-color: #949494;
}
#search input.submit:focus {
outline: none;
background: #484848;
}

dfn {
left: -9999px;
position: absolute;
}

/* 3.3. Hauptnavigation
***************************************************************************************/

/* 3.3.1. Navigationsebene 1 (Reiternavigation)
***************************************************************************************/

#nav1stLevel {
z-index: 99;
position: relative;
margin: 0 20px;
}
#nav1stLevel:after {
content: ".";
visibility: hidden;
display: block;
clear: both;
height: 0;
font-size: 0;
}
#nav1stLevel li {
float: left;
border: 2px solid #fff;
border-left: none;
border-bottom: none;
background: #484848 url(../img/nav1stLevel_bg.png) no-repeat 100% -180px;
}
#nav1stLevel li.active {
background: #fff url(../img/nav1stLevel_bg_right_active.png) no-repeat 100% 0 !important;
}
#nav1stLevel li.active a {
color: #484848;
font-weight: bold;
background: #fff url(../img/nav1stLevel_bg_left_active.png) no-repeat 0 0 !important;
}
#nav1stLevel li a {
display: block;
margin-right: 5px;
padding: 8px 7px 7px 12px;
color: #fff;
background: #484848 url(../img/nav1stLevel_bg.png) no-repeat 0 0;
}
#nav1stLevel li a:link {
text-decoration: none;
}
#nav1stLevel li a:visited {
text-decoration: none;
}
#nav1stLevel li:hover { 
background: url(../img/nav1stLevel_bg.png) no-repeat 100% -270px; 
}
#nav1stLevel li:hover a { 
background: #949494  url(../img/nav1stLevel_bg.png) no-repeat 0 -90px; 
}
#nav1stLevel #nav1stLevel li:focus { 
outline: none;
}
#nav1stLevel li a:focus { 
outline: none;
text-decoration: underline;
}
#nav1stLevel dfn {
left: -9999px;
position: absolute;
}
#nav1stLevel li.home {
text-indent: -9999px;
}
#nav1stLevel li.home a {
width: 33px;
height: 27px;
margin: 0;
padding: 0;
background: url(../img/nav1stLevel_home_bg_active.gif) no-repeat 0 0 !important;
}
#nav1stLevel li.home a:link {
background: url(../img/nav1stLevel_home_bg.gif) no-repeat 0 0 !important;
}
#nav1stLevel li.home a:visited {
background: url(../img/nav1stLevel_home_bg.gif) no-repeat 0 0 !important;
}
#nav1stLevel li.home a:link:hover, #nav1stLevel li.home a:link:active, #nav1stLevel li.home a:visited:hover, #nav1stLevel li.home a:visited:active, #nav1stLevel li.home a:focus {
background: url(../img/nav1stLevel_home_bg_hover.gif) no-repeat 0 0 !important;
}
#nav1stLevel #intranetLogin {
float: right;
position: relative;
background-image: none;
padding: 0 !important; 
border-right: none;
margin-bottom: 23px;
}

/****** Login *****/
#nav1stLevel #intranetLogin a#intranetLoginLink {
width: 31px;
height: 27px;
padding: 0 !important;
text-indent: -9999px;
background: url(../img/nav1stLevel_intranetLogin_bg.gif) no-repeat 0 0 !important;
}
#nav1stLevel #intranetLogin a#intranetLoginLink:hover, #nav1stLevel #intranetLogin a#intranetLoginLink:active, #nav1stLevel #intranetLogin a#intranetLoginLink:focus {
background: url(../img/nav1stLevel_intranetLogin_bg_hover.gif) no-repeat 0 0 !important;
}

#nav1stLevel #intranetLogin a#intranetLoginLink:link, #nav1stLevel #intranetLogin a#intranetLoginLink:visited {
margin: 0 !important;
padding: 0 !important;
}

/*******  Logout *****/
#nav1stLevel #intranetLogin a#intranetLogoutLink  {
width: 31px;
height: 27px;
padding: 0 !important;
text-indent: -9999px;
background: url(../img/nav1stLevel_intranetLogout_bg.gif) no-repeat 0 0 !important;
}

#nav1stLevel #intranetLogin a#intranetLogoutLink:hover, #nav1stLevel #intranetLogin a#intranetLogoutLink:active, #nav1stLevel #intranetLogin a#intranetLogoutLink:focus {
background: url(../img/nav1stLevel_intranetLogout_bg_hover.gif) no-repeat 0 0 !important;
}

#nav1stLevel #intranetLogin a#intranetLogoutLink:link, #nav1stLevel #intranetLogin a#intranetLogoutLink:visited {
margin: 0 !important;
padding: 0 !important;
}

/******** Login und Logout *******/
#nav1stLevel #intranetLogin h2 {
font-size: 1em;
margin: 0 0 10px 0;
color: #fff;
}
#nav1stLevel #intranetLogin form {
position: absolute;
right: 0;
/*top: 27px;*/
background: #949494;
padding: 4px;
border: 2px solid #fff;
border-top: none;
border-right: none;
text-align: right;
width: 36em;
}
#nav1stLevel #intranetLogin form h2 {
left: -999em;
position: absolute;
}
#nav1stLevel #intranetLogin input {
width: 13em;
margin-bottom: 0;
font: 1em Arial, Helvetica, sans-serif;
border: 1px solid #484848;
color: #484848;
padding: 2px;
background: #fff;
}
#nav1stLevel #intranetLogin input:focus, .submit:focus {
outline: 1px solid #484848;
}
#nav1stLevel #intranetLogin .submit, .submit {
width: auto;
border: none;
height: 1.77em;
margin: 0;
padding-left: 4px !important;
padding-right: 4px !important;
font-weight: bold !important;
padding: 0 0 0.1em 0;
color: #fff;
background-color: #484848;
font: 0.8em Arial, Helvetica, sans-serif;
}
#nav1stLevel #intranetLogin .submit:focus, .submit:focus {
outline: 2px solid #fff;
}

#intranetLogin.jsEnabled { /* Styles, bei aktiviertem Javascript */
margin-bottom: 0 !important;
}
#intranetLogin.jsEnabled form { /* Styles, bei aktiviertem Javascript */
padding: 10px !important;
width: 13.4em !important;
text-align: left !important;
}
#intranetLogin.jsEnabled input { /* Styles, bei aktiviertem Javascript */
margin-bottom: 9px !important;
}



#intranetLoginMessage a.intranetLoginLink {
	background: none !important;
	text-indent: 0 !important;
	height: auto !important;
	width: auto !important;
	line-height: normal !important;
}

#intranetLoginMessage a.intranetLoginLink:focus {
	background: none !important;	
}

#intranetLoginMessage a.intranetLoginLink:hover {
	background: none !important;	
}

/* 3.3.2. Navigationsebene 2 und 3
***************************************************************************************/

#nav2ndLevel {
width: 19.6%;
position: relative;
margin-bottom: 40px;
float: left;
top: 0;
left: 0;
}
#nav2ndLevel ul {
margin-left: 20px;
color: #fff;
}
#nav2ndLevel ul li a {
border-bottom: 2px solid #fff;
display: block;
padding: 7px;
background: #484848;
}
#nav2ndLevel ul li a:link {
text-decoration: none;
background: #949494;
color: #fff;
}
#nav2ndLevel ul li a:link:hover {
background: #484848;
}
#nav2ndLevel ul li a:link:focus {
background: #484848;
}
#nav2ndLevel ul li a:visited {
text-decoration: none;
background: #949494;
color: #fff;
}
#nav2ndLevel ul li a:visited:hover {
background: #484848;
}
#nav2ndLevel ul li a:visited:focus {
background: #484848;
}
#nav2ndLevel ul li a:hover {
color: #fff;
}
#nav2ndLevel ul li a:focus {
outline: none;
}
#nav2ndLevel ul li.expanded a {
background: #484848;
}
#nav2ndLevel ul li.expanded a:link:hover {
background: #000;
}
#nav2ndLevel ul li.expanded a:link:focus {
background: #000;
}
#nav2ndLevel ul li.expanded a:visited:hover {
background: #000;
}
#nav2ndLevel ul li.expanded a:visited:focus {
background: #000;
}
#nav2ndLevel ul ul {
margin: 0;
margin-top: -2px;
}
#nav2ndLevel ul ul li a {
background: #fff !important;
color: #484848 !important;
border-top: 1px dotted #484848;
border-bottom: none;
}
#nav2ndLevel ul ul li a:link {
border-top: 1px dotted #484848;
}
#nav2ndLevel ul ul li a:link:hover {
background: #e8e8e8 !important;
}
#nav2ndLevel ul ul li a:link:focus {
background: #e8e8e8 !important;
}
#nav2ndLevel ul ul li a:visited {
border-top: 1px dotted #484848;
}
#nav2ndLevel ul ul li a:visited:hover {
background: #e8e8e8 !important;
}
#nav2ndLevel ul ul li a:visited:focus {
background: #e8e8e8 !important;
}
#nav2ndLevel ul ul :first-child a {
border-top: none !important;
}


/* 3.4. Contentarea
***************************************************************************************/

#contentarea {
position: relative;
text-align: left;
background: #fff;
padding-bottom: 60px;
margin-top: 10px;
overflow: hidden;
}
.pageContent h1,
.pageContent h2,
.pageContent h3,
.pageContent h4,
.pageContent h5,
.pageContent h6,
.pageContent p,
.pageContent ul,
.pageContent ol,
.pageContent table,
.pageContent form {
margin-left: 20px;
margin-right: 20px;
}
h1 {
font-weight: bold;
text-transform: uppercase;
font-size: 1.6em;
margin-bottom: 0.8em;
word-spacing: 0.2em;
}
h1+h2 {
margin-top: 1.5em;
}
h2 {
text-transform: uppercase;
}
h2, h3, h4, h5, h6 {
font-size: 1em;
font-weight: bold;
margin-top: 2em;
margin-bottom: 1.4em;
}
h2+h3, h3+h4, h4+h5, h5+h6 {
margin-top: 1.4em;
}
p {
margin-bottom: 1.35em;
}
hr {
margin: 20px;
color: #e0e0e0;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}

.breadcrumbarea {
border-top: 7px solid #E10019;
padding: 7px 100px 7px 0;
margin: 0 20px 16px 20px;
position: relative;
line-height: 1.3;
font-weight: bold;
}
.breadcrumbarea a:link {
font-weight: normal;
text-decoration: none;
}
.breadcrumbarea a:visited {
font-weight: normal;
text-decoration: none;
}
.breadcrumbarea a:hover {
text-decoration: underline;
}
#summary {
font-weight: bold;
margin-bottom: 2.2em;
}
#accessibility {
position: absolute;
top: 7px;
right: -5px;
}
.pageContent #accessibility ul {
margin: 0;
padding: 0;
}
#accessibility li {
float: left;
list-style-type: none;
}
#accessibility li a {
display: block;
width: 14px;
height: 14px;
padding: 0 2px;
text-indent: -9999px;
}
#accessibility li a:focus {
outline: none;
}
#accessibility #zoomIn {
background: url(../img/zoomIn_icon.gif) no-repeat 0 0;
}
#accessibility #zoomOut {
background: url(../img/zoomOut_icon.gif) no-repeat 0 0;
}
#accessibility #contrast {
background: url(../img/contrast_icon.gif) no-repeat 0 0;
}
#accessibility #help {
background: url(../img/help_icon.gif) no-repeat 0 0;
}

#accessibility #video {
background: url(../img/zoomIn_icon.gif) no-repeat 0 0;
}

#accessibility #video:hover, #accessibility #video:focus, 
#accessibility #zoomIn:hover, #accessibility #zoomIn:focus, 
#accessibility #zoomOut:hover, #accessibility #zoomOut:focus,
#accessibility #contrast:hover, #accessibility #contrast:focus,
#accessibility #help:hover, #accessibility #help:focus {
background-position: 0 -40px;
}
#tooltip {
position: absolute;
padding: 2px 5px;
background: #f0f0f0;
border: 2px solid #aaa;
}
#tooltip h3 {
font-weight: normal;
font-size: 0.8em;
color: #484848;
padding: 0;
margin: 0;
}
#footer {
position: absolute;
text-align: left;
bottom: 20px;
width: 100%;
}
#footerContent {
margin: 0 20px;
padding: 6px 7px;
background: #f0f0f0;
color: #7f7f7f;
border-top: 2px solid #fff;
overflow: hidden;
}
#footerContent span {
display: block;
float: left;
width: 17.9%;
text-transform: uppercase;
font-weight: bold;
margin-right: 2.1%;
}

#footerContent ul li {
float: left;
margin-right: 30px;
}
#footerContent ul li a {
padding-left: 17px;
background: url(../img/footer_list_bg.gif) no-repeat 0 40%;
}
#footerContent ul li a.expanded {
background: url(../img/footer_list_bg_expanded.gif) no-repeat 0 40%;
font-weight: bold;
}
#footerContent ul li ul {
margin-top: 10px;
display: none; /* Anfangszustand */
}
#footerContent ul li ul li {
clear: left;
margin-right: -25px;
padding-left: 16px;
background: none;
line-height: 1.5;
}
#footerContent ul li ul li a {
background: none;
padding-left: 0;
}
#footerContent a:link {
color: #7f7f7f;
}
#footerContent a:visited {
color: #7f7f7f;
}
#footerContent a:active, #footerContent a:focus {
text-decoration: none;
color: #fff;
background-color: #484848 !important;
outline: 2px solid #484848;
}
#upwards {
position: absolute;
top: 8px;
right: 27px; 
background: url(../img/upwards_icon.gif) no-repeat 0 1px;
padding-left: 14px;
}
#upwards:active, #upwards:focus {
outline: none !important;
background-position: 0 -50px;
}

.bildunterschrift{
line-height: 1;
font-size: 83.33%}

/* 4. Seitentypen / Seitenelemente
********************************************************************************************************************/

.pageContent {
line-height: 1.5;
}

/* 4.1. Standard 
***************************************************************************************/

#standardOneCol, 
#standardTwoCols {
overflow:hidden;
}

#standardTwoCols {
	width: 78.4%;
}

#standardTwoColsLeft {
width: 72.17%;
float: left;
overflow: hidden;
}
.standardTwoColsRight {
position: relative;
float: right;
width: 26.83%;
overflow: hidden;
line-height: 1.4;
padding-top: 7px;
}
.standardTwoColsRight div {
margin: 0 20px 30px 20px;
}
.standardTwoColsRight div div {
margin: 0;
}
.standardTwoColsRight div * {
margin: 0;
}

#standardTwoColsLeft h1, 
#standardTwoColsLeft h2, 
#standardTwoColsLeft h3, 
#standardTwoColsLeft p, 
#standardTwoColsLeft ul,
#standardTwoColsLeft ol,
#standardTwoColsLeft table,
#standardTwoColsLeft form {
margin-right: 0;
}
#nav4thLevel {
margin: 2px 20px 30px 20px;
}
#nav4thLevel a {
display: block;
padding: 3px 0 3px 5px;
border: 2px solid #949494;
border-left: none;
border-right: none;
margin-top: -2px;
}
#nav4thLevel a:link {
color: #949494;
text-decoration: none;
}
#nav4thLevel a:visited {
color: #949494;
text-decoration: none;
}
#nav4thLevel a:hover, #nav4thLevel a:focus {
outline: none;
background: #e8e8e8;
color: #484848;
}
.standardTwoColsRight h2 {
display: block;
padding: 3px 9px;
font-size: 0.95em;
color: #fff;
background: #949494;
}
#directAccess form {
padding-top: 11px;
position: relative;
margin-bottom: -9px;
}
#directAccess select {
width: 100%;
margin-bottom: 9px;
font: 1em Arial, Helvetica, sans-serif;
border: 1px solid #b2b2b2;
color: #2d2d2d;
padding: 2px 4px;
background: #fff;
}
.colRightText {
border-top: 7px solid #949494;
font-size: 0.95em;
padding-top: 15px;
margin: 0 20px 26px 20px;
}
.colRightContentbox {
position: relative;
}
.colRightContentbox h2 {
color: #fff;
margin-bottom: 15px !important;
}
.colRightContentbox ul {
list-style-type: square;
padding-left: 12px;
margin-bottom: 1.2em !important;
}
.colRightContentbox ul li {
margin-bottom: 0.7em !important;
}
.colRightContentbox p {
padding-bottom: 0;
}

.news-single-item h2 {
	margin-top: 1.4em;
}

/* 4.2. Content-Navigation
***************************************************************************************/

h2.contentNav {
background: #f0f0f0;
margin-bottom: 5px;
padding: 2px 9px;
}
ul.contentNav {
margin-left: 20px !important;
}
ul.contentNav li {
list-style-type: none;
border-bottom: 1px dotted #d5d5d5;
line-height: 2.2em;
}
ul.contentNav li a {
background: url(../img/contentNav_bg.gif) no-repeat 9px 40%;
padding-left: 27px;
}
ul.contentNav li a:focus {
color: #484848;
padding-right: 4px;
}

/* 4.3. Bilder
***************************************************************************************/

.imageLeftFloated {
position: relative;
float: left;
margin: 0 20px 19px 20px;
}
.imageRightFloated {
position: relative;
float: right;
margin: 0 20px 19px 20px;
}
.imageLeft {
position: relative;
margin: 21px 0 21px 20px;
display: block;
}
span.imageLeftFloated, span.imageRightFloated, span.imageLeft {
position: relative;
width: 268px;
padding: 0 6px 4px 6px;
background: #e9e9e9;
}
.imageLeftFloated, .imageRightFloated {
top: 4px;
}
span.imageLeftFloated img, span.imageRightFloated img, span.imageLeft img {
display: block;
float: none;
margin: 0 0 4px -6px;
}
span.imageLeftFloated .description, span.imageRightFloated .description, span.imageLeft .description {
font-size: 0.95em;
line-height: 1.3;
display: block;
width: 100%;
}
p .imageLeft, p .imageLeftFloated {
margin-left: 0;
}
p .imageRightFloated {
margin-right: 0;
}

/* 4.4. Tabellen
***************************************************************************************/

table {
margin-top: 5px;
margin-bottom: 21px;
}
td, th {
border: none;
padding: 5px 30px 5px 5px;
}
th {
font-weight: bold;
}
table.contenttable-1 td, table.contenttable-1 th {
border-top: 1px solid #cecece;
}
table.contenttable-2 td, table.contenttable-2 th {
border-left: 1px solid #cecece;
}
table.contenttable-3 td, table.contenttable-3 th {
border-top: 1px solid #cecece;
border-left: 1px solid #cecece;
}
table.contenttable-2 tr :first-child, table.contenttable-3 tr :first-child {
border-left: none;
}
table.contenttable-1 tr:first-child td, table.contenttable-1 tr:first-child th, table.contenttable-3 tr:first-child td, table.contenttable-3 tr:first-child th {
border-top: none;
}
table.outline {
border: 1px solid #cecece;
}
table.contenttable-2.outline.thHighlighted tr:first-child, table.contenttable-1.outline.thHighlighted tr :first-child, table.contenttable-3.outline.thHighlighted th {
background: #f2f2f2 !important;
}

table.normal td, table.normal th {
border: none;
padding: 0px 30px 0px 5px;
}

/* 4.5. Listen
***************************************************************************************/

.pageContent ul {
list-style-type: square;
margin-left: 35px;
margin-bottom: 1.35em;
line-height: 1.5;
}
.pageContent ul ul, .pageContent ol ol, .pageContent ol ul, .pageContent ul ol {
margin-left: 20px;
margin-bottom: 0;
}
.pageContent ol {
margin-left: 40px;
margin-bottom: 1.35em;
line-height: 1.5;
list-style-type: decimal;
}
.pageContent ol li {
line-height: 1.5;
}
.pageContent ol.decimal {
list-style-type: decimal;
}
.pageContent ol.upperAlpha {
list-style-type: upper-alpha;
}
.pageContent ol.lowerAlpha {
list-style-type: lower-alpha;
}
.pageContent ol.upperRoman {
list-style-type: upper-roman;
}
.pageContent ol.lowerRoman {
list-style-type: lower-roman;
}
.pageContent ol ol, .pageContent ul ol {
list-style-type: inherit;
}

/* 4.6. Formulare
***************************************************************************************/

.pageContent form {
width: 600px;
}

#extendedSearch form {
	width: auto;
}

.pageContent form * {
font: 1em Arial, Helvetica, sans-serif;
color: #2d2d2d;
}
.pageContent form div {
white-space: nowrap;
float: left;
margin-right: 30px;
}
.pageContent form label {
display: block;
float: left;
padding-top: 3px;
width: 1px;
}
.formTextfield {
width: 140px;
margin: 0 0 1.2em 84px;
border: 1px solid #cecece;
display: block;
padding: 2px;
background: #f3f3f3;
}
.formTextfieldWide {
border: 1px solid #cecece;
display: block;
margin: 0 0 1.2em 84px;
width: 400px;
padding: 2px;
background: #f3f3f3;
}
.pageContent textarea {
border: 1px solid #cecece;
display: block;
margin: 0 0 1.2em 84px;
width: 400px;
height: 15em;
padding: 3px 2px;
background: #f3f3f3;
}
.pageContent form .submit {
border: none;
padding: 0.22em 7px;
font: bold 0.9em Arial, Helvetica, sans-serif;
background: #626262;
color: #fff;
margin-right: 15px;
}
.inputRequired {
font-size: 1.5em !important;
font-weight: bold !important;
}
fieldset {
clear: both;
}
.pageContent form input.formRadio {
margin-left: 84px;
padding: 0;
display: block;
}
select:focus, input:focus, textarea:focus {
border-color: #484848 !important;
}
input.submit:focus {
background: #949494;
}

fieldset.csc-mailform label {
width: auto;
float: none;
}

fieldset.csc-mailform textarea {
margin: inherit;
padding: inherit;
}

fieldset.csc-mailform input {
border:1px solid #CECECE;
background:#F3F3F3;
}

fieldset.csc-mailform input.csc-mailform-submit {
border: medium none;
background: #484848;
color: #FFFFFF;
}

fieldset.csc-mailform input.csc-mailform-submit:focus {
background: #949494;
}

fieldset.csc-mailform div.csc-mailform-field {
float: none;
}

/****** weitere Styleangaben für Typo3-abstände ***/

div.csc-mailform-field{
  padding-bottom: 10px;
}

input#mailformformtype_mail{
	margin-top:10px;
	margin-bottom: 10px;
	padding: 3px 2px;
}

/* 4.7. Gebaerdensprachvideo
***************************************************************************************/

#dgsVideoLink {
display: none;
margin-left: 20px; 
margin-bottom: 1.35em;
position: relative;
width: 280px;
padding: 10px 0 10px 40px;
background: #f2f2f2 url(../img/dgsVideoLink_bg.gif) no-repeat 4px 50%; 
}
#dgsVideoLink a:hover:focus {
background-color: transparent;
outline: none;
color: #000;
}
#dgsVideoContainer {
background: #f2f2f2; 
min-width: 490px;
height: 240px; 
margin: 0 20px 24px 20px;
position: relative;
}
#standardTwoColsLeft #dgsVideoContainer {
width: 96.5%;
min-width: 490px;
}
#dgsVideoContainer object {
position: absolute;
}
#dgsVideoHide {
display: none; /* Anfangszustand */
}
#dgsVideoFormats {
position: absolute;
padding-top: 15px;
line-height: 1.7;
}
#dgsVideoFormats * {
margin: 0 0 0 340px;
}
#dgsVideoFormats h2 {
margin-bottom: 1em;
}
#dgsVideoFormats ul {
margin-bottom: 1.2em;
}
#dgsVideoFormats li {
margin: 0;
list-style-type: none;
}
#dgsVideoFormats a {
margin: 0;
}

.standardTwoColsRight #standardTwoColsRight .contentItem .tx-nidagvideo-pi1 #dgsVideoLink {
margin-left: 0px; 
width: 135px;
}

/* 4.8. Personalseite
***************************************************************************************/

#personalInfo {
margin: 0 20px 30px 20px;
background: #f2f2f2;
position: relative;
padding: 8px;
overflow: hidden;
}
#personalInfo img.photo {
float: left;
padding: 7px;
}
#personalInfo p {
margin: 4px 4px 4px 110px;
}

/* 4.9. Startseite
***************************************************************************************/

#homepageHeader {
position: relative;
margin: 0 20px 21px 20px;
height: 191px;
background: url(../img/logo/homepageHeader_bg.jpg) repeat-x 0 0;
}
#homepage #standardTwoColsLeft {
width: 68.5%;
}
#homepage .standardTwoColsRight {
width: 31.5%;
padding-top: 0;
}
#homepage #standardTwoColsLeft h2 {
margin-top: 0;
margin-bottom: 21px;
font-size: 0.95em;
padding: 3px 9px;
color: #fff;
background: #484848;
line-height: 1.4;
}
#homepage .standardTwoColsRight h2 {
margin: 0 20px 21px 20px;
}
#homepage .standardTwoColsRight div h2 {
margin: 0;
}
#homepage #standardTwoColsLeft p {
margin-bottom: 27px;
}
.homepageTeaserTwoColsLeft {
float: left;
width: 57%;
}
.homepageTeaserTwoColsRight {
float: left;
width: 43%;
}
.logoTeaser {
text-align: center;
margin-top: 30px !important;
padding-left: 0 !important;
}
.logoTeaser img {
margin-right: 12px !important;
margin-left: 12px !important;
}
#homepage #footer {
margin-top: 0;
}
#homepageNews {
margin-bottom: 10px;
}
#homepageNews h3 {
margin-top: 0 !important;
margin-bottom: 1em !important;
}
#homepageNews p {
margin-bottom: 17px !important;
}
#homepageNews hr {
border: none;
height: 7px;
width: 100%;
background: #484848;
margin: 0 20px -6px 20px;
}
#homepageNews .newsdate {
margin-left: 20px;
font-weight: bold;
}
#homepageTermine ul {
list-style-type: none;
padding-left: 0;
font-weight: bold;
}
.homepageBanner, .homepageImage {
position: relative;
margin-left: 20px;
margin-bottom: 20px;
}
.homepageBanner img, .homepageImage img {
width: 100%;
}
.homepageBanner a:focus {
background: none;
outline: none;
border-bottom: 2px solid #484848;
}
h2+.homepageBanner, h2+.homepageImage {
margin-top: -13px;
}
#homepage #accessibility {
position: absolute;
top: 4px;
right: 0;
}
#accessibility li a {
width: 15px;
height: 15px;
}
#homepage #accessibility #zoomIn {
background: url(../img/zoomIn_icon_homepage.gif) no-repeat 0 0;
}
#homepage #accessibility #zoomOut {
background: url(../img/zoomOut_icon_homepage.gif) no-repeat 0 0;
}
#homepage #accessibility #contrast {
background: url(../img/contrast_icon_homepage.gif) no-repeat 0 0;
}
#homepage #accessibility #help {
background: url(../img/help_icon_homepage.gif) no-repeat 0 0;
}
#homepage #accessibility #zoomIn:hover, #homepage #accessibility #zoomIn:focus,
#homepage #accessibility #zoomOut:hover, #homepage #accessibility #zoomOut:focus,
#homepage #accessibility #contrast:hover, #homepage #accessibility #contrast:focus,
#homepage #accessibility #help:hover, #homepage #accessibility #help:focus {
background-position: 0 -40px;
}
#homepage #dgsVideoLink {
margin-top: -21px;
margin-bottom: 18px;
position: relative;
width: auto;
background-color: transparent;
}
#homepage #dgsVideoContainer {
margin-bottom: 21px;
width: auto;
margin-right: 0;
}
#homepage #dgsVideoFormats h2 {
font-size: 1em;
margin-bottom: 1em;
background: none;
color: #484848;
padding: 0;
}

/* 4.10. Sitemap 
***************************************************************************************/

#sitemap #accessibility li {
float: left;
list-style-type: none;
}
#sitemap #accessibility li a {
display: block;
width: 14px;
height: 14px;
padding: 0 2px;
text-indent: -9999px;
}
#sitemap ul {
margin-left: 20px;
list-style-type: none;
line-height: 1.9;
}
#sitemap ul a {
text-transform: uppercase;
display: block;
color: #fff;
font-weight: bold;
background: #737373;
padding-left: 7px;
}
#sitemap ul a:focus {
}
#sitemap ul a:hover {
color: #484848;
background: #e9e9e9;
}
#sitemap ul ul ul a {
text-transform: none;
font-weight: bold;
color: #484848;
background: #fff;
display: inline;
padding-left: 3px;
}
#sitemap ul ul ul a:hover {
background: #fff;
}
#sitemap ul li ul {
margin-top: 20px;
}
#sitemap ul li ul ul {
margin-top: 0;
}
#sitemap ul ul {
margin: 0 0 20px 0;
padding-left: 20px;
}
#sitemap ul ul ul {
margin-top: 6px !important;
list-style-type: square;
}
#sitemap ul ul ul ul {
margin-top: 0 !important;
margin-bottom: 0;
}
#sitemap ul ul ul ul a {
font-weight: normal;
}

/* 4.11. Bildergalerie
***************************************************************************************/

#bildergalerie {
margin: 0 -2px 5px 20px;
}
#bildergalerie img {
margin: 0 20px 20px 0;
}
#bildergalerie a:focus {
outline: none;
background: none;
}
#bildergalerie a:focus img {
outline: 2px solid #484848;
}

/* 4.12. Suchergebnisseite
***************************************************************************************/

#suchergebnisse #standardTwoColsLeft {
width: 68.7%;
}
#suchergebnisse .standardTwoColsRight {
width: 31.3%;
}
#suchergebnisse .breadcrumbarea {
margin-left: 20px;
}
#suchergebnisse ol {
margin-left: 20px;
}
#suchergebnisse ol li {
font-weight: bold;
list-style-position: inside;
margin-bottom: 1em;
}
.suchergebnisContent {
font-weight: normal;
display: block;
margin-top: 0.67em;
}
.suchergebnisContent cite {
font-style: normal;
}
.suchergebnisContent a {
line-height: 3;
}
#suchergebnissePager {
margin-left: 20px;
overflow: hidden;
}
#suchergebnissePager li {
float: left;
list-style-type: none;
margin-right: 15px;
font-weight: bold;
}
#extendedSearch {
position: relative;
background: #f0f0f0;
padding: 15px;
overflow: hidden;
}
#extendedSearch form {
padding-right: 12px;
}
#extendedSearch .searchField {
border: none;
width: 100%;
height: 1.3em;
font: 1em Arial, Helvetica, sans-serif;
padding: 2px 5px 0 5px;
color: #2d2d2d;
border: 1px solid #cecece;
}
#extendedSearch .searchField:focus {
}
#extendedSearch .submit {
margin-top: 8px;
border: none;
height: 2em;
font-weight: bold !important;
padding: 0 7px;
color: #fff;
background-color: #484848;
font: 0.9em Arial, Helvetica, sans-serif;
}
#extendedSearch .submit:focus {
background: #949494;
}
#extendedSearch fieldset {
margin: 18px 0 0 0;
}
#extendedSearch fieldset input {
margin: 0 5px 7px 0;
}
#extendedSearch label {
display: inline;
position: relative;
}

/* 4.13 tt_news
********************************************************************************************************************/

span.newsdate{
margin-left:20px;
}



.standardTwoColsRight span.newsdate{
margin-left:0px;
font-weight:bold;
}

div.news-single-backlink{
margin-left:20px;
}

.news-search-emptyMsg{
margin-left: 20px;
margin-bottom:20px;
}

.news-single-item img{
margin-left: 20px;
margin-bottom: 10px;
}

div.terminSubheaderText{
font-weight:normal;
padding-top:5px;
}

/* 5. Colour-Coding
********************************************************************************************************************/
/*
#nav1stLevel li.colour01:hover { background: url(../img/nav1stLevel_bg.png) no-repeat 100% -810px; }
#nav1stLevel li.colour01:hover a { background: #949494 url(../img/nav1stLevel_bg.png) no-repeat 0 -90px; }

#nav1stLevel li.colour02:hover { background: url(../img/nav1stLevel_bg.png) no-repeat 100% -900px; }
#nav1stLevel li.colour02:hover a { background: #949494 url(../img/nav1stLevel_bg.png) no-repeat 0 -180px; }

#nav1stLevel li.colour03:hover { background: url(../img/nav1stLevel_bg.png) no-repeat 100% -990px; }
#nav1stLevel li.colour03:hover a { background: #949494 url(../img/nav1stLevel_bg.png) no-repeat 0 -270px; }

#nav1stLevel li.colour04:hover { background: url(../img/nav1stLevel_bg.png) no-repeat 100% -1080px; }
#nav1stLevel li.colour04:hover a { background: #949494 url(../img/nav1stLevel_bg.png) no-repeat 0 -360px; }

#nav1stLevel li.colour05:hover { background: url(../img/nav1stLevel_bg.png) no-repeat 100% -1170px; }
#nav1stLevel li.colour05:hover a { background: #949494 url(../img/nav1stLevel_bg.png) no-repeat 0 -450px; }

#nav1stLevel li.colour06:hover { background: url(../img/nav1stLevel_bg.png) no-repeat 100% -1260px; }
#nav1stLevel li.colour06:hover a { background: #949494 url(../img/nav1stLevel_bg.png) no-repeat 0 -540px; }

#nav1stLevel li.colour07:hover { background: url(../img/nav1stLevel_bg.png) no-repeat 100% -1350px; }
#nav1stLevel li.colour07:hover a { background: #949494 url(../img/nav1stLevel_bg.png) no-repeat 0 -630px; }
*/
/*
.colour01 #breadcrumbarea, .colour01 #nav4thLevel a { border-color: #484848; }
#.colour01 #nav2ndLevel ul li a, .colour01 #nav2ndLevel ul li a:link:hover, .colour01 #nav2ndLevel ul li a:link:focus { background: #949494; }
#.colour01 #nav2ndLevel ul li a:link, .colour01 #nav2ndLevel ul li a:visited { background: #484848; }
#.colour01 #nav2ndLevel ul li a:visited:hover, .colour01 #nav2ndLevel ul li a:visited:focus, .colour01 #nav2ndLevel ul li.expanded a { background: #949494; }
#.colour01 #nav2ndLevel ul ul li a { color: #949494 !important; border-color: #949494; }
#.colour01 #nav2ndLevel ul ul li a:link, .colour01 #nav2ndLevel ul ul li a:visited { border-color: #949494; }
#.colour01 #nav2ndLevel ul li.expanded a:link:hover, .colour01 #nav2ndLevel ul li.expanded a:link:focus,
#.colour01 #nav2ndLevel ul li.expanded a:visited:hover, .colour01 #nav2ndLevel ul li.expanded a:visited:focus { background: #949494; }
#.colour01 #nav4thLevel a:link, .colour01 #nav4thLevel a:visited { color: #484848; }

#.colour02 #breadcrumbarea, .colour02 #nav4thLevel a { border-color: #484848; }
#.colour02 #nav2ndLevel ul li a, .colour02 #nav2ndLevel ul li a:link:hover, .colour02 #nav2ndLevel ul li a:link:focus { background: #949494; }
#.colour02 #nav2ndLevel ul li a:link, .colour02 #nav2ndLevel ul li a:visited { background: #484848; }
#.colour02 #nav2ndLevel ul li a:visited:hover, .colour02 #nav2ndLevel ul li a:visited:focus, .colour02 #nav2ndLevel ul li.expanded a { background: #949494; }
#.colour02 #nav2ndLevel ul ul li a { color: #949494 !important; border-color: #949494; }
#.colour02 #nav2ndLevel ul ul li a:link, .colour02 #nav2ndLevel ul ul li a:visited { border-color: #949494; }
#.colour02 #nav2ndLevel ul li.expanded a:link:hover, .colour02 #nav2ndLevel ul li.expanded a:link:focus,
#.colour02 #nav2ndLevel ul li.expanded a:visited:hover, .colour02 #nav2ndLevel ul li.expanded a:visited:focus { background: #949494; }
#.colour02 #nav4thLevel a:link, .colour02 #nav4thLevel a:visited { color: #484848; }

#.colour03 #breadcrumbarea, .colour03 #nav4thLevel a { border-color: #484848; }
#.colour03 #nav2ndLevel ul li a, .colour03 #nav2ndLevel ul li a:link:hover, .colour03 #nav2ndLevel ul li a:link:focus { background: #949494; }
#.colour03 #nav2ndLevel ul li a:link, .colour03 #nav2ndLevel ul li a:visited { background: #484848; }
#.colour03 #nav2ndLevel ul li a:visited:hover, .colour03 #nav2ndLevel ul li a:visited:focus, .colour03 #nav2ndLevel ul li.expanded a { background: #949494; }
#.colour03 #nav2ndLevel ul ul li a { color: #949494 !important; border-color: #949494; }
#.colour03 #nav2ndLevel ul ul li a:link, .colour03 #nav2ndLevel ul ul li a:visited { border-color: #949494; }
#.colour03 #nav2ndLevel ul li.expanded a:link:hover, .colour03 #nav2ndLevel ul li.expanded a:link:focus,
#.colour03 #nav2ndLevel ul li.expanded a:visited:hover, .colour03 #nav2ndLevel ul li.expanded a:visited:focus { background: #949494; }
#.colour03 #nav4thLevel a:link, .colour03 #nav4thLevel a:visited { color: #484848; }


#.colour04 #breadcrumbarea, .colour04 #nav4thLevel a { border-color: #484848; }
#.colour04 #nav2ndLevel ul li a, .colour04 #nav2ndLevel ul li a:link:hover, .colour04 #nav2ndLevel ul li a:link:focus { background: #949494; }
#.colour04 #nav2ndLevel ul li a:link, .colour04 #nav2ndLevel ul li a:visited { background: #484848; }
#.colour04 #nav2ndLevel ul li a:visited:hover, .colour04 #nav2ndLevel ul li a:visited:focus, .colour04 #nav2ndLevel ul li.expanded a { background: #949494; }
#.colour04 #nav2ndLevel ul ul li a { color: #949494 !important; border-color: #949494; }
#.colour04 #nav2ndLevel ul ul li a:link, .colour04 #nav2ndLevel ul ul li a:visited { border-color: #949494; }
#.colour04 #nav2ndLevel ul li.expanded a:link:hover, .colour04 #nav2ndLevel ul li.expanded a:link:focus,
#.colour04 #nav2ndLevel ul li.expanded a:visited:hover, .colour04 #nav2ndLevel ul li.expanded a:visited:focus { background: #949494; }
#.colour04 #nav4thLevel a:link, .colour04 #nav4thLevel a:visited { color: #484848; }

#.colour05 #breadcrumbarea, .colour05 #nav4thLevel a { border-color: #484848; }
#.colour05 #nav2ndLevel ul li a, .colour05 #nav2ndLevel ul li a:link:hover, .colour05 #nav2ndLevel ul li a:link:focus { background: #949494; }
#.colour05 #nav2ndLevel ul li a:link, .colour05 #nav2ndLevel ul li a:visited { background: #484848; }
#.colour05 #nav2ndLevel ul li a:visited:hover, .colour05 #nav2ndLevel ul li a:visited:focus, .colour05 #nav2ndLevel ul li.expanded a { background: #949494; }
#.colour05 #nav2ndLevel ul ul li a { color: #949494 !important; border-color: #949494; }
#.colour05 #nav2ndLevel ul ul li a:link, .colour05 #nav2ndLevel ul ul li a:visited { border-color: #949494; }
#.colour05 #nav2ndLevel ul li.expanded a:link:hover, .colour05 #nav2ndLevel ul li.expanded a:link:focus,
#.colour05 #nav2ndLevel ul li.expanded a:visited:hover, .colour05 #nav2ndLevel ul li.expanded a:visited:focus { background: #949494; }
#.colour05 #nav4thLevel a:link, .colour05 #nav4thLevel a:visited { color: #484848; }

#.colour06 #breadcrumbarea, .colour06 #nav4thLevel a { border-color: #484848; }
#.colour06 #nav2ndLevel ul li a, .colour06 #nav2ndLevel ul li a:link:hover, .colour06 #nav2ndLevel ul li a:link:focus { background: #949494; }
#.colour06 #nav2ndLevel ul li a:link, .colour06 #nav2ndLevel ul li a:visited { background: #484848; }
#.colour06 #nav2ndLevel ul li a:visited:hover, .colour06 #nav2ndLevel ul li a:visited:focus, .colour06 #nav2ndLevel ul li.expanded a { background: #949494; }
#.colour06 #nav2ndLevel ul ul li a { color: #949494 !important; border-color: #949494; }
#.colour06 #nav2ndLevel ul ul li a:link, .colour06 #nav2ndLevel ul ul li a:visited { border-color: #949494; }
#.colour06 #nav2ndLevel ul li.expanded a:link:hover, .colour06 #nav2ndLevel ul li.expanded a:link:focus,
#.colour06 #nav2ndLevel ul li.expanded a:visited:hover, .colour06 #nav2ndLevel ul li.expanded a:visited:focus { background: #949494; }
#.colour06 #nav4thLevel a:link, .colour06 #nav4thLevel a:visited { color: #484848; }

#.colour07 #breadcrumbarea, .colour07 #nav4thLevel a { border-color: #484848; }
#.colour07 #nav2ndLevel ul li a, .colour07 #nav2ndLevel ul li a:link:hover, .colour07 #nav2ndLevel ul li a:link:focus { background: #949494; }
#.colour07 #nav2ndLevel ul li a:link, .colour07 #nav2ndLevel ul li a:visited { background: #484848; }
#.colour07 #nav2ndLevel ul li a:visited:hover, .colour07 #nav2ndLevel ul li a:visited:focus, .colour07 #nav2ndLevel ul li.expanded a { background: #949494; }
#.colour07 #nav2ndLevel ul ul li a { color: #949494 !important; border-color: #949494; }
#.colour07 #nav2ndLevel ul ul li a:link, .colour07 #nav2ndLevel ul ul li a:visited { border-color: #949494; }
#.colour07 #nav2ndLevel ul li.expanded a:link:hover, .colour07 #nav2ndLevel ul li.expanded a:link:focus,
#.colour07 #nav2ndLevel ul li.expanded a:visited:hover, .colour07 #nav2ndLevel ul li.expanded a:visited:focus { background: #949494; }
#.colour07 #nav4thLevel a:link, .colour07 #nav4thLevel a:visited { color: #484848; }
*/

.colour01 .breadcrumbarea, .colour01 #nav4thLevel a { border-color: #e10019; }
.colour01 #nav2ndLevel ul li a, .colour01 #nav2ndLevel ul li a:link:hover, .colour01 #nav2ndLevel ul li a:link:focus { background: #9b000f; }
.colour01 #nav2ndLevel ul li a:link, .colour01 #nav2ndLevel ul li a:visited { background: #e10019; }
.colour01 #nav2ndLevel ul li a:visited:hover, .colour01 #nav2ndLevel ul li a:visited:focus, .colour01 #nav2ndLevel ul li.expanded a { background: #9b000f; }
.colour01 #nav2ndLevel ul ul li a { color: #9b000f !important; border-color: #9b000f; }
.colour01 #nav2ndLevel ul ul li a:link, .colour01 #nav2ndLevel ul ul li a:visited { border-color: #9b000f; }
.colour01 #nav2ndLevel ul li.expanded a:link:hover, .colour01 #nav2ndLevel ul li.expanded a:link:focus,
.colour01 #nav2ndLevel ul li.expanded a:visited:hover, .colour01 #nav2ndLevel ul li.expanded a:visited:focus { background: #80000d; }
.colour01 #nav4thLevel a:link, .colour01 #nav4thLevel a:visited { color: #e10019; }

.colour02 .breadcrumbarea, .colour02 #nav4thLevel a { border-color: #e10019; }
.colour02 #nav2ndLevel ul li a, .colour02 #nav2ndLevel ul li a:link:hover, .colour02 #nav2ndLevel ul li a:link:focus { background: #9b000f; }
.colour02 #nav2ndLevel ul li a:link, .colour02 #nav2ndLevel ul li a:visited { background: #e10019; }
.colour02 #nav2ndLevel ul li a:visited:hover, .colour02 #nav2ndLevel ul li a:visited:focus, .colour02 #nav2ndLevel ul li.expanded a { background: #9b000f; }
.colour02 #nav2ndLevel ul ul li a { color: #9b000f !important; border-color: #9b000f; }
.colour02 #nav2ndLevel ul ul li a:link, .colour02 #nav2ndLevel ul ul li a:visited { border-color: #9b000f; }
.colour02 #nav2ndLevel ul li.expanded a:link:hover, .colour02 #nav2ndLevel ul li.expanded a:link:focus,
.colour02 #nav2ndLevel ul li.expanded a:visited:hover, .colour02 #nav2ndLevel ul li.expanded a:visited:focus { background: #80000d; }
.colour02 #nav4thLevel a:link, .colour02 #nav4thLevel a:visited { color: #e10019; }

.colour03 .breadcrumbarea, .colour03 #nav4thLevel a { border-color: #e10019; }
.colour03 #nav2ndLevel ul li a, .colour03 #nav2ndLevel ul li a:link:hover, .colour03 #nav2ndLevel ul li a:link:focus { background: #9b000f; }
.colour03 #nav2ndLevel ul li a:link, .colour03 #nav2ndLevel ul li a:visited { background: #e10019; }
.colour03 #nav2ndLevel ul li a:visited:hover, .colour03 #nav2ndLevel ul li a:visited:focus, .colour03 #nav2ndLevel ul li.expanded a { background: #9b000f; }
.colour03 #nav2ndLevel ul ul li a { color: #9b000f !important; border-color: #9b000f; }
.colour03 #nav2ndLevel ul ul li a:link, .colour03 #nav2ndLevel ul ul li a:visited { border-color: #9b000f; }
.colour03 #nav2ndLevel ul li.expanded a:link:hover, .colour03 #nav2ndLevel ul li.expanded a:link:focus,
.colour03 #nav2ndLevel ul li.expanded a:visited:hover, .colour03 #nav2ndLevel ul li.expanded a:visited:focus { background: #80000d; }
.colour03 #nav4thLevel a:link, .colour03 #nav4thLevel a:visited { color: #e10019; }

.colour04 .breadcrumbarea, .colour04 #nav4thLevel a { border-color: #e10019; }
.colour04 #nav2ndLevel ul li a, .colour04 #nav2ndLevel ul li a:link:hover, .colour04 #nav2ndLevel ul li a:link:focus { background: #9b000f; }
.colour04 #nav2ndLevel ul li a:link, .colour04 #nav2ndLevel ul li a:visited { background: #e10019; }
.colour04 #nav2ndLevel ul li a:visited:hover, .colour04 #nav2ndLevel ul li a:visited:focus, .colour04 #nav2ndLevel ul li.expanded a { background: #9b000f; }
.colour04 #nav2ndLevel ul ul li a { color: #9b000f !important; border-color: #9b000f; }
.colour04 #nav2ndLevel ul ul li a:link, .colour04 #nav2ndLevel ul ul li a:visited { border-color: #9b000f; }
.colour04 #nav2ndLevel ul li.expanded a:link:hover, .colour04 #nav2ndLevel ul li.expanded a:link:focus,
.colour04 #nav2ndLevel ul li.expanded a:visited:hover, .colour04 #nav2ndLevel ul li.expanded a:visited:focus { background: #80000d; }
.colour04 #nav4thLevel a:link, .colour04 #nav4thLevel a:visited { color: #e10019; }

.colour05 .breadcrumbarea, .colour05 #nav4thLevel a { border-color: #e10019; }
.colour05 #nav2ndLevel ul li a, .colour05 #nav2ndLevel ul li a:link:hover, .colour05 #nav2ndLevel ul li a:link:focus { background: #9b000f; }
.colour05 #nav2ndLevel ul li a:link, .colour05 #nav2ndLevel ul li a:visited { background: #e10019; }
.colour05 #nav2ndLevel ul li a:visited:hover, .colour05 #nav2ndLevel ul li a:visited:focus, .colour05 #nav2ndLevel ul li.expanded a { background: #9b000f; }
.colour05 #nav2ndLevel ul ul li a { color: #9b000f !important; border-color: #9b000f; }
.colour05 #nav2ndLevel ul ul li a:link, .colour05 #nav2ndLevel ul ul li a:visited { border-color: #9b000f; }
.colour05 #nav2ndLevel ul li.expanded a:link:hover, .colour05 #nav2ndLevel ul li.expanded a:link:focus,
.colour05 #nav2ndLevel ul li.expanded a:visited:hover, .colour05 #nav2ndLevel ul li.expanded a:visited:focus { background: #80000d; }
.colour05 #nav4thLevel a:link, .colour05 #nav4thLevel a:visited { color: #e10019; }

.colour06 .breadcrumbarea, .colour06 #nav4thLevel a { border-color: #e10019; }
.colour06 #nav2ndLevel ul li a, .colour06 #nav2ndLevel ul li a:link:hover, .colour06 #nav2ndLevel ul li a:link:focus { background: #9b000f; }
.colour06 #nav2ndLevel ul li a:link, .colour06 #nav2ndLevel ul li a:visited { background: #e10019; }
.colour06 #nav2ndLevel ul li a:visited:hover, .colour06 #nav2ndLevel ul li a:visited:focus, .colour06 #nav2ndLevel ul li.expanded a { background: #9b000f; }
.colour06 #nav2ndLevel ul ul li a { color: #9b000f !important; border-color: #9b000f; }
.colour06 #nav2ndLevel ul ul li a:link, .colour06 #nav2ndLevel ul ul li a:visited { border-color: #9b000f; }
.colour06 #nav2ndLevel ul li.expanded a:link:hover, .colour06 #nav2ndLevel ul li.expanded a:link:focus,
.colour06 #nav2ndLevel ul li.expanded a:visited:hover, .colour06 #nav2ndLevel ul li.expanded a:visited:focus { background: #80000d; }
.colour06 #nav4thLevel a:link, .colour06 #nav4thLevel a:visited { color: #e10019; }

.colour07 .breadcrumbarea, .colour07 #nav4thLevel a { border-color: #e10019; }
.colour07 #nav2ndLevel ul li a, .colour07 #nav2ndLevel ul li a:link:hover, .colour07 #nav2ndLevel ul li a:link:focus { background: #9b000f; }
.colour07 #nav2ndLevel ul li a:link, .colour07 #nav2ndLevel ul li a:visited { background: #e10019; }
.colour07 #nav2ndLevel ul li a:visited:hover, .colour07 #nav2ndLevel ul li a:visited:focus, .colour07 #nav2ndLevel ul li.expanded a { background: #9b000f; }
.colour07 #nav2ndLevel ul ul li a { color: #9b000f !important; border-color: #9b000f; }
.colour07 #nav2ndLevel ul ul li a:link, .colour07 #nav2ndLevel ul ul li a:visited { border-color: #9b000f; }
.colour07 #nav2ndLevel ul li.expanded a:link:hover, .colour07 #nav2ndLevel ul li.expanded a:link:focus,
.colour07 #nav2ndLevel ul li.expanded a:visited:hover, .colour07 #nav2ndLevel ul li.expanded a:visited:focus { background: #80000d; }
.colour07 #nav4thLevel a:link, .colour07 #nav4thLevel a:visited { color: #e10019; }

/* 6. Frontend-Editing
********************************************************************************************************************/

.typo3-editPanel {
width: 100%;
}
.typo3-editPanel-controls {
background: #e8e8e8;
padding-bottom: 7px;
width: 20px;
}
.typo3-editPanel-controls img {
margin: 0 2px;	
width: auto !important;
}
.typo3-editPanel-label {
background: #e8e8e8;
border-left: 2px solid #fff;
padding: 0px 0 4px 4px;
}
.frontEndEditIcons {
margin-left: 4px;
width: auto !important;
}
#standardTwoColsRight .typo3-editPanel {
margin: 10px 0 20px 0;	
}


/* 7. Float-Clearing
********************************************************************************************************************/

.clearfloats {
clear: both;
visibility: hidden;
}


/* 8. Accessibility
********************************************************************************************************************/

.invisible {
position: absolute !important;
top: -9999px !important;
left: -9999px !important;
}
#skiparea h1, #skiparea a, #nav1stLevel dfn, #nav2ndLevel dfn, #nav4thLevel dfn, #start, #suchfunktion, #hauptnavigation, #inhalt {
position: absolute;
top: -9999px;
left: -9999px;
}
#skiparea a:focus {
z-index: 99;
position: relative;
display: block;
top: 0;
left: 0;
width: 100%;
padding: 5px 0 8px 0;
text-align: left;
text-indent: 20px;
font-weight: bold;
font-size: 1.4em;
color: #fff;
background: #484848;
outline: none;
text-decoration: underline;
} 

img.spamprotectimg {
	fload: none;
	padding: 0;
	margin: 0;
	border: 0;
}


/* 9. Text-Styles
********************************************************************************************************************/
.align-right  {
text-align: right;
}

.align-left   {
text-align: left;
}

.align-center   {
text-align: center;
}

.align-justify   {
text-align: justify;
}

.csc-textpic-imagewrap {
margin-right:20px;
margin-left:20px;
}


/* 10. rechte Spalte
***************************************************************************************************************/
#standardTwoColsRight .contentItem  .csc-header  h2{
margin-bottom: 10px;
}

#standardTwoColsRight .contentItem  {
padding-bottom: 20px;
}

.tx-nidaglinkbox-pi1 {
padding-bottom: 10px;
}

/* 11. IFrame 
*******************************************************************/
.tx-ffiframe-pi1{
margin-left:20px;

}

/* linke spalte
*****************************************************************/
#standardTwoColsLeft .contentItem .csc-header h2{
margin-top: 8px;
}

div.csc-textpic-imagewrap {
 padding-left: 20px;
 overflow:hidden;
}



img {
border-color: #484848;	
}


/* Ich engagiere mich weil ... (auf Startseite Hochschule)
***************************************************************/

#c16822  + .contentItem {
height: 239px;
margin-bottom: 10px;
overflow: hidden;
}

#engagement  {
height: 158px;
margin-bottom: 10px;
overflow: hidden;
}

#c26905  + .contentItem {
height: 239px;
margin-bottom: 10px;
overflow: hidden;
}

a.button {
width: auto;
border: none;
height: 1.77em;
margin: 0;
padding-left: 6px !important;
padding-right: 6px !important;
font-weight: bold !important;
text-decoration: none;
padding: 0 0 0.1em 0;
color: #fff;
background-color: #484848;
font: 1.1em Arial, Helvetica, sans-serif;
}

a.button {
width: auto;
border: none;
height: 1.77em;
margin: 0;
padding-left: 6px !important;
padding-right: 6px !important;
font-weight: bold !important;
text-decoration: none;
padding: 0 0 0.1em 0;
color: #fff;
background-color: #484848;
font: 1.1em Arial, Helvetica, sans-serif;
}

td img {
	vertical-align: top !important;
}

/* Videolink auf Videoseite HSRM ***************************/
#hsrmVideoTitel{
	float:left;
}
#hsrmVideoLink{
    text-align:right;
	
}