/*



CSS Layout für www.of-form.de

Author: mentaldisorder || www.dasnetzwerk.de



Kundeninformation!



Mit eine Veränderung dieser Datei ohne Absprache 

oder Kenntnissnahme gegenüber dasNetzwerk verlieren

alle abgeschlossenen Verträge ihre Gültigkeit.

Eine erneute Bearbeitung durch dasNetzwerk beinhaltet

einen neuen Vertragsabschluss über die Erstellung.



*/





html,body{

	margin:0;

	padding:0;

	background-color: #808080;

}



body{

	font: 75% Verdana, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	letter-spacing: 2px;

}



p{

	margin: 0 0 18px 0;

}



.img_left{

	margin: 15px 3px 3px 15px;

	border: 5px solid #FFFFFF;

	float: right;

}



.img_card{

	margin: 3px 5px 5px 3px;

	border: 5px solid #FFFFFF;

	float: left;

}



.img_cardtn{

	margin: 3px 15px 3px 3px;

	border: 2px solid #FFFFFF;

	float: left;

}



.img_card_top{

	margin-top: 10px;

	margin-right: 5px;

	margin-bottom: 10px;

	margin-left: 5px;

	border: 2px solid #FFFFFF;

}



.bold{

	font-weight:bold;

}



.fontnormal{

	letter-spacing: 0px;

}



.preis{

	font-size: 10px;

	clear: left;

}



ul.preis{

	list-style: none;

}



ul.preis li{

	width: auto !important;

	font-size: 10px;

}



a:link, a:visited {

	text-decoration: underline;

	color: #FFFFFF;

}

a:hover {

	text-decoration: underline;

	color: #ffffff;

	border-bottom:#FF0000 solid	2px;

}



.arrow{



}



a.arrow:link, a.arrow:visited {

	text-decoration: none;

}



a.arrow:hover {

	text-decoration: none;

	color: #ffffff;

	border-bottom: #808080 solid	2px;

}



#divUpControl{

	position:absolute;

	width:21;

	height:21;

	left:940px;

	top:215px;

	z-index:1;

	text-align: right;

	text-decoration: none;

	font-weight: bold;

	color: #FFFFFF;

} 



#divDownControl{

	position:absolute;

	width:21;

	height:21;

	left:940px;

	top:545px;

	z-index:1;

	text-align: right;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

	font-weight: bold;

	color: #FFFFFF;

} 

#divContainer{

	position:absolute; 

	width:700; 

	height:350; 

	overflow:hidden; 

	top:215; 

	left:215; 

	clip:rect(0,700,350,0); 

	visibility:hidden;

	padding-right: 20px;

} 



#divContent{

	position:absolute;

	margin: 3px 20px 3px 20px;

	top:0;

	left:0;

	color: #FFFFFF;

	text-align: justify;

} 

#divContainer2{

	position:absolute; 

	width:380; 

	height:350; 

	overflow:hidden; 

	top:215; 

	left:540; 

	clip:rect(0,380,350,0); 

	visibility:hidden;

	padding-right: 20px;

} 



#divContent2{

	position:absolute;

	margin: 3px 20px 3px 20px;

	top:0;

	left:0;

	color: #FFFFFF;

	text-align: justify;

} 

#fotobox {

	position:absolute;

	top:215; 

	left:215; 

	width:330px;

	height:350px;

}

.mappentext {

	font-size: 10px;

	float:left;

}



#logobox {

	position:absolute;

	left:20px;

	top:20px;

	width:160px;

	height:160px;

	z-index:1;

	text-align: center;

}

#cross_top {

	position:absolute;

	left:180px;

	top:20px;

	width:15px;

	height:160px;

	z-index:2;

	background-color: #FFFFFF;

}

#cross_left {

	position:absolute;

	left:20px;

	top:180px;

	width:160px;

	height:15px;

	z-index:3;

	background-color: #FFFFFF;

}

#cross_mid {

	position:absolute;

	left:180px;

	top:180px;

	width:15px;

	height:15px;

	z-index:4;

	background-color: #FFFFFF;

}

#topspace {

	position:absolute;

	left:195px;

	top:20px;

	width:780px;

	height:160px;

	z-index:5;

	text-align: center;

}

#cross_right {

	position:absolute;

	left:195px;

	top:180px;

	width:780px;

	height:15px;

	z-index:6;

	background-color: #FFFFFF;

}

#navbox {

	position:absolute;

	left:20px;

	top:195px;

	width:160px;

	height:380px;

	z-index:7;

}

#cross_bottom {

	position:absolute;

	left:180px;

	top:195px;

	width:15px;

	height:380px;

	z-index:8;

	background-color: #FFFFFF;

}





ul#main_nav {

	list-style: none;

	padding: 0;

	margin: 0;

	float: left;

	white-space: nowrap;

}



ul#main_nav li {

	width: auto !important;

	width: 1%;

	margin: 0;

	font-size: 12px;

	letter-spacing: 1px;

	height: 50px;

	line-height: 35px;

	white-space: nowrap;

	margin-right: 1px;	

}



ul#main_nav li a{

	font-weight: normal;

	display: block;

	padding-left: 5px;

	padding-right: 10px;

	text-decoration: none;

	color: #FFFFFF;

	border-left:solid #FF0000 4px;

}





ul#main_nav li a:hover {

	font-weight: normal;

	display: block;

	padding-left: 10px;

	padding-right: 6px;

	text-decoration: none;

	color: #FFFFFF;

	border-left:solid #FF0000 4px;

	background-color:#FF0000;

}



ul{

	list-style: none;

	white-space: nowrap;

	margin: 0 0 10px 5px;

	padding: 0 0 10px 5px;

}



ul li{

	width: auto !important;

	width: 5%;

	height: 15px;

	margin: 0;

	font-size: 12px;

	letter-spacing: 2px;

	white-space: nowrap;

	margin-right: 1px;	

}