body {
margin-top: 0px; 
margin-left: 0px; 
margin-right: 0px;
margin-bottom: 0px; 
background-color: #e6e6e6;
}

/* scrolleiste internet explorer ab vers.5.5 */

body
{scrollbar-arrow-color: #737b66; 
scrollbar-base-color: #F5F8F3;
scrollbar-highlight-color : #737b66; 
scrollbar-shadow-color : #ffffff;
SCROLLBAR-TRACK-COLOR: #e6e6e6;}


ul, li {
list-style-type: square;
margin-left:10px;
padding: 0px;
color:#666666
}

table,td {
font-size: 100%;
line-height: 115%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}

h1{
font-family:"Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
color:#666666;
margin-bottom:20px;
letter-spacing:2px;
font-size: 125%;
border-bottom:solid 0px #5F8349;
padding-bottom:4px
}


h2{
	font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
	color:#666666;
	margin-bottom:20px;
	letter-spacing:2px;
	font-size: 110%;
	border-bottom:solid 0px #746b64;
	padding-bottom:4px
}
/* hauptgerüst */

#main {
border-bottom:solid 1px #fff;
border-right:solid 1px #fff;border-left:solid 1px #fff;

}

#oben {
	background-image:url(images/images_2.jpg);
	height:150px;
	border-top:solid 0px #fff;
	border-left:solid 1px #fff;
	color:#fff2a7;
	background-color:#909e63;
	background-repeat:no-repeat;
			
}

#homepagename {height:90px;padding-right:10px;padding-top:10px;text-align:right;color:#000;
letter-spacing:1px;font-size:18px;font-family: "Trebuchet MS", arial, helvetica, verdana, tahoma, sans-serif; font-style:normal;
background-color:white;
}

.titel{
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color: #FFFFFF;
	margin: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	
}
.linie{
	width:100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.text_w{
	font: normal 14px/18px Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 10px;
	padding-left: 10px;
}

#menue_links { padding-left: 0px;padding-right:0px;padding-top: 0px;padding-bottom: 0px;
vertical-align:top;
background-color:#fff;
background-image:url(images/bgnav.jpg);
background-repeat:repeat-y;
background-position:top left;border-left:solid 0px #fff;}


#text {
text-align:justify;
padding-left: 10px;
padding-right:10px;
padding-top: 40px;
padding-bottom: 40px;
background-color:#ffffff;
width:100%;
height:100%;
font-size: 12px;
}

#footer {font: normal 12px verdana, sans-serif;
color: #000000;
height:100px;
text-align:center;
border-top:solid 1px #bfbfbf;
background-image:url(images/images_4.jpg);
background-repeat:repeat-x;
background-color:#fefefe;
line-height:16px




}


/* Navigation oben */
.navoben {
vertical-align:top;
height:40px;background-color:white;
background-image:url(images/images_4);
background-repeat:repeat-x;
border-top:solid 1px #C4C4C4;}

#navigation_oben a, #navoben a:visited , #navoben a:active {display: block;
color:#000;

text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;
padding-left: 10px;padding-right: 10px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
border-left:solid 0px #AAAAAA;
line-height:36px;
text-align:center;
background-image:url(images/images_4.jpg);
}


#navigation_oben a:hover {background-color:#fff;color:#7c9d57; text-decoration:none ;
background-image:url(images/images_3.gif);
border-left:solid 0px #fff;
border-bottom:solid 0px #E6E6E6;
border-top:solid 0px #fff;
}

/* Navigation Links  */

#navigation_links {
border: dashed 0px #fff;
background-color:#5F8349;
text-align: left;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
padding-left:5px;
padding-right:5px;
padding-bottom:10px;
padding-top:10px;
width:220px;
}
#navigation_links ul, #navigation_links li {
list-style-type: square;
margin-left:10px;
padding: 0px;
color:#fff2a7
}
#navigation_links li a:link, #navigation_links li a:visited, #navigation_links li a:active {display:block;
        border-bottom: dashed 0px #C2631D;
        width:180px;
        color:#fff;text-decoration:none;
        font-size: 14px;georgia, verdana, arial, helvetica, verdana, tahoma, sans-serif;
        height: 16px;
line-height: 16px;
background-color:#;
}
#navigation_links li a:hover { background:TRANSPARENT;
                color:#fff482;
        text-decoration:underline;
        letter-spacing:0px;
}

