@charset "utf-8";

body {
position: absolute;
top:45%;
width:100%;
margin:0px;
padding:0px;
background-color:#ffffff;
color : #ffaa11;
text-align:center;
margin-top: -300px;
}


a:link {
	color:#333333;
	}

a:visited {
	color:#333333;
	}

a:hover {
	color:#333333;
	}

a:active {
	color:#333333;
	}

#block {
background-color: #99CC33;
border: 1px solid #009933;
color: #006633;
top:0px;
left:0px;
padding: 5px;
position: relative;
}

#wrapper {
position: relative;
background-color : #eff5e9;
width : 1006px;
height: 610px;
color : black;
margin-top : 10px;
margin-left : auto;
margin-right : auto;
margin-bottom: 0px;
padding:0px;
/*border: solid 1px #CCC;*/
}

#web-01 {
	background-color : #eff5e9;
	width:404px;
	height:140px;
	float: left;
}

#web-02 {
	background-color : #eff5e9;
	width:602px;
	height:140px;
	float: right;

}

#eins {
	width:280px;
	height:250px;
	
	}


#zwei {
	width:280px;
	height:250px;
	}


#drei {
	width:280px;
	height:250px;
	
	}

#vier {
	
	width:280px;
	height:250px;
	
	}

#test {
	position:absolute;
	left: 300px;
	top: -100px;
	width:280px;
	height:250px;	
	}

#leer {
	width:280px;
	height:250px;	
	}

#auswahl1 {
	margin:0px;
	padding-left:60px;
	text-align:left;
	
	
	}

.auswahl {
	float:left;
	cursor:pointer;
	margin-top:10px;
	background-color:#666;
	margin-left:20px;
	padding-top:3px;
	padding-right:5px;
	padding-bottom:3px;
	padding-left:5px;
	font-size:70%;
	font-family:Arial, Helvetica, sans-serif;
	outline:1px solid #666;
	float:left;
	}
	
	a.auswahl:link {
	text-align: left;
	color: #EDA723;
	text-decoration: none;
}

a.auswahl:visited {
	text-align: left;
	color: #EDA723;
	text-decoration: none;
}

a.auswahl:hover {
	text-align: left;
	color: #eee603;
	text-decoration: none;
}

a.auswahl:active {
	text-align: left;
	color: #EDA723;
	text-decoration: none;
}

#buttons div {outline:1px solid #666;
width:20px;
height:20px;
float:left;
margin-right:5px;
display:inline;
}
 
#buttons div a {display:block; width:20px; height:20px; line-height:19px; font-family:arial, sans-serif; font-size:11px; color:#16a;text-align:center; cursor:pointer;}
 
 #quader1 {
	cursor:pointer;
	text-align:center;
	color: #EDA723;
	text-decoration: none;
	background-color:#ccc;
	float:left;
	
} 
 
 #quader1 div a:link  {
	cursor:pointer;
	text-align:center;
	color: #EDA723;
	text-decoration: none;
	background-color:#ccc;
	
} 

 #quader1 div a:visited  {
	cursor:pointer;
	text-align:center;
	color: #EDA723;
	text-decoration: none;
	background-color:#f00;
	
} 

#quader1 div a:hover  {
	cursor:pointer;
	text-align:center;
	color: #EDA723;
	text-decoration:underline;
	background-color:#00f;
	
}

#quader1 div a:active  {
	cursor:pointer;
	text-align:center;
	color: #EDA723;
	text-decoration: none;
	background-color:#0f0;
	
}

 
#contLeft
{
	text-align:justify;
	background-color:#a6c484;
	width:404px;
	height:292px;
	float:left;
}


.contLeftTxt {
	width:404px;
	height:290px;
	padding-top:0px;
	padding-left:80px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: justify;	
	font-size: 70%;
	line-height:150%;
	color: #000;
	font-weight: normal;
	}

.LeftTxtHeaderR {
	padding-top:0px;
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: right;	
	font-size: 80%;
	line-height:140%;
	color: #00260b;
	font-weight: bold;
	}
