
/*
COLORS:

hintergrund:#c3d5dd;
bright color :#e4ecf0;
red for headers ... :#a8432a
color horizontal_menue:#c3d5dd; 
text color: right #00314b;
vertical menue color: #307290
horizontal breaker: #e8c48a

*/

html{
/*height:100.01%;*/

height:100.01%;
}


body{
height:100%;
background:#FFFFFF;
margin:0;
padding:0;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
width:1007px;

}

.container{
width:1007px;
margin:0 auto;
background-color:#FFFFFF;
position:relative;
min-height: 100%;
height: auto !important;


}

#header{
width:1007px;
margin:0;
padding:0;

}

.topleft{
background-image: url(../images/topleft.jpg);
background-repeat:no-repeat;
width:53px;
height:183px;
margin:0;
padding:0;
float:left;

}

.topmid{
width:785px;
height:183px;
float:left;
margin:0;
padding:0;


}

.topright{
width:169px;
height:183px;
background-image: url(../images/topright.jpg);
background-repeat:no-repeat;
float:left;
margin:0;
padding:0;

}


.header_image{
width:785px;
height:116px;
background-image: url(../images/header.jpg);
background-repeat:no-repeat;
clear:left;

}

.small_navi{
width:785px;
height:16px;
background-color:#99b9d8;

text-align:right;

}

.mainnavi{
margin:0px;
padding:0px;
width:785px;
height:16px;
background-color:#99b9d8;
text-align:left;

}

.language{
width:155px;
height:22px;
margin-left:8px;
margin-top:5px;
color:#FFFFFF;
font-size:10px;
}

.language a{
color:#FFFFFF;
font-size:10px;
text-decoration:none;
}
.language a:hover{
text-decoration:none;
color:#00519e;
font-size:10px;
}

.extranetform{
width:102px;
margin-left:8px;
/*margin-top:10px;*/
height:21px;
color:#00519e;

}

.sendbutton{


}

.searchform{
width:102px;
margin-left:8px;

/*margin-top:10px;
height:14px;*/
height:22px;
color:#00519e;

padding-left:3px;

}

*html .help2 {
margin-top:1px;
}


.headernavigation{
padding-top:1px;
margin-left:550px;
height:15px;
text-align:right;

}
.headernavigation ul{

margin:0;
padding:0;
text-align:right;
}

.headernavigation ul li{
background-color:#99b9d8;
position: relative;
display: inline;
float: left;
margin-left:20px;
color:#FFFFFF;

}

.headernavigation  ul li a{
display: block;
float: left;
/*width: 40px;         feste breite*/
border-left-width: 0;
text-decoration: none;
background-color:#99b9d8;
color:#FFFFFF;
font-size:11px;
}


.headernavigation  ul li a:hover{
display: block;
float: left;
/*width: 40px;         feste breite*/
border-left-width: 0;
text-decoration: none;
background-color:#99b9d8;
color:#00519e;
font-size:11px;
}




.mainnavigation{
width:785px;
height:51px;
float: left;
outline:none;
}

.mainnavigation ul{
margin: 0;
padding: 0;
font-size:11px;
text-align:center;
outline:none;
}


.mainnavigation ul li{
width:157px;
height:51px;
position: relative;
display: inline;
background-image:url(../images/mainnaviback.jpg);
background-repeat:no-repeat;
background-position:0px;
float: left;
text-align:center;
outline:none;

}



.mainnavigation ul li a{
float: left;
color:#FFFFFF;
text-decoration:none;
text-align:center;
padding-left:10px;
padding-top:5px;
font-size:11px;
outline:none;

}
.mainnavigation ul li a:hover{
text-align:left;
width:157px;
height:51px;
background-image:url(../images/mainnavibackover.jpg);
background-repeat:no-repeat;
outline:none;


}






.main{
clear:left;
width:1007px;
margin:0px;
padding:0px;
float:left;
background-image:url(../images/background_left.jpg);
background-repeat:repeat-y;

}

