/*
*	CSS-File classic-overland.de
*	Sections:
*		+	Base
*		+	Left
*		+	Right
*		+	Fotos
*		+	Galerie
*		+	Footer
*		+	Contact
*/

html{
	height: 100%;
}

body {
	height: 100%;
	background-color: #000;
	
	padding: 0px;
	margin: 0px;
	
	font-family: "Times New Roman", Times, serif;
	font-size: 0.9em;
	color: #fff;
}

a:link, a:visited, a:active, a:hover{
	color: #000;
}

.clearBoth{
	clear: both;
}

.space{
	height: 30px;
}

/* Base */
#miethotline{
	position: absolute;
	margin: -10px 0px 0px 610px;
	z-index: 100;
}

#base{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1px;
	background-color: #000;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

/* Left */
#left{
	float: left;
	width: 180px;
}
	#logo{
		padding: 20px 0px 50px 0px;
	}
	
	#navigationProducts ul, #navigation ul{
		padding: 0px;
		margin: 0px;
	}
	
	.contentLeft ul{
		padding: 25px 0px 0px 0px;
		margin: 0px;
	}
	
	#navigationProducts li, #navigation li, .contentLeft li{
		padding: 0px 0px 0px 10px;
		list-style-type: none;
		color: #d1cb82;
		font-weight: bold;
	}
		#navigationProducts li img{
			border: 0px;
			padding: 20px 0px 10px 0px;
		}
		
		#navigationProducts a:link,#navigationProducts a:visited,#navigationProducts a:active,
			#navigation a:link,#navigation a:visited,#navigation a:active,
			.contentLeft a:link,.contentLeft a:visited,.contentLeft a:active{
			color: #d1cb82; 
			text-decoration: none;
		}
		
		#navigationProducts a:hover,
			#navigation a:hover,
			 .contentLeft a:hover{
			color: #d1cb82;
			text-decoration: underline;
		}

	#navigationProducts li.a, #navigation li.a, .contentLeft li.a{
		padding: 0px 0px 0px 10px;
		list-style-type: none;
		color: #fff;
	}		
		#navigationProducts li.a a:link,#navigationProducts li.a  a:visited,#navigationProducts li.a  a:active,
			#navigation li.a a:link,#navigation li.a a:visited,#navigation li.a  a:active,
			.contentLeft li.a a:link,.contentLeft li.a a:visited,.contentLeft li.a  a:active{
			color: #fff; 
			text-decoration: none;
		}
		
		#navigationProducts li.a a:hover,
			#navigation li.a a:hover,
			.contentLeft li.a a:hover{
			color: #fff;
			text-decoration: underline;
		}
		
	#navigationProducts li.menuSpace,
		#navigation li.menuSpace,
		.contentLeft li.menuSpace{
		height: 10px;
	}

	li.normal{
		font-weight: normal;
	}
	
	#hotline{
		padding: 50px 0px 50px 10px;
	}

	ul.subBorder{
		margin: 10px 5px 10px 11px;
		padding: 0px;
	}
	
		ul.subBorder li.subsub a:link,ul.subBorder li.subsub a:visited,ul.subBorder li.subsub a:active{
			color: #D1CB82; 
			text-decoration: none;
		}
		
		ul.subBorder li.subsub a:hover{
			color: #fff;
			text-decoration: underline;
		}