/* Ende Navigation Links  */
.gelb {
	color:#fff482;
}
/* Boxen  */


.box1{
border: dashed 0px #fff;
background-color:#c7cc8a;
padding-left:5px;
padding-right:5px;
padding-top:15px;
padding-bottom:15px;
font: normal 11px/18px verdana, sans-serif; 
color: #384E2C;
border-TOP:solid 0px #FFF;
width:220px;}

.box2 {
	background-color:#9ab67c;
	padding-left:5px;
	padding-right:5px;
	padding-top:15px;
	padding-bottom:15px;
	font: normal 11px/18px verdana, sans-serif;
	color: #29334E;
	border-TOP:solid 1px #FFF;
	width:220px;
	height:100%;
	display: block;
}
#box2 a:link, #box a:visited, #box a:active {
        
font-size: 12px;
background-color:#;
margin: 0px;
color:#666666
}

.box3{
float:right;
background-color:#9ab67c;
margin-left:10px;
margin-top:10px;
margin-bottom::10px;
padding-left:5px;
padding-right:5px;
padding-top:15px;
padding-bottom:15px;
font: normal 11px/18px verdana, sans-serif; 
color: #384E2C;
border-TOP:solid 0px #FFF;
width:220px;}

.box4 {
	float:right;
	background-color:#9ab67c;
	padding::10px;
	font: normal 11px/18px verdana, sans-serif;
	color: #29334E;
	width:360px;
	display: block;
}
.box4 p {margin: 0px 10px;}
.box4 .top, .box4 .bottom{display:block;background: #ffffff;}
.box4 .top b, .box4 .bottom b
{
  display:block;height: 1px; overflow: hidden; background: #9ab67c;border:0px
}
.box4 .r1{margin: 0px 5px;}
.box4 .r2{margin: 0px 3px;}
.box4 .r3{margin: 0px 2px;}
.box4 .top .r4, .box4 .bottom .r4{margin: 0px 1px;height: 2px;border:0px}


.box5 {
	float:right;
	background-color:#5F8349;
	padding::10px;
	font: normal 12px/18px verdana, sans-serif;
	color: #FFFFFF;
	width:360px;
	display: block;
}

.box5 p {margin: 0px 10px; text-align:center}
.box5 .top, .box5 .bottom{display:block;background: #ffffff;}
.box5 .top b, .box5 .bottom b
{
  display:block;height: 1px; overflow: hidden; background: #5F8349;border:0px
}
.box5 .r1{margin: 0px 5px;}
.box5 .r2{margin: 0px 3px;}
.box5 .r3{margin: 0px 2px;}
.box5 .top .r4, .box5 .bottom .r4{margin: 0px 1px;height: 2px;border:0px}

#box5  a:link, #box5  a:visited, #box5  a:active {
        border-bottom: dashed 0px #C2631D;
        width:180px;
        color:#fff482;text-decoration:none;
        font-size: 14px;georgia, verdana, arial, helvetica, verdana, tahoma, sans-serif;
        height: 16px;
line-height: 16px;
background-color:#;
}
#box5 a:hover { background:TRANSPARENT;
                color:#fff482;
        text-decoration:underline;
        letter-spacing:0px;
}
#box5 h1 {
color:#ffffff;
}


.trennlinie {background-color:#9ab67c;
padding-left:5px;
padding-right:5px;
padding-top:15px;
padding-bottom:15px;
font: normal 11px/18px verdana, sans-serif; color: #29334E;
border-bottom:solid 1px #FFF;border-TOP:solid 1px #FFF;
width:220px;
height:10px}

#box h2{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#box a:link, #box a:visited, #box a:active {
        
        font-size: 10px;georgia, verdana, arial, helvetica, verdana, tahoma, sans-serif;
background-color:#;
margin: 0px;
}


/* Ende Box  */


/* allgemeine links im text */