.mainleft{
float:left;
width:35px;
background-image:url(../images/background_left.jpg);
background-repeat:repeat-y;



}

.mainmenue{
width:166px;
float:left;
}

.mainmenue ul{

width:166px;
margin: 0;
padding: 0;

}

.mainmenue ul li{

position: relative;
display: inline;
width: 160px;


}


.mainmenue ul li a{
text-align:left;
display: block;
width: 160px;    
height:18px;     /*feste breite*/
text-decoration: none;
color:#FFFFFF;

background-image:url(../images/back_leftnaviover.jpg);
background-repeat:no-repeat;
background-position:0px;
margin-bottom:3px;
padding-left:15px;
padding-top:3px;
outline:none;
}
	

.mainmenue ul li a:hover{
background-image:url(../images/back_leftnavi.jpg);
background-repeat:no-repeat;
background-position:0px;
outline:none;
}

.mainmenue ul li a:focus {
background-image:url(../images/back_leftnaviover.jpg);
background-repeat:no-repeat;
background-position:0px;
outline:none;
}

.mainmenue ul li a:active {
background-image:url(../images/back_leftnaviover.jpg);
background-repeat:no-repeat;
background-position:0px;
outline:none;
}










.content{
width:633px;  
float:left;
background-color:#FFFFFF;
margin-left:2px;
padding-bottom:15px;
font-size:11px;
}


.rightcontent{
   /**/
width:168px;
float:left;
text-align:left;
color:#00314b;
font-size:10px;
background-color:#FFFFFF;
margin-left:0px;
border:1px solid #0d56a0;
}
.spezialitaeten{
width:168px;

}
.rightheader{
background-color:#0d56a0;
color:#FFFFFF;
font-size:11px;
width:162px;
padding-left:5px;
padding-top:3px;
border:1px solid #0d56a0;
height:15px;
}
.rightbody{
width:162px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;


}
.rightbody h3{
color:#0d56a0;
font-size:10px;
margin-bottom:3px;

}

.newsbox{
padding-left:3px;
padding-right:3px;
padding-bottom:5px;
color:#000000;
}

.newsbox h3{
font-size:11px;
color:#0d56a0;
padding-top:5px;
padding-bottom:3px;
margin:0;

}

.newsbox a{
color:#0d56a0;

}

.morelink{


text-decoration:none;
padding-top:5px;

}

.morelink a{
text-decoration:none;
color:#0d56a0;
}

.morelink a:hover{
text-decoration:none;
color:#c6cfe6;
}




.footer{

text-align:left;

padding-left:400px;
clear: both;
font-size:11px;
font-weight:bold;
 

}

.footer a{
text-align:left;
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#0d56a0;

}

.footer a:hover{
text-align:left;
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#c6cfe6;

}





/* ######################Horizontales Menü#####################*/

.smal_navi ul{
margin: 0;
padding: 0;
font-size:10px;

text-align:right;

}


.small_navi ul li{
color:#FFFFFF;
position: relative;
display: inline;
float: left;
margin-left:10px;

}





.navi{
width: 182px; 
margin-left:30px;
margin-top:10px;


}
.vertical_navigation ul{

margin: 0;
padding: 0;
margin-left:18px;

}


.vertical_navigation ul li{

position: relative;
display: inline;

}


.vertical_navigation ul li a{
text-align:left;
display: block;
width: 140px;         /*feste breite*/
padding:3px 0px 3px 15px;

text-decoration: none;
color:#307290;
font-weight:bold;
font-size:14px;
border-bottom:1px solid #e8c48a ;
}
	

.vertical_navigation ul li a:hover{
color:#000000;

}

.content .contentbox{
width:98%;
border:1px solid #0d56a0;
margin-bottom:10px;
}