/* Right */
#right{
	float: right;
	width: 710px;
}
	#top{
		background-image: url(../images/background_top.gif);
		background-position: left;
		background-repeat: repeat-y;
		padding: 20px 0px 0px 10px;
	}
	
	#top h1{
		padding: 0px;
		margin: 0px;
	}
	
	#top h2{
		padding: 0px;
		margin: 0px;
		
		color: #d1cb82;
		font-size: 1.2em;
	}

	#flash{
		height: 400px;
		margin-top: 25px;
		z-index: 1;
	}
	
	#flashHead{
		padding: 10px 0px 20px 0px;
	}	

	#flashHead{
		padding: 10px 0px;
	}		
	
	#contentBox{
		background-image: url(../images/background_verlauf.png);
		background-repeat: no-repeat;
		background-position: top left;
		padding: 0px 10px;
		min-height: 500px;
		height: auto !important;
		height: 500px;
	}
	
	.content{
		padding: 0px 0px 30px 200px;
	}
	
	.contentH{
		display: none;
	}
	
	.contentFull{
		padding-left: 0px;
	}
	
		.content h2, .contentRight h2{
			color: #d1cb82;
			padding: 0px;
			margin: 0px;
			font-size: 1.4em;
			line-height: 1.4em;
		}
		
		.content h3, .contentRight h3{
			color: #fff;
			padding: 0px;
			margin: 0px;
			font-size: 1.2em;
			line-height: 1.2em; 		
		}

	.contentTeaserBox{
		margin-bottom: 30px;
	}
		.contentTeaserImage{
			float: left;
			margin: 40px 0px 0px 20px;
			background-color: #00FF33;
			padding: 5px;
		}
	
		.contentTeaserTop{
			background-image: url(../images/content_teaser_head.gif);
			background-repeat: no-repeat;
			height: 16px;
		}
		
		.contentTeaserContent{
			background-image: url(../images/content_teaser_background.gif);
			background-repeat: repeat-y;
			padding: 0px 10px 0px 220px;
			position: relative;			
		}
		
			.contentTeaserContent h2{
				color: #D1CB82;
				padding: 0px 0px 10px 0px;
				margin: 0px;
				font-size: 1.2em;
			}
			
			#contentBox .contentTeaserContent h2 a:link, #contentBox .contentTeaserContent h2 a:visited, #contentBox .contentTeaserContent h2 a:active{
				color: #D1CB82; 
				text-decoration: none;
			}
			
			#contentBox .contentTeaserContent h2 a:hover{
				color: #D1CB82;
				text-decoration: none;
			}
			
			#contentBox .contentTeaserContent a:link, #contentBox .contentTeaserContent a:visited, #contentBox .contentTeaserContent a:active{
				color: #fff; 
				text-decoration: none;
			}
			
			#contentBox .contentTeaserContent a:hover{
				color: #D1CB82;
				text-decoration: none;
			}
			
			#contentBox a.rm:link, #contentBox a.rm:visited, #contentBox a.rm:active{
				color: #D1CB82; 
				text-decoration: underline;
			}
			
			#contentBox a.rm:hover{
				color: #D1CB82;
				text-decoration: none;
			}									
		
		.contentTeaserBottom{
			background-image: url(../images/content_teaser_bottom.gif);
			background-repeat: no-repeat;
			height: 10px;
		}	
		
		img.newsOverviewImage{
			float: left;
			position: relative;
			border-width: 0px;
			margin: 0px 10px 10px 0px;
		}
		
		.contentLeft{
			float: left;
			width: 180px;
		}	
		
		.contentRight{
			float: right;
			width: 485px;
			margin-bottom: 30px;
			line-height: 1.4em;
			color: #ccc;
		}
	
			.contentRight a:link, .contentRight a:visited, .contentRight a:active{
				color: #D1CB82; 
				text-decoration: underline;
			}			
			
			.contentRight a:hover{
				color: #D1CB82;
				text-decoration: none;			
			}
			
			.contentRight strong, .contentRight b{
				font-weight: bold;
				color: #D1CB82;
			}
			
			.contentRight table{
				margin-top: 20px;
			}
			
	.branchenTeaserOverviewImage{
		float: left;
		padding: 5px 10px 10px 0px;
	}
			
