/* elements */
body {
background-image: url(../images/wm_bg.gif);
background-repeat: repeat-x;
background-color: #E6F0F2;
color: #000000;
font-size: 100%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 0 0 0 18px;
padding: 0;
}

.ar body {
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
}

/* zentrale links */
a{
color: #1F4991;
text-decoration: none}
a:hover{
text-decoration: underline}

h2{
color: #000000;
font: bold 1.1em Verdana,Arial,sans-serif;
padding:10px 0 0 0;
margin:0}

form{
margin: 0;
padding: 0}

input.bordered {
border: 1px solid #666666;
color: #1F4991}

input.noborder {
border: none;
color: #1F4991}

.ar .logo {
	float: right;
	width: 196px;
}
.ar .keyvisual {
	float: left;
	width: 756px;
	margin-left: -18px;
}
/* Container */
#main{
width: 952px;
top: 0;
margin:0;
clear: both}

#headblock {
position: absolute;
top: 0;
margin: 0 0 0 0;
height: 110px;
width: 952px;
clear: both}

/* umschließt den gesamten content und navi*/
#wrapper{
margin-top: 110px;
width: 952px;
clear: both}

#naviblock {
border-top: 5px solid #1F4991;
height:1%;  /* für IE */
/*height: 100%;*/
width: 196px;
float: left;}

/**sprachabhängig arabisch*/
.ar #naviblock {
float: right;
}


#naviblock a{
color: #FFFFFF;
text-decoration: none}

/* für keyvisual über 2 spalten */
#rv{
position: relative;
width: 736px;
float: left;
border-bottom: 10px solid #E6F0F2;
margin: 0 0 0 0}

/* umschliesst 2 spalten */
#inner{
width: 736px;
float: left;
margin: 0 0 0 20px}

.ar #inner{
float: right;
margin: 0 20px 0 0px
}



#marginalblock {
float: right;
width: 176px}

#marginalblock table h1 {
font-size: 0.7em;
font-weight: normal;
}

.ar #marginalblock {
float: left;
width: 176px}

#contentblock{
width: 540px;
float: left;
padding-bottom: 10px;
margin: 0 0 10px 0}

.ar #contentblock{
float: right;
margin: 0 0 10px 0}


/* Footer */
#footerblock {
margin: 10px 0 0 0;
clear: both;
width: 952px}

div#footerblock .footer{
border-top: #76A4D7 4px solid;
background-color: #FFFFFF;
height: 12px}

div#footerblock .copyright a, div#footerblock .copyright a:visited {
color: #2b477f;
white-space: nowrap}

.copyright{
color: #6F6F6E;
font-size: 0.65em;
margin-bottom: 20px;
padding-top: 6px}
/* ende Footer */

/* inhalt von hederblock */
div.servicenavi{
color: #1F4991;
margin: 0;
padding: 0;
float: left;
width: 952px}

.servicenavi input.suche {
min-height: 16px;
border: 1px solid #B0B0B0;
width: 130px;
color: #1F4991;
font-size: 0.65em !important;
margin: 0 5px 2px 0}

.servicenavi input{
padding: 2px 0 0 2px;
margin: -1px 0 2px 0}

.ar .servicenavi input.suche{
float: right;
margin-top: 2px!important;
}



.servicenavi label{
display: none}

.quicknavi {
float: left;
text-align: right;
width: 165px;
}

.ar .quicknavi {
float: right;
text-align: left;
width: 165px;
}

.quicksearch {
float: right;
width:160px;
}

.ar .quicksearch {
float: left;
width:160px;
}


.servicenavi input.button{
margin: 2px 2px 0 0}

.ar .servicenavi input.button{
float: left;
}

.servicenavileft{
float: left;
width: 400px;
padding-left: 216px;
padding-bottom: 1px;
font-size: 0.5em;
}
.servicenavileft[class]{
width: 400px;
}
.ar .servicenavileft{ 
float: right;
text-align: right;
padding-left:0;
padding-right: 216px;
}

.servicenaviright {
white-space: nowrap; /* für opera */ 
float: left;
text-align: right;
width: 335px;
margin: -2px 0 2px 0;
}
.ar .servicenaviright {
float: right;
}


