/* CSS Stylesheet */
/* erstellt: 08.04.08 */

body, td, p {
 font-family: Arial, Helvetica, sans-serif;
 font-size :11px;
 line-height:18px; 
 color:#333333;
}
#content.strong {
letter-spacing:-0.02em;
}
.small {
 font-size:14px;
}
.blue {
 color:#003A62;
 font-size:12px !important;
}
.grey {
 color:#999;
 font-size:12px !important;
 font-weight:bold;
 line-height:0.8em;
}
#content a.greybox {
color:#686868 !important;
-moz-border-radius:2px 2px 2px 2px;
background:none repeat scroll 0 0 #efefef;
padding:2px 4px;
}
#content .greybox:hover {
background:none repeat scroll 0 0 #acacac;
color:#FFF !important;
text-decoration:none;
}
.pdfload { float:right; border:none; }
.wrong {
 text-decoration:line-through;
 color:#990000;
 cursor:help;
}
html, body {
 background-color: #FFFFFF;
 margin:0px;
 padding:0px;
}
.picture {
 background-color:#FFFFFF;
 border:#D2D2D2 solid 1px;
 padding:4px;
}
.pictureRahmen {
 border:#666666 solid 1px;
}
ol {
 font: italic 1.2em Arial, Times, serif; color: #003A62;}
ol p {
 font: normal .6em Arial, Helvetica, sans-serif; color: #333333;} 
.reddot {
 color:red;
 background-color:white;
 z-index:1000;
}
#headerwrapper {
 position:relative;
 z-index:3;
 height:220px;
}
#topbar {
 position: absolute;
 top:25px;
 left:60px;
 height:50px;
 width:900px;
}
#logo {
 position:absolute;
 top:0px;
 height:119px;
 left:55px;
 width:339px;
 text-align:left;
}
a:link, a:visited, a:active {color:#cf142b}
a:link.kontakt {color:inherit}
.clear{clear:both;}
/* ---------------  Hauptnavigation --------------- */
#mainnavigation {
	position:absolute;
	top:65px;
	left:68px;
	width:900px;
	height:11px;
	color: #9e9e9e;
	font-size:12px;
}
#mainnavigation a { 
color: #9e9e9e;
text-decoration: none; 
}
#mainnavigation a:hover {
 color: #244e66;
}
#mainnavigation .navl1active {
 /*font-weight:bold;*/
 color: #244e66;
 cursor:default;
}
/* ---------------- Sprachauswahl ------------- */
#langswitch {
 position: relative;
 top:0px;
 left:925px;
 width:50px;
 height:10px;
 padding-left:10px;
 text-align:right;
 color: #9e9e9e;
}
#langswitch a { 
color: #9e9e9e;
text-decoration: none; 
}
#langswitch a:hover {
 color: #244e66;
}
#langswitch .langactive {
 font-weight:bold;
 color: #244e66;
}

/* --------------- Navigation --------------- */
#subnavigation {
 position:relative;
 top:20px;
 left:10px;
 width:180px;
 overflow:hidden;
 z-index:2;
 color: #9e9e9e;
 line-height:14px;
}
#subnavigation .subnavTitle, #subnavigation .subnavTitleFirst {
 font-weight:bold;
 font-size:115%;
 line-height:14px;
 border-bottom: 1px solid #d5d5d5;
 width:180px;
 padding-top: 20px;
 padding-bottom: 8px;
 color: #333333;
 display:block;
}
#subnavigation .subnavTitleFirst {
 position:relative;
 padding-top: 0px;
 border-top: 0px none #FFFFFF;
 background-color:#FFFFFF;
 top:-1px;
}
#Angebot {
 width:178px;
 margin:28px 0 0 1px;
 border:none;
 text-align:center;
}
#Angebot img {border:none;outline:none;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
#Angebot:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}

