html, body  {
  height:100%;
  }
body{
	padding: 0;
	margin: 0;
	font-size: small;
	background-color: #f6f6f6;
	font-family : Verdana, Hervetica, sans-serif;
	color: #17a425;
}
* html body {
font-size: x-small;
f\ont-size: small;
}

#header{
position: relative;
background-color: #4ac155;
height:110px;
border-bottom: 1px solid #17a425;
width: 995px;
}
#header_left:{
float: left;
}
#header_right:{
float: right;
}

#date{
width: 995px;
border-top: 1px solid #fff;
border-bottom: 1px solid #17a425;
text-align: right;
background-color: #ececec;
}

#date p{
margin: 2px 10px;
color: #17a425;
font-size: 90%;
}

#container{
position: relative;
width: 815px;
display: block;
border-left: 180px solid #49c054;
overflow: visible;
background-color: #FFF;
}

#left{
position: relative;
width:180px;
margin-left: -180px;
float: left;
overflow: hidden;
white-space: nowrap;
display: inline;

}


#leftpic {
position:absolute;
left:-180px; bottom:0px; width:180px; height:225px;
background: url(../gfx/bottom_left.jpg) no-repeat bottom left;
}

#leftpic img {
margin-top: 50px;
}



#content{
border-left: 1px solid #17a425;

padding: 15px;
min-height: 400px;

}

#content p{
display: block;
}

#content h1 {
	font-size: 150%;
	padding: 0;
	margin: 0 0 10px 0;
}
#content h2 {
	font-size: 130%;
}
#content h3 {
	font-size: 120%;
}

#content h4 {
	font-size: 100%;
	
}

.imagetext{
font-size: 60%;
}


#trenner{
background-color: #17a425;
width: 995px;
height: 1px;
}

#footer{
width: 995px;
height: 18px;
border-top: 1px solid #fff;
border-bottom: 1px solid #17a425;
text-align: right;
background-color: #ececec;
}

#footer a{
margin: 4px 10px;
color: #17a425;
text-decoration: none;
font-size: 90%;
} 

#footer a#print{
background: url(../gfx/print.gif) 0 50% no-repeat;
padding-left: 17px;
}
#footer a#top{
background: url(../gfx/top.gif) 0 50% no-repeat;
padding-left: 14px;
}




/* ---  CSS Tricks --- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.clear {
clear: both;
}



/*TEMPLATES*/
.template {
	overflow: hidden;
}

.template_left {
	float: left;
	width: 464px;
	margin-right: 20px;
}

.template_right {
	float: right;
	width: 300px;
}




/*galerie*/


.pg {
width: 784px;
list-style: none none;
display: inline;
}

.pg:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}

.pg li {
list-style: none none;
display: inline;
}

.pg li a {
margin: 6px;
border: 1px solid #CCC;
padding: 4px;
position: relative;
float: left;
display: block;
width: 242px;
height: 175px;
}


.pg li a img {
border: 0 none;
position: absolute;
width: 242px;
height: 175px;
}








/*Navi*/
#menu{
	width: 180px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	white-space: nowrap;
}

#menu A{
color: #fff;
text-decoration: none;
font-weight: bold;
display: block;
padding: 2px 10px 2px 15px;
}


/* --- Ebene 1 --- */

#menu UL {
margin: 0px;
list-style: none;
padding: 0px;
display: block;
width: 180px;
}
#menu LI {
border-bottom: 1px solid #fff;
}

#menu A.menu1{
background-color: #49c054;
}
#menu A.menu1:hover {
background-color: #2d9837;
}

#menu A.menu1_on{
background-color: #2d9837;
}

/* --- Ebene 2 --- */

.menu2{
background-color: #85d98e;
}
#menu A.menu2{
padding: 2px 10px 2px 25px;
}
#menu A.menu2:hover{
background-color: #a4eaac;
}



/*FORM*/ 


label.preField {
	padding: 0 2px;
	margin: 0.8em 0 0 0;
	width: 6em;    /*IE 6 */
	display: -moz-inline-box;	 /* Firefox */
	display: inline-block;	

}
/* Validation Error Messages */
#tutorial1 input{
	border: 1px solid #474747;
	width: 350px;

}
#tutorial1 textarea{
	border: 1px solid #474747;
	width: 350px;
	height: 50px;

}
#tutorial1 #submit{
	width: 150px;
	border: 1px solid #474747;
	background-color: #fff;
}

.errMsg {
	color: red;
	display: inline;
	font-size: 10px;
}
.errFld {
	background-color: #49c054;
	border: 1px solid #000;
}
/* Error Notification  */
#alertMessagePlaceHolder {
	background-color: #49c054;
	border: 1px solid #000;
	display: none;
    padding: 3px;
	margin-top: 5px;
}



/*Organigramm*/
#organigramm{
text-align: center;
}

/*Anfahrt*/

#anfahrt{
position: relative;
min-height: 340px;
padding: 0px 430px 0px 0px;

background-repeat: no-repeat; 
background-image: url('../gfx/plan_kl.gif'); 
background-position: top right;
}
#anfahrt #link{
position: absolute;
top: 330px;
right: 328px;
}


a {
color: #106294;
text-decoration: none;
}

a:hover {
color: #0a466b;
text-decoration: none;
}