/* CSS Document */

body, html {
	border: none;
	background-color: #fffaea;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	color: #351a19;
	text-decoration: none;
	background-image: url(pix/bg.gif);
	background-repeat: repeat-x;
}
/* HELPERS */
form {
	margin: 0px;
	padding: 0px;
}
.clear {
	clear: both;
}
a img {
	border:none;
}

/* TEXT FORM */
a {
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	color: #ac1720;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1{
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size: 24px;
	color: #351a19;
	text-decoration: none;
	margin: 0px;
}
.right h1{
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #fffaea;
	text-decoration: none;
	margin: 0px;
	text-transform: uppercase;
}
h2 {
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size: 20px;
	/* font-size: 24px; */
	color: #351a19;
	text-decoration: none;
	margin: 0px;
	font-weight:normal;
	margin-bottom:23px;
}
h3 {
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size: 18px;
	color: #5c2946;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -1px;
	margin: 0px 0px 12px 0px;
	padding-top: 10px;
}
*html h3 {
	margin: 0px 0px 13px 0px;
}
*+html h3 {
	margin: 0px 0px 13px 0px;
}
h4 {
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size: 24px;
	color: #b7b1a5;
	font-weight: bold;
	text-decoration: none;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0px;
}
h4 span {
	color: #ccab6c;
}
h5 {
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size: 24px;
	color: #ccab6c;
	font-weight: bold;
	text-decoration: none;
}
/* MAIN */
.bgImg {
	background-image: url(pix/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.main {
	width:1000px;
	margin: 0px 0px 0px 0px;
}
/* HEADER */
.bgHeader {
	width: 1000px;
	height: 88px;
	text-align: left;
	position:relative;
	z-index:10;
}
.logo {
	position:relative;
	left:0px;
}
.lang {
	position: absolute;
	right:0px;
	top: 5px;
}
.lang img {
	margin-left: 5px;
}
/* HEADER NAV */
.headerNav {
	position: absolute;
	right: 0px;
	top: 41px;
	overflow: visible;
}
/* BOTTOM NAV */
.bottomNav {
	line-height: 60px;
	color: #a3978b;
	font-size: 14px;
}
.bottomNav a {
	color: #a3978b;
	font-size: 14px;
	padding: 0px 18px 0px 18px;
	text-decoration:none;
}
.bottomNav a:hover {
	color: #ac161f;
	text-decoration:none;
}
.bottomNav a.active {
	color: #ac161f;
	text-decoration:none;
}
/* MAINCONTENT */	
.mainContent {
	width: 1000px;
	height:500px;
	overflow:hidden;
/*	background-image: url(pix/bg_content.jpg);*/
	position:relative;
	z-index:1;
}
/* KATALOG */
.katalog {
	width: 1000px;
	height:500px;
	overflow:hidden;
	position:relative;
}
/* CONTENT */
.contentBG {
z-index:20;
	position:absolute;
	top: 0px;
	left: 0px;
	width:1000px;
	height:500px;
/*
	top: 60px;
	left: 70px;
	width:860px;
	height:366px;
*/
	background-color: #efece2; 
	filter: Alpha(opacity=90, finishopacity=90,);
	-moz-opacity:0.9;opacity:0.9;
	visibility:hidden;
}	
/*	CONTENT - SCROLLING		*/
.contentScrollBar{
z-index:21;
	position:absolute;
	top:100px;
/*	left:85px;*/
	right:10px;
/*	right:78px; */
	width:21px;
	height:306px;
/*	border:1px solid #ff00ff;*/
	visibility:hidden;
}
.buttonScrollUp {
z-index:22;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../pix/button_scroll_up.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:21px;
	height:21px;
}
.buttonScrollDown {
z-index:23;
	position:absolute;
	background-image:url(../pix/button_scroll_down.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	left:0px;
	bottom:0px;
	width:21px;
	height:21px;
}
.scrollBox {
z-index:24;
	position:absolute;
	top:0px;
	left:40px;
	width:930px;
	height:470px;
/*
	top:80px;
	left:105px;
	width:775px;
	height:306px;
*/
	padding:10px 0px 10px 0px;
/*	border:1px solid #0000ff;*/
	overflow:hidden;
	visibility:hidden;
}

/* OPEN / CLOSE */
.open {
z-index:30;
      
	position:absolute;
	top:0px;
	right:0px;
	background-color: #efece2;
	padding:10px 10px 10px 10px;
	color:#351a19;
	font-weight:bold;
	filter: Alpha(opacity=90, finishopacity=90,);
	-moz-opacity:0.9;opacity:0.9;
	visibility:hidden;
}
.close {
z-index:31;
	position:absolute;
	top:10px;
	right:10px;
/*
	top:70px;
	right:80px;
*/
	visibility:hidden;
font-weight:bold;
}
.close span {
font-size: 14px;
font-weight:bold;
}

/**/
.content {
z-index:19;
	position:relative;
	text-align:left;
	overflow:hidden;		/*	no idea why - IMPORTANT!!!	*/
}	
.prod1 {
z-index:33;
	width:240px;
/*
	width:255px;*/
	min-height:291px;
	_height: 291px;

	padding-right:10px;
	border-right: 1px solid #d4c9bc;
	float:left;
	}
.prod1a {
z-index:34;
	width:585px;
/*	width:600px;*/
	min-height:291px;
	_height: 291x;
	padding-right:20px;
	border-right: 1px solid #d4c9bc;
	float:left;
	}
.prod1a2 {
z-index:34;
	width:890px; 
/*	width:730px; */
/*	width:600px;*/
	min-height:291px;
	_height: 291x;
	padding-right:20px;
/*	border-right: 1px solid #d4c9bc;*/
	float:left;
	}
.prod2 {
z-index:35;
	width:315px;
	min-height:291px;
	_height: 291px;
	padding: 0px 20px 0px 20px;
	border-right: 1px solid #d4c9bc;
	float:left;
	}
.zubehoerAlle {
z-index:36;
	width:780px;
	min-height:291px;
	_height: 291px;
	padding: 0px 20px 0px 0px;
	}
.zubehoer {
z-index:37;
	}
.zubehoer img {
z-index:38;
	width:148px;
	height:114px;
	}
.prod3 {
z-index:39;
	width:140px;
	min-height:291px;
	_height: 291px;
	padding: 0px 0px 0px 20px;
	float:right;
	}
.text {
z-index:40;
	width:730px;
/*
	width:575px; 
*/
/*	width:590px;*/
	min-height:291px;
	_height: 291px;
	padding: 0px 20px 0px 0px;
	border-right: 1px solid #d4c9bc;
	float:left;
	}
.text2 {
z-index:41;
	width:890px;
/*
	width:575px; 
*/
/*	width:590px;*/
	min-height:291px;
	_height: 291px;
	padding: 0px 20px 0px 0px;
/*	border-right: 1px solid #d4c9bc; */
	float:left;
	}
.info {
z-index:41;
	width:140px;
	min-height:291px;
	_height: 291px;
	padding: 0px 0px 0px 20px;
	float:right;
	}

.info2 {
z-index:41;
height:25px;
width:850px;
margin-bottom:20px;
}
/*
.info2 ul {
height:25px;
}
.info2 ul li {
display:inline;
background-color:#351a19;
line-height:25px;
}
.info2 ul li a {
color:#fffaea;
font-weight:bold;
font-size:12px;
}
*/
.info2 ul, .info2 ul li {
list-style: none;
margin: 0;
padding: 0;
}
.info2 ul {
position: relative;
float: left;
}
.info2 ul li {
float: left;
vertical-align: middle;
zoom: 1;
border: none;
background-color: #351a19;
/* width:140px;*/
line-height:23px;
margin-left:1px;
padding:0 20px 0 20px;
text-align:center;
}
.info2 ul li a {
color: #fffaea;
font-size:12px;
font-weight:bold;
}

/* SUB NAVIGATION EBENE 1 */
.subNav {
	margin:0px;
	padding:0px;}
.subNav li {
	list-style:none;}
.subNav li a.active {
	text-decoration:underline}
/* SUB NAVIGATION EBENE 2*/
.subNav li ul {
	margin:0px;
	padding:0px 0px 5px 5px;}
/* FOOTER */
.footer {
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	color: #a68871;
	text-decoration: none;
	padding: 10px;
}
.footer a {
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	color: #a68871;
	text-decoration: none;
	padding: 0px 3px 0px 3px;
}
.footer a:hover {
	color: #351a19;
	text-decoration: none;
}


/*	GALLERY		*/
.gallerylb {
	position:relative;
	clear:both;
	display:block;
	width:100%;
	padding:10px 0px 10px 0px;
	text-align:left;
}
.gallerylb h2 {
	font-size: 18px;
	color: #df0b1d;
	text-decoration: none;
	margin: 0px;
	padding:0px 0px 10px 0px;
}

.gallerylb div {
	display:block;
	position:relative;
	margin:5px;
	border:1px solid #cccccc;
	padding:5px;
	width:120px;
	_width:130px;
	height:90px;
	_height:100px;
	float:left;
	text-align:center;
	vertical-align:middle;
}
.gallerylb div.end {
	display:block;
	width:100%;
	height:10px;
	margin:0px;
	padding:0px;
	border:none;
	clear:both;
}
.gallerylb div a {
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
}
.gallerylb div a img {
	border: none;
	vertical-align:middle;
}


/*DEALER-SEARCH*/
#dealerSearch {
	text-align:left;
	display:block;
	background-image: url(pix/bg_content.jpg);
	width:1000px;
    height:500px;
/*
    border:1px solid #FFA854;
    background-color: #ffd5a5;
*/
	color: #98191B;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
#dealerSearch #searchBox {
    float:left;
    padding:10px;
    width:381px;
    height:480px;
}
#dealerSearch #searchBox form select {
    width:180px;
/*    vertical-align:middle;*/
/*    padding:2px 0px 0px 0px;*/
    height:auto;
    vertical-align:center;
}
.dealerSearch_ScrollBar{
	position:absolute;
	top:15px;
	left:0px;
	width:21px;
	height:300px;
/*	border:1px solid #ff00ff;*/
}
.dealerSearch_scrollBox {
	position:relative;
	left:30px;
	padding:0px 0px 0px 0px;
	width:350px;
	height:300px;
/*	border:1px solid #0000ff;*/
	overflow:hidden;
}

/*
#dealerSearch #googleMap {
    float:right;
    width:519px;
    height:500px;
    overflow:hidden;
}
*/

.login {
   	color: #351a19; }

/* Aktuelles */
.aktuelles a {
color:#351a19;
text-decoration:none;
}