.navl2 {
 margin-top:0px;
 padding-left: 0px;
 margin-left: 0px;
 border-top: 1px dotted #d5d5d5;
 font-size:11px;
 font-family:Arial, Helvetica, sans-serif;
 width: 180px;
}
.navl2 li {
 list-style: none;
 margin: 0px;
 padding-top: 3px;
 padding-bottom: 3px;
 border-bottom: 1px dotted #d5d5d5;
}
.bigjump {
border:none;
height:30px;
}
.afterbigjump {
border-top:none;
}

.navl2 li a, .navl2 li a:link, .navl2 li a:visited, .navl2 li a:active { 
 color: #888;
 text-decoration: none; 
}
.navl2 li a:hover {
 color: #244e66;
}
#subnavigation .navl2active, #subnavigation .navl2activenokids {
 font-weight:bold;
 border-bottom: 0px solid #d5d5d5 !important;
 border-bottom: 1px solid #d5d5d5;
 width:180px;
 padding-top: 0px;
 padding-bottom: 3px;
 color: #244e66;
 display:block;
}
#subnavigation .navl2activenokids {
 border-bottom: 0px none #FFFFFF;
 padding-bottom: 0px;
}
.navl3 {
 padding-left: 10px;
 margin-left: 0px;
 width: 170px;
 border-bottom: 1px solid #d5d5d5 !important;
 border-bottom: 0px solid #d5d5d5;
}
.navl3 li {
 list-style: none;
 margin: 0px;
 padding-top: 3px;
 padding-bottom: 2px;
 border-bottom:0px none white;
}
.navl3 li a, .navl3 li a:link, .navl3 li a:visited, .navl3 li a:active { 
 color: #9e9e9e;
 text-decoration: none;
}
.navl3 li a:hover {
 color: #003A62;
}
#subnavigation .navl3active, #subnavigation .navl3activenokids  {
 font-weight:normal;
 color: #003A62;
 display:block;
 cursor:default;
 background:url(media/allgemein/pfeil.gif) no-repeat left;
 padding-left: 10px;
 border-top:none;
 border-top:none !important;
}
.navl4 {
 padding-left: 10px;
 margin-left: 0px;
 width: 160px;
}
.navl4 li {
 list-style: none;
 margin: 0px;
 padding-top: 3px;
 padding-bottom: 2px;
 border-bottom:0px none white;
}
.navl4 li a, .navl4 li a:link, .navl4 li a:visited, .navl4 li a:active { 
 color: #9e9e9e;
 text-decoration: none; 
}
.navl4 li a:hover {
 color: #244e66;
}
/* --------------- Banner (Start und Unterseiten) --------------- */
#banner, #bannerbg, #bannerimg {
 position:absolute;
 top:115px;
 height:120px;
 left:0px;
 overflow:hidden;
}
#banner {
  background-color: #003A62;
  border-bottom:#DEDEDE 5px solid;
  width:100%;
  z-index:100;
}
#bannerbg {
	background-image:url(media/allgemein/banner_bg.gif);
	background-repeat:repeat-y;
	z-index:300;
	left:126px;
	width:920px;
}
#bannerimg02 {
 position:absolute;
 top:115px;
 height:120px;
 overflow:hidden;
 left:126px;
 width:auto;
 z-index:200;
}
#bannerimg03 {
 position:absolute;
 top:115px;
 height:120px;
 overflow:hidden;
 left:126px;
 width:auto;
 z-index:200;
}
#bannerimg {
 left:325px;
 float:right;
 position:absolute;
 width:auto;
 z-index:200;
}
/* --------------- Diverse Content Classes --------------- */
#content h1, #contentWebinar h1 { font-size: 18px; font-family: arial, Helvetica, sans-serif; font-weight: normal; color: #003A62; line-height: 24px; margin-top: 0px; margin-bottom: 13px }
#content h2 { font-size: 115%; font-weight: bold; color: #333333; line-height: 14px; margin-top: 15px; margin-bottom: 9px }
#content h6 { font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style:normal; color: #1b1b1b; line-height: 18px; margin-top: 0px; margin-bottom: 13px }
#content h8 { font-size: 25px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style:normal; color: #003A62; line-height: 28px; margin-top: 0px; margin-bottom: 13px }

