/* Zentralle Styles fuer biodanza hannover/
/* Farben: #62869B (blau), #EAA166 - #B45243 - #D6A08A - #CD9292 - #C5785E - #8A0000 (braun Stufen - hell - dunkel), #C2C0C0 (grau) */ 

body {font: normal 100% Verdana, Arial, sans-serif; color: #62869B;	margin: 0; padding: 0; background-color:#fff;}
ul, li, div, p, h1, h2, h3, p {margin: 0; padding: 0;}
.leftEnde {clear:left;}
body {scrollbar-base-color: #F6D6BA; scrollbar-face-color: #F6D6BA; scrollbar-track-color: #FEEFDF; scrollbar-arrow-color: #ECAA75;}

html, body {height:100%;}
#spacer, #container {position:absolute; margin:0; padding:0;}
#spacer {width:100%; height:100%; min-width:990px; min-height:640px;}

* html #IEspacer {width:990px; height:580px;}

#container {position:absolute; top:50%; left:50%; margin:-320px 0 0 -495px;	padding:0; width:990px;	height:640px; background:#fff url(../pix/back_biodanza.gif) top left no-repeat; border-top: 1px solid #C2C0C0; border-left: 1px solid #C2C0C0; border-right: 1px solid #C2C0C0;}

/*#container .menu {width:490px; height:40px; margin:0; padding:220px 0 0 490px;}*/
#container .menu {width:560px; height:40px; margin:0; padding:220px 0 0 425px;}
#container .menu ul {margin:0; padding:0;}
#container .menu li {display:inline; list-style-type:none; float:left; white-space:nowrap; height:40px; padding: 0 18px 0 18px; background: url("../pix/linie_nav.gif") no-repeat top right;}
#container .menu .last {display:inline; list-style-type:none; float:left; white-space:nowrap; height:40px; padding: 0 0 0 18px; background: url("../pix/space.gif");}
#container .menu li a {font:bold 14px verdana, arial, sans-serif; color:#EAA166; text-decoration:none;}
#container .menu li a:hover {color:#B45243;}
#container .menu li .active {color:#B45243;}

#left_box {width: 445px; position: absolute; left: 0; top: 290px;}
#right_box {width:545px; position: absolute; left: 445px; top: 290px;}

/*border: 1px dashed silver; background:#ff9;*/

#bildleiste {height:175px; margin:0; padding:0;}
#bildleiste ul {margin:0; padding:0;}
#bildleiste li {display:inline; list-style-type:none; float:left;}
#bildleiste .schmal {width:18px; height:128px; border: 1px solid #CD9292; margin:0 0 0 25px;}
#bildleiste .schmal2 {width:18px; height:128px; border: 1px solid #CD9292; margin:0 25px 0 25px;}
#bildleiste .breit {width:75px; height:128px; border: 1px solid #CD9292; margin:0 0 0 45px;}
#bildleiste .lang {width:160px; height:128px; border: 1px solid #CD9292; margin:0;}
#bildleiste .lang2 {width:195px; height:128px; border: 1px solid #CD9292; margin:0;}
#bildleiste .lang3 {width:195px; height:128px; border: 1px solid #CD9292;  margin:0 0 0 25px;}
#bildleiste .lang4 {width:200px; height:128px; border: 1px solid #CD9292;  margin:0 0 0 25px;}
#bildleiste .lang5 {width:145px; height:128px; border: 1px solid #CD9292;  margin:0 0 0 25px;}
#bildleiste p {font: normal 9px/12px Verdana, Arial, sans-serif; color: #C5785E; text-align:right; padding: 0 20px 0 0;}

#slogan {height:120px; position:absolute; right:15px;}
#slogan_2 {height:100px; position:absolute; left:50px;}
#slogan_3 {height:100px; position:absolute; left:110px;}
#logo {position:absolute; left:85px; top:265px;}

#right_box .text {height:315px; margin:0; padding:0 70px 0 60px; background: url(../pix/kreise.gif) top left no-repeat;}
#right_box .text h1 {font: normal 13px Verdana, Arial, sans-serif; font-style:italic; color: #BF2900; padding:0 0 10px 0;}
#right_box .text p {font: normal 11px/16px Verdana, Arial, sans-serif;}

#right_box .textProg {height:315px; margin:0; padding:0;}
#right_box .textProg h1 {font: normal 13px Verdana, Arial, sans-serif; font-style:italic; color: #BF2900; padding:0 0 2px 60px; background: url(../pix/kreise.gif) top left no-repeat;}
#right_box .textProg p {font: normal 11px/16px Verdana, Arial, sans-serif; padding:0 0 0 60px; width:400px;}
#right_box .textProg p.detail {text-align:right; padding:0 0 15px 60px;}
#right_box .textProg p.detail a {font: normal 10px Verdana, Arial, sans-serif; color:#8A0000;}
#right_box .textProg p.detail a:hover {color:#C5785E;}

#weiter {position:absolute; left:425px; top:615px; font-size:11px; color:#8A0000;}
#backDetail {position:absolute; left:885px; top:615px; font-size:11px; color:#8A0000;}

#linieUnten {position:absolute; bottom:0;}

a {color:#C5785E; text-decoration:none;}
a:hover {color:#8A0000;}
a.active {color:#8A0000;}