/* Fotos */			
img.foto{
		border: solid 1px #1A1A1A;	
	}
	
	img.topFotoR{
		margin: 3px 0px 10px 10px;
		border: solid 1px #1A1A1A;	
	}
	
	img.topFotoL{
		margin: 3px 10px 10px 0px;
		border: solid 1px #1A1A1A;	
	}
	
	img.fotoR{
		margin: 10px 0px 10px 10px;
		border: solid 1px #1A1A1A;	
	}
	
	img.fotoL{
		margin: 10px 10px 10px 0px;
		border: solid 1px #1A1A1A;	
	}	
	
	.fotoLeft{
		float: left;
		font-size: 0.85em;
		font-style: italic;
		color: #7a7a7a;
		margin: 3px 10px 10px 0px;
		padding: 5px;
		background-color: #f4f4f4;
	}
	
	.fotoLeft img{
		margin-bottom: 5px;
		border: 0px;
	}

	.fotoPLeft{
		float: left;
		font-size: 0.85em;
		font-style: italic;
		color: #7a7a7a;
		width: 230px;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		background-color: #f4f4f4;
	}

	.fotoPRight{
		float: right;
		font-size: 0.85em;
		font-style: italic;
		color: #7a7a7a;
		width: 230px;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 4px;
		background-image: url(../images/background_foto.gif);
		background-repeat: repeat-y;
		background-color: #f4f4f4;
	}	
	
	.fotoGaleriePreview{
		float: left;
		font-size: 0.85em;
		font-style: italic;
		color: #7a7a7a;
		margin: 0px 10px 0px 0px;
		padding: 0px 0px 0px 4px;
		background-image: url(../images/background_foto.gif);
		background-repeat: repeat-y;
		background-color: #f4f4f4;
	}	
	
/* Fotos */
.galerie{
	padding: 20px 0px 0px 0px;
}

	.galerie h3{
		padding: 0px 0px 10px 0px;
	}

.galerieThumb{
	float: left;
	padding: 10px;
	width: 130px;
	height: 98px;
	margin: 0px 10px 10px 0px;
	background-color: #1A1A1A;
	text-align: center;
}	

	.galerieThumb .img{
		border: 10px;
	}
	
/* Footer */				
#footer{
	/*border: 0px solid #44422c;
	border-top-width: 1px;*/
	padding-top: 10px;
	margin-top: 50px;
	height: 108px;
	background-image: url(../images/footer_background.png);
	
	font-family: Arial, Helvetica, sans-serif;
	color: #44422c;
	font-size: 0.8em;
}

	#footerLeft{
		float: left;
		width: 190px;
		padding-left: 20px;
	}
	
	#footerRight{
		float: right;
		width: 640px;		
	}
	
/* Contact */

form{
	padding: 0px;
	margin: 0px;
}

.contact_text{
	margin: 0px;
	padding-top: 3px;
	padding-left: 80px;
	width: 120px;
	float: left;
	height: 20px;
}

.contact_input{
	float: left;
	margin-bottom: 5px;
	width: 280px;
}

.contact{
	background-color: #1A1A1A;
	border-width: 1px;
	border-style: solid;
	border-color: #44422C;
	margin: 3px 0px 3px 0px;
	padding: 2px;
	width: 280px;
	font-family: Arial, Helvetica, sans-serif;		
	font-size: 8pt;
	color: #D1CB82;
}

.contact_o{
	background-color: #1A1A1A;
	border-width: 1px;
	border-style: solid;
	border-color: #D1CB82;
	margin: 3px 0px 3px 0px;
	padding: 2px;
	width: 280px;
	font-family: Arial, Helvetica, sans-serif;		
	font-size: 8pt;
	color: #D1CB82;
}

.contact_d{
	background-color: #1A1A1A;
	border-width: 1px;
	border-left-color: #2f2e1f;
	border-top-color: #2f2e1f;
	border-right-color: #686541;
	border-bottom-color: #686541;
	border-style: solid;
	margin: 3px 0px 3px 0px;
	padding: 2px;
	width: 280px;
	font-family: Arial, Helvetica, sans-serif;		
	font-size: 8pt;
	color: #D1CB82;
}

.contact_error{
	background-color: #1A1A1A;
	border: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #d00000;
	margin: 3px 0px 3px 0px;
	padding: 2px;
	width: 280px;
	font-family: Arial, Helvetica, sans-serif;		
	font-size: 8pt;
	color: #d00000;
}

.error{
	color: #d00000;
	font-weight:bold;
	padding: 10px 0px;
}