* {margin: 0;  padding: 0; }

body {font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;   
font-size:12px;
background-color:#f0f0f0; 
text-align:center;
background-image:url("bg.png");
background-repeat:repeat-x;
background-color:#006300;
}
a{
    text-decoration:none;
    color:#0000ff;
}
a:hover{
    text-decoration:underline;
    
}
#topnav {
position:absolute;
top:20px;
left:65%;
width:170px;
background-color:#e0e0e0;
}
#topnav a{
	text-decoration:none;
	color:#808080;
}
#topnav a:hover{
	color:#0000ff;
}


#wrapper{
width:800px;
height:1000px; 
margin: auto auto; 
background-color:#c0c0c0;
margin-top:10px;
}

#header{
float:left;
background-color:#006633;
width:800px;
}
#banner{
	float:left;
}

#menu{
	background-color:#transparent;
}
#menubox{
	float:left;
	width:795px;
	height:25px;
	background-color: #c0c0c0;
	border-bottom: solid 1px #000000;
	z-index:10;
	padding-left:2px;
	padding-top:5px;
}

#links{
float:left;
background-color:#d0d0d0;	
width:140px;
height:600px;
}

#inhalt{
	background-color:#ffffff;
	float:right;
	width:650px;
	text-align:left;
	padding:2px;
}

#boden{
	margin:auto auto auto auto;
	width:790px;
	background-color:#e0e0e0;
	color:#808080;
	text-align:left;
	padding:5px;
}
#ferro{
	margin-top:20px;

}
#imp{
	background-color:#f0f0f0;
	text-align:left;
	padding:5px;
}
/* tag stiles */
h1,h2,h3,h4,h5,h6{
	color:#009900;
}
ul{
	list-style: disc;
	font-weight:bold;
	margin-left:20px;
}
.ohne{
    list-style:none;
    margin-left:10px;
}
/* Spezial Styles */
#tabelle{
text-align:left;
padding-left:50px;
background-color:#e0e;
}

#tabelle1{
	float:left;
	text-align:left;
	width:450px;
}




#galerie{
	
}
#kulogo{
	float:left;
	margin-right:10px;
}
#kunav{
	float:left;
	width:550px;
	height:20px;
	background-color: #ffffff;
	margin-bottom:5px;
	padding:5px;
}
.kutext{
	float:left;
	background-color:#c4daf1;
   width:280px;
	margin-left:3px;
	height:155px;
	padding:10px;
}
.kubild{
	float:left;
	margin-left:3px;
}
#kublatt{
	float:left;
	margin-left:3px;
	margin-bottom:5px;
	width:601px;
	height:20px;
	background-color:#ffffff;
	text-align:center;
	padding-top:3px;
	border:solid;
	border-color: #009900;
	border-width:1px;
}
.klein{
	float:left;
	width:120px;
	height:105px;
	background-color:#008800;
	margin:1px;
}
.pvor{
	width:100px;
	padding:10px;
	border:none;
}
.uber{
	background-color:#ffffff;
	width:140px;
	float:left;
	padding:1px;
	margin:1px;
	font-weight:bold;
}
.uberklein{
	background-color:#ffffff;
	width:80px;
	float:left;
	padding:1px;
	margin:1px;
	font-weight:bold;
}

.zeile1{
	background-color:#ffff99;
	width:140px;
	float:left;
	padding:1px;
	margin:1px;
	font-weight:normal;
	
}
.zeile1klein{
	background-color:#ffff99;
	width:80px;
	float:left;
	padding:1px;
	margin:1px;
	font-weight:normal;
}
.zeile2{
	background-color:#f0f0f0;
	width:140px;
	float:left;
	padding:1px;
	margin:1px;
	font-weight:normal;
}
.zeile2klein{
	background-color:#f0f0f0;
	width:80px;
	float:left;
	padding:1px;
	margin:1px;
	font-weight:normal;
}


.text100{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:12px;
margin:0px;
letter-spacing: 1px;
padding:20px;
line-height: 250%;
background-image:url("bg1.png");
background-repeat: no-repeat;
}
.text200{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:12px;
margin:0px;
letter-spacing: 1px;
padding:20px;
line-height: 250%;
}
.text300{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:12px;
margin:0px;
letter-spacing: 0px;
padding:20px;
line-height: 200%;
}
.text400{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:12px;
margin:0px;
letter-spacing: 1px;
padding:20px;
line-height: 250%;
background-image:url("zerti.jpg");
background-repeat: no-repeat;
}
.text500{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:12px;
margin:0px;
letter-spacing: 1px;
padding:20px;
line-height: 250%;
background-image:url("bagger.png");
background-repeat:no-repeat;
background-position: right;
padding-right:50px;
}
.text600{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:12px;
margin:0px;
padding:5px;
line-height: 150%;
}