#content h1.overview { font-size:18px;color:#244e66;background-color:#e6ebf1;padding:11px 0 10px 10px;margin:35px 0 10px 0}

#infopanel h2 { font-size: 105%; font-weight: bold; color: #333333; line-height: 14px; margin-top: 0px; margin-bottom: 7px }
#infopanelStart h2 { font-size: 105%; font-weight: bold; color: #999999; line-height: 14px; margin-top: 0px; margin-bottom: 7px; }
#content h3 { font-size: 110%; font-weight: bold; margin-top: 14px; margin-bottom: 3px; color:#1b1b1b }
#infopanel h3, #infopanelStart H3 { font-size: 12px; font-weight: bold; margin-top: 0px; margin-bottom: 3px }
#content h4 { font-size: 140%; color:#898989; font-weight: normal; margin-top: 0px; margin-bottom: 10px }
#content h5 { font-size: 100%; font-weight: bold; margin-top: 13px; margin-bottom: 0px }
#subnavigation h5 { font-size: 120%; color: #DEDEDE; font-family: arial, Helvetica, sans-serif; text-transform:uppercase; margin-top: 12px; margin-bottom: 18px }
#content P  {font-size: 100%;margin-top: 0px;margin-bottom: 6px;line-height:20px;text-align: left;}
#infopanel  P, #infopanelStart P  { font-size: 11px; margin-top: 0px; margin-bottom: 6px }
#content P.Footnote { font-size: 10px; margin-top: -11px }
#content P.search { margin: 0px }
#content P.search B { color: #244E66 }
#content .Error { font-weight: bold; color: #D00303 }

#content ul { margin:0 -5px 6px -22px;}
#content ol { margin-top: 0px; margin-bottom: 6px }
#content ul li { margin:0;padding-right:0px;list-style-image:url(media/allgemein/strich.gif);list-style-position:outside; }
#content ol li { margin-left: -15px; margin-top: 0px; margin-bottom: 2px }

#content a,  #infopanel a, #infopanelStart a { text-decoration: none; font-weight:normal; }
#content a:link,  #infopanel a:link { color: #cf142b; }
#infopanelStart a:link { color: #666666 }
#content a:hover,  #infopanel a:hover, #infopanelStart a:hover { color: #9E9E9E }
#content a.more, #infopanel a.more, #infopanelStart a.more { background-image: url(media/allgemein/pfeil.gif); background-repeat: no-repeat; background-position: left; padding-left: 8px;  }
#content a.links,  #infopanel a.links, #infopanelStart a.links { background-image: url(media/allgemein/pfeil.gif); background-repeat: no-repeat; background-position: left; padding-left: 8px; line-height: 160% }
#content a.pdflinks,  #infopanel a.pdflinks { background-image: url(media/allgemein/pfeil.gif); background-repeat: no-repeat; background-position: left; padding-left: 19px; line-height: 160% }
#infopanelStart a.pdflinks { background: url(media/allgemein/pdf.gif) no-repeat top left; padding-left: 22px; line-height: 22px; padding-bottom: 4px }
#infopanel h2 a, #infopanelStart h2 a {text-decoration:none;}
#content hr { height: 2px; border:none; background-color: #dedede; margin:0; padding:2px 0; }
#content h6 { font-size:12px; font-weight:bold; color:#000; }
#content h6 span { font-size:15px;}
.pdfsize { padding-left: 24px; font-size:9px; line-height: 10% }
#content .teaserlist, #content .teaserlistFirst {
 position:relative;
 display:block;
 border-top: 1px solid #d5d5d5;
 padding-top:10px;
 padding-bottom:10px;
}
#content .teaserlistFirst {
 border-top: 0px none #FFFFFF;
 padding-top:8px;
}
#content .teaserlist p {
 margin:0px;
 padding:0px;
}
#content .teasertitle {
 color:#9e9e9e;
 font-size:115%;
 font-weight:bold;
