
@import url("normalize.css");
/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
}
body        { font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 17px; background-color: white; background-image: none; background-repeat: repeat-y; background-position: center 0 }
#pagewidth    { background-image: url("img/bg_head3.gif"); background-repeat: no-repeat; background-position: 10px 0; text-align: left; margin-right: auto; margin-left: auto; width: 960px; border-right: medium none white; border-left: medium none white }
#pagewidth_inner { border-left: 10px solid white }
#header { position: relative; width: 100%; height: 145px }
#logo { margin-top: 10px; margin-right: 10px; position: absolute; top: 0; left: 778px }
#leftcol  { visibility: hidden; position: relative; width: 24%; float: left }
#headline     { text-align: left; position: absolute; z-index: 2000; top: 45px; left: 0; width: 680px }
#headline h1    { color: #fff; font-size: 47px; font-weight: normal; line-height: 47px; letter-spacing: 1px; margin: 0 }

h1    { color: #0e3092; font-size: 21px; font-weight: normal; line-height: 22px; margin-top: 10px; margin-bottom: 10px }
h2   { color: #0e3092; font-size: 16px; font-weight: bold; line-height: 18px; margin-top: 12px; margin-bottom: 4px; padding-top: 10px; width: 100%; border-top: 1px solid #f0f0f0 }
table  { margin-top: 6px; margin-bottom: 6px; width: 100% }
td  { padding: 2px 4px 2px 2px; vertical-align: top }
#maincol   { text-align: right; display: inline; position: relative; width: auto; float: right }
#maincol_inner  { padding-right: 10px }
#footer { color: #939aa4; font-size: 11px; background-color: #ffffff; margin-top: 20px; margin-right: 10px; padding-top: 6px; height: 25px; clear: both; border-top: 1px solid #c9ccd1 }
#footer a { color: #939aa4; text-decoration: none }
.clearfloat { clear: both }
#maincol_home  { display: inline; position: relative; width: 100%; float: right }
#maincol_inner_home { padding-right: 10px }
#maincol_home #headline   { margin-left: 18px; position: absolute; z-index: 2000; top: 45px; left: 0 }
#maincol_home #headline h1   { color: #fff; font-size: 47px; font-weight: normal; line-height: 47px }
#sujettrans    { background-image: url("img/transparent60.png"); position: absolute; top: 0; left: 232px; width: 460px; height: 85px }
#maincol_home #sujettrans   { background-image: url("img/transparent60.png"); position: absolute; top: 0; left: 0; width: 700px; height: 85px }
#teaser_home { margin-top: 20px }
#teaser_home a { text-decoration: none }
#teaser_home .teaser { margin-right: 20px; float: left }
#teaser_home .teaser_last { float: left }
#teaser_home  .teaserheadline   { background-image: url("img/transparent60.png"); position: absolute; width: 220px; height: 32px }
#teaser_home h1 { color: white; font-size: 15px; font-weight: normal; text-decoration: none; text-transform: uppercase; margin-top: 8px; margin-left: 14px }
/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }


.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
/*servicenav
*/
#header_service { position: absolute; top: 22px; left: 290px; width: 400px }
#servicenav { color: #fff; font-size: 12px; float: left }
#servicenav a { color: #fff; font-size: 12px; line-height: 20px; text-decoration: none }
#servicenav a.current { color: #bfd3e7 }
#search    { background-image: url("img/search_bg.gif"); background-repeat: no-repeat; background-position: 0 3px; padding-top: 2px; padding-left: 1px; width: 160px; height: 22px; float: right }
#search input  { color: #fff; font-size: 11px; line-height: 11px; background-color: #0e3092; width: 111px; height: 12px; border: solid 1px #0e3092 }
#search .button  { background-color: transparent; cursor: pointer; width: 30px; height: 15px; border: solid 0 #fff }
/*nav
*/
#mainnav  { color: #fff; font-size: 17px; position: absolute; top: 120px; left: 10px }
#mainnav ul li  { float: left }
#mainnav ul li a    { color: #fff; font-size: 14px; font-weight: normal; line-height: 18px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; padding-right: 6px; padding-left: 6px }
#mainnav ul li a:hover { color: #bfd3e7 }
#mainnav ul li a.current { color: #bfd3e7 }
/*subnav
*/
#leftcol_nav  { position: relative; height: 331px }
#subnav  { margin-top: 125px; position: absolute; bottom: 0; width: 99% }
#subnav li a { color: #939aa4; font-size: 13px; line-height: 20px; text-decoration: none; display: block; width: 100%; border-bottom: 2px solid #e4e6e8 }
#subnav li a:hover  { color: #fa1b38 }
#subnav li a.current   { color: #fa1b38 }
#subnav li a.last { border-bottom: 0 solid transparent }
/*content
*/
#content_right  { margin-top: 0; width: 220px; float: right }
#content_left  { text-align: left; margin-top: 12px; margin-left: 12px; width: 700px; float: left }
#content_left a { color: #00519e; text-decoration: underline }
#content_right img   { margin-top: 18px; border: solid 1px #c9ccd1 }
#content_left ul { padding-top: 6px; padding-bottom: 6px; padding-left: 0 }
#content_left ul li    { color: #0e3092; list-style-image: url("img/point.gif"); list-style-position: inside; padding-top: 2px; padding-bottom: 2px; padding-left: 6px }
/*
.downloads*/
.downloads  { color: #00519e; background-color: #f8f8f8; text-align: left; margin: 18px 0 0; padding: 0; width: 220px; border-style: solid solid none; border-width: 1px 1px 0; border-color: #c9ccd1 #c9ccd1  }
.downloads a   { color: #00519e; line-height: 26px; text-decoration: none; background-image: url("img/pdf_0.gif"); background-repeat: no-repeat; background-position: 6px 4px; text-indent: 30px; display: block; margin-left: 0; width: 100%; border-bottom: 1px solid #c9ccd1 }
.downloads a:hover   { text-decoration: none; background-image: url("img/pdf.gif"); background-repeat: no-repeat }
.downloads h3  { color: #f8f8f8; font-weight: normal; line-height: 20px; background-color: #0e3092; text-indent: 10px }
/*
.kennwerte*/
.kennwerte   { color: #0e3092; text-align: left; margin-top: 44px; margin-right: 0; margin-left: 0; padding: 0; width: 220px }
.kennwerte table { background-color: #f8f8f8; margin: 0; border-top: 1px solid #c9ccd1; border-bottom: 1px solid #c9ccd1; border-left: 1px solid #c9ccd1 }
.kennwerte td { text-align: center; border-right: 1px solid #c9ccd1 }
.kennwerte em { font-size: 11px; font-style: normal }
.kennwerte a   { color: #00519e; line-height: 26px; text-decoration: none; background-image: url("img/pdf_0.gif"); background-repeat: no-repeat; background-position: 6px 4px; text-indent: 30px; display: block; margin-left: 0; width: 100%; border-bottom: 1px solid #c9ccd1 }
.kennwerte a:hover   { text-decoration: none; background-image: url("img/pdf.gif"); background-repeat: no-repeat }
.kennwerte h3  { color: #00519e; font-weight: normal; line-height: 20px; background-color: #c9ccd1; text-indent: 10px; margin: 0; padding: 0 }

.serg { margin-top: 0; margin-bottom: 0; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #c9ccd1 }
.serg a { display: block }
.serg:hover { background-color: #f8f8f8 }
.zeitschiene { border: 0 }
.zeitschiene tr:hover  { background-color: #f8f8f8 }
.zeitschiene strong { color: #e5314c }
.zeitschiene em { color: #00519e; font-style: normal }
.zeitschiene a { color: #00519e }
.zeitschiene td { padding-top: 6px; padding-right: 6px; padding-bottom: 6px }
/*feeback
*/
#content_left input, #content_left textarea   { font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 15px; background-color: #f8f8f8; margin: 1px 6px; padding: 2px; border: solid 1px #0e3092 }
#content_left textarea  { width: 300px; height: 100px }
.feedbackform { width: 420px }
.usermessage { color: #e5314c; font-size: 13px; font-weight: bold; padding-bottom: 10px }
#content_left .button input   { color: white; background-color: #0e3092 }
/*newsletter*/
.newsletter_subscribe { width: 280px }