.rechts{
	background-color:#ffffff;
	float:left;
	padding:5px;
	text-align:left
}
.vpic{
	width:80px;
}





.lauf{
	border:solid;
	border-color:#000000;
	background-color:#009900;
	color:#fff;
}

.lauf a{
	color:#fff;
}
/* Alles für Links */
.link a{
	height:14px;
	background-color: #009900;
	text-decoration:none;
	color:#ffffff;
	float:left;
	margin-left:5px;
	padding:5px;
	border: solid 1px #000000;
}
.liak a{
	height:14px;
	background-color: #FFFFFF;
	text-decoration:none;
	color:#000000;
	float:left;
	margin-left:5px;
	padding:5px;
	border: solid 1px #000000;
	border-bottom:solid 1px #ffffff;
}
.link a:hover{
	background-color: #ffffff;color:#000000;
}
.linku a{
	float:left;
	height:15px;
	margin:5px;
	text-decoration:none;
	padding:5px;
}
.linku a:hover{
	background-color: #ffffff;
}
.liaku a{
	float:left;
	height:15px;
	margin:5px;
	text-decoration:none;
	background-color: #ffffff;
	padding:5px;
	border-bottom:solid 1px #ffffff;
}
.lilink a{
	
	width:90%;
	background-color: #009900;
	text-decoration:none;
	color:#ffffff;
	float:left;
	margin-left:5px;
	padding:2px;
	border: solid 1px #000000;
	margin-top:2px;
	
}
.lilink a:hover{
	background-color:#99ff99;color:#000000;
}
.liliak a{
	
	width:90%;
	background-color: #99ff99;
	text-decoration:none;
	color:#000000;
	float:left;
	margin-left:5px;
	padding:2px;
	border: solid 1px #000000;
	margin-top:1px;
	
}
.inlink{
	text-decoration:none;
	color:#ffffff;
	background-color:#009900;
	padding:2px;
	margin-top:10px;
}
.inlink:hover{
	text-decoration:underline;
}
.inlank{
	text-decoration:none;
	color:#ffffff;
	background-color:#009900;
	padding:2px;
	margin:1px;
	text-decoration:underline;
}

.liste{
	margin-left:40px;
	color: #000;
	font-weight: lighter; 
}
.bliste{
	margin-left:40px;
	color: #000;
	font-weight: bold; 
}





.gdiv{
    float:left;
    margin:2px;
    height:100px;
}
.gimg{
    height:80px;
    border:none;
}
/* hilfskonstruktionen */
.floe{
	clear:both;
}
.grun{
	color:#009900;
   float:left;
	margin-right:20px;
}
.gruen{
	color:#009900;
	font-weight:bold;
}
.red{
    color:#ff0000;
}
.links{
float:left; 
margin-right:5px;
}
.rechts{
float:right; 
margin-left:5px;

}
.verkehr{
float:left;
background-color:#fff;
width:300px;
height:500px;
margin:1px;
text-align:left;
padding:10px;
}

.coFF8000{
color:#FF8000;
}
.tinhalt{
float:left;
color:#000;
background-color:#faf;
margin:5px;
text-align:left;
padding:10px;
}
.tklein{
float:left;
background-color:#ccc;
width:30px;
margin:1px;
padding:5px;
}
.kuga{
float:left;
padding:10px;
background-color:#9999FF;
margin-left:5px;
font-size:16px;
}
.tnorm{
float:left;
background-color:#ccc;
width:100px;
margin:1px;
padding:5px;
}
.sf09
{
border:none;
height:64px;
margin:5px;
}
.coFF0080{
color:#FF0080;
}

.coFF0000{
color:#FF0000;
}

.co008000{
color:#008000;
}
.einfo{
text-align:left;
padding-left:20px;
float:left;
}

.co0000FF{
color:#0000FF;
}

.coFF8040{
color:#FF8040;
}

.vorschau{
height:100px;
border:none;
margin:5px;
}
.yelb{
background-color:#ffff00;
}
.spondiv{
float:left;
background-color:#fff;
width:300px;
height:290px;
margin:2px;
padding:5px;
border:dashed 3px #ff0000;
color:#000;
}
.spondiv1{
float:left;
background-color:#fff;
width:300px;
height:290px;
margin:2px;
padding:5px;
border:solid 3px #00ff00;
color:#000;
}
.vorsch{
height:32px;
border:none;
margin:3px;
margin-bottom:0px;
}

.co00FF00{
color:#00FF00;
}
.mehr{
background-color:#ffff99;
margin-bottom:10px;
padding:5px;
}
.borderless{
border:none;
}


