html,body
   {
   margin:0px;
   padding:0px;
   width:100%;
   height:100%;
   background:#ffc;
   }
html
    {
scrollbar-base-color:#fffee6;
scrollbar-track-color:#fffee6;
scrollbar-face-color:#fffee6;
scrollbar-highlight-color:#afb760;
scrollbar-3d-light-color:#afb760;
scrollbar-dark-shadow-color:#afb760;
scrollbar-shadow-color:#afb760;
scrollbar-arrow-color:#afb760;
}

a{text-decoration:none;}
body,td,span,div,a,p,h1,h2,h3
	{
	font-family:verdana,arial,sans serif;
	font-size:11px;
	line-height:140%;
	color:#558055; /*grün*/
	}
h1,h2 span
	{
    font-size:20px;
    margin:0 0 10px 0;
    color:#afb760;}
h1{float:right;text-align:right;}
body.gruen h1,
body.gruen h2 span
	{
    font-size:20px;
    margin:0 0 10px 0;
    color:#656c3f; /*dunkelgrün*/
    }
h2 {font-size:12px;margin:0 0 10px 0;}

/*----------- Seitenkopf ----------------*/
#header {
height:110px;
position:relative;
top:0;left:0;
display:block;
width:100%;
background:#ffc;;
border-bottom:1px solid #afb760;
}
body.gruen #header {
border-bottom:1px solid #656D3F;
}
#titel
	{
    position:absolute;
    top:20px;
    left:200px;
    }
#fonfax
	{
	position:absolute;
    top:20px;
    right:20px;
    width:auto;
    text-align:right;
    line-height:140%;
    }
/*----------- Container gesamter unterer Bildbereich ----------------*/
#container {
	width: 100%;
	background: ;
	float: right;
	margin-left: -200px;
   z-index:1;
   position:relative;

}
/*----------- Hauptnavigation ----------------*/
#navi {
   color:#558055;
	margin-left: 200px;
    padding-left:10px;
   margin-right:20px;
   height:25px;
   background: #afb760;
   border-top:0px solid #afb760;
   border-left:1px solid #afb760;
   border-right:1px solid #afb760;
}
body.gruen #navi {
   background: #656D3F	;
   border-top:0px solid #656D3F;
   border-left:1px solid #656D3F;
   border-right:1px solid #656D3F;
}
/*----------- Content ----------------*/
#content {
position:relative;
   color:#558055;
	margin-left: 200px;
   margin-right:20px;
   padding:20px 0px 50px 0px;
   height:320px;
   background:url(../bilder/bg/mess.gif) repeat-y top left #FFF;
   border:1px solid #afb760;
   border-bottom:10px  solid #afb760;
}
*>#content
	{
   height:auto;
   min-height:320px;
   }
#content-innen
	{
    margin:0 40px 0 50px;
    }
body.gruen #content {
   border:1px solid #656d3f;
   border-bottom:10px  solid #656d3f;
}

#content img{border:1px solid #afb760;}
body.gruen #content img{border:1px solid #656c3f;}
#content a, #content a:link, #content a:visited{text-decoration:none;}
#content a:hover, #content a:active, #content a:focus{color:#afb760;text-decoration:underline;}
#content a.extern,#content a.extern:link,#content a.extern:visited
	{
    display:inline;
    background:#F7FAEE;
    padding:0px 5px 2px 5px;
    margin:1px 0;
    }
#content a.extern:hover,#content a.extern:active,#content a.extern:focus
	{
    display:inline;
    background:#afb760;
    color:#ffc;
    padding:0px 5px 2px 5px;
    text-decoration:underline;
    }
.spalte1
	{
    float:left;
    width:250px;
    margin:0 20px 10px 0;
    padding-right:50px;
    }
.spalte2
	{
    float:left;
    width:250px;
    border:0 0 10px 0;}
.spalte
	{
    width:500px;
    }
