												
body {
	color: #1a171b;
	font: 62.5%/150% Arial, Verdana, Helvetica, sans-serif;
}
h2 {
	font-size: 1.8em;
	line-height: 1em;
	margin-bottom: 1.2em;
}
h3 {
	color: #e2001a;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: -0.01em;
	line-height: 1.1em;
	margin-bottom: 1em;
}
h4 {
	color: #e2001a;
	font-size: 1.0em;
	font-weight: bold;
}
h5 {
	font-size: 1.0em;
	font-weight: bold;
	margin-bottom: 1.2em;
}
strong {
	font-weight: bold;
}
ul,
p,
hr,
table,
#map {
	margin-bottom: 1.4em;
}
address {
	font-style: normal; 
}
a:link,
a:visited {
	color: #e2001a;
	text-decoration: underline;
}
a:focus,
a:hover,
a:active {
	text-decoration: none;	
}
a img {
	border: 0 none;
}
hr {
	background: #8E8E8E;
	border: none;
	clear: both;
	color: #8E8E8E;
	display: block;
	height: 1px;
	width: 100%;
}

/* clearfix
======================================== */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Klassen
======================================== */
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.hidden {
	text-indent: -999em;
}
.clear {
	clear: both;
	height: 1%;
}
.url {
	background: url(../img/link.png) left top no-repeat;
	line-height: 16px;
	padding-left: 20px;
}
.width244px {
	width: 244px;
}
.width552px {
	width: 552px;
}
.width742px {
	width: 742px;
}
.banner {
	margin-bottom: 14px;
}
.banner img {
	display: block;
}
.notice {
	color: #999999;
	font-size: 0.9em;
}
.preis {
	color: #e2001a;
	font-style: italic;
	font-size: 2.8em;
	font-weight: bold;
	letter-spacing: -0.05em;
	line-height: 0.7em;
	margin-bottom: 0;
	text-align: right;
}
.keinpreis {
	color: #e2001a;
	font-size: 1em;
	margin-bottom: 0;
	text-align: right;
}
.morelink {
	background: url(../img/bullet_orange_arrow_white.gif) left center no-repeat;
	padding-left: 19px;
}
.marginright {
	margin-right: 10px;
}
.marginrightbottom {
	margin-right: 10px;
	margin-bottom: 10px;
}
.border {
	border: 1px solid #c5c7c8;
}
img.border {
	border: 1px solid #000000 !important;
	margin-right: 10px;
}
#header,
#content,
#pagination,
#footer,
.productblock,
.preis,
.notice {
		clear: both;
}

/* table 
======================================== */
table {
	border-collapse: collapse;
    border: 1px solid #E0081D;
    width: 100%;
}
th {
	background: #E0081D;
	border: 1px solid #FFF;
    color: #FFF;
    font-weight: bold;
	padding: 2px;
    text-align: left;
}
td {
	border: 1px solid #FFF;
	padding: 2px;
}
tr.odd {
	background-color: #FFEFEF;
}
tr.even {
	background-color: #FF8F9B;
}

/* Navigationen zum Menu und Content ausblenden
======================================== */
#skips {
	display: none;
}

