
body { background: #92c7e4; font: 13px/16px  Verdana, Arial, Helvetica, Sans-Serif; color: #fff; }
#shadow { width: 1000px; margin: 0 auto; background: url(../img/shadow.jpg) center center repeat-y; }

#site { width: 920px; margin: 0 auto;  background: #23b0dd url(../img/site_bg.jpg) 0 -30px repeat-x; }

#shadow { position: relative; height: auto !important; min-height: 100%;  height: 100%; margin: 0 auto; padding: 0 0 -32px 0; }
/* #shadow2 { position: relative; height: 32px; width: 1000px; margin: 0 auto -5px auto; background: url(../img/shadow.jpg) center center repeat-y;} */


#site {  }
/* ; 
padding-bottom: 30px;
padding-bottom: 30px;
margin-bottom: -30px;
*/

a { color: #fff; }

#header { height: 165px; background: #fff url(../img/header_img.jpg) no-repeat; }

#main { padding: 0 0 20px 0; min-height: 490px; height: auto!important; height: 490px;}

#main_navigation { width: 235px; float: left; }
#main_navigation ul { }
#main_navigation ul li { float: left; width: 234px; }
#main_navigation ul li a { display: block; line-height: 29px; font-size: 14px; background: none; padding: 0 10px 1px 10px; text-decoration: none; text-shadow: 1px 2px 2px #074F6F; }
#main_navigation ul li a:hover { background: #fff; color: #337499; }
#main_navigation ul li.active a { background: #fff; color: #337499; text-shadow: 1px 2px 2px #8EA6AF; }
#main_navigation ul li a:hover { text-shadow: 1px 2px 2px #8EA6AF; }

#main_navigation ul li ul li { float: left; width: 234px; }
#main_navigation ul li.active ul li a { padding-left: 25px;  background: none;  text-shadow: 1px 2px 2px #074F6F; color: #fff;}
#main_navigation ul li.active ul li a:hover { background: #efefef; color: #337499; text-shadow: 1px 2px 2px #8EA6AF; }
#main_navigation ul li.active ul li.active a { background: #efefef; color: #337499; text-shadow: 1px 2px 2px #8EA6AF; }

#main_navigation ul li ul {display: none; }
#main_navigation ul li.active ul { display: block; }


#content { float: left; width: 685px; padding: 0 0 60px 0; overflow-x: hidden; } 
#content_visual { margin: 0 0 30px 0; float: left; width: 685px; }
#content_visual #image {   }
#content_visual #zitat_box { float: right; height: 217px; width: 390px; }
#content_visual #zitat_box #zitat { float: left; padding: 60px 45px 0 45px; font-size: 15px; }
#content_visual #zitat_box #zitat_autor { float: left; padding: 25px 45px 0 45px; font-size: 14px; }


#main_startpage { height: 514px; margin-bottom: -20px; background: url(../img/startpage_image.jpg) right top no-repeat; }

#content h2 { font-size: 15px; margin: 10px 0 30px 0; font-weight: bold; }
#content p { padding: 0 40px 0 0;}
#content hr { height: 1px; border: 0px; background: #eee; overflow: hidden; font-size: 0; padding: 0; margin: 15px 40px 15px 0; }

#footer { position: absolute; overflow: hidden; bottom: 0; left: 50%; margin-left: -460px; background: #fff; height: 32px; width: 920px; clear: both; }
#footer .left { float: left; padding: 0 0 0 235px ; margin: 0; }
#footer .left span{ float:right; height:30px; padding-top: 8px; margin-top: 0px; }
#footer .right { float: right; padding: 0 15px 0 0; margin: 0;  }
#footer .login { height: 30px; width: 220px!important; margin: 0 0 0 550px; white-space: nowrap; }
#footer .login a { float: left; height: 30px; width: 80px; margin: 0 0 0 30px; padding: 0; background: none; display: block;}
/*
#footer .login_nl { height: 30px; width: 100px; margin: 0 0 0 20px; }
#footer .login_nl a { height: 30px; width: 100px; background: red; display: block;}
*/
#footer p { color: #777; }
#footer a { color: #777; text-decoration: none; }
#footer a:hover { color: #337499; }