.content .contentboxtext{
width:98%;
border:1px solid #0d56a0;
margin-bottom:10px;

}
.content .contentbox div{

background:#0d56a0;
color:#FFFFFF;
font-size:11px;
padding-left:5px;


height:15px;

}


.content .contentbox p{
padding-left:5px;
padding-right:5px;
padding-bottom:1px;
color:#000000;

}

.content .contentbox div h1{
color:#FFFFFF;
font-size:11px;
margin:0;
padding:0;


}


.content .contentboxtext div h1{
color:#FFFFFF;
font-size:11px;
margin:0;
padding:0;


}

.content .contentboxtext p{
color:#000000;
font-size:11px;
margin:0;
padding:0;


}



dt{

padding-left:5px;

}

.contentimage dl{
padding-left:5px;

}

.csc-header{
background:#0d56a0;
color:#FFFFFF;
padding-left:5px;
height:15px;
margin-bottom:10px;
font-size:11px;

}



.contentbullets{
width:98%;
border:1px solid #0d56a0;
margin-bottom:10px;

}

.contentbullets div {

background:#0d56a0;
color:#FFFFFF;
font-size:11px;
padding-left:5px;

border:1px solid #0d56a0;
height:15px;


}

.contentbullets div h1{
color:#FFFFFF;
font-size:11px;
margin:0;
padding:0;


}

.contentbullets ul{

list-style-image: url(../images/quadrat.gif);


}


.spacer{
color:#FFFFFF;}


/* ie "addons" :-)*/

* html p#ieparag{ /*ev braucht  IE 6 nen 1em falls noch ein p-tag folgt */
padding-top: 1em;
}

* html .content{
height:100%;
}
* html .horizontal_menu ul li { float: left; height: 1%; margin-left:5px; }
* html .horizontal_menu ul li a { height: 1%; }

* html body{

}


* html .extranetform{
padding-top:0;
}
* html .sendbutton{


}
* html .searchform{
padding:0;
margin:0;
}




* html .vertical_navigation ul li a { height: 1%; padding-left:5px;width: 157px;  }

*html .navi{margin-left:14px;}



.help{
font-size:12px;
color:#FFFFFF;
margin-top:30px;
margin-left:10px;
}
.help a{
text-decoration:none;
color:#FFFFFF;

}

.help a:hover{
text-decoration:none;
color:#00519e;
}


*html .help{
color:#FFFFFF;
padding-left:8px;
font-size:10px;
margin-top:45px;
margin-left:5px;

}

*html .extranetform{
width:100px;
margin-left:8px;
/*margin-top:10px;*/
height:21px;
color:#00519e;
}


*html .searchform{

width:100px;

}

*html. headernavigation{
padding-top:-1px;
margin-left:502px;
height:16px;


}
* html .container{
height:100% !important;
}


* html .rightcontent{

margin:0;
padding:0;
width:168px;
}

* html .rightheader{

margin:0;
padding:0;
width:168px;
}

* html .spezialitaeten{
width:168px;

}


* html .mainmenue ul li a{
padding-left:10px;

}
* html .rightbody{
padding-top:8px;

}

* html .rightheader{
padding-top:3px;
padding-left:4px;
height:20px;
}


*html .mainnavigation ul li a:hover{

background-image:url(../images/mainnavibackover.jpg);
background-repeat:no-repeat;
text-align:left;
width:157px;
height:51px;

}




.contentimage {
width:98%;
margin:0;
padding:0;

margin-bottom:10px;
}

.contentimage img{
}

.headline_plus{

color:#FFFFFF;
font-size:11px;
padding-left:5px;
}

