@charset "UTF-8";
/* CSS Document */



@media screen {
/*Anzeigevorgaben für den Screen*/


html{ 
	background-color:##343232;
}


.bg{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:60px;
	margin:0px auto 0px auto;
	padding:0px auto 0px auto;
	border:none;
}

.cont_all{
	position:relative;
	top:10px;
	left:0px;
	width:1100px;
	height:780px;
	background-color:transparent;
	border: 1px solid #999999;
	margin:0px auto 0px auto;
	padding:0px auto 0px auto;

}

.container{
	position:absolute;
	background-image:url(../img/bg/bg.jpg);
	background-repeat:repeat-x;
	top:0px;
	left:0px;
	width:1080px;
	height:700px;
	margin:0px auto 0px auto;
	padding:10px;
	border:none;
}

.logo{
	position:relative;
	top:10px;
	left:20px;
	width:250px;
	height:114px;
	float:left;
}

.navigation{
	position:relative;
	top:25px;
	left:20px;
	width:704px; 
	height:34px;
	margin:0px;
	padding:0px;
	border:none;
}


.showroom{
	position:relative;
	top:0px;
	left:20px;
	width:700px;
	height:400px;
	margin:0px auto 0px auto;
	padding:0px auto 0px auto;
	border:none;
}

.abstandhalter{
	position:relative;
	top:0px;
	left:0px;
	width:15px;
	height:1px;
	background-color:#323232;
	float:left;
	padding:0px;
	margin:0px;
}

.bild{
	position:relative;
	top:10px;
	left:20px;
	width:700px;
	height:350px;
	border: 1px solid #999999;
	margin:0px;
	padding:0px;
}

.bild map{
	position:absolute;
	top:0px;
	left:0px;
}

.bildinfo_area{
	position:relative;
	background-color:#000000;
	top:-25px;
	left:21px;
	width:690px;
	height:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#e98307;
	padding:5px;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
}

.bildinfo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#FFFFFF;
	letter-spacing:0.1em;
	font-variant:small-caps;
	font-weight:bold;
}


.thumbnail{
	position:relative;
	top:130px;
	left:38px;
	background-color:transparent;
	vertical-align:top;
	width:230px;
	heigt:54px;
	border: 0px solid #343232;
	padding:0px;
}

.thumbnail_text{
	position:absolute;
	top:0px;
	left:0px;
	width:auto;
	height:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	letter-spacing:0.1em;
	font-variant:small-caps;
	font-weight:bold;
	font-size:9pt;
	vertical-align:top;
	padding-left:2px;
}

.thumbnail_1{
	position:relative;
	background-color:#ffffff;
	top:5px;
	left:0px;
	width:50px;
	height:50px;
	float:left;
	border: 2px solid #999999;
	padding:0px;
	margin:2px 0px 0px 2px;
}

.thumbnail_1:hover { 
	border: 2px solid #E2860E;
}

#thumbnail_aktiv{
	border: 4px solid #343232;
	border-color:#E2860E;
	padding:0px;
	margin:0px;
}













.left_area{
	position:relative;
	background-color:transparent;
	top:35px;
	left:40px;
	width:300px;
	height:150px;
	margin:0px;
	padding:0px;
	border:none;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:bold;
	line-height:14pt;
	letter-spacing:0.1em;
	text-align:left;
	color:#e98307;
	font-variant:small-caps;
	vertical-align:top;
}

.content{
	position:relative;
	background-color:transparent;
	vertical-align:top;
	top:30px;
	left:20px;
	width:700px;
	height:150px;
	margin:0px;
	padding:0px;
	border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-style:normal;
	line-height:14pt;
	font-weight:normal;
	float:left;
	letter-spacing:0.05em;
	text-align:left;
	color:#FFFFFF;
	line-height:13pt;
}

#rechts{
	text-align:right;
}

.headline_markant{
	position:relative;
	top:0px;
	left:0px;
	width:auto;
	height:30px;
	background-color:transparent;
	font-size:14pt;
	font-style:inherit;
	font-weight:bold;
	font-variant:small-caps;
	letter-spacing:0.08em;
	padding-top:5px;
	color:#99cc66;
	vertical-align:top;
}

.headline_light{
	position:relative;
	top:0px;
	left:0px;
	width:300px;
	height:30px;
	background-color:transparent;
	font-size:14pt;
	font-style:inherit;
	font-weight:normal;
	font-variant:normal;
	letter-spacing:0.05em;
	padding-top:5px;
	color:#99cc66;
	vertical-align:top;
}

.fusszeile{
	position:relative;
	top:20px;
	left:0px;
	margin:0px auto 0px auto;
	padding:0px auto 0px auto;
	width:1080px;
	height:15px;
}


.markant{
	font-weight:bold;
}

a {
	text-decoration:none;
	border:none;
}

a:link, a:visited, a:focus{
	text-decoration:none;
	border:none;
	color:#999999;
	font-weight:bold;
}

a:hover, a:active{
	text-decoration:none;
	border:none;
	color:#99cc66;
	font-weight:bold;
}

#aktiviert{
	text-decoration:none;
	border:none;
	color:#99ff33;
	font-weight:bold;
}


.tip-container { 
border: 1px solid #FCA44B; 
background: #FCA44B; 
font-family: sans-serif; 
font-size: 11px; 
padding: 1px; 
}

.tip-title { 
display: block; 
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #ffffff; 
font-weight: bold; 
padding: 2px; 
}

.tip-content { 
display: block; 
font-family:Verdana, Arial, Helvetica, sans-serif;
padding: 5px; 
background: #ffffff; 
}


}