@charset "utf-8";
* {margin: 0px; padding: 0px;}
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.69em; color: #000; width: 100%; height: 100%; background: url(pics/bg.png) repeat-x left 90px; line-height: 130%;}
h1 {font-size: 1.8em; color: #069; line-height: 100%;}
h2 {font-size: 1.3em; font-weight:bold; margin-bottom: 8px; line-height: 130%; color: #069;}
a {color: #005E94; text-decoration: none}
a:hover {color: #000; text-decoration: underline;}
.clear {clear:left; margin-bottom:30px;}
a:link, a img, a:active img { outline:none;}

/* IE7/8 Fix für richtige Abstände von Hintergrundbild etc. */
* + html body {margin-top: 1px; background-position: 0px 92px;}

/* Ausmaße und Zentrierung der Site */
#page {width: 990px; margin: 1px auto;}

/* Positionierung von Logo und Überschriften im Head-Bereich */
#header h1 {margin: 38px 0 0 11px;}
#header .left {float: left;}
#header .right {float: right;}

/* Positionierung von Headerbild und Sprechblase inkl. Text */
#circle {width:990px; height: 233px; clear: both; background:url(pics/header.png) no-repeat left 20px;}
#circle div {margin-left: 150px; width: 185px; height: 186px; background:url(pics/circle.png) no-repeat;}
#circle div p {position: relative; top: 55px; left: 28px; width: 135px; height: 115px; overflow: hidden; font-size: 1.5em; color:#FFF; font-weight:bold; line-height: 140%;}

/* Hauptnavigation */
#navi {float:left; width:990px; font-weight:bold; line-height:normal; background:url(pics/navi_right.png) no-repeat right top;}
#navi ul {list-style:none;}
#navi li {float:left; background:url(pics/navi_right.png) no-repeat right top; margin:0; padding:0;}
#navi li.last {float:left; background:url(pics/navi_middle.png) no-repeat right top; margin:0; padding:0 5px 0 0;} /*Klasse für letzten LEEREN Tab/Dynamische Breite*/
#navi a {display: block; background:url(pics/navi_left.png) no-repeat left top; padding:5px 11px; text-decoration: none; color: #999;}
#navi a:hover, #navi #current {color: #069;}

/* Zweitnavigation */
#secnavi {float:left; width:990px; background: url(pics/secnavi_bg.png) no-repeat; line-height:normal;}
#secnavi ul {margin:0; padding:0; list-style:none;}
#secnavi li {float:left; display: block; margin:0; padding:0;}
#secnavi a {float:left; padding: 4px 10px 10px 10px; text-decoration: none; color: #999; outline: none; }
#secnavi a:hover, #secnavi .current {color: #069; outline: none;}

/* Positionierung vom Inhaltscontainer inkl. Padding für rechte/linke Spalte */
#container {padding-left: 210px; /*linke Spalte width*/ padding-right: 200px; /*rechte Spalte width*/}
#container .column {position: relative; float: left; padding-top:15px;}
.margin {padding: 0 10px 30px 0;}
.margin strong {color: #069;}
.margin p {padding-bottom: 11px;}
.margin ul {margin-left: 30px; width: 75%;}
.margin ul li {padding-bottom: 8px;}
.margin .left {width:250px; float: left;}
.margin .right {width:250px; margin-left: 310px;}
.margin .left h2, .margin .right h2 {font-size: 1.3em; font-weight:bold; margin-bottom: 8px; line-height: 130%; color: #00A6DF;}
.margin div.line {border-top: 1px solid #00A6DF; width:240px; padding-bottom:15px;}
.margin div.slider {width: 570px; height: 184px; border: 1px solid #CCC;}
.margin div.slider img {padding: 0px;}
.margin .left ul, .margin .right ul {margin: 0px; padding: 0px 0px 0px 15px;}
.margin .left ul li, .margin .right ul li {margin:0px; padding:0px;}
#center {width: 100%; }
#left {width: 210px; /* LC width */margin-left: -100%;left: 200px; /* RC width for IE6 */}
#container > #left {left: -210px; /* -LC width for others */margin-left: expression(document.all.center.offsetWidth * -1); /* Fix for IE7 */}
#right {width: 200px; /*rechte Spalte width*/ margin-right: -200px; /*rechte Spalte width*/}
#footer {clear: both; width: 100%; background:url(pics/footer_top.jpg) repeat-x scroll left top transparent; margin-top:30px; padding-top:10px; padding-bottom:30px; text-align:center;}
#footer a {color:#000; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

/* Positionierung der Box Oben/Unten */
.box-top {width: 200px; background:url(pics/box_trf.gif) no-repeat left top; font-weight: bold; color: #069; padding: 5px 10px;}
.box-middle {width: 198px; border-left: #CCC 1px solid; border-right: #CCC 1px solid;}
.box-bottom {width: 200px; background:url(pics/box-bottom.png) no-repeat top; padding-top: 13px; margin-bottom: 10px;}
.box-middle img {padding: 8px 25px 3px 25px; border: 0px;}
.box-middle p {padding: 3px 10px;}

/* Positionierung der Inhalte in Box Seminare */
.box-middle.sem ul {list-style: none; padding: 6px 10px 0px 10px;}
.box-middle.sem ul li {background:url(pics/buttons.png) no-repeat; padding-bottom: 8px; padding-left: 13px; width: 160px;}
.box-middle.sem ul li.last {padding-bottom: 4px;}
.box-middle.sem ul li a, .box-middle.sem ul li a:hover {color: #000; text-decoration: none; font-weight: bold;}
#bt1 {background-position: 0px 1px;}
#bt2 {background-position: 0px -44px;}
#bt3 {background-position: 0px -88px;}
#bt4 {background-position: 0px -134px;}
#bt5 {background-position: 0px -178px;}
#bt6 {background-position: 0px -224px;}

/* Positionierung der Inhalte in Box Seminarprogramm */
.box-middle.spr img {padding: 10px 25px 0px 25px;}
.box-middle.spr p {padding: 8px 25px 0px 25px; line-height: 180%;}

/* Positionierung der Inhalte in Box Gutschein */
.box-middle.gut img {padding: 10px 10px 0px 10px;}
.box-middle.gut p {padding: 8px 10px 0px 10px; line-height: 180%;}

/* Positionierung der Inhalte in Box Bahnvorteil */
.box-middle.bahn img {padding: 0px;}
.box-middle.bahn p {padding: 8px 10px 0px 10px; line-height: 130%;}

/*** IE6 Fix ***/
* html #left {left: 210px; /* RC width */}