text-decoration:none;
}
#content .teasertitle a {
 text-decoration:none;
}

#aktuelles {width:440px;height:85px;margin-bottom:10px;}
#aktuelles h3 {font-size:16px; margin:10px 0 8px 15px;color:#003A62;}
#aktuelles h3 span {font-size:11px;color:#fff;background-color:#003A62;margin-left:220px;padding:2px 3px;}
#aktuelles p {font-size:12px; margin:5px 10px 0 15px;line-height:18px;text-align:left;color:#003A62;}
#aktuelles p span {margin-left:65px;}

#aktuelles a {background-color:#e6ebf1;width:440px;height:85px;margin-left:-5px;padding:4px;display: block;}
#aktuelles a:hover {background-color:#ecf1f7;border-bottom:2px solid #cf142b;}

#buttontop {float:left;width:210px;height:70px;margin-top:20px}
#buttonbot {float:left;width:210px;height:150px;margin-top:18px;margin-bottom:20px;}
#buttontop a, #buttonbot a {border:none;outline:none}
.link img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;opacity:1;border:none;outline:auto none;}
.link:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;border:none;outline:auto none;}
.link:active img{position:relative;top:1px}

#col2-1 {float:left;width:205px;height:250px;background-color:#e6ebf1;padding:0 5px 0 10px}
#col2-1 h3 { font-size:110%;font-weight:bold;margin:8px 0 10px 0;color:#244E66 }
#col2-1 .botlink1 { margin-top:85px}
#col2-1 .botlink2 { margin-top:66px}
#col2-1 a:link, #col2-1 a:visited {color:#cf142b}
#col2-1 a:hover {color:#cf142b;text-decoration:underline}

.mr10 {margin-right:10px}
.mr15 {margin-right:15px}
.mr20 {margin-right:20px}

#kickoff {
width:420px;
height:40px;
margin-bottom:10px;
}

#kickoff p {
margin-left:15px;
margin-top:0px;
}
#kickoff h3 {
margin-left:15px;
margin-top:10px;
text-transform: none;
}

#kickoff a {
background:url(media/allgemein/kickoff.gif) no-repeat left top;
width:420px;
height:40px;
margin-left:-5px;
padding:1px 4px;
display: block;
height: 100%;
width: 100%;
}

#kickoff a:hover {
background:url(media/allgemein/kickoffon.gif) no-repeat left top;
width:420px;
height:40px;
margin-left:-5px;
padding:1px 4px;
}


/* --------------- Infopanel / rechte Seite --------------- */
#infopanel {
 position:relative;
 top:30px;
 left:105px;
 width:180px;
 overflow:visible;
 z-index:4;
}
#infopanelStart {
 position:relative;
 top:30px;
 left:110px;
 width:180px;
 overflow:visible;
 z-index:5;
}
#sideKontakt {
 width:180px;
 height:280px;
}
.rahmen { 
  border:1px solid #c6c6c6; 
  height:18px;
  width:165px;
}
.rahmenMain { 
  border:1px solid #c6c6c6; 
  height:22px;
  width:320px;
}
#content input {font-size:14px}
#sideKontakt textarea {
 width:165px;
 height:70px;
 border:1px solid #c6c6c6;
}
#content textarea {
 width:318px;
 height:80px;
 border:1px solid #c6c6c6;margin-bottom:20px;
}
#infopanel hr, #infopanelStart hr, #content hr {
 border-bottom : 1px solid #d5d5d5; 
 border-top : 0 none #FFFFFF; 
 border-left : 0 none #FFFFFF; 
 border-right : 0 none #FFFFFF; 
 width : 180px; 
 text-align : center; 
 height:1px;
 margin-top: 8px !important; 
 margin-top: 3px;
 margin-bottom: 8px !important; 
 margin-bottom: 4px;
}