/* container 
======================================== */
#container {
	margin: 0 auto;
	position: relative;
	width: 1000px;
}

	/* header 
	======================================== */
	#header {
		position: relative;
		height: 153px;
	}
	#logo {
		position: absolute;
		left: 24px;
		top: 24px;
	}
	#claim {
		position: absolute;
		left: 529px;
		top: 81px;
	}
	
	/* menu1
	======================================== */
	ul#menu1 {
		background: url(../img/menu1_bg.gif) left top repeat-x;
		height: 37px;
		margin-bottom: 10px;
		padding: 0 24px;
		width: 952px;
	}
	ul#menu1 li {
		display: inline;
		float: left;
		text-transform: uppercase;
		letter-spacing: -.001em;
		height: 37px;
	}
	ul#menu1 li a {
		display: block;
		padding: 0 0.8em;
		line-height: 37px;
	}
	ul#menu1 a:link,
	ul#menu1 a:visited {
		color: #FFFFFF;
		text-decoration: none;
	}
	ul#menu1 a:focus,
	ul#menu1 a:hover, 
	ul#menu1 a:active,
	ul#menu1 li.current a {
		background: url(../img/menu1_a_hover_bg.gif) left top repeat-x;
		color: #000000;
		text-decoration: none;
	}
	
	/* breadcrumb
	======================================== */
	#breadcrumb {
		clear: left;
		margin-bottom: 10px;
		padding: 0 24px;
	}
	
	/* content
	======================================== */
	#content {
		clear: both;
		font-size: 1.2em;
		line-height: 1.4em;
		position: relative;
		width: 100%;
		margin-top: 10px;
	}
		
	/* columns
	======================================== */
	
		/* col1
		======================================== */
		#col1 {
			float: left;
			margin-right: 14px;
		}
		
			/* menu2
			======================================== */
			ul#menu2 {
				list-style: none;
				padding-left: 0;
			}
			ul#menu2 li {
				margin-bottom: 3px;
			}
			ul#menu2 .produkte {
				padding-left: 61px;
			}
			ul#menu2 a {
				background-color: #dcdcdc;
				background-position: left top;
				background-repeat: no-repeat;
				font-weight: bold;
				height: 54px;
				padding: 0 7px;				
				line-height: 54px;
				padding-left: 15px;
			}
			ul#menu2 a:link,
			ul#menu2 a:visited {
				color: #808080;
				display: block;
				text-decoration: none;
			}
			ul#menu2 a:focus,
			ul#menu2 a:hover, 
			ul#menu2 a:active,
			ul#menu2 a.current {
				background: #e2001a left bottom no-repeat;
				color: #FFFFFF;
				text-decoration: none;
			}
			
				ul#menu2 ul {
					background: #f0f2f9;
					list-style: disc;
					margin-bottom: 0;
					padding: 3px 0;
					padding-left: 61px;
				}
				ul#menu2 ul li {
					height: auto;
				}
				ul#menu2 ul li a {
					background: none !important;
					font-weight: normal;
					height: auto;
					line-height: 1.4em;
					padding-left: 0;
				}
				ul#menu2 ul a:link,
				ul#menu2 ul a:visited {
					color: #808080;
					text-decoration: none;
				}
				ul#menu2 ul a:focus,
				ul#menu2 ul a:hover, 
				ul#menu2 ul a:active {
					background: none;
					color: #808080;
					text-decoration: underline;
				}
				ul#menu2 ul a.current {
					background: none;
					color: #808080 !important;
					text-decoration: underline;
				}
					
		/* startteaser
		======================================== */
		div#flashteaser {
			margin-bottom: 14px;
		}		
		.startteaser {
			color: #8E8E8E;
			float: left;
			height: 250px;
			margin-bottom: 1.4em;
			margin-right: 14px;
			width: 175px;
		}
		.nomarginright {
			margin-right: 0;		
		}
		.startteaser div {
			background: #FFFFFF;
			height: 117px;
			margin-bottom: 1.2em;
			position: relative;
		}
		.startteaser img {
			display: block;
			margin: 0 auto;
		}
		.startteaser h5 {
			background: #e2001a;
			color: #FFFFFF;
			font-size: 1.0em;
			font-weight: bold;
			margin-bottom: 0;
			padding: 5px 7px;
		}
		.startteaser a:link,
		.startteaser a:visited {
            background: url(../img/bullet_orange_arrow_white.gif) left top no-repeat;
            color: #e2001a;
            display: block;
            padding-left: 19px;
            text-decoration: underline;
		}
		.startteaser a:focus,
		.startteaser a:hover,
		.startteaser a:active {
			text-decoration: none;	
		}
		.startteaser div a:link,
		.startteaser div a:visited {
			background: none;
			padding-left: 0;
		}
		.startteaser p {
			font-size: 1.0em;
			height: 32px;
			margin-bottom: 1.2em;
		}
		.startteaser .keinpreis {
			text-align: left;
		}

		/* col2
		======================================== */
		#col2 {
			float: left;
		}
		#col2 ul {
			list-style-image: url(../img/punkt-orange.gif);
			list-style-position: outside;
			padding-left: 20px;
		}
		
			/* produktdetail
			======================================== */
			#productdetailimg {
				margin-bottom: 1.4em;
			}
				#productdetailimg img {
					display: block;
				}
				#productnumber {
					margin-bottom: 0;
					text-align: right;
				}
			#mainproductblock .preis,
			.productblock .preis,
			.abverkauf .preis {
				background: transparent url(../img/produktdetail_preis_bg_left.gif) no-repeat left top;
				color: #FFFFFF;
				float: left;
				height: 40px;
				margin-bottom: 1.0em;
				padding-left: 10px; /* sliding doors padding */
			}
			#mainproductblock .preis span,
			.productblock .preis span,
			.abverkauf .preis span {
				background: transparent url(../img/produktdetail_preis_bg.gif) no-repeat right top;
				display: block;
				line-height: 40px;
				padding-right: 15px;
			}
			.productblock {
				width: 552px;
			}
			#mainproductblockcontent,
			.productblockcontent {
				margin-bottom: 1.2em;
			}
			.productblockimg {
				float: left;
				margin-right: 10px;
				width: 150px;
			}
			.productblocktext.floatright {
				width: 392px;
			}
			.productblock h3 {
				margin-bottom: 0;
			}
			

			/* redaktioneller Text
			======================================== */
			#redaktionellertextimg {
				margin-bottom: 1.4em;
			}

			/* Abverkauf Modul
			======================================== */			
			.abverkauf  {
				padding: 10px;
				background-color: #f0f2f9;
				border: 1px solid #999999;
				margin-bottom: 20px;
			}
			.abverkauf .bild {
				float: left;
				margin-right: 10px;	
				width: 290px;
			}
			.abverkauf .content {
				width: 412px;
				float: right;
			
			}
			.abverkauf .content .streichpreis {
				color: #d81313;
				font-weight: bold;
				font-size: 19px;
				font-style: italic;
			}
            .abverkauf_hinweis {
            	border: 1px solid #000; 
                text-align: center; 
                padding: 5px;
                margin-bottom: 15px;
            }
			
			/* Service Modul
			======================================== */				
			.servicepunkt {			
				background-color: #f0f2f9;
				padding: 10px;
				margin-bottom: 20px;
			}						
			.servicepunkt img {
				float: left;
				margin-right: 15px;
			}
			
			/* Ansprechpartner Modul
			======================================== */				
			.ansprechpartner {			
				background-color: #f0f2f9;
				padding: 10px;
				margin-bottom: 20px;
			}						
			.ansprechpartner img {
				float: left;
				margin-right: 15px;
				padding: 2px;
				border: 1px solid #e2001a;
			}

			/* Abteilungen Modul
			======================================== */				
			.galerie {			
				float: left;
				padding: 2px;
				margin: 0 10px 10px 0;
				border: 1px solid #e2001a;
				width: 200px;
				height: 133px;
				text-align: center;
			}	
			
			/* News Modul
			======================================== */				
			.news {		
				background-color: #f0f2f9;	
				padding: 10px;
				margin-bottom: 20px;
			}	
			
            /* Artikel-Zusatz Optionen
            ======================================== */
            div#zusatz_optionen {
                background-color: ;
                padding: 5px;
                border: 1px solid ;
            }
            div#zusatz_optionen a {
                color: ;
            }
            div#zusatz_optionen h3 {
                color: ;
            }
            .beratung {
                background: url(../img/artikel_optionen/beratung.gif) no-repeat;
                border-bottom: 1px dotted #999999;
                display: block;
                padding: 0 0 5px 22px;
                width: 228px;
                float: left;
                margin: 0 18px 8px 0;    
            }
            .drucken {
                background: url(../img/artikel_optionen/drucken.gif) no-repeat;
                border-bottom: 1px dotted #999999;
                display: block;
                padding: 0 0 5px 22px;
                width: 228px;
                float: left;
                margin: 0 18px 8px 0;
            }
            .pdf {
                background: url(../img/artikel_optionen/pdf.gif) no-repeat;
                border-bottom: 1px dotted #999999;
                display: block;
                padding: 0 0 5px 22px;
                width: 228px;
                float: left;
                margin: 0 18px 8px 0;
            }
            .merkliste {
                background: url(../img/artikel_optionen/merkliste.gif) no-repeat;
                border-bottom: 1px dotted #999999;
                display: block;
                padding: 0 0 5px 22px;
                width: 228px;
                float: left;
                margin: 0 18px 8px 0;
            }
            .weiterempfehlen {
                background: url(../img/artikel_optionen/weiterempfehlen.gif) no-repeat;
                border-bottom: 1px dotted #999999;
                display: block;
                padding: 0 0 5px 22px;
                width: 228px;
                float: left;
                margin: 0 18px 8px 0;
            }
            .leeren {
                background: url(../img/artikel_optionen/leeren.gif) no-repeat;
                border-bottom: 1px dotted #999999;
                display: block;
                padding: 0 0 5px 22px;
                width: 228px;
                float: left;
                margin: 0 18px 8px 0;
            }
            .versenden {
                background: url(../img/artikel_optionen/versenden.gif) no-repeat;
                border-bottom: 1px dotted #999999;
                display: block;
                padding: 0 0 5px 22px;
                width: 228px;
                float: left;
                margin: 0 18px 8px 0;
            }
            
			/* Restaurant Modul
			======================================== */				
			.hinweis {		
				color: #999999;
				font-size: 10px;
			}
			
			/* Filialen Modul
			======================================== */				
			.filiale .hausbild {		
				float: left;
				margin: 0 10px 0 0;
			}				
			.filiale .inhalt {
			
			}											
							
			
			/* Highlights
			======================================== */
			.highlight {
				background: #dcdcdc;
				border: 1px solid #e2001a;
				height: 105px;
				margin-bottom: 1.4em;
				padding: 14px;
				position: relative;
			}
			.highlight h4 {
				font-weight: normal;
				margin-bottom: 1.2em;
			}
			.highlight img {
				float: left;
				margin-right: 14px;
			}
			.highlight p {
				margin: 0;
			}
			.highlight .preis {
				background: transparent url(../img/produktdetail_preis_bg_left.gif) no-repeat left top;
				color: #FFFFFF;
				float: left;
				height: 40px;
				margin-bottom: 1.0em;
				padding-left: 10px; /* sliding doors padding */
				position: absolute;
				top: 79px;
				right: 20px;
			}
			.highlight .preis span {
				background: transparent url(../img/produktdetail_preis_bg.gif) no-repeat right top;
				display: block;
				line-height: 40px;
				padding-right: 15px;
			}

			/* textteaser
			======================================== */
			.maintextteaser {
				font-size: 1.4em;
				line-height: 1.2em;
				margin-left: 250px;
			}
			.maintextteaser h4 {
				font-size: 1.6em;
				line-height: 1.1em;
				margin-bottom: 1.2em;
			}
			.maintextteaser img {
				float: left;
				margin-left: -250px;
				margin-bottom: 1.4em;
			}
			
			.textteaserleft,
			.textteaserright {
				float: left;
				width: 270px;
			}
			.textteaserright {
				float: right;
			}
			.textteaserleft h4,
			.textteaserright h4 {
				font-weight: normal;
				margin-bottom: 1.2em;
			}
			.textteaserleft img,
			.textteaserright img {
				float: left;
				margin-bottom: 1em;
				margin-right: 0.8em;
			}
							
			/* pagination
			=========================================== */
			p#pagination {
				font-size: 11px;
				margin-bottom: 20px;
				text-align: center;
			}
			p#pagination span {
				border: 1px solid #e2001a;
				margin-right: 3px;
				padding: 1px 4px 2px;
			}
			p#pagination a:link,
			p#pagination a:visited {
				color: #666;
				text-decoration: none;
			}
			p#pagination a:focus,
			p#pagination a:hover,
			p#pagination a:active {
				text-decoration: underline;
			}
			p#pagination span.thispage {
				background-color: #e2001a;
				border: 1px solid #e2001a;
				color: #FFFFFF;
				font-weight: bold;
				margin-right: 3px;
				padding-right: 3px;
			}
			p#pagination span.thispage a {
				color: #FFFFFF;
			}
			p#pagination span.pagebreak {
				border: none 0;
				padding: 0;
			}
		
		/* col3
		======================================== */
		#col3 {
			float: right;
			margin-left: 14px;
		}
		
		/* produktteaser
		======================================== */
		#produktmatrix {
			margin-bottom: 1.4em;
		}
		#produktmatrix .produktteaser {
			float: left;
			height: 266px;
			margin-right: 14px;
		}
		#produktmatrix .produktteaser:hover {
			background: #dcdcdc;
		}
		#produktmatrix .nomarginright {
			margin-right: 0;		
		}
		.produktteaser {
			border: 1px solid #c5c7c8;
			color: #8E8E8E;
			margin-bottom: 1.4em;
			padding: 7px;
			width: 159px;
		}
		.produktteaser div.with-price {
			margin-bottom: 0;
			height: 95px;
		}
		.produktteaser div.without-price {
			margin-bottom: 0;
			height: 125px;
		}
		.produktteaser div.img {
			background: #FFFFFF;
			border: 1px solid #e2001a;
			height: 105px;
			line-height: 105px;
			margin-bottom: 1.2em;
			position: relative;
			width: 157px;
		}
		.produktteaser div {
			margin-bottom: 1.2em;
		}
		.produktteaser div img {
			display: block;
			margin: 0 auto;
		}
		.produktteaser h5 {
			font-size: 1.1em;
			font-weight: bold;
			margin-bottom: 7px;
		}
		.produktteaser a:link,
		.produktteaser a:visited {
			background: url(../img/bullet_orange_arrow_white.gif) left top no-repeat;
			color: #8E8E8E;
			padding-left: 19px;
			text-decoration: none;	
		}
		.produktteaser a:focus,
		.produktteaser a:hover,
		.produktteaser a:active {
			text-decoration: underline;	
		}
		.produktteaser div a:link,
		.produktteaser div a:visited {
			background: none;
			padding-left: 0;
		}
		.produktteaser p {
			margin-bottom: 1.2em;
		}
		.produktteaser p.produktteasertext {
			height: 32px;
		}
		.produktteaser p.preis {
			margin-bottom: 7px;  
		}
		/* Marken Modul
			======================================== */				
	  
            
            ul.markenliste {
                position: relative;
                list-style: none;
                margin-bottom: 1.5em;
            }
    
            ul.markenliste li {
                display: inline;
                position: relative;
                float: left;
                width: 160px;
                height: 100px;
                margin-right: 10px;
                margin-bottom: 10px;
                padding-left: 0!important;
    
            }
    
            ul.markenliste div.marke {
                border: 1px solid #CCC;
                display: table;
                width: 160px;
                height: 100px;
                text-align: center;
                overflow: hidden;
            }		
    
            ul.markenliste div.marke div {
                line-height: 50%;
                display: table-cell;
                vertical-align: middle;
    
            }				
										
	/* footer
	======================================== */
	#footer {
		background: url(../img/footer_bg.gif) left top repeat-x;
		border-top: 2px solid #e2001a;
		margin-bottom: 42px;
		padding-top: 28px;
	}
		#produktfinder {
			margin-bottom: 2.2em;
		}
		#produktfinder li {
			display: inline;
			float: left;
			margin-right: 12px;
		}