.servicenavi ul, .servicenavi ul li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
}
.servicenavi li a.aktiv:link, .servicenavi li a.aktiv:visited, .servicenavi li a.aktiv:hover, .servicenavi li a.aktiv:active{
color: #000000;
background-color: #E6F0F2}

.servicenavi a.servicenav:link, .servicenavi a.servicenav:visited, .servicenavi a.servicenav:hover, .servicenavi a.servicenav:active{
color: #1F4991;
font-weight: normal;
font-family: Verdana,Arial,sans-serif;
font-size: 70%;
line-height: 20px;
margin: 0;
padding: 4px 3px 5px 0px;
text-decoration: none}

.servicenavi a.servicenav:hover {
text-decoration: underline}

.servicenavi ul {
display: block;
height: 21px;
overflow: hidden;
}
.servicenavi li.ar {
	border-right: 1px solid #fff;
	margin-left: -1px;
} 
.servicenavi li.ar[class] {
	border-right: 0;
	margin-left: 0px;
}
.servicenavi li a.sprachver , .servicenavi li a.sprachver:link, .servicenavi li a.sprachver:visited, .servicenavi li a.sprachver:hover, .servicenavi li a.sprachver:active,  .servicenavi li a.sprachver:focus {
color: #1F4991;
border-left: 1px solid #1F4991;
border-right: 1px solid #1F4991;
border-top: 1px solid #1F4991;
background-color: #FFFFFF;
line-height: 22px;
font-weight: normal;
font-family: Verdana,Arial,sans-serif;
font-size: 1.1em;
padding: 2px 4px 6px 4px;
margin: 0;
text-decoration: none;
text-align: left;
overflow: hidden;
}

html>body .servicenavi li a.sprachver , .servicenavi li a.sprachver:link, .servicenavi li a.sprachver:visited, .servicenavi li a.sprachver:hover, .servicenavi li a.sprachver:active,  .servicenavi li a.sprachver:focus {
padding: 2px 4px 4px 4px!important;
}
.servicenavi li a.sprachver:hover {
background-color: #1F4991;
color: #FFFFFF}

.servicenavi li a.jp, .servicenavi li a.jp:link, .servicenavi li a.jp:visited, .servicenavi li a.jp:hover, .servicenavi li a.jp:active {
padding: 2px 4px 6px 4px;
}

html>body .servicenavi li a.jp, .servicenavi li a.jp:link, .servicenavi li a.jp:visited, .servicenavi li a.jp:hover, .servicenavi li a.jp:active {
font-size: 11px important!;
/*padding: 2px 4px 7px 4px;*/
padding: 2px 4px 4px 4px;
}

.servicenavi li a.ar, .servicenavi li a.ar:link, .servicenavi li a.ar:visited, .servicenavi li a.ar:hover, .servicenavi li a.ar:active {
font-family: Tahoma, sans-serif;
margin-right: 0px!important;
dispay: block;
padding: 3px 0px 7px 2px!important;

}
html>body .servicenavi li a.ar, .servicenavi li a.ar:link, .servicenavi li a.ar:visited, .servicenavi li a.ar:hover, .servicenavi li a.ar:active {
padding-top: 3px!important;
margin-right: 0px!important;
padding: 2px 0px 4px 2px!important;
}

.servicenavi li a.aktiv:link, .servicenavi li a.aktiv:visited, .servicenavi li a.aktiv:hover, .servicenavi li a.aktiv:active{
color: #000000;
background-color: #E6F0F2}

/* Navigation */
.navibox{
border-bottom: 20px solid #E6F0F2;
font-size:70%;
line-height: 120%;
background-color: #1F4991;
width: 196px;
margin-bottom: 6px}

.navigate{
background-color: #1F4991;
color: #FFFFFF;
width: 196px;
overflow: hidden}

.navigate ul{
color: #FFFFFF;
width: 196px;
list-style-type: none;
border-top: 1px dotted #76A4D7;
border-bottom: 5px solid #1F4991;
margin: 0;
padding: 0}

.navigate ul ul{
border: none;
list-style-type: none;
padding: 0}

.navigate li{
list-style-type: none;
display: inline}

/* erste ebene */
.navigate li a:link, .navigate li a:visited, .navigate li a:hover, .navigate li a:active{
display: block;
background-color: #1F4991;
border-bottom: 1px dotted #76A4D7;
padding: 5px 0 7px 26px;
background-image: url(../images/nav_pfeil.gif);
background-position: top left;
background-repeat:  no-repeat;
width: 176px;
font-weight: normal}

.ar .navigate li a:link, .ar .navigate li a:visited, .ar .navigate li a:hover, .ar .navigate li a:active{
	padding: 5px 26px 7px 0;
	background: url(../images/ar/nav_pfeil.gif) no-repeat 185px 1px;
}

.navigate li a:hover, .ar .navigate li a:hover{
text-decoration: none;
background-color: #517EBD}

.navigate li a.firstopen:link, .navigate li a.firstopen:visited, .navigate li a.firstopen:hover, .navigate li a.firstopen:active{
font-weight: bold;
background-image: url(../images/nav_pfeil_open.gif);
background-position: top left;
background-repeat:  no-repeat}

.navigate li a.firstopen:hover{
text-decoration: none;
background-color: #517EBD}

.ar .navigate li a.firstopen:link, .ar .navigate li a.firstopen:visited, .ar .navigate li a.firstopen:hover, .ar .navigate li a.firstopen:active{
padding: 5px 26px 7px 0px;
background: url(../images/nav_pfeil_open.gif) no-repeat  175px 1px!important;
}



.navigate ul li a.firstaktiv:link, .navigate ul li a.firstaktiv:visited, .navigate ul li a.firstaktiv:hover, .navigate ul li a.firstaktiv:active{
background-color: #183878 !important;
padding: 5px 0 7px 26px;
font-weight: bold;
background-image: url(../images/nav_pfeil_open.gif);
background-position: top left;
background-repeat: no-repeat}

.ar .navigate ul li a.firstaktiv:link, .ar .navigate ul li a.firstaktiv:visited, .ar .navigate ul li a.firstaktiv:hover, .ar .navigate ul li a.firstaktiv:active{
padding: 5px 26px 7px 0px;
background: url(../images/nav_pfeil_open.gif) no-repeat  175px 1px;
}

.navigate ul li a.firstopenaktiv:link, .navigate ul li a.firstopenaktiv:visited, .navigate ul li a.firstopenaktiv:hover, .navigate ul li a.firstopenaktiv:active{
padding: 5px 0 7px 26px;
font-weight: bold;
background-color: #183878;
background-image: url(../images/nav_pfeil_open.gif);
background-position: top left;
background-repeat: no-repeat}

.ar .navigate ul li a.firstopenaktiv:link, .ar .navigate ul li a.firstopenaktiv:visited, .ar .navigate ul li a.firstopenaktiv:hover, .ar .navigate ul li a.firstopenaktiv:active {
padding: 5px 26px 7px 0;
background: #183878 url(../images/nav_pfeil_open.gif) no-repeat  175px 1px;
}

/* zweite ebene */
.navigate ul ul{
margin-bottom:1px; /* bugfix Mozilla */}

.navigate li li a:link, .navigate li li  a:visited, .navigate li li  a:hover, .navigate li li a:active{
background-image: none;
background-color: #1F4991;
padding: 5px 0 7px 34px;
width: 165px}

.ar .navigate li li a:link, .ar .navigate li li  a:visited, .ar .navigate li li  a:hover, .ar .navigate li li a:active{
padding: 5px 34px 7px 0;
}

.navigate li li a:hover, .ar .navigate li li a:hover{
background-color: #517EBD}

.navigate li li a.secondopen:link, .navigate li li a.secondopen:visited, .navigate li li a.secondopen:hover, .navigate li li a.secondopen:active{
background-image: none;
background-color: #1F4991;
font-weight: bold}

.navigate li li a.secondopen:hover{
background-color: #517EBD}

.navigate li li a.secondaktiv:link, .navigate li li a.secondaktiv:visited, .navigate li li a.secondaktiv:hover, .navigate li li a.secondaktiv:active{
border-bottom: 1px dotted #76A4D7;
padding: 5px 0 7px 34px;
background-color: #183878;
font-weight: bold}

.ar .navigate li li a.secondaktiv:link, .ar .navigate li li a.secondaktiv:visited, .ar .navigate li li a.secondaktiv:hover, .ar .navigate li li a.secondaktiv:active{
padding: 5px 34px 7px 0;
}

.navigate li li a.secondopenaktiv:link, .navigate li li a.secondopenaktiv:visited, .navigate li li a.secondopenaktiv:hover, .navigate li li a.secondopenaktiv:active{
border-bottom: 1px dotted #76A4D7;
padding: 5px 0 7px 34px;
background-color: #183878;
font-weight: bold}

.ar .navigate li li a.secondopenaktiv:link, .ar .navigate li li a.secondopenaktiv:visited, .ar .navigate li li a.secondopenaktiv:hover, .ar .navigate li li a.secondopenaktiv:active{
padding: 5px 34px 7px 0;
}

/* dritte ebene */
.navigate li li li a:link, .navigate li li li a:visited, .navigate li li li a:hover, .navigate li li li a:active{
background-image: none;
background-color: #1F4991;
padding: 5px 0 7px 42px;
width: 155px}

.ar .navigate li li li a:link, .ar .navigate li li li a:visited, .ar .navigate li li li a:hover,.ar .navigate li li li a:active{
padding: 5px 42px 7px 0;
}

.navigate li li li a:hover, .ar .navigate li li li a:hover{
background-color: #517EBD}

.navigate li li li a.thirdaktiv:link, .navigate li li li a.thirdaktiv:visited, .navigate li li li a.thirdaktiv:hover, .navigate li li li a.thirdaktiv:active{
border-bottom: 1px dotted #76A4D7;
padding: 5px 0 7px 42px;
background-color: #183878;
font-weight: bold}

.ar .navigate li li li a.thirdaktiv:link, .ar .navigate li li li a.thirdaktiv:visited, .ar .navigate li li li a.thirdaktiv:hover, .ar .navigate li li li a.thirdaktiv:active{
padding: 5px 42px 7px 0;

}
/* ende Navigation */
/* Homepage Teaser */
.teaserbox{
margin-bottom: 10px;
background-color: #FFFFFF;
padding: 8px 8px 12px 8px;
color:#000}

.teaserbox ul {
list-style-type: none;
margin: 0;
padding: 0}

.teaserbox ul li a{
background-image: url(../images/li_pfeil.gif);
background-position: top left;
background-repeat: no-repeat;
color: #000000!important;
margin: 0;
padding: 0 0 0 14px}

.ar .teaserbox ul li a{
background-image: url(../images/ar/li_pfeil.gif);
}
.teaserbox a{
color: #1F4991!important;
}
.teaserbox a:hover{
text-decoration: underline!important;}

.teasertopline {
margin: 0;
font-size: 65%;
text-transform: uppercase;
letter-spacing: 1px;
background-color: #FF9900;
padding: 2px 8px 2px 8px;
color: #000;
font-weight: normal}

.teaserflash{
padding:0;
margin-bottom:10px}

/* marginalspalte rechts Teaser DP */
.margteasertopline {
margin: 0;
border-bottom: 10px solid #ffffff;
font-size: 65%;
text-transform: uppercase;
letter-spacing: 0.05em;
background-color: #76A4D7;
padding: 2px 8px 2px 8px;
color: #000;
font-weight: normal}
.magteaserbox {
background-color: #FFFFFF;

margin-bottom:10px;
color:#333333}

#columnwideblock {
background-color: #ffffff;
width: 736px;
/*float: left;*/
padding-bottom: 10px;
margin: 0 0 10px 0}


#errorblock {
background-color: #ffffff;
width: 736px;
padding: 10px 0 10px 0;
margin-top:110px;
margin-left:216px;}

#errorblock h1 {
font: bold 0.9em Verdana,Arial,sans-serif;
margin: 0 10px 0px 10px}
/* bei zweispaltigen, gleichbreitem raster  */
#columnleft {
width: 358px;
float: left}

.ar #columnleft {
float: right
}

/* bei zweispaltigen, gleichbreitem raster  */
#columnright {
width: 358px;
float: right}

.ar #columnright {
float: left
}
/* einzelsicht styles */
.contentboxez {
line-height: 130%;
font-size: 70%;
background-color: #FFFFFF;
padding: 0;
margin: 0;
border-bottom: #E6F0F2 10px solid; 
color: #000000}

.contentboxez h1{
color: #000000;
font: bold 1.6em Verdana,Arial,sans-serif;
padding: 0;
margin: 0 0 10px 0}

.contentboxez h1.small{
color: #000000;
font: bold 1.1em Verdana,Arial,sans-serif;
padding: 0;
margin: 0}

h1.small a:link, h1.small a:visited, h1.small a:hover, h1.small a:active {
color: #000000 !important;
padding: 0;
margin: 0}

h1.small a:hover {
text-decoration: underline}

.kurztext {
font-weight: bold !important;
color:#333333 !important;
margin-top: 30px}

/* Bildbox */
.bildbox {
padding: 0px 10px 10px 0px;
width: 176px;
float: left}

.ar .bildbox{
float: right;
padding: 0px 0px 10px 10px;
}

.bildboxgalerie {
padding: 0px 10px 10px 0px;
float: left;
text-align: center;
}

.ar .bildboxgalerie {
padding: 0px 0px 10px 10px;
float: right;
}

.bildboxhead {
width: 706px;
}

.bildboxheadL {
float:left;
text-transform: uppercase;
font: bold 0.9em Verdana,Arial,sans-serif;
}

.bildboxheadR {
float:right;
text-transform: uppercase;
font: 0.9em Verdana,Arial,sans-serif;
}

.bu {
margin: 0;
padding: 0px 10px 0px 10px;
color: #333333;
font: 0.9em Verdana,Arial,sans-serif;
display: block}

.bildrechte{
margin: 0px;
padding: 0 10px 0 10px;
color: #999999;
font: 0.9em Verdana,Arial,sans-serif;
display: block}

.bildrechtegalerie{
margin: 0px;
padding: 3px 0px;
color: #999999;
font: 0.9em Verdana,Arial,sans-serif;
display: block}

.datum{
color: #333333;
font: bold 1em Verdana,Arial,sans-serif}
/* ende Bildbox */

.subinfo {
margin: 0;
color: #000000;
font: bold 1em Verdana,Arial,sans-serif}

.abstandbox {
padding: 0 8px 0 8px;
margin-bottom: 10px}

hr.contentlinethick { 
background-color: #1F4991; 
color: #1F4991; 
border: #1F4991; 
height: 3px}

.line{
border-top: #517EBD 1px dotted;
height: 1px;
font-size: 1px;
margin: 5px 0 10px 0;
padding: 0}

.doppelline{
border-top: #517EBD 1px dotted;
height: 1px;
font-size:1px;
margin: 0 0 2px 0;
padding: 0}

a.contentfusslink:link, a.contentfusslink:visited, a.contentfusslink:hover, a.contentfusslink:active {
display: block;
background: url(../images/href_pfeil.gif) top left no-repeat;
margin-right: 8px;
padding-left: 2.8em;
color: #1F4991}

.ar a.contentfusslink:link, .ar a.contentfusslink:visited, .ar a.contentfusslink:hover, .ar a.contentfusslink:active {
background: url(../images/ar/href_pfeil.gif) top right no-repeat!important;
padding-right: 2.8em;
}
a.contentfussanlagen:link, a.contentfussanlagen:visited, a.contentfussanlagen:hover, a.contentfussanlagen:active {
display: block;
min-height: 20px;
background-image: url(../images/href_anlagen.gif);
background-position: top left;
background-repeat: no-repeat;
margin-right: 8px;
padding-left: 2.8em;
padding-bottom: 0.4em;
color: #1F4991}

.contentfuss{
padding: 10px 10px 10px 10px}

.nlcontentboxez {
line-height: 130%;
font-size: 70%;
background-color: #FFFFFF;
padding: 0;
margin: 0;
color: #000000}

.nlcontentboxez h1{
color: #000000;
font: bold 1.6em Verdana,Arial,sans-serif;
padding: 0;
margin: 0 0 10px 0}

.nlcontentboxez h1.small{
color: #000000;
font: bold 1.1em Verdana,Arial,sans-serif;
padding: 0;
margin: 0}

/* listenansicht */
.listenteaser{
border: 1px solid #ffffff;
padding: 0}

.contentboxsearch {
/* width: 540px; */
border-bottom: #E6F0F2 10px solid;
font-size: 70%;
background-color: #FFFFFF;
padding: 0;
margin: 0;
color:#000000}

.contentboxsearch table, .contentboxsearch td{
width: 100%;
padding: 4px;
margin: 0;
color: #000000}
/* Listeneinträge */
.eintrag{
padding: 8px}

.eintrag .right{
text-align: right;
font-weight: bold}

.eintrag a:link, .eintrag a:visited, .eintrag a:hover, .eintrag a:active  {
margin: 0; 
font-weight: normal}

table.liste {
border: none;
padding: 0;
margin: 5px 0 0 0; 
width: 100%}

table.liste td{
padding: 8px;
background: url(../images/line_02.gif) bottom repeat-x}

table.liste th{
text-align: left;
font-weight: bold;
padding: 8px 20px 8px 8px;
background: url(../images/line_02.gif) top repeat-x;
border-bottom: #2656AB 4px solid}

table.liste th.hwidth{
width: 75px} 

table.liste th img{
margin-left: 5px}

/* Homepage */ 
.toplineimage {
margin-bottom: 10px;
clear: both}

.teaserwidebox {
border-top: 1px solid #ffffff;
border-bottom: 10px solid #E6F0F2; /* ie bug tricki wegen blockabstand bottom bei <BR> */
/*margin-bottom:10px;*/
padding:0;
margin-top: -2px;
font-size: 70%;
background-color: #ffffff;
color: #000000}

.teaserwidetopline {
margin: 0 0 4px 0;
border-left: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
font-size: 0.9em !important;
text-transform: uppercase;
letter-spacing: 1px;
background-color: #9BBDDE;
padding: 2px 6px 2px 6px;
color:#000;
font-weight: normal}

a.teaserwidelink:link, a.teaserwidelink:visited, a.teaserwidelink:hover, a.teaserwidelink:active {
display: block;
width: 320px;
background-image: url(../images/_pfeil.gif);
background-position: top left;
background-repeat: no-repeat;
margin-right: 8px;
padding-left: 2.2em;
color: #000000}

.ar a.teaserwidelink:link, .ar a.teaserwidelink:visited, .ar a.teaserwidelink:hover, .ar a.teaserwidelink:active {
background: url(../images/ar/_pfeil.gif) no-repeat top right!important;
padding-right: 2.2em;
}
.lineteaser{
border-top: #517EBD 1px dotted;
height: 1px;
font-size: 1px;
margin: 4px 2px 2px 2px;
padding: 0} 

.teaserboxbordered {
border: 2px solid #ffffff;
padding: 0;
margin-bottom:10px;
font-size: 70%;
color: #000000;
width: 100%;
}

.teaserboxbordered h2 {
color: #000000;
font: bold 1.1em Verdana,Arial,sans-serif;
padding: 0;
margin: 5px 6px 0px 6px} /* -8px wegen .column-in-small */




.teaserboxbordered h2.small a:link, .teaserboxbordered h2.small a:visited, .teaserboxbordered h2.small a:hover, .teaserboxbordered h2.small a:active {
display: block;
line-height: 100%;
color: #000000 !important;
padding: 0;
margin: 0}


.teaserboxbordered h2.small a:hover {
text-decoration: underline}


.ar .teaserboxbordered img {
float: right;
margin: 0;
padding: 0;

}

.ar .teaserboxbordered h2.small {
float: left!important;
width: 200px;
}
.ar #contentblock .teaserboxbordered h2.small {
width: 380px;
}

.ar .teaserboxbordered .column-in-small {
float: left;
width: 200px;
}

.ar #contentblock .teaserboxbordered .column-in-small {
width: 380px!important;
}

.ar .teaserboxbordered a:link, .ar .teaserboxbordered a:visited,.ar .teaserboxbordered a:hover, .ar .teaserboxbordered a:active {
	display: block;
	clear: both;
}
.ar .teaserboxbordered a:link img, .ar .teaserboxbordered a:visited img,.ar .teaserboxbordered a:hover img, .ar .teaserboxbordered a:active img {
	float: left;
	padding-left: 8px;
}


.teaserwideboxright {
display: block;
/*border-top: 2px solid #ffffff;*/
/*border-bottom: 1px solid #ffffff;*/
/*margin-top: 2px;*/
margin-bottom: 10px;
padding: 4px 0 2px 0;
font-size: 70%;
background-color: #ffffff;
color: #000000}

.teaserwidelinkbox {
display: block;
background:#ffffff url(../images/_pfeil.gif) no-repeat top left;
margin-right: 8px;
padding-left: 22px;
color: #000000}

.ar .teaserwidelinkbox {
display: block;
background:#ffffff url(../images/ar/_pfeil.gif) no-repeat top right;
margin-left: 8px;
padding-right: 18px;
color: #000000}


.teaserwidelinkbox2 {
display: block;
background: #ffffff url(../images/_pfeil.gif) no-repeat top left;
margin-right: 8px;
color: #000000}

.ar .teaserwidelinkbox2 {
display: block;
background: #ffffff url(../images/ar/_pfeil_ar.gif) no-repeat top right;
margin-left: 8px;
color: #000000}


.teaserwideboxright  h3 {
color: #000000;
font: bold 1.1em Verdana,Arial,sans-serif;
padding: 0;
margin: 0 6px 0 22px} 

.ar .teaserwideboxright  h3 {
margin: 0 25px 0 6px;
background-color: #fff;
text-align: right;
} 


h3.smallink a:link, h3.smallink a:visited, h3.smallink a:hover, h3.smallink a:active {
display: block;
color: #000000 !important;
padding: 0;
margin: 0;
background-repeat: no-repeat!important;
}

h3.smallink a:hover {
text-decoration: underline}


.teaserboxfill {
display:block;
height:1%;  /* für IE */
font-size: 70%;
border-bottom: 1px solid #ffffff; 
background-color: #fff;
padding: 0;
margin-bottom:10px;
color: #000000}


.ar .teaserboxfill img {
float: right;
margin: 0;
padding: 0;

}
.ar .teaserboxfill h2.small {
float: left;
width: 200px;

}
.ar .teaserboxfill .column-in-small {
float: left;
width: 200px;
}


.ar #contentblock .teaserboxfill h2.small {
float: right;
width: 380px;

}
.ar #contentblock .teaserboxfill .column-in-small {
float: right;
width: 380px;
}

.ar .teaserboxfill a:link, .ar .teaserboxfill a:visited,.ar .teaserboxfill a:hover, .ar .teaserboxfill a:active {
	display: block;
	clear: both;
}
.ar .teaserboxfill a:link img, .ar .teaserboxfill a:visited img,.ar .teaserboxfill a:hover img, .ar .teaserboxfill a:active img {
	float: left;
	padding-left: 8px;
}
div.teaserboxfill h2 {
color: #000000;
font: bold 1.1em Verdana,Arial,sans-serif;
padding: 5px 0 0 0;
margin: 0 6px -8px 6px}  /* -8px wegen .column-in-small */

div.teaserboxfill h2.small a:link, div.teaserboxfill h2.small a:visited, div.teaserboxfill h2.small a:hover, div.teaserboxfill h2.small a:active {
display: block;
line-height: 100%;
color: #000000 !important;
padding: 0;
margin: 0}

.teaserboxbordered

div.teaserboxfill h4.smaller a:hover {
text-decoration: underline}

.teaserboxfill2 {
display:block;
height:1%;  /* für IE */
font-size: 70%;
border: 2px solid #ffffff; 
background-color: #cfdce5;
padding: 0;
margin-bottom:10px;
color: #000000}

div.teaserboxfill2 h2 {
color: #000000;
font: bold 1.1em Verdana,Arial,sans-serif;
padding: 5px 0 0 0;
margin: 0 6px -8px 6px}  /* -8px wegen .column-in-small */


.ar .teaserboxfill2 img {
float: right;
margin: 0;
padding: 0;

}
.ar .teaserboxfill2 h2.small {
float: left;
width: 200px;

}
.ar .teaserboxfill2 .column-in-small {
float: left;
width: 200px;
}
.ar .teaserboxfill2 a:link, .ar .teaserboxfill2 a:visited,.ar .teaserboxfill2 a:hover, .ar .teaserboxfill2 a:active {
	display: block;
	clear: both;
}
.ar .teaserboxfill2 a:link img, .ar .teaserboxfill2 a:visited img,.ar .teaserboxfill2 a:hover img, .ar .teaserboxfill2 a:active img {
	float: left;
	padding-left: 8px;
}




div.teaserboxfill2 h2.small a:link, div.teaserboxfill2 h2.small a:visited, div.teaserboxfill2 h2.small a:hover, div.teaserboxfill2 h2.small a:active {
display: block;
line-height: 100%;
color: #000000 !important;
padding: 0;
margin: 0}

div.teaserboxfill2 h4.smaller a:hover {
text-decoration: underline}

.rubrikback {
display: block;
width: 100%;
background-color: #2656ab;
height: 20px;
}

/* sitemap */
.sitemapbox{
font-size:70%;
line-height: 120%;
background-color: #CFDCE5;
width: 554px;
border-left:2px solid #fff;
border-bottom:22px solid #fff;}

.sitemap{
color: #000000}

.sitemap ul{
border: none !important;
color: #FFFFFF;
list-style-type: none;
margin: 0;
padding: 0}

.sitemap ul ul{
border: none;
list-style-type: none;
padding: 0}

.sitemap li{
list-style-type: none;
display: inline}

/* erste ebene */
.sitemap li a:link, .sitemap li a:visited, .sitemap li a:hover, .sitemap li a:active{
line-height: 190%;
display: block;
color: #000000;
border-top: 2px solid #ffffff;
padding: 5px 0 7px 26px;
background: #CFDCE5 url(../images/map_1.gif) top left no-repeat;
/*width: 536px;*/
font-weight: bold;}

.ar .sitemap li a:link, .ar .sitemap li a:visited, .ar .sitemap li a:hover, .ar .sitemap li a:active{
background: #CFDCE5 url(../images/ar/map_1.gif) top right no-repeat;
padding: 5px 26px 7px 0px;
}


.sitemap li a:hover{
text-decoration: none;
background-color: #E6F0F2!important}

.sitemap li a.mapfirstopen:link, .sitemap li a.mapfirstopen:visited, .sitemap li a.mapfirstopen:hover, .sitemap li a.mapfirstopen:active{
border-bottom: 1px solid #CFDCE5;
border-top: 2px solid #ffffff;
font-weight: bold;
background: #CFDCE5 url(../images/map_2.gif) top left no-repeat}

.ar .sitemap li a.mapfirstopen:link, .ar .sitemap li a.mapfirstopen:visited,.ar .sitemap li a.mapfirstopen:hover, .ar .sitemap li a.mapfirstopen:active{
background: #CFDCE5 url(../images/map_2.gif) top right no-repeat}
}

.sitemap li a.mapfirstopen:hover{
text-decoration: none;
background-color: #E6F0F2!important}

/* zweite ebene */
.sitemap li li a:link, .sitemap li li  a:visited, .sitemap li li  a:hover, .sitemap li li a:active{
background-image: none!important;
background: none!important;
border-bottom: 2px solid #CFDCE5;
border-top: none !important;
line-height: 100% !important;
background-color: #CFDCE5;
padding: 2px 0 4px 54px;
font-weight: normal}

.sitemap li li a:hover{
text-decoration: none;
background-color: #E6F0F2}

/* dritte ebene */
.sitemap li li li a:link, .sitemap li li li a:visited, .sitemap li li li a:hover, .sitemap li li li a:active{
background-image: none!important;
background: none!important;
border-top: none !important;
border-bottom: 1px solid #CFDCE5;
line-height: 100% !important;
background-color: #CFDCE5;
padding: 2px 0 4px 84px;
font-weight: normal}

.sitemap li li li a:hover{
text-decoration: none;
background-color: #E6F0F2}
/* ende Sitemap */

/* KontaktForumar */
.kontaktbox {
padding: 20px 0 0 0;
font-size: 0.7em !important;
clear: both;}
.kontaktbox form {
clear: both}

.kontaktbox img {
display: inline;
float: left;
margin: 0 10px 15px 2px}

.kontaktbox table{
border-collapse: separate;
border: 1px solid #ffffff;
width:736px}

.kontaktbox td.descr {
padding: 14px 8px 8px 8px;
vertical-align: top;
text-align: right;
width:158px;
font-weight: bold;
background-color: #76A4D7}

.kontaktbox td {
padding: 8px;
background-color: #CFDCE5}

.kontaktbox td input{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.2em;
padding:2px;
border: 1px solid #B0B0B0;
width: 400px;
color: #1F4991}

.kontaktbox td textarea {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.2em;
padding:2px;
border: 1px solid #B0B0B0;
width: 400px;
color: #1F4991}

/* NewsletterFormular */
.FormTextInputField {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.2em;
padding:2px;
border: 1px solid #B0B0B0;
width: 400px;
color: #1F4991;}

.FormSelectBox {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.2em;
padding:2px;
border: 1px solid #B0B0B0;
color: #1F4991;}

#listFilterParameter_attributeTextFilter_cl2Categories_Themen {
width: 200px;
}

.newsletterbox {
padding: 20px 0 0 0;
font-size: 0.7em !important;
clear: both;}
.newsletterbox form {
clear: both}

.newsletterbox img {
display: inline;
float: left;
margin: 0 10px 15px 2px}

.newsletterbox table{
border-collapse: separate;
border: 1px solid #ffffff;
width:736px}

.newsletterbox td.descr {
padding: 14px 8px 8px 8px;
vertical-align: top;
text-align: right;
width:158px;
font-weight: bold;
background-color: #76A4D7}

.newsletterbox td {
padding: 8px;
background-color: #CFDCE5}

.galeriebox {
width: 619px;
border: 1px solid #bdc937; 
margin-top: 10px;
padding: 6px 0px 6px 85px; 
background-color: #fff;
background-image: url(../images/galerie_bg.gif);
background-repeat: no-repeat; 
text-align: left;
}

.galeriebox h3 {
color: #FE6603;
padding: 0px;
margin: 0px;
font-size: 0.95em;
font-weight: normal;
}

.galerienav {
width: 706px;
margin-bottom: 10px;
background-color: #fff; !important
}

.galerienavL {
float:left;
}

.galerienavR {
float:right;
}

.gallerienavL IMG {
vertical-align: middle;
padding:1px 1px 1px 1px;
}


.galerienavR IMG {
vertical-align: middle;
padding:1px 1px 1px 1px;
}
.galerienav[class] 
{
background-color:#FFF;
height:25px;
}
.bildboxheadL[class] {
padding: 20px 0px 14px 0px;
}
.bildboxheadR[class] 
{
padding: 20px 0px 14px 0px;
}

/* Fussballsprachkurs */

 h2.glossar {
display: block;
padding: 8px 0 8px 8px;
position: relative;
clear: both;
line-height: 190%;
}

ul.glossar{
border: none !important;
color: #FFFFFF;
list-style-type: none;
margin: 0 0 8px 0;
padding: 0}

 ul.glossar li{
border: none !important;
display: inline}

/* erste ebene */
 ul.glossar li a:link,  ul.glossar li a:visited,  ul.glossar li a:hover,  ul.glossar li a:active{
line-height: 190%;
display: block;
color: #000000;
border: 0;
border-top: 2px solid #fff;
padding: 5px 0 7px 26px;
margin: 0;
background: #CFDCE5 url(../images/map_1.gif) top left no-repeat;
font-weight: bold;
height: 20px;
}

 ul.glossar li a:hover{
text-decoration: none;
background-color: #E6F0F2;}

 ul.glossar li a.current:link,  ul.glossar li a.current:visited,  ul.glossar li a.current:hover,  ul.glossar li a.current:active{
text-decoration: none;
background-color: #E6F0F2;}

/* helpers */
.column-in-small{
margin: 10px 6px 10px 6px; 
padding: 0}


.column-in {
line-height: 130%;
margin: 0 10px 0 10px; 
padding: 0}

.marginleft{
margin-left:188px}

.txtsize {
font-size: 70%!important}

.dpanewslt span {
display: block;
padding-bottom: 0px;
}

.hide {
display: none}

.trenner {
margin: 0 0 0 0px; 
font-size: 10px;
color: #1F4991}

.left{
float: left}

.right{
float: right}

.clearer {
height: 0px;
clear: both;
overflow: hidden;
font-size: 0px;
line-height: 0px}

.imgnomargin{
padding: 0;
margin: 0}

.imgabstandtop{
margin-top: 10px}

.imgleftnoborder{
float: left;
margin: 0 10px 0 0}

.imgrightnoborder{
float: right;
margin: 0 0 0 10px}

.ar .imgrightnoborder{
float: left;
margin: 0 10px 0}

.imgrightbordered{
/*border: 2px solid #ffffff;*/ /* raus wegen IE5.0 */
float: right;
margin: 0 2px 0 0}

.ar .imgrightbordered{
float: left;
margin: 0 0 0 2px}

.vspacer {
font-size: 0px;
line-height: 0px;
margin: 0;
padding: 0;
height: 8px}

.hspacer {
margin: 0;
padding: 0 10px 0 10px}

.hspacer-top {
margin: 0;
padding: 2px 0 0 6px}

.bgwhite {
background-color: #ffffff !important;}

img.icon {
margin-bottom: -3px;
}

div.headline {
background-color: #2656AB;
height: 20px;

}

.short {
width: 358px;
}

.long {
width: 736px;
}

div.headline span {
font-weight: bold;
font-size: 1.0em;
color: #fff;
display: block;
padding: 4px 3px 1px 4px;
line-height: 0.9em;
}

div.headline .jp {
font-family: Mincho, sans-serif;
}

div.headline .jp[class] {
font-size: 0.9em;
padding: 4px 3px 1px 4px;
}
div.headline .ar {
font-family: Tahoma, sans-serif;
padding: 3px 3px 0px 4px!important;
font-size: 0.9em!important;
}
/**Wetterbox**/
.weatherBox {
background-color: #FFFFFF;
text-align: center;
margin-bottom: 10px;
border-bottom: 1px solid #fff;
}
.weatherHeadline {
margin: 0;
font-size: 65%;
text-transform: uppercase;
letter-spacing: 1px;
background-color: #FF9900;
padding: 2px 8px 2px 8px;
color: #000;
font-weight: normal;
text-align: left;
}
.weatherForecastNumbers {
margin-bottom: 10px;
background-color: #FFFFFF;
padding: 8px 8px 8px 8px;
color:#000;
text-align: left;
}
.weatherForecastNumbers p {	
text-align: center;
font-size: 1.0em;
padding: 0;
margin: 0;
}

.weatherForecastNumbers p.temperature {	
text-align: center;
font-size: 120%;
font-weight: bold;
padding: 0;
margin: 0;
}

.weatherForecastNumbers p.rainrisk {	
text-align: center;
font-size: 70%;
padding: 0;
margin: 8px 0 0 0;
}
.weatherForecastNumbers p.rainrisk span {
display: block;	
font-size: 130%;	
padding: 0;
margin: 0;
}