#infopanel .select, #infopanelStart .select, #content select {
 width:160px;
 color: #9e9e9e;
 padding-left:2px;
 border: 1px solid #9e9e9e;
}
#infopanel .bild, #infopanelStart .bild {
 display:block;
 border:none;
 margin-bottom:11px;
}
#infopaneldirectlinks {
 position:relative;
 top:0px;
 left:0px;
 height:60px;
 overflow:hidden;
}
#infopanel h2.greytitle, h2.greytitle, #infopanelStart h2.greytitle {
 color:#9e9e9e;
}
/* --------------- Fußbereich --------------- */
#footer {
 text-decoration:none;
 position:relative;    
 height:30px;
 left:135px;
 top:25px;
 margin-bottom:30px;
 width:900px;
 color: #333333;
 z-index:30;
 font-size:11px;
}
#footer A:link {text-decoration:none;  color: #9E9E9E }
#footer A:visited {text-decoration:none; color: #9E9E9E }
#footer A:hover {text-decoration:none;  color: #244E66 }
#footer A:active {text-decoration:none; color: #244E66 }
#footer .footeractive {
 font-weight:bold;
 color: #244E66 ;
text-decoration:none;
}
#footerleft {
text-decoration:none;
 position:relative;
 float:left;
 top:0px;
 left:0px;
 width:650px;
 z-index:31;
}
#footerleft A:link {text-decoration:none;  color: #333333 }
#footerleft A:visited {text-decoration:none; color: #333333 }
#footerleft A:hover {text-decoration:none;  color: #333333 }
#footerleft A:active {text-decoration:none; color: #333333 }
#footerright {
text-decoration:none;
 position:relative;
 float:left;
 top:0px;
 left:20px;
 width:230px;
 z-index:32;
 text-align:right;
}
/* --------------- Hauptinhalt --------------- */
#contentwrapper {
 position:relative;
 top:20px;
 left:126px;
 width:920px;
 padding-bottom:25px;
 height:auto;
 background-image: url(media/allgemein/content_bg.gif);
 background-repeat:repeat-y;
 border-bottom:3px solid #d5d5d5;
}
#contentwrapper .webinar {padding-bottom:0;}
#contentwrapper .column {
 position: relative;
 float: left;
}
#content {
 position:relative;
 top:30px;
 left:50px;
 width:450px;
 min-height:400px;
 overflow:visible;
 padding-bottom:15px;
 z-index:100;
}
#content p img, #contentWebinar p img { 
 border: 0px; 
 margin-top: 11px; 
 margin-left: 0px; 
 margin-right: 0px; 
 margin-bottom: 10px;
}
#contentWebinar {
 position:relative;
 background-color:#fff;
 top:0;
 left:190px;
 padding:30px 0px 0px 35px;
 width:680px;
}
#contentWebinar p, #contentWebinar td {font-size:12px;}
/* --------------- 4-spaltiges Layout --------------- */
#contentcol1 {
 position:relative;
 top:0px;
 left:0px;
 width:147px;
 overflow:visible;
 z-index:11;
 height:auto;
}
#contentcol2 {
 position:relative;
 top:0px;
 left:10px;
 width:147px;
 overflow:visible;
 z-index:12;
 height:auto;
}
#contentcol3 {
 position:relative;
 top:0px;
 left:20px;
 width:147px;
 overflow:visible;
 z-index:13;
 height:auto;
}
#contentcol4 {
 position:relative;
 top:0px;
 left:30px;
 width:147px;
 overflow:visible;
 z-index:14;
 height:auto;
}
/* --------------- 1-spaltiges Layout --------------- */
#contentonecol {
 position:relative;
 top:0px;
 left:0px;
 width:600px;
 overflow:visible;
 z-index:11;
 height:auto;
}
/* --------------- Diverse Navigations-Classes --------------- */
.pipe {
 margin-left:4px;
 margin-right:4px;
 color:#9E9E9E;
}
#footerright .pipe, #footerleft .pipe {
 margin-left:5px;
 margin-right:5px;
 color:#333333;
}
#footerright .pipe {
  color: #9e9e9e;
}
/* --------------- Tabellen-Design --------------- */
#content TABLE {
	margin: 20px 0 10px 0;
	border-bottom: 2px solid #D5D5D5;
	border-collapse: collapse;
	text-align: left;
}
#content TABLE TH { font-size: 14px;color:#244E66; font-weight: normal; text-align: left; padding-bottom: 6px; border-bottom: 1px solid #D5D5D5 }
#content TABLE TD { font-size: 11px; padding-top: 6px; padding-bottom: 6px; border-bottom: 1px solid #D5D5D5;vertical-align:top; }
#content TABLE TH.Highlight { padding-left: 10px; padding-right: 10px }
#content TABLE TD.Highlight {background-color: #E4ECEF; padding-left: 10px; padding-right: 10px;vertical-align:top; }
#content TABLE TR.active {background-color:#f2f2f2; }
#content TABLE IMG { margin: 0px }
#content TABLE.links TD { font-size: 11px; padding-top: 1px; padding-bottom: 3px; border-bottom: 0px }
#content TABLE.links A { background-image: url(../../media/allgemein/pfeil.gif); background-repeat: no-repeat; background-position: left; padding-left: 8px }
#content TABLE a:link { font-weight: normal; font-size: 11px }
#content TABLE a:hover { text-decoration:none; color: #9e9e9e; font-weight:normal }
#content TABLE a:visited {	font-weight:normal;	font-size: 11px;}
#content TABLE.sitemap TD { font-size: 12px; padding-top: 1px; padding-bottom: 3px; border-bottom: 0px; color: #004377 }
#content TABLE.sitemap TH a, #content TABLE.sitemap TH a:link, #content TABLE.sitemap TH a:visited { text-decoration:none; color:#004377;}
#content TABLE.pdflist TD { font-size: 12px; padding-top: 2px; padding-bottom: 3px; border-bottom: 0px }

