/* CSS Document */
html {
height:100%; 
max-height:100%;  
padding:0; 
margin:0; 
border:0; 
font-size: 85%; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
background:#fff 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

body {
	height:100%;
	max-height:100%;
	padding:0;
	margin:0;
	border:0;
}
#content {
	display:block;
	max-height:100%;
	padding-left:200px;
	position:relative;
	z-index:1;
	scrollbar-arrow-color: #2c4b0c;
	scrollbar-track-color: #fff;
	scrollbar-face-color: #d7eadf;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #ccc;
	visibility: visible;
	overflow: auto;
	height: 100%;
}
#head {
	position:fixed;
	margin:0;
	top:0;
	right:18px;
	display:block;
	width:100%;
	height:135px;
	font-size:4em;
	z-index:5;
	color:#fff;
	background-image: url(images/Logo-Webseite-Hintergrund-verlauf-gruen-4.jpg);
	background-position: 44px bottom;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	vertical-align: baseline;
}
#foot {
	position:fixed;
	margin:0;
	bottom:-1px;
	right:18px;
	display:block;
	width:100%;
	height:30px;
	color:#fff;
	text-align:right;
	font-size:1em;
	z-index:4;
	background-color: #C2C1C1;
	background-image: url(images/verlauf-unten.jpg);
	background-position: 200px -1px;
}

#left {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:200px;
	background-position:right bottom;
	;
	font-size:1em;
	color:#fff;
	z-index:4;
	background-color: #9fbcab;
	background-image: url(images/grau-ecke-2.gif);
	background-repeat: no-repeat;
	visibility: inherit;
}

* html #head, * html #foot,* html #left {
	position:absolute;
	visibility: visible;
}
#pad1 {
	display:block;
	width:18px;
	height:120px;
	float:left;
}
#pad3 {display:block; width:18px; height:30px; float:left;}
.pad2 {
	display:block;
	height: 135px;
	top: 0px;
}

#content p {
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#content h1 {
	padding-top: 20px;
	padding-left: 10px;
	color: #2c4b0c;
	font-size: 1.7em;
}


#content h2, h3, h4, h5, h6 {
	padding-left: 20px;
	color: #2c4b0c;
}


.bold {font-size:1.2em; font-weight:bold;}

#wordsleft {float:left; top:100px; left:150px; height:200px; width:150px; background:#efd; border:1px solid #000; margin:5px; padding:5px;}
#wordsright {float:right; top:100px; right:150px; height:200px; width:150px; background:#def; border:1px solid #000; margin:5px; padding:5px;}
#wordsabsolute {
	position:absolute;
	top:280px;
	left:400px;
	background:#eee;
	border:1px solid #000;
	margin:5px;
	padding:5px;
	font-size:2em;
	color:#c00;
	visibility: visible;
}
#wordsrelative {position:relative; top:10px; left:30px; background:#ddd; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00; width:200px;}

.copy {
	vertical-align:bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	clip: rect(auto,auto,5px,auto);
}
a.copy:link, a.copy:visited, a.copy:active {
	color: #fff;
	text-decoration: none;
}
a.copy:hover {
	color: #999999;
	text-decoration: none;
}	


a:link {
	color: #2c4b0c;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #2c4b0c;
}
a:hover {
	text-decoration: none;
	color: #9fbcab;
}
a:active {
	text-decoration: underline;
	color: #2c4b0c;
}

.bildlinks {
	float: left;
	border: 1px solid #2c4b0c;
	margin: 10px;
}


.bildrechts {
	float: right;
	border: 1px solid #2c4b0c;
	margin: 10px;
}
#inhalt {
	position: relative;
	height: 90%;
	width: 95%;
	z-index: 1;
}

.formfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #F1F0EF;
	border: 1px solid #2c4b0c;

}
.formfieldReq {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #F1F0EF;
	border: 1px solid #2c4b0c;
}
#mini {
	position:absolute;
	width:160px;
	height:300px;
	z-index:6;
	overflow: auto;
}
#bildGross {
	position:absolute;
	width:400px;
	height:300px;
	z-index:7;
	background-color: #CCCCCC;
	left: 2;
	visibility: visible;
	background-image: url(images/demo-400-300-2.jpg);
}