tr.row_0 {background-color: #00519E; height: 18px; font-size:11px; }
                tr.row_1 td {padding-left: 0px;font-size:11px;}
                tr.row_1 {background-color: #ffffff; height: 18px;font-size:11px;}
                tr.row_1 td {padding-left: 20px;font-size:11px;}
                tr.row_2 {background-color: #BFE5E7; height: 18px;font-size:11px;}
                tr.row_2 td {padding-left: 20px;font-size:11px;}
 
 
 

 
.mainnavigation .currentmn{
width:157px;
height:51px;
position: relative;
display: inline;
background-image:url(../images/mainnavibackover.jpg);
background-repeat:no-repeat;
background-position:0px;
float: left;
text-align:center;
outline:none;
}


.mainnavigation .currentmn a{
float: left;
color:#FFFFFF;
text-decoration:none;
text-align:center;
padding-left:10px;
padding-top:5px;
font-size:11px;
outline:none;

}
.mainnavigation .currentmn a:hover{
text-align:left;
width:157px;
height:51px;
background-image:url(../images/mainnavibackover.jpg);
background-repeat:no-repeat;

outline:none;
}


/*da hat sich im mainmenue der Druckfehlerteufel eingeschlichen: back_leftnaviover vertauscht*/

.mainmenue .currentvn {
      
position: relative;
display: inline;
width: 160px;
outline:none;
      }
      
.mainmenue .currentvn a{
text-align:left;
display: block;
width: 160px;    
height:18px;     /*feste breite*/
text-decoration: none;
color:#FFFFFF;
background-image:url(../images/back_leftnavi.jpg);
background-repeat:no-repeat;
background-position:0px;
margin-bottom:3px;
padding-left:15px;
padding-top:3px;
outline:none;
}      



.mainmenue .currentvn a:hover{
/* background-image:url(../images/back_leftnaviover.jpg);*/
background-image:url(../images/back_leftnavi.jpg);
background-repeat:no-repeat;
background-position:0px;
outline:none;
}
      

* html .mainmenue .currentvn a{
padding-left:10px;
}
      
.contentlink{

text-decoration:none;
color:#0d56a0;
font-weight:bold;
}

.contentbox h3{
padding-top:1px;
margin-top:0px;
padding-bottom:0px;
margin-bottom:0px;
text-decoration:none;
color:#0d56a0;
font-weight:bold;
padding-left:5px;
}

.contentbox h6{
padding-top:1px;
margin-top:0px;
padding-bottom:0px;
margin-bottom:0px;
color:#0d56a0;
font-size:10px;
padding-left:5px;
}


.contentbox a{
color:#0d56a0;
text-decoration:none;

}

.csc-sitemap{
width:620px;
border:1px solid #0d56a0;
}

.csc-sitemap ul{
list-style-image: url(../images/quadrat.gif);
}

.csc-sitemap ul a{
font-size:11px;
color:#0d56a0;
text-decoration:none;

}


*html .contentbox h3{
padding-top:1px;
margin-top:0px;
padding-bottom:0px;
margin-bottom:0px;
text-decoration:none;
color:#0d56a0;
font-weight:bold;
font-size:11px;
padding-left:5px;
}

.sitemap{

background:#0d56a0;
color:#FFFFFF;
font-size:11px;
padding-left:5px;

border:1px solid #0d56a0;
height:15px;

}

.oflback{

width:150px;
height:88px;
}

.newscontent h4{
color:#0d56a0;
font-size:11px;
margin-bottom:0px;

}

.newscontent p{
margin-top:0px;
margin-bottom:0px;

}

*html .newscontent h4{
color:#0d56a0;
font-size:11px;
}

.contentbox div{

background:#0d56a0;
color:#FFFFFF;
font-size:11px;
padding-left:5px;
height:15px;

}

.contentbox h4{
color:#0d56a0;
margin-left:5px;
margin-top:2px;
margin-bottom:0px;
}

*html .contentbox h4{
color:#0d56a0;
margin-left:5px;
font-size:11px;
font-weight:bold;

}

.contentbox a{
color:#0d56a0;
margin-top:2px;
margin-left:5px;
margin-bottom:2px;
}

*html .contentbox a{
color:#0d56a0;
margin-top:2px;
margin-left:5px;
margin-bottom:2px;

}

