@import url("reset.css");


/* body  ---------------------------------- */

BODY { 
		background-image: url(../img/bg_01.png); /* zum schluss nochmal kontrollieren */
		/*background-color: #ffffff;*/
        margin-top: 0px;
        margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
        }


/* container  ---------------------------------- */

#container{
	margin: auto;
	background-color: #ffffff;
	width: 958px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
}

h1{
	color: #99cc00;
	font-size: 12px;
	line-height: 22px;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 13px;
	margin-bottom: 8px;
}
h2{
	/*color: #666666;*/
	color: #99cc00;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: normal;
}

/* oben  ---------------------------------- */
#voben{
	width: 958px;
}
#olinks{
	position: relative;
	display: inline;
	float:left;
	margin-left: 10px;
	width:200px;
	margin-right: 30px;
	height: 174px;
	border-bottom: 1px solid #95c533;
	
}
#omitte{
	position: relative;
	float:left;
	width: 478px;
	height: 174px;
	border-bottom: 1px solid #95c533;
}
#orechts{
	position: relative;
	display: inline;
	float:left;
	margin-left: 30px;
	width: 200px;
	margin-right: 10px;
	height: 174px;
	border-bottom: 1px solid #95c533;
}
#orechtscontent{
	position: absolute;
	bottom: 0px;
	left: 0px;
	margin-bottom: 20px;
	margin-left: 10px;
}
#voben2{
	width: 958px;
	font-size: 12px;
	line-height: 22px;
	color: #666666;
}
#o2links{
	display: inline;
	float:left;
	margin-left: 10px;
	width:200px;
	margin-right: 30px;
	height: 137px;
	border-bottom: 1px solid #cccccc;
}
#o2mitte{
	float:left;
	width: 478px;
	height: 137px;
	border-bottom: 1px solid #cccccc;
}
#omenu{
	width: 458px;
	margin-left: 10px;
	margin-top: 13px;
	/*background-color: #95c533;*/
}
#o2rechts{
	display: inline;
	float:left;
	margin-left: 30px;
	width: 200px;
	margin-right: 10px;
	height: 137px;
	border-bottom: 1px solid #cccccc;
}

/* ende oben --------------------------- */

/* links oben2 ----------------------------*/

a.mnavi:link{text-decoration: none; color: #666666; text-transform: uppercase}
a.mnavi:visited{text-decoration: none;  color: #666666; text-transform: uppercase}
a.mnavi:hover{color: #99cc00; text-transform: uppercase}



/* content Bereich Mitte ----------------------*/
#vmitte{
	clear: both;
	width: 958px;
	min-height: 50px;
}
#mlinks{
	display: inline;
	float:left;
	margin-left: 10px;
	width:200px;
	margin-right: 30px;
	/*height: 85px;*/
	/*border-bottom: 1px solid #cccccc;*/
}
#mmitte{
	float:left;
	width: 478px;
	/*height: 85px;*/
	/*border-bottom: 1px solid #cccccc;*/
}
#mmittecontent{
	width: 468px;
	margin-bottom: 20px;
	margin-left: 10px;
}
.mediacontent{
	width: 468px;
	/*height: 240px;*/
	margin-bottom: 13px;
}
.partnerbild{
	float: left;
	width: 70px;
	height: 89px;
	overflow: hidden;
	margin-right: 30px;
}
#mrechts{
	display: inline;
	float:left;
	margin-left: 30px;
	width: 200px;
	margin-right: 10px;
	/*height: 85px;*/
	/*border-bottom: 1px solid #cccccc;*/
}

a.plinks:link{text-decoration: underline; color: #666666;}
a.plinks:visited{text-decoration: underline;  color: #666666;}
a.plinks:hover{color: #99cc00;}

a:link{text-decoration: underline; color: #666666;}
a:visited{text-decoration: underline;  color: #666666;}
a:hover{color: #99cc00;}

/* unten ----------------------*/
#vunten{
	clear: both;
	width: 958px;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
}
#ulinks{
	display: inline;
	float:left;
	margin-left: 10px;
	width:200px;
	margin-right: 30px;
	height: 85px;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
#umitte{
	float:left;
	width: 478px;
	height: 85px;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
#umenu{
	width: 458px;
	margin-left: 10px;
	margin-top: 15px;
	/*margin-bottom: 25px;*/
	height: 45px;
}
#urechts{
	display: inline;
	float:left;
	margin-left: 30px;
	width: 200px;
	margin-right: 10px;
	height: 85px;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}

#vunten2{
	clear: both;
	width: 958px;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
}
#u2links{
	display: inline;
	float:left;
	margin-left: 10px;
	width:200px;
	margin-right: 30px;
	height: 66px;
	border-bottom: 0px solid #cccccc;
}
#u2mitte{
	float:left;
	width: 478px;
	/*height: 66px;*/
	margin-bottom: 18px;
	border-bottom: 0px solid #cccccc;
}
#u2fusszeile{
	margin-left: 10px;
	margin-top: 15px;
}
#u2rechts{
	display: inline;
	float:left;
	margin-left: 30px;
	width: 200px;
	margin-right: 10px;
	height: 66px;
	border-bottom: 0px solid #cccccc;
}
#schluss{
	clear: both;
	width: 958px;
	height: 1px;
	overflow: hidden;
}
.abschluss{
	clear: both;
	width: 958px;
	height: 1px;
	overflow: hidden;
}
/* links unten ----------------------------*/

a.unavi:link{text-decoration: none; color: #666666; text-transform: uppercase}
a.unavi:visited{text-decoration: none;  color: #666666; text-transform: uppercase}
a.unavi:hover{color: #99cc00; text-transform: uppercase}

a.umail:link{text-decoration: none; color: #666666}
a.umail:visited{text-decoration: none;  color: #666666}
a.umail:hover{color: #99cc00}

/* Formular  ----------------------------*/

#formular{
	width: 304px;
}
.textlinks{
	float: left;
	width: 100px;
}
.felderrechts{
	float: right;
	width: 204px;
}
input.formularfelder{
	border: 1px solid #95c533;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	height: 18px;
	color: #666666;
	width: 200px;
}
.textarea{
	border: 1px solid #95c533;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	width: 200px;
	height: 75px;
}
.clear{
	clear: both;
	height: 15px;
	overflow: hidden;
}

.green{color: #95c533}
/* gruen #95c533 */

/* referenzen -------------------------------------------------- */

#smallpicsall{
	float: left;
	position: relative;
	width: 200px;
	height: 200px;
	border: 0px solid #000000;
	margin-left: 10px;
	margin-right: 30px;
	margin-top: 20px;
	display: inline;
}
#pfeillinks{
	position: absolute;
	width: 20px;
	left: 0px;
	top: 93px;
}
#gallerypics{
	position: absolute;
	width: 153px;
	left: 24px;
	top: 0px;
}
#gallerypics div{
	display: inline;
	float: left;
	margin: 5px;
	border: 1px solid #666666;
}
#pfeilrechts{
	position: absolute;
	text-align: right;
	width: 20px;
	right: 0px;
	top: 93px;
}