#content TABLE.contactform { margin-top: 20px; margin-bottom: 0px; border: 0px }
#content TABLE.contactform TD { height: 24px; padding: 0px; border: 0px }
#content lable {margin:4px 0;}

#content TABLE TH P { margin: 0px; }
#content TABLE TD P { margin: 0px; }
#content table td img {  border: 0px;  margin: 0px; }
#content p TABLE {margin-bottom: 11px;}
#content table.kform td, #content table.kform tr {
 border-top:none;
 border-bottom:none;
 margin:0px;
 margin-bottom:-2px;
}
#content table.tabelle, #content table.tabelleFirst {
 border-top: 1px solid #004377;
 border-bottom: 0px none #FFFFFF;
 margin:0px;
 margin-bottom:-2px;
}
#content table.tabelleFirst {
 border-top: 0px none #FFFFFF;
 margin-top:2px;
}
#content table.tabelle td, #content table.tabelleFirst td {
 padding-top:11px;
 padding-bottom:10px;
 border: 0px none #FFFFFF;
 margin:0px;
}
#content table.tabelleFirst td { padding-top: 25px;}
#content .tabelleFirst h3, #content .tabelle h3 { margin-top:0px;}
div.box {background-attachment: scroll;background-clip: border-box;background-color: #ebebeb;background-image: none;background-origin: padding-box;
background-position: 0% 0%;background-repeat: repeat;background-size: auto;margin:10px 0 16px 0;padding:10px;}
form.branchen .two-columns .row {clear: none;float: left;margin-bottom: 8px;margin-left: 0px;margin-right: 10px;margin-top: 0px;width:244px}

/* --------------- ENDE --------------- */