a:link, a:visited, a:active{
	font-size: 100%;
	font-family: arial, helvetica, verdana, tahoma, sans-serif;
	color:#4F6D3D;
	text-decoration: none;
}
a:hover{ text-decoration:none;background-color:#9BB77D;
color:#ffffff;}
/* Ende allgemeine links im text */



p {
	margin-bottom: 10px;
}

.li {
	width:14px;
	background-image:url(images/images_5.jpg);
	background-repeat:repeat-y;
	vertical-align:top;
	border-right:solid 0px #BFBFBF;
	
}


.re {
width:14px;
background-image:url(images/images_6.jpg);
background-repeat:repeat-y;
border-left:solid 0px #BFBFBF;}

.inputfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	border: 1px solid #999999;
}

    div.autocomplete {
      position:absolute;
      width:100px;
	  height:auto;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul li.selected { background-color: #ffb;}
    div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      height:40px;
      cursor:pointer;
    }
.informal{
font-size:80%;
line-height: 9px;
}



/* Server */

	 a.panelheader:link {color:#000000;
	 		text-decoration:none;}
	 a.panelheader:visited {color:#000000;
	 		text-decoration:none;}
	 a.panelheader:hover {color:#000000;
	 		text-decoration:none;
			background-color:#CCCCCC;}
	 a.panelheader:active {color:#000000;
	 		text-decoration:none;
			background-color:#CCCCCC;}

	 #navi { background-color: #d1d1d1;
	 		border-bottom:1px solid #777777;
			border-right:2px solid #777777; 
			}
	 a.navi:link {color:#000000;
	 		text-decoration:none;}
	 a.navi:visited {color:#000000;
	 		text-decoration:none;}
	 a.navi:hover {color:#000000;
	 		text-decoration:none;
			background-color:#AAAAAA;}
	 a.navi:active {color:#000000;
	 		text-decoration:none;
			background-color:#AAAAAA;}

	 #mainbox {
	position:absolute;
	top:230px;
	right:40px; 
	width:250px;
	height:400px;
	filter:alpha(opacity=85);

			-moz-opacity: 0.85;
	KhtmlOpacity: .85;
	opacity: .85;
	z-index: 5;
	
			}

	#panelContent {padding:10px;background-color: #FFFFFF; 
			border-top:1px solid #d2d1cd;
			border-left:1px solid #d2d1cd;
			border-right:2px solid #777777;
			border-bottom:2px solid #777777;
			max-height:299px; 
			overflow:auto; 
			height:380px; 
			 }	


	 #detail {
	position:absolute;
	top:50px;
	left:50px;
	width:600px;
	height:400px;
	z-index: 10;
	background-color:#FFFFFF;
	border:1px;
	border-bottom-style:ridge;
	visibility:hidden;
	padding:15px;
			}

#slider1, #slider2 { margin:0; padding:0; border:0; }

/* slider widget */

.sliderControl { position: relative;  height: 50px; clear: both; margin-top: 30px; }
.sliderIndicator {width:36px; height:50px; top: 0; z-index: 3; background:url(slider_pull.gif) no-repeat center bottom; position: absolute;}
.sliderIndicator span {display: block; font-size: .9em; color: #428b1d; border: 2px solid #428b1d; background: #fff; padding: 2px; height: 11px; text-align:center; }

.xScale {left: 18px; top: 50px; z-index: 1; }
.xScale, .xScale * {margin: 0; padding: 0; position: relative;}
.xScale dd, .xScale li {position: absolute; top: 0; text-align: left; list-style: none; font-size:1em; }
.xScale span {position: absolute; top: .5em; }
.xScale dd.morning, .xScale li.morning {color: #69a535; border-top: 4px solid #69a535;}
.xScale dd.evening, .xScale li.evening {color: #428b1d; border-top: 4px solid #428b1d;}
.xScale dt {position: absolute; top: 3em; color: #808080; text-transform: uppercase; font-size: .9em;}
.xScale dt.morning {left: 0; color: #69a535;}
.xScale dt.evening {right: 36px; color: #428b1d;}
div.sliderSpan {position: absolute; z-index: 0; top: 25px; left: 18px; height: 15px; overflow: hidden; width: 500px;background: #d1d1cd url(slider_spanBG.gif) center no-repeat;}
div.blotA, div.blotB {position: absolute; left: 0; width: 0;  z-index: 99999; top: 0; border-top: 15px solid #fff; }
div.scale {display: block; position: absolute; left: 18px; top: 47px; z-index: 2; border-bottom: 1px solid #000; height: 3px;}
div.scale span {position: absolute; border-right: 1px solid #000; height: 3px;top: 4px; font-size: 0; line-height: 0;}
p.caption {font-size: 1em; font-style: italic; margin-top: 6em;}