/* basic */
html {
	width:100%;
	height:100%;
	
}

body {
	margin:0;
	background-color:#d9d1ad;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	width:100%;
	height:100%;
}


a {
	outline:none;
}

/* container */

#mainWrapper {
	width:926px;
	margin:0 auto;
	background-color:#373434;
}

#logoTop {
	width:868px;
	height:135px;
	background:url(../img/layout/logoTop.jpg) top left no-repeat;
	margin-left:29px;
}

#headerPic {
	width:868px;
	height:250px;
	margin-left:29px;
}

.headerhome {
	background:url(../img/layout/headerTop-1.jpg) top left no-repeat;
}

.headerangebote {
	background:url(../img/layout/headerTop-2.jpg) top left no-repeat;
}

.headerueberuns {
	background:url(../img/layout/headerTop-3.jpg) top left no-repeat;
}

.headerbildergalerie {
	background:url(../img/layout/headerTop-4.jpg) top left no-repeat;
}

.headerkontakt {
	background:url(../img/layout/headerTop-5.jpg) top left no-repeat;
}




#contentWrapper {
	width:100%;
	background:url(../img/layout/bg-contentWrapper.gif) top left repeat-y;
	margin-left:29px;
	padding-top:0;	
}

#dummy {
	background-color:#d9d1ad;
	width:700px;
	height:22px;
	margin-left:10px;
}

#leftCol {
	width:199px;
	margin-left:29px;
	margin-left:15px;
	float:left;
	color:#fff;
	
}

#leftCol div#info {
	width:189px;
	padding:10px 0 70px 10px;
	background:url(../img/layout/logo-left.jpg) bottom right no-repeat #373434;
	color:#fff;
}


#content {
	
	width:630px;
	padding-left:17px;
	float:left;
}

#contentEnd {	
	width:868px;
	height:15px;
	background:url(../img/layout/contentEnd.gif) top left no-repeat;
	margin-left:29px;
	
}
 
#footer {
	height:35px;
	text-align:center;
	padding-top:5px;
	color:#fff;
}


#kontaktLeft {
	width:300px;
	float:left;
}

#kontaktRight {
	margin-left:100px;
	width:215px;
	float:left;
}

.textLeft {
	float:left;
	width:450px;
}

.textLeftWide {
	float:left;
	width:610px;
}





/* navigation */


#navigationWrapper {
	width:868px;
	height:45px;
	margin-left:29px;
	background:url(../img/layout/bg-navigation.jpg) top left no-repeat;
}

ul#navigation {
	float:right;
	padding:0;
	margin:0 0 0 20px;
	list-style-type:none;
	font-size:14px;
	height:45px;
}

ul#navigation li.navi {
	float:left;
	width:103px;
	height:45px;
	background:url(../img/layout/navTrenner.gif) bottom left no-repeat;
	padding:0 13px;

}

ul#navigation li span {
	display:block;
	width:100%;
	height:100%;
	min-width:103px;
	text-align:center;
	
}

ul#navigation li a {
	color:#fff;
	text-decoration:none;
	display:block;
	height:100%;
	padding-top:15px;	
}

ul#navigation li span:hover, ul#navigation li span.active {
	display:block;
	width:100%;
	height:100%;
	background:url(../img/layout/navActive.jpg) top center no-repeat;
	display:block;
}

ul#navigation li a span {
	display:block;
	margin-top:7px;
}



/* misc */

.clear {
	clear:both;
	height:0;
	overflow:hidden;
}

.spacer10px {
	height:10px;
	background-color:#d9d1ad;
}


.floatLeft {
	float:left;
	margin:0 10px 10px 3px;
}

.floatLeftClearRight {
	float:left;
	margin:0 0 5px 0;
}