@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
body{
	background:#FFFFFF;
	font-family:"trebuchet MS", Verdana, Arial;
	color:#333333;
	font-size:13px;
}
ul{
	list-style:none;
}
a{
	font-family:"trebuchet MS", Verdana, Arial;
	text-decoration:underline;
	color:#333333;
	outline:none;
}
a:hover{
	text-decoration:none;
}
h2{
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	color:#7b0003;
	letter-spacing:1px;
}

img{
	border:none;
}

* html #content{
	height:487px;
}

#wrapper{
	width:972px;
	margin:0 auto;
}
	#top-navigation{
		width:964px;
		height:25px;
		padding:0 0 0 8px;
	}
	#top-navigation ul{
		margin:0 0 0 511px;
		//position:absolute;
		//z-index:1;
		padding:5px 0 0 0;
		height:17px;
	}
		#top-navigation li{
			float:left;
		}
		#top-navigation li#startseite{
			 width:99px;
		}
		#top-navigation li#kontakt{
			width:83px;
		}
		#top-navigation li#anfahrt{
			width:84px;
		}
		#top-navigation li#newsletter{
			width:102px;
		}
		#top-navigation li#impressum{
			width:85px;
		}
			#top-navigation a{
				padding-top:3px;
				background:url(../images/layout/top-navigation.gif) 0 4px no-repeat;
				font-size:11px;
				color:#666666;
				letter-spacing:1px;
				text-decoration:none;
			}
			#top-navigation a:hover, #top-navigation li.active a, #top-navigation li.active a:hover{
				text-decoration:none;
				color:#820a0a;
			}
			#top-navigation a.startseite{
				padding-left: 17px;
			}
			#top-navigation a.startseite:hover, #top-navigation li.active a.startseite, #top-navigation li.active a.startseite:hover{
				background-position:0 -13px;
			}
			#top-navigation a.kontakt{
				background-position:-99px 4px;
				padding-left:15px;
			}
			#top-navigation a.kontakt:hover, #top-navigation li.active a.kontakt, #top-navigation li.active a.kontakt:hover{
				background-position:-99px -13px;
			}
			#top-navigation a.anfahrt{
				background-position:-182px 4px;
				padding-left:15px;
			}
			#top-navigation a.anfahrt:hover, #top-navigation li.active a.anfahrt, #top-navigation li.active a.anfahrt:hover{
				background-position:-182px -13px;
			}
			#top-navigation a.newsletter{
				background-position:-266px 4px;
				padding-left:13px;
			}
			#top-navigation a.newsletter:hover, #top-navigation li.active a.newsletter, #top-navigation li.active a.newsletter:hover{
				background-position:-266px -13px;
			}
			#top-navigation a.impressum{
				background-position:-368px 4px;
				padding-left:13px;
			}
			#top-navigation a.impressum:hover, #top-navigation li.active a.impressum, #top-navigation li.active a.impressum:hover{
				background-position:-368px -13px;
			}
	#header{
		width:972px;
		height:204px;
		background:url(../images/layout/header.jpg) 0 0 no-repeat;
		margin:0 0 4px 0;
	}
		#logo{
			width:169px;
			height:168px;
			margin:0 0 0 39px;
			text-indent:-5000px;
		}
			#logo a{
				width:169px;
				height:168px;
				display:block;
			}
			
		#sticker{
			width:156px;
			height:143px;
			padding:35px 33px 0 0;
			margin:-167px 0 0 0;
			float:right;
			text-indent:-5000px;
		}
			#sticker a{
				display:block;
				background:url(../images/layout/sticker.jpg) 0 0 no-repeat;
				width:156px;
				height:143px;
			}
			#sticker a:hover, #sticker a.active{
				background-position: 0 -143px;
			}
			
		#navigation{
			width:972px;
			height:30px;
			background:url(../images/layout/navigation.jpg) 0 0 no-repeat;
			margin:0 0 4px 0;
		}
			#navigation ul{
				padding:0 0 0 26px;
			}
			#navigation li{
				float:left;
			}
			/*
			#navigation ul li.sub {
				background:red;
			}*/
			/*LEVEL 1 menu ul li a*/
			#navigation ul li a {
				display:block;
				color:#fff;
				font-family:"trebuchet MS", Verdana, Arial, sans-serif;
				font-size:13px;
				width:101px;
				text-decoration:none;
				text-align:left;
				padding:2px 0 5px 11px;
			}
			
			/*LEVEL 1 menu ul li a:hover - IE6*/
			#navigation ul :hover{
				color:#fff;
			}
			/*LEVEL 1 menu ul li a:hover*/
			#navigation :hover > a, #navigation :hover > li.active a {
				color:#fff;
				text-decoration:underline;
			}
			
			/*LEVEL 2 menu ul*/
			#navigation ul :hover ul{
				list-style-type:none;
				padding:0;
				margin:0;
				left:0px;
				top:0px;
				background:url(../images/layout/subnavigation.jpg) repeat-y;
				position:absolute;
				z-index:3;
			}
			/*LEVEL 2 menu ul li*/
			#navigation ul li {
				float:left;
				margin:0;
				position:relative;
				z-index:2;
			}
			
			/*LEVEL 3 menu ul*/
			#navigation ul ul, #navigation ul :hover ul ul {
				position:absolute;
				left:-9999px;
				width:150px;
			}
			#navigation ul :hover ul :hover ul {
				padding:0 3px;
				width:150px;
				left:125px;
				top:-3px;
			}
			/*LEVEL 3 menu ul li*/
			#navigation ul li.link2 {
				background:black;
				color:#FFFFFF;
			}
			/*LEVEL 3 menu ul li a*/
			#navigation ul li.link2 a{
				color:#FFFFFF;
			}
			#navigation ul table {
				border-collapse:collapse;
				position:absolute;
				top:0;
				left:0;
				z-index:2;
				font-size:13px;
				width:150px;
			}
			
			#navigation a.philosophie{
				display:block;
				width:123px;
				height:30px;
				background:url(../images/layout/navigation.jpg) -26px 0 no-repeat;
				padding:0;
				text-indent:-9999px;
			}
			#navigation a.philosophie:hover, #navigation li.active a.philosophie{
				background-position:-26px -30px;
			}
			
			#navigation a.sortiment{
				display:block;
				width:104px;
				height:30px;
				background:url(../images/layout/navigation.jpg) -149px 0 no-repeat;
				padding:0;
				text-indent:-9999px;
			}
			#navigation a.sortiment:hover, #navigation li.active a.sortiment{
				background-position:-149px -30px;
			}
			
			#navigation a.grosskundenbelieferung{
				display:block;
				width:227px;
				height:30px;
				background:url(../images/layout/navigation.jpg) -253px 0 no-repeat;
				padding:0;
				text-indent:-9999px;
			}
			#navigation a.grosskundenbelieferung:hover, #navigation li.active a.grosskundenbelieferung{
				background-position:-253px -30px;
			}
			
			#navigation a.gemuesemaerkte{
				display:block;
				width:139px;
				height:30px;
				background:url(../images/layout/navigation.jpg) -480px 0 no-repeat;
				padding:0;
				text-indent:-9999px;
			}
			#navigation a.gemuesemaerkte:hover, #navigation li.active a.gemuesemaerkte{
				background-position:-480px -30px;
			}
			
			#navigation a.rochushof{
				width:114px;
				height:30px;
				background:url(../images/leyout/rochushof.jpg) -617px 0 no-repeat;
				padding:0;
				text-indent:-9999px;
			}
			
			#navigation a.rochushof:hover, #navigation li.active a.rochushof{
				background-position:-617px -30px;
			}
			
			#navigation a.rochushof-act{
				width:114px;
				height:30px;
				background:url(../images/layout/roch-active.jpg) -2px 0 no-repeat;
				padding:0;
				text-indent:-9999px;
			}
			
			#navigation a.rochushof-act:hover, #navigation li.active a.rochushof-act{
				background-position:-2px -30px;
			}
			
			#navigation a.rochushof a:hover, #navigation a.rochushof li.active a, #navigation a.rochushof li.active a:hover{
				text-decoration:underline;
			}
			#navigation a.rochushof-act a:hover, #navigation a.rochushof-act li.active a, #navigation a.rochushof-act li.active a:hover{
				text-decoration:underline;
			}
			
			#navigation a.gemuesebauer{
				display:block;
				width:129px;
				height:30px;
				background:url(../images/layout/navigation.jpg) -733px 0 no-repeat;
				padding:0;
				text-indent:-9999px;
			}
			#navigation a.gemuesebauer:hover, #navigation li.active a.gemuesebauer{
				background-position:-733px -30px;
			}
			
			#navigation a.gemuesebauer-act{
					background:url(../images/content/bauer_active.jpg) -9px 1px no-repeat;
					text-indent:-9999px;
					margin:0 0 8px 0;
			}
			
			#navigation a.partner{
				display:block;
				width:88px;
				height:30px;
				background:url(../images/layout/navigation.jpg) -862px 0 no-repeat;
				padding:0;
				text-indent:-9999px;
			}
			#navigation a.partner:hover, #navigation li.active a.partner{
				background-position:-862px -30px;
			}
		
	div#navigation ul li ul li.sub2 a {
		width:228px;
		background:#7bb52b;
	}
		
	#content-wrapp{
		width:531px;
		margin:0 4px 0 0;
		float:left;
	}
	
	#content-wrapp_wide {
		width:972px;
		margin:0 4px 4px 0;
		float:left;
		background:#fff7e5 url(../images/layout/content-bgr.jpg) 0 0 repeat-x;
	}
	
		#content{
			float:left;
			padding:62px 50px 10px 40px;
			background:#fff7e5 url(../images/layout/content-bgr.jpg) 0 0 repeat-x;
			min-height:487px;
			width:440px;
			margin:0 0 4px 0;
		}
			#content h1{
				text-transform:uppercase;
				font-size:24px;
				color:#820a0a;
				line-height:normal;
				letter-spacing:2px;
				font-weight:normal;
				margin:0 0 7px -1px;
			}
			#content p, #content-right p {
				margin:0 0 20px 0;
				letter-spacing:1px;
				line-height:20px;
			}
			#content p.strong{
				font-size:14px;
				line-height:20px;
				margin:0 0 16px 0;
			}
			#content h2{
				padding:4px 0 0 1px;
				float:none;
				clear:both;
			}
			#content img, #content-right img{
				border:1px solid #CCCCCC;
				padding:1px;
			}
			#content img.req-img{
				border:none;
				padding:0;
			}
			
			#content-right {
				padding:95px 0 0 0;
		width:400px;
		float:left;
	}
	
	
			div.loop_1{
				float:none;
				clear:both;
				width:420px;
			}
				div.loop_1 h2{
					width:140px;
					display:block;
				}
				#content div.loop_1 div.news-left{
					width:150px;
					float:left;
				}
				#content div.loop_1 div.news-right{
					float:left;
					width:250px;
				}
			
			p.ew-cms{
				clear:both;
				float:none;
			}
		
		#footer{
			width:531px;
			height:161px;
			font-size:12px;
			line-height:15px;
			color:#000000;
			text-align:left;
		}
			#footer h2{
				line-height:15px;
				margin:0 0 12px 0;
				letter-spacing:normal;
			}
			#footer a{
				color:#000000;
				text-decoration:underline;
				line-height:15px;
				letter-spacing:0;
			}
			#footer a:hover{
				text-decoration:none;
			}
			#footer p{
				margin:0 0 15px 0;
			}
			.table{
				display:table;
				vertical-align:top;
				margin:0 0 15px 0;
			}
				.row{
					display:table-row;
				}
					.cell-left{
						display:table-cell;
						width:43px;
					}
					.cell-right{
						display:table-cell;
						width:110px;
					}
					#footer-middle .cell-left{
						width:35px;
					}
					#footer-middle .cell-right{
						width:122px;
					}
						
			#footer-left{
				width:162px;
				height:151px;
				padding:10px 0 0 11px;
				background:url(../images/layout/footer-left.jpg) no-repeat 0 0;
				float:left;
				margin:0 4px 0 0;
			}
				#footer-left h2{
					margin-left: -1px;
				}
				
			#footer-middle{
				padding:10px 0 0 12px;
				width:163px;
				height:151px;
				background:url(../images/layout/footer-middle.jpg) no-repeat 0 0;
				margin:0 4px 0 0;
				float:left;
				line-height:12px;
			}
				#footer-middle h2{
					margin:0 0 19px 0;
				}
				
			#footer-right{
				padding:10px 20px 0 13px;
				width:142px;
				height:151px;
				background:url(../images/layout/footer-right.jpg) no-repeat 0 0;
				float:left;
			}
				#footer-right h2{
					margin:0 0 12px -1px;
				}
		
	#images{
		width:437px;
		float:left;
	}
		#images img{
			margin:0 0 4px 0;
			border:none;
		}
		
		* html #images img{
			margin:0;
		}
		
		* html .cell-left{
			float:left;
		}
		* html #footer-middle{
			line-height:15px;
		}
		*+html .cell-left{
			float:left;
		}
		*+html #footer-middle{
			line-height:15px;
		}
		
ul.checkbox {
	letter-spacing:1px;
	margin:0 0 15px 2px;
}

ul.checkbox li {
	background:url(../images/content/li.gif) 0 2px no-repeat;
	padding:0 0 0 18px;
	margin: 0 0 5px 0;
}

.right {
	float:right;
	margin:4px 0 10px 10px;
}

.left {
	float:left;
	margin:4px 10px 10px 0px;
}

.center {
	float:left;
	margin:4px 10px 10px 125px;
}
		
.sort-left {
	width:215px;
	float:left;
}

.sort-right {
	width:215px;
	float:right;
}