#contRight
{
	text-align:left;
	background-color:#eff5e9;
	width:573px;
	height:278px;
	float: right;
}


#web-04 {
	background-color : #d2e3c0;
	width:571px;
	height:292px;
	float: left;
	text-align:left;
}

#slideshow {
	text-align:left;	
	margin:0px;
	padding:0px;
	width:571px;
	height:292px;
	background-color: #d2e3c0;
	float:left;
}

#web-05Index {
	background-color: #c91631;
	width:31px;
	height:292px;
	float: right;
}


#web-05 {
	background-color: #9fc07b;
	width:31px;
	height:292px;
	float: right;
}



#web-06 {
	background-color : #eff5e9;
	width:1006px;
	height:120px;
	float: left;
}

#web-07 {
	background-color : #eff5e9;
	width:954px;
	height:17px;
	}

#freespace {
	background-color : #eff5e9;
	margin:0px;
	padding:0px;
	width:1006px;
	height:146px;
	}

#web-08 {
background-color:#FFF;
	width:1006px;
	height:32px;
}

.thumb {
	width:40px;
	height:41px;
	
}

.clearFloat {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0px;
}

.thumbs {
	padding-top : 8px;
	padding-right : 5px;
	padding-bottom : 0px;
	padding-left : 0px;
	width:40px;
	height:41px;
	float: left;
}

.scroller {
padding-top : 2px;
/*padding-right : 20px;
padding-bottom : 1px;
padding-left : 20px;*/
margin : 0;
font-family : Verdana, Arial, Helvetica,Tahoma, sans-serif ;
font-size : 11px;
font-style : normal;
line-height : normal;
color : #ffffff;
font-weight : bold;
vertical-align : middle;
}

.spacerscroll {
	padding-left : 200px;	
}

#navi {position:absolute;
top:200px;
left:88px;
width:100px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:240%;
	text-align: left;
	font-size: 100%;
	color: #364F67;
	font-weight: normal;
}

.navi1 {
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 80%;
	color: #000;
	font-weight: bold;
	
	}


a.navi1:link {
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 70%;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	outline: none;
}

a.navi1:visited {
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 70%;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	outline: none;
}

a.navi1:hover {
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 70%;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

a.navi1:active {
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 70%;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

.navi1act {
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	margin-bottom:2px;
	font-size: 70%;
	color: #000;
	font-weight: bold;
	
	}
a.navi1act:link {
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 70%;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

a.navi1act:visited {
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 70%;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

a.navi1act:hover {
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 70%;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

a.navi1act:active {
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 70%;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

/*Sub-Navigation_1*/
ul#Navigation {
	width:545px;
	padding-top:10px;
	padding-left:86px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
    margin:0px; 
    text-align: left;
    }
	
  ul#Navigation li {
    list-style: none;
    display: inline;
    margin:0px; padding:0px;
  }

  ul#Navigation a, ul#Navigation span {
    float: left; width:180px; 
	/*margin-right:20px;*/   
    text-decoration: none; font-weight: normal;

  }
  * html ul#Navigation a, * html ul#Navigation span {  /* Korrektur fuer IE 5.x */
    width: 8em;
    w\idth: 6em;
  }
  ul#Navigation a:hover, ul#Navigation span {
	  font-weight:bold;  
  
  }
  ul#Navigation div {
     clear: both;
  }
/*anderer Ansatz - alles einzeln*/

#holder {
	text-align:left;
	width:545px;
		}
		
	#sbnavi{
	position:absolute;
	padding-top:5px;
	left:86px;
	width:545px;
		}	
		
	#navholder1{
	position:absolute;
	padding-top:5px;
	left:86px;
	width:150px;
		}	
		
		#navholder2{
	position:absolute;
	padding-top:5px;
	left:400px;
	width:150px;
		}	
		
.mpunkt {
	text-align:left;
	margin-right:50px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
		}
		
		a.mpunkt:link {
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 70%;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	outline: none;
}

a.mpunkt:visited {
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 70%;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	outline: none;
}

a.mpunkt:hover {
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 70%;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

a.mpunkt:active {
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 70%;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	outline: none;
}