body {background:url(images/muster.gif); margin:0px; padding:0px; font-family:arial;}
#positionBox{position:relative; left:50%; margin-left: -505px; width:1009px; height:659px;}
#shadow { position: absolute; top:0px; left:0px; background:url(images/shadow.png)no-repeat; width:1009px; height:659px;}
/*in der _index.tpl befindet sich der CSS-Hack damit der IE6 Alphatransparenz korrekt darstellen kann*/

#content { position: absolute; top:47px; left:47px; background:#648dcc; width:915px; height:565px;}
#navi_bg {position:relative; top:0px; left:0px; width:285px; height:565px; background:url(images/bg_links_blau.jpg) #648dcc; float:left;}
/*#navi_bg.kontakt {background:url(images/bg_links_blau.jpg); background-repeat:y;}*/
#navi_bg.coaching_karrierecoaching {background:url(images/bg_links_beige.jpg) repeat-x;}
#navi_bg.coaching_paarcoaching {background:url(images/bg_links_beige.jpg) repeat-x;}
#navi_bg.coaching_krisenmanagement {background:url(images/bg_links_beige.jpg) repeat-x;}
#navi_bg.coaching_puresilence {background:url(images/bg_links_beige.jpg) repeat-x;}
#navi_bg.kontakt {background:url(images/bg_links_beige.jpg) repeat-x;}

#content_bg {position:relative; top:0px; left:0px; width:630px; height:565px; background:url(images/bg_startseite.jpg); float:left; font-size:12px; color:#FFFFFF;}
#content_bg.beige{color:#7A543F;}
#content_bg.blue{color:#2c74ae;}

#purelife #content_bg {background:url(images/bg_purelife.jpg);}
#coaching #content_bg {background:url(images/bg_einzelcoaching.jpg);}
#coaching_einzelcoaching #content_bg {background:url(images/bg_einzelcoaching.jpg);}
#coaching_paarcoaching #content_bg {background:url(images/bg_paarcoaching.jpg);}
#coaching_pruefungscoaching #content_bg {background:url(images/bg_pruefungscoaching.jpg);}
#coaching_karrierecoaching #content_bg {background:url(images/bg_karrierecoaching.jpg);}
#coaching_worklife #content_bg {background:url(images/bg_worklife.jpg);}
#coaching_krisenmanagement #content_bg {background:url(images/bg_krisenmanagement.jpg);}
#coaching_puresilence #content_bg {background:url(images/bg_puresilence.jpg);}
#person #content_bg {background:url(images/bg_zurperson.jpg);}
#aktuelles #content_bg {background:url(images/bg_aktuelles.jpg);}
#aktuelles_filme #content_bg {background:url(images/bg_aktuelles.jpg);}
#aktuelles_buecher #content_bg {background:url(images/bg_aktuelles.jpg);}
#aktuelles_links #content_bg {background:url(images/bg_aktuelles.jpg);}
#kontakt #content_bg {background:url(images/bg_kontakt.jpg);}
#impressum #content_bg {background:url(images/bg_impressum.jpg);}
#agb #content_bg {background:url(images/bg_impressum.jpg);}

#content_scroll {position:relative; top:0px; left:0px; width:630px; height:565px; overflow:auto;}
#content_scroll_klein {position:relative; top:219px; left:0px; width:630px; height:321px; overflow:auto; }
#content_scroll_klein.aktuelles {position:relative; top:210px; left:0px; width:630px; height:325px; overflow:auto;}
#aktuelles_bg {position:relative; top:0px; left:0px; width:630px; height:565px; background:url(images/aktuelles_bg.jpg) #2c74ae; float:left; font-size:12px; color:#FFFFFF;}
#content_headline {height:49px;position:absolute; top:139px; left:27px; width:394px;}
#headline {position:absolute; bottom:0px;}
#content_text {position:absolute; top:0px; left:27px; width:364px; height:321px;}
#content_pic {position:absolute; top:0px; left:441px; width:169px; margin-top:20px; }
#content_pic_person {position:absolute; top:0px; left:441px; width:169px; margin-top:20px; }
#aktuelles_gradient_bottom {position:absolute; top:525px; left:20px; width:556px; height:20px; background:url(images/gradient_bottom.png); display:none;}
* html #aktuelles_gradient_bottom { background:none; }
#aktuelles_gradient_top {position:absolute; top:215px; left:20px; width:556px; height:20px; background:url(images/gradient_top.png); display:none;}
* html #aktuelles_gradient_top { background:none; }
/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/gradient_bottom.png', sizing='crop')*/
/*#aktuelles_gradient_bottom {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/gradient_bottom.png') } /*CSS-Hack damit der IE6 Alphatransparenz korrekt darstellen kann*/

#metanavi {position:relative; top:612px; left:47px; width:895px; height:20px; clear:both; font-size:11px; color:#2c76b1; text-align:right; padding:5px 20px 0px 0px;}
#metanavi a {text-decoration:none; color:#2c76b1;}
#metanavi a:hover {text-decoration:underline;}

