/* --  Hintergrund hell oder dunkel, jeweils auskommentieren -- */

/* dunkel */

body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;font-family: arial, sans-serif;background-color:#999999}
#wrapper{width: 890px;left: 50%;margin-left:-445px;margin:auto;background:#999999 url(images/bg_dark.gif) repeat-y scroll center center;}
#pagebottom {height:20px;width:890px;left: 50%;margin-left: -445px;margin:auto;background:#999999 url(images/finish_dark.gif) no-repeat scroll center center;}

/* hell */
/*
body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;font-family: arial, sans-serif;background-color:#F0F0F0}
#wrapper{width: 890px;left: 50%;margin-left:-445px;margin:auto;background:#F0F0F0 url(images/bg.gif) repeat-y scroll center center;}
#pagebottom {height:20px;width:890px;left: 50%;margin-left: -445px;margin:auto;background:#F0F0F0 url(images/finish.gif) no-repeat scroll center center;}
*/

/* ---------------------  Layout der Seite, wie Position der DIV Elemente, Hintergrundbilder und Ausrichtung--------------------- */

html {overflow-y: scroll;}
#page {width:870px;height:100%;background:url(images/bg_left.jpg) repeat-y 0px;margin:0px 10px 0px 10px;}
#logo {background-image:url(images/bg_logo.jpg);width:216px;height:160px;position:relative;float:left;}
#banner {background-image:url(images/bg_banner.jpg);width:654px;height:105px;position:relative;float:left;}
#headmenu {position:relative;top:12px;right:10px;width:100%;text-align:right;font-size:80%;color:#FFF;}
#headmenu a:link, #headmenu a:visited {color:#FFF;text-indent:2px;text-decoration:none;}
#headmenu a:hover{text-decoration:underline;}
#spacer {background-image:url(images/bg_space.jpg);height:26px;width:654px;float:left;}
#main{width:634px;float:left;text-align:left;min-height:480px;margin-bottom:20px;margin-right:20px;}


/* CSS #main für Internet Explorer 6 - Min Height Bug */
#main{height: auto !important;height: 480px;}

#youarehere {text-align:left;font-size:80%;}
#footer {background-image:url(images/bg_footer.jpg);height:30px;width:870px;color:#FFFFFF;}
#footertext {position:relative;left:230px;top:5px;font-size:90%;}
.clear {clear:both;}
#left {background-image:url(images/bg_left.jpg);background-repeat:repeat-y;width:208px;position:relative;float:left;text-align:left;}
#main .mod_breadcrumb, #main .mod_breadcrumb a:link, #main .mod_breadcrumb a:visited {font-size:10px;color:#666;overflow:hidden;}
/* Hauptmenue */
#topmenu {background-image:url(images/bg_menu.jpg);height:29px;width:654px;float:left;overflow:visible;}
#topmenu a:link, #topmenu a:visited, #topmenu a:hover, #topmenu a:active, #topmenu span {color:#fff;font-weight:bold;text-decoration:none;overflow:visible;display:block;}
#topmenu a:hover {color:#ffd182;}
#topmenu .trail a:link, #topmenu .trail a:visited {color:#ffd182;}
#topmenu .trail a:hover {color:#ffd182;}
#topmenu .trail ul li a:link, #topmenu .trail ul li a:visited {color:#ffffff;}
#topmenu .trail ul li a:hover {color:#ffd182;}
#topmenu .dropdown .active span {color:#ffd182;cursor:pointer;}
#topmenu .dropdown li.last {border-right:1px solid #016301;}
#topmenu .dropdown li.submenu li.last{border-right:0px;}
/* Submenu */
#sub_menu{position:relative;width:148px;font-size:11px;line-height:1.8;}
#sub_menu ul, #sub_menu li, #sub_menu li span{padding:0;margin:0;}
#sub_menu ul.level_1 {list-style:none;padding-left:8px;font-weight:bold;}
#sub_menu ul.level_2 {list-style:none;font-weight:normal;}
#sub_menu ul.level_2, #sub_menu li.level_2, #sub_menu li p.level_1{padding:0;margin:0;}
#sub_menu ul.level_1 li.active span {color:#da8a00;margin:0;padding-left:2px;font-weight:bold;border-bottom:1px solid #999;text-decoration:none;width:137px;display:block}
#sub_menu ul.level_2 li.active span {color:#fff;background-color:#005400;margin:0;padding-left:8px;font-weight:bold;border:none;text-decoration:none;width:131px;display:block}
#sub_menu ul.level_1 li a.trail:visited, #sub_menu ul.level_1 li a.trail:link {color:#da8a00}
#sub_menu ul.level_1 li a.trail:hover{color:#da8a00;background-color:#F0F0F0;}
#sub_menu ul.level_1 li a:link  {color:#005400;border-bottom:1px solid #999;text-decoration:none;width:137px;display:block;padding-left:2px;}
#sub_menu ul.level_1 li a:visited {color:#005400;border-bottom:1px solid #999;text-decoration:none;width:137px;display:block;padding-left:2px;}
#sub_menu ul.level_1 li a:hover{background-color:#F0F0F0;}
#sub_menu ul.level_1 li a:active {}
#sub_menu ul.level_2 li a:link  {padding-left:8px;width:131px;display:block;border:none;}
#sub_menu ul.level_2 li a:visited {padding-left:8px;width:131px;display:block;border:none;}
#sub_menu ul.level_2 li a:hover{color:#005400;background-color:#F0F0F0;border:none;}
#sub_menu ul.level_2 li a:active {}
/* Linke Spalte */
#left_l {float:left;width:30px;height:100%}
#left_m {float:left;width:148px;height:100%}
#left_r {float:left;width:30px;height:100%}

/* -------------------- Design der Elemente, wie Schriftarten, Ausrichtung und Farben  -----------------------------*/
h1 {font-size:20px;background: url(images/h1.gif) no-repeat left;padding-left:20px;margin:8px 0;}
.ce_teaser h1, .ce_teaser h1 a:link, .ce_teaser h1 a:visited {color:#444444}
h2 {font-size:18px;}
#main {font-size:90%;line-height:1.4;color:#444444;text-align:justify;}
.mod_newslist p {margin:0;padding:0;display:none;}
#main .ce_teaser a:link, #main .ce_teaser a:visited{color:#005400;}
#main .mod_article a:link, #main .ce_text a:visited{color:#005400;}
.mod_article .pdf_link {margin-bottom: -15px;margin-right:10px;text-align:right;font-size:70%;}
.mod_article .pdf_link a:link, .mod_article .pdf_link a:visited {color:#333333;}
#main a img{border:0;}
#projekte {line-height:1.2;font-size:80%;}
a.invisible  {display:none!important;}
#kontaktformular input {width:240px;}
.error{color:red;}