.spalte330
	{
    position:relative;
    float:left;
    width:330px;
    margin:0 20px 10px 0;
    }

/*----------- Navigation links ----------------*/
#sidebar {
	width: 200px;
	float: left;
   text-align:left;
   z-index:10;
   position:relative;
   background:url(../bilder/bg/leistungen-links.jpg) no-repeat 0 -1px;
   border-top:0px solid #ffffcc;
   height:330px;
}
*>#sidebar
	{
   height:auto;
   min-height:330px;
   }

#sidebar.leistungen{background-image:url(../bilder/bg/leistungen-links.jpg);}

#sidebar ul
	{display:block;
    width:180px;
    margin:30px 0px 0 0px; /*30px 10px 0 10px;*/
    padding:0;
    color:#656D3F;
    }
#sidebar li
	{display:block;
    width:180px;
    height:30px;
    margin:5px 0 0 0px;
    padding:0px 0 0 5px;
    color:#656D3F;
    list-style-type:none;
}
#sidebar ul.fll li
	{display:block;
    height:auto;
 
}
#sidebar a span
	{
   margin-top:0px;
   float:left;
   height:30px;
   font-size:30px;
   font-weight:bold;
   color:#558055;
   line-height:100%;
   text-decoration:none;
   margin-right:5px;
   }