h1 {padding:0px; margin:0px; color:#ff9933;}
h2 {padding:0px; margin:0px; color:#ffcc00;}
div.bu {padding:5px; color:#2c74ae; font-size:11px; margin:0px; background:#FFFFFF;}
div.kontakt_info{ margin-top:83px; color:#FFFFFF; padding:5px; font-size:12px;}
.contact {background:none; border:1px solid #FFFFFF; color:#7A543F; width:268px; font-family:arial; font-size:12px;}
.legalcopy {font-size:10px;}

option {background:#FFFFFF; border:1px solid #FFFFFF; color:#2c74ae; width:268px;}
.error {color:#FF9900;font-weight:bold;}

#logo{ position: absolute; top:61px; left:20px; background:url(images/logo.gif); width:245px; height:54px;}
#navi{ position: absolute; top:184px; left:20px; width:245px; height:200px;}

/* NAVI */
#navi ul { list-style-type:none; margin:0px; padding:1px 0px 0px 0px; font-size:12px; font-family:arial; background:url(images/navi_bar.gif) bottom no-repeat;}
#navi li {background:url(images/navi_bar.gif) top left no-repeat; width:245px; padding:4px 0px 2px 0px;}
#navi li a{text-decoration:none; color:#2c74ae; display:block; padding-left:20px;}
#navi ul li ul li a{font-size:12px; padding-left:16px; margin-left:15px;}
/*#pureLife{position:relative; top:1px;}*/
#navi li a.active {font-weight: bold; color:#ff9933;}
#navi li a:hover {text-decoration:none; color:#ff9933;}
#navi ul li ul li a:hover {text-decoration:none; color:#2c74ae; background:url(images/link_arrow.gif) no-repeat left;}
#navi ul li ul li a.active {text-decoration:none; color:#2c74ae;}

#navi ul li ul {background:none;}
#navi ul li ul li { background:none; padding:1px 0px 1px 0px;}

/* BULLETS*/
#content_bg ul { list-style-type:square; margin:0px; padding:0px;}
#content_bg li { margin-left:14px; padding:0px;}

#links { width:374px; padding-bottom:20px;}
#links ol { padding:0px; margin:0px;}
#links li { list-style-type:none; margin:0px; padding-bottom:15px; font-size:12px; font-family:arial; width:100%;}
#links li span { display:block;font-weight:bold; padding-bottom:5px; margin:0px 0px 5px 0px; border-bottom:1px solid #cccccc; }

/* AKTUELLES*/
#aktuelles_headline {position:absolute; top:167px; left:20px; width:382px; height:30px;} 
#aktuelles_metanavi {position:absolute; top:187px; left:20px;  width:382px; height:18px; z-index:5; text-align:right; color:#ffcc00; font-weight:bold;}
#content_aktuelles {position:relative; top:215px; left:20px; width:610px; height:310px; overflow:auto; padding:20px 0px 0px 0px;}
#scrollbody {position:relative;}
.ColumnBox { clear:both; width:556px;}
.ColumnText{ width:367px; float:left; margin-right:27px;} 
.ColumnPic{ margin-left:27px; width:135px; float:left; padding-bottom:30px;}
.ColumnText div.headline{color:#f7b000; padding-bottom:10px; font-weight:bold;}
.bluebar { width:367px; height:1px; background:url(images/bluebar.gif) repeat-x; margin-top:10px; margin-bottom:25px;}
#content_scroll_klein a{ color:#FFFFFF; text-decoration:underline;}
#content_scroll_klein a:hover{color:#ff9900;}

/* SCROLLBAR */
#scrollbar { position:absolute; top:210px; left:596px; display:none;}
#scrollbar_up { position:relative; display:block;top:0px; left:0px; background:url(images/scrollbar_up.gif) no-repeat left; width:15px; height:15px;} #scrollbar_up:hover { background:url(images/scrollbar_up.gif) no-repeat right;}
#scrollbar_down { position:relative; display:block;  z-index:103; top:0px; left:0px; background:url(images/scrollbar_down.gif) no-repeat left; width:15px; height:15px;} #scrollbar_down:hover { background:url(images/scrollbar_down.gif) no-repeat right;}
#scrollbar_bar {position:relative; top:0px; left:0px; width:15px; height:310px;}
#scrollbar_bar_top { position:absolute; top:0px; left:0px; background:url(images/scrollbar_bar_top.png) no-repeat; width:15px; height:3px;} #scrollbar_bar_top { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='main/images/scrollbar_bar_top.png')} /*CSS-Hack damit der IE6 Alphatransparenz korrekt darstellen kann*/
#scrollbar_bar_middle { position:absolute; top:3px; left:0px; background:url(images/scrollbar_bar_middle.png) repeat; width:15px; height:307px;} #scrollbar_bar_middle { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='main/images/scrollbar_bar_middle.png'); /*background:none;*/} /*CSS-Hack damit der IE6 Alphatransparenz korrekt darstellen kann*/

#slider { position:a; width:15px; background:#FFFFFF; background:url(images/scrollbar_slider_middle.gif) no-repeat center left;} #slider:hover { background:url(images/scrollbar_slider_middle.gif) no-repeat center right;}
#scrollbar_slider_top { position:relative; z-index:101; background:url(images/scrollbar_slider_top.gif) no-repeat; width:15px; height:3px;}
#scrollbar_slider_bottom { position:relative; z-index:102; background:url(images/scrollbar_slider_bottom.png) no-repeat bottom; width:15px;} #scrollbar_slider_bottom { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='main/images/scrollbar_slider_bottom.png')} /*CSS-Hack damit der IE6 Alphatransparenz korrekt darstellen kann*/

a{color:#2C74AE;}
a:hover{color:#ff9933;}

#content_pic a{color:#FFFFFF;}
#content_pic a:hover{color:#ff9933;}