@charset "utf-8";
/* CSS Document */

body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:28px 0 50px 18px; margin:0px;	background-color:#FFF; }

a{ border:none; color:#666;	text-decoration:none; }
a img{ border:none; }
a:hover{ color:#3399CC; }

p{ margin:0px; padding:0px; }
h1, h2, h3, h4, h5, h6{	margin:0px; padding:0px; font-size:14px; color:#000; }

h2{ padding:5px 0 8px 0; font-size:20px; font-weight:normal; }
h3{ padding:5px 0 8px 0; font-size:14px; }
h5{ padding:5px 0 8px 0; font-size:12px; color:#333; }

ul{ list-style:none; margin:0px; padding:0px; }

.clearFix{ height:1px; clear:both; font-size:1px; line-height:1px; visibility:hidden; }

#mainWrapper{ width:980px; }

/*###########################################################

 Header - Metanavigation / KeyVisual / Logo / MainNavigation

###########################################################*/

.headerHomepage{ height:370px; }
.headerStdpage{ height:282px; }
#header { position:relative;}
#header #metaNav{ height:30px; line-height:30px; position:relative; }

#header #metaNav ul li{ float:left; display:block; padding:0px 0px 0px 14px;}
#header #metaNav ul li{ float:left; display:block;}
#header #metaNav ul li#metaNavHomeBtn{ width:534px; padding:0 0 0 0px; margin:0 0 0 3px; }
* html #header #metaNav ul li#metaNavHomeBtn{ width:530px; }
#header #metaNav ul li#metaNavHomeBtn{ width/*\**/:534px\9 }
#header #metaNav ul li a.active{ color:#3399CC; }
#header #metaNav #metaNavSelectWrapper{ position:absolute; right:-2px; bottom:5px; width:224px; height:19px; text-align:right; }
#header #metaNav #metaNavSelectWrapper #metaNavSelect{ width:224px; }

#header #keyvisual{ overflow:hidden; overflow:hidden; }
#header div.keyvisHomepage{ height:268px; background:url(../img/keyvisuals/home_980x268.jpg) no-repeat top left #D5EBFD; }
#header div.keyvisContentPages{	height:145px; background:url(../keyvisuals/home_980x268.jpg) no-repeat top left #D5EBFD; }

#header #mainNavigation{ margin:12px 0 0 10px; color:#666; position:relative; height:26px;  }
#header #mainNavigation ul li{ float:left; display:block; padding:0 28px 0 0; }
#header #mainNavigation ul li a{ font-size:18px; font-weight:bold; color:#666;}
#header #mainNavigation ul li a:hover{ color:#3399CC; }
#header #mainNavigation ul li a.active{ color:#3399CC; }
#header #mainNavigation ul li a.active:hover{ color:#3399CC; }
#header #mainNavigation ul li ul{ display:block; position:absolute; top:21px; left:0px; line-height:30px; height:30px; }
* html #header #mainNavigation ul li ul{ width:750px; }
#header #mainNavigation ul li ul li{ background:none;}
#header #mainNavigation ul li ul li a{ font-size:12px; font-weight:normal; }
#header #mainNavigation ul li ul li a:hover{color:#3399CC;}
#header #mainNavigation #mainNavRightClearer{ float:left; width:200px; height:26px; }
 
#header .companyLogo{ position:absolute; top:214px; right:0px;}
#header .companyLogoHomepage{ position:absolute; top:337px; right:0px;}

/*###########################################################

  Content

###########################################################*/


/* Formatierung der Hauptcontent-Box */
#content {  height:auto;}
#contentWrapper{ width:735px; float:left; }
.verticalLine { background:url(../img/dottedLineVertical.gif) right top repeat-y; }
#contentWrapper div.contentBox{ min-height:171px;  padding:10px 46px 0 10px; float:left; position:relative;}
* html #content #contentWrapper div.contentBox{ height:171px; } /* IE6 fix*/
#contentWrapper div.contentBox a{ color:#666666; text-decoration:underline; }
#contentWrapper div.contentBox a:hover{ color:#3399CC; }
#contentWrapper div.contentBox .moreLink{ position:relative; top:-1px; font-size:13px; color:#666; text-decoration:none;}
 
/* unterschiedliche Spezialformatierungen für Homepage und Contentseiten */ 
.contentStdpage  #contentWrapper{ min-height:250px; position:relative; }
* html .contentStdpage  #contentWrapper{ height:250px; } /* IE6 fix*/
.contentHomepage #contentWrapper div.contentBox{ padding:16px 14px 0 14px; }

/* Standard Content-Elemente die wiederkehren */
#content #contentWrapper a.roundLinkShortCut{ width:18px; height:18px; position:absolute; bottom:4px; left:102px; display:block; }

/* drei Arten von Contentspalten für den Webseitecontent */
#contentWrapper div.contentOneOfThreeBox{ width:225px; }
#contentWrapper div.contentTwoOfThreeBox{ width:460px; }
#contentWrapper div.contentOneOfTwoBox{ width:337px; }
#contentWrapper ul li{ /* list-style-type:square; */ background:url(../img/listpoints.gif) no-repeat top left; padding:0 0 0 8px; }
#contentWrapper ul li a{  }
#contentWrapper .contentImage{ padding:2px 10px 10px 2px;}
#contentWrapper .contentImage p{ text-align:center; font-size:11px; }

/* Elemente in der Spalte ganz rechts*/
div#teaserWrapper{	width:232px; float:left;  padding:14px 0px 0 13px; }
div#teaserWrapper a.tolink{ color:#666; margin:0 0 16px 0; display:block; padding:0 0 0 10px; background:url(../img/teaserLinkListDot.gif) no-repeat top left;   }
div#teaserWrapper a.tolink:hover{ color:#3399CC; }
div#teaserWrapper p{ padding:0 0 5px 0; }
/* div#teaserWrapper p a{	color:#666; background:none; padding:0px; line-height:auto; display:inline; } */
div#teaserWrapper h3 {	color:#666; }
.teaserImage {padding-right: 4px; padding-bottom: 1px;}
.teaser{ padding:5px 0px 2px 0px; font-size:12px; font-weight: bold; }
div#teaserWrapper span.tolink{ padding:0 0 0 10px; background:url(../img/teaserLinkListDot.gif) no-repeat top left;   }

/* Spezialseite Login */
#content .contentBox form.loginForm{  display:inline; width:216px; }
#content .contentBox form.loginForm label{ margin:15px 0 2px 0; display:block;}
#content .contentBox form.loginForm input{ width:211px; height:16px; border:1px solid #666666; font-size:11px; padding:0 0 0 4px; }
#content .contentBox form.loginForm input.loginFormBtn{ margin:14px 0 0 145px; display:block; width:73px; height:19px; background:url(../img/fromBtn.gif) top left no-repeat; border:none; }
#content .contentBox form.loginForm input.loginFormBtn:hover{ background-position:bottom left; }


.contentHomepage{ padding:39px 0 25px 0; }
.contentHomepage div.dotted{ background:url(../img/dottedLineVertical.gif) right top repeat-y; }
.contentHomepage #contentWrapper div.contentBox{ padding:10px 46px 0 10px;}
.contentHomepage #contentWrapper div.contentBox h3{ padding:8px 0 3px 0;}
.contentHomepage div#teaserWrapper{ padding:19px 0px 0 13px; }
.contentHomepage div#teaserWrapper h6{ padding:6px 0 6px 0; }

.contentStdpage { padding:0px 0 25px 0; }

/*###########################################################

  Footer

###########################################################*/

#footer{ border-top:#999999 1px solid; padding:4px 2px 0 2px;}
#footer #footerLeftWrapper{	float:left; width:200px; }
#footer #footerRightWrapper{ float:left; width:776px; text-align:right; }