#sidebar li.open a,#sidebar li.open a span,
#sidebar a:hover, #sidebar a:hover span
{color:#afb760;}
#sidebar li.open a
{background:#fffee6;border:1px solid #afb760}

#sidebar li a,#sidebar li a:link,#sidebar li a:visited,#sidebar li span
	{
   display:block;
   height:30px;
   vertical-align:center;
   }
#sidebar li a.fll1,
#sidebar li a.fll1:link,
#sidebar li a.fll1:visited,
#sidebar li span.fll1
	{
	display:block;
	background:url(../bilder/texte/text-dl-anmeldung.gif) no-repeat 0 0 ;
	width:170px;
	height:73px;
	border:none;
	}
#sidebar li a.fll1:hover,
#sidebar li a.fll1:active,
#sidebar li a.fll1:focus,
#sidebar li span.fll1
	{
	background:url(../bilder/texte/text-dl-anmeldung-hover.gif) no-repeat 0 0;
	}
#sidebar li a.fll2,
#sidebar li a.fll2:link,
#sidebar li a.fll2:visited
	{
	display:block;
	background:url(../bilder/texte/text-sidebar-anmeldung.gif) no-repeat 0 0 ;
	width:170px;
	height:73px;
	border:none;
	}
#sidebar li a.fll2:hover,
#sidebar li a.fll2:active,
#sidebar li a.fll2:focus
	{
	background:url(../bilder/texte/text-sidebar-anmeldung-hover.gif) no-repeat 0 0;
	}

#sidebar li a.fll3,
#sidebar li a.fll3:link,
#sidebar li a.fll3:visited
	{
	display:block;
	background:url(../bilder/texte/text-dl-programm.gif) no-repeat 0 0 ;
	width:170px;
	height:73px;
	border:none;
	}
#sidebar li a.fll3:hover,
#sidebar li a.fll3:active,
#sidebar li a.fll3:focus
	{
	background:url(../bilder/texte/text-dl-programm-hover.gif) no-repeat 0 0;
	}

/*----------- Baumlogo ----------------*/
a.logo,
a.logo:link,
a.logo:visited
	{
   display:block;
   background:url(../bilder/logo100.gif) no-repeat 0px 0px;
   margin-top:10px;
   margin-left:10px; /*110px;*/
   width:180px;
   height:100px;
   border-bottom:0px solid #afb760;
   }
a.logo:hover,
a.logo:active,
a.logo:focus
	{
   text-decoration:none;
   background:url(../bilder/logo100-hover.gif) no-repeat 0px 0px;
   border-bottom:0px solid #f2f2c2;
   }
/* Messlatte */
#bild
	{
    position:absolute;
    bottom:-1px;left:0;
    height:30px;
	width:100%;
    background:url(../bilder/bg/bottom-deco.gif) repeat-x left bottom;
    z-index:100;
    }
/*----------- Servicenavigation ----------------*/
#servicenavi
	{
    position:absolute;
    bottom:2px;
    right:20px;
    margin-top:12px;
    }
a.service,a.service:link,a.service:visited
	{
    border-right:1px solid #656D3F;
	color:#656D3F;
	padding:2px 5px;
	font-size:11px;
	height:17px;
	text-decoration:none;}
a.service:hover,a.service:active,a.service:focus
	{
    color:#656D3F;
    padding:2px 5px;
	color:#FFF;
	background:#afb760;}
/* ktive Links = offene Seite*/
a:link.active, a.active:visited
	{
    text-decoration:underline;
    background:#E1E6B8;}
a.service.active,a.service.active:link,a.service.active:visited
	{
    text-decoration:none;
    background:#E1E6B8;
    border-right:1px solid #656D3F;
    }
/* Link Copyright */
#copy
	{
    text-align:right;
    margin:2px 20px 20px 0;
    }
a.copy,a.copy:link,a.copy:visited
	{
	color:#656D3F;
	padding:2px 5px;
	font-size:11px;
	height:17px;
	text-decoration:none;}
a.copy:hover,a.copy:active,a.copy:focus,
	{color:#656D3F;padding:2px 5px;
	color:#FFF;
	background:#afb760;}
/* e-Mail-Link */
a.mail,a.mail:link,a.mail:visited
	{
	color:#656D3F;
	padding:2px 5px;
	font-size:11px;
	height:17px;
	text-decoration:none;text-decoration:underline;}
a.mail:hover,a.mail:active,a.mail:focus
	{color:#656D3F;
    padding:2px 5px;
	color:#FFF;
	background:#afb760;
    text-decoration:underline;}
#navi a,#navi a:link,#navi a:visited
	{
    float:left;
    height:25px;
    line-height:25px;
    padding:0 5px;
    color:#F7FAEE;
    border-right:1px solid #afb760;
    }
body.gruen #navi a,body.gruen #navi a:link,body.gruen #navi a:visited
	{
    border-right:1px solid #656d3f;
    }
#navi a:hover,#navi a:active,#navi a:focus,#navi span
	{
    color:#656D3F;
    background:#ffc;
    border-right:1px solid #afb760;
    }
body.gruen #navi a:hover,body.gruen #navi a:active, body.gruen #navi a:focus, body.gruen #navi span
	{
    border-right:1px solid #656d3f;
    }
#navi span
	{
    float:left;
    height:25px;
    line-height:25px;
    padding:0 5px;
    color:#656D3F;
    background:#FFFEE6;
    border-right:1px solid #afb760;
    }
body.gruen #navi span
	{
    border-right:1px solid #656d3f;
    }
/*----------- Tabellen ----------------*/
table
   {
   table-layout:fixed;
   border-collapse:collapse;
   width:480px;position:relative;
   display:block;
   }
table caption
	{
    font-size:12px;
    margin:10px 0;
    padding:2px 10px;
    background:#afb760;
    color:#ffC;}

table#koop {width:460px;}
table#semi	{width:460px;border:1px solid #afb760;}
table#koop img {border:none;}
td
	{
    vertical-align:top;
	text-align:left;
	padding:0 10px 10px 10px;
    text-indent:0px;
    }
table#semi th
	{
    font-weight:bold;
    background:#fffee6;
    text-align:left;
    padding:2px 10px;
    }
table#koop td,
table#semi td,
table.wir
	{
    clear:both;
    }
table.wir td
	{
    padding:5px 5px 5px 0;
    border-bottom:1px solid #afb760;
    text-indent:0;
}
table#semi td{text-align:left;padding:2px 10px;}
table.wir td{border:none;}
table#koop td.left{text-align:right;padding-right:20px;}
table#leistungen td.nr
	{
    width:42px;
    padding:0;
    }
#leistungen tr 	{height:80px;}
td a,td a:link,td a:visited  {color:#656D3F;}
td a:hover,td a:active,td a:focus
	{
    color:#afb760;
    text-decoration:underline;
    }
.clearer {
    height: 0px;
    clear: both;
    overflow: hidden;
    font-size: 0px;
    line-height: 0px;
}
div.divider {
    height: 1px;
    margin: 1em 0;
    clear: left;
    border-top: 1px solid #afb760;
}
body.gruen div.divider {
    border-top: 1px solid #656d3f;
}

/*----------- Listen ----------------*/
#content ul
	{
   width:auto;
   list-style-type:square;
   margin-top:0;
   }
#content ul li
	{
   list-style-type:square;
   }

#content ul.publik li
	{
    padding-left:0px;
    }
#content ul.ankernav li
	{
	list-style-type:none;
	background:url(../bilder/icons/pfeil.gif) no-repeat 0 3px;
	padding-left:15px;
	}
#content ul.ankernav li a,
#content ul.ankernav li a :link,
#content ul.ankernav li a:visited
	{
	text-decoration:underline;
	}
/*----------- Hover-Bilder ----------------*/
#zoom
	{
   position: relative;
   float:left;
   z-index: 100;
   left: 0px; top: 10px;
   width: 110px;
   background-color: #fff;
}
#zoom.breit
	{
   width: 150px;border:0px solid red;
}
#zoom a.p1,#zoom a.p1:visited
	{
   position:relative;
   display: block;
   border-width:0px;
   background: #fff;
   text-decoration: none;
}
#zoom a.p1 img.klein
	{border:1px solid #afb760;}
#zoom a.p1 img.large
	{border:0px solid #afb760;}
#zoom a img {
   border:none;
   }
#zoom a .cap {
   font-size:0;
   position:absolute;
    left: -1px;  top: -1px;
   width: 1px;  height: 1px
   }
#zoom a.p1:hover {
   color: #000;
   background: #ffffff;
   text-decoration: none;
}
#zoom a .large {
   border: none;
   display: block;
   position: absolute;
   left: -1px;  top: -1px;
   width: 1px;  height: 1px
}
#zoom a.p1:hover .large {
   border: 1px solid #afb760;
   display: block;
   left: 50px;
   width: 180px;
   position: absolute;
   top: -100px;
   height: 400px
}
#zoom.breit a.p1:hover .large
	{
    width:240px;
    }
#zoom.detail a.p1:hover .large,#zoom.detail3 a.p1:hover .large
	{
    width:240px;
    height:240px;
   top: -10px;
    }
#zoom a.p1:hover .cap {
   border: 1px solid #afb760;
   color:#656D3F;
   font-size:10px;
   text-align:center;
   display: block;
   left: 51px;
   width: 178px;
   position: absolute;
   top: 300px;
   padding:5px;
   height: 1%;
   background:#F7FAEE;
   voice-family: "\"}\"";
   voice-family: inherit;
   width:170px;
   left:50px;
   }

html>body #zoom a.p1:hover .cap
    {
   width:170px;
   left:50px;
   }
*>#zoom a.p1:hover .cap
	{
   height:auto;
   min-height:20px;
   }


#zoom.detail a.p1:hover .cap {
   left: 51px;
   width: 228px;
   top: 231px;
   padding:5px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width:230px;
   left:50px;
   }

html>body #zoom.detail a.p1:hover .cap
    {
   width:230px;
   left:50px;
   }
*>#zoom.detail a.p1:hover .cap
	{
   height:auto;
   min-height:20px;
   }
div.top
	{
	text-align:right;
	margin:2em 0;
	}
div.top a
	{
	background:url(../bilder/icons/top.gif ) no-repeat 0 2px;
	padding-left:15px;
	}