
/* reset Styles */
body,html,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,submit,radio,p,blockquote,th,td, strong{margin:0;padding:0;}
table{border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}


body{
	background: #830110 URL(http://verholt.es-shops.de/images/main-background.jpg) repeat-x 0 0;
	font-size: 12px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color: #000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	-moz-background-origin:content;
}

form, div, p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

td, th, p, div, span, MsoListParagraph {
	font-size: 12px;
	line-height: 160%;
}


span{
	font-size: 12px;
}

strong, b{
font-weight: bold;
color: #000000;
}

i, em{
font-style: italic;
}


.clearer{
clear: both;
}

#mainwrapper{
width: 990px;
margin: 27px auto 0px auto;
background-color: transparent;
background-repeat: repeat-y;
background-position: top center;
padding: 0px 0px 0px 0px;
}


* html #mainwrapper{
/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://verholt.es-shops.de/images/content-bg.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
#mainwrapper[id]{
background-image: URL(http://verholt.es-shops.de/images/content-bg.png);
}


#inhaltwrapper{
background: transparent URL(http://verholt.es-shops.de/images/head-background.jpg) no-repeat top center;
margin: 0px 0px 0px 0px;
padding: 0px 55px 0px 55px;
min-height: 690px;
}

#logo{
position: absolute;
float: right;
margin: 0px 15px 0px 790px;
}

#footer{
background: transparent URL(http://verholt.es-shops.de/images/bg-footer.jpg) no-repeat bottom center;
height: 122px;
width: 990px;
margin: 0px auto 0px auto;
}


#inhalt{
margin: 0px 0px 0px 15px;
padding: 40px 0px 0px 0px;
}


#inhalt h2{
font-size: 68px;
color: #e9e8e8;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
font-weight: bolder;
line-height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


#inhalt h1.artikeltitel{
float: left;
position: relative; 
margin: -20px 0px 0px 10px;
color: #000000;
font-size: 22px;
font-weight: bold;
}

.spacerh30{
display: block;
height: 30px;
}

#inhaltstarttext{
width: 80%;
margin: 30px 0px 0px 0px;
}

#inhaltstarttext h1{
margin: 0px 0px 0px 0px;
font-size: 26px;
color: #8E8C8D;
}


#inhaltnewstext{
width: 80%;
margin: 0px 0px 0px 0px;
}


#inhaltnewstext h3.news a{
font-size: 16px;
font-weight: bold;
text-decoration: none;
}

#inhaltnewstext h3.news a:hover{
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #8C8C8C;
}

#inhaltnewstext h3{
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #CE0008;
margin: 0px 0px 15px 0px;
}


#inhaltnewstext h3.news{
font-size: 16px;
font-weight: bold;
text-decoration: none;
margin: 0px 0px 15px 0px;
}

a.morelink{
font-weight: normal;
font-size: 12px;
text-decoration: none;
}

a.morelink:hover{
font-weight: normal;
font-size: 12px;
text-decoration: none;
color: #8C8C8C;
}

/* Kategorieseite */

.kategorie{
margin: 0px 25px 25px 0px;
padding: 0px 0px 0px 0px;
width: 225px;
height: 225px;
float: left;
background: #FFFFFF URL(http://verholt.es-shops.de/images/kat-pic-bg.jpg) no-repeat 0 0;
}

*html .kategorie{
margin: 0px 18px 25px 0px;
}

*+html .kategorie{
margin: 0px 18px 25px 0px;
}



.katpic{
position:relative;
display:table;
height: 168px;
width: 220px;
vertical-align: middle; 
text-align: center;
margin: 12px 3px 0px 3px;
padding: 0px 0px 0px 0px;
overflow: hidden;
}


.katpic a{
width:100%;
display:table-cell;
vertical-align:middle;
position:relative;
text-align:center;
}

.katpic a img{
display:inline;
vertical-align:middle;
}



.kategorie h1{
margin: 0px 4px 3px 4px;
padding: 0px 0px 0px 0px;
text-align: center;
}


.kategorie h1 a, .kategorie h1 a:link, .kategorie h1 a:active, .kategorie h1 a:visited{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #e2001a;
font-weight: bold;
font-size: 12px;
text-decoration: none;
}

.kategorie h1 a:hover{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #636262;
font-weight: bold;
font-size: 12px;
text-decoration: none;
}



/* Artikeldetail */

#inhaltLinks p, #inhaltRechts p{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#inhaltLinks{
float: left;
width: 400px;
margin: 50px 60px 0px 0px;
padding: 0px 0px 0px 0px;
}

#inhaltRechts{
float: left;
width: 350px;
margin: 50px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


.iconbox{
width:330px;
}

.inhaltheadline, .inhaltheadline u{
font-weight: bold; 
text-decoration: none;
color: #cf040c;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear: both;
}


.attributetable{
margin-top: 15px;
}

.attributetable td, .attributetable td b{
font-size: 11px;
color: #000;
font-weight: normal;
}

.attributetable td{
border-right: solid 10px #FFFFFF;
border-bottom: solid 10px #FFFFFF;

}

.attributeentry td{
border-right:0;
border-bottom:0;
padding: 1px 3px;
}


#stoffLinks{
width: 450px;
float: left;
margin: 0px 25px 0px 0px;
}

#stoffRechts{
float: left;
width: 250px;
}


h4.inhaltheadline{
color: #000;
border-bottom: solid 1px #cf040c;
}


img.SOicon{
margin: 5px 20px 5px 0px;
}




/*###################*/
/* Beginn Navigation */
/*###################*/

	  #navi, #navi ul { list-style-type:none; margin:0; padding:0; } /* Style-Reset */
		
		#navcontainer {position:relative; margin: 0px 0px 0px 17px; z-index:99;}
		
		#navi { position:absolute; }
		
		#navi > li { width:117px; float:left; } /* Horizontale Anordnung */
		
		#navi > li { width: 117px;
height: 21px;
padding: 0px 8px 8px 0px;
margin: 0px 8px 0px 0px;
background-color: transparent;
background-repeat: no-repeat;
background-position: top left;
overflow:hidden;
background-image: URL(http://verholt.es-shops.de/images/nav-bg.png);
} /* Normalzustand eingeklappt */


#navi > li:hover { height:auto; overflow:visible; } /* Ausgeklappt */
		
		
#navi a {
width: 117px;
height: 21px;
display: block;
background-color: #e2001a;
color: #FFFFFF;
font-weight: bold;
font-size: 12px;
text-decoration: none;
text-align: center;
margin: 0px 0px;
padding: 2px 0px 1px 0px; }

	  #navi a:link, #navi a:visited { color:#FFF; background-color: #e2001a; text-decoration:none; }
	  #navi a:active, #navi a:hover { color:#FFF; background-color: #920815; text-decoration:none; }


#navi > li > ul#subnavi{
float: left;
background: transparent URL(http://verholt.es-shops.de/images/subnav-bg.jpg) no-repeat bottom left;
width: 177px;
margin-bottom: 25px;
}

#subnavi > li {padding: 25px 0px 0px 0px; background-color: transparent;} /* Normalzustand eingeklappt */


#navi > li:hover > #subnavi > li {padding: 0px 0px 0px 0px; background-color: transparent; } /* Normalzustand eingeklappt */

#navi > li > #subnavi > li{width: 150px;}

#subnavi a, #subnavi a:link, #subnavi a:visited, #subnavi a:active{
color: #e2001a;
font-weight: normal;
background-color: transparent;
text-align: left;
margin: 0px 0px 0px 29px;
padding: 0px 0px 1px 0px;
text-transform: uppercase;
font-size: 11px;
}

#subnavi a:hover{
color: #000;
font-weight: normal;
margin: 0px 0px 0px 29px;
padding: 0px 0px 1px 0px;
}

#navi > li:hover > #subnavi > li.sublast{height: 10px; padding: 0px 0px 0px 0px;}
#navi > li:hover > #subnavi > li.subfirst{height: 8px; padding: 0px 0px 0px 0px;}

/* Kontaktformular */


#kontaktformular{
margin: 0px 0px;
padding: 0px 0px;
}

#kontaktformular table td{
padding: 4px 5px;
}


#kontaktformular .eingabe{
font-size: 12px;
padding: 3px 2px;
border: solid 1px #8D8B8B;
width: 250px;
}

#kontaktformular .eingabemedium{
font-size: 12px;
padding: 3px 2px;
border: solid 1px #8D8B8B;
width: 190px;
}



#kontaktformular .eingabekurz{
font-size: 12px;
padding: 3px 2px;
border: solid 1px #8D8B8B;
width: 50px;
}

#kontaktformular .eingabetext{
font-size: 12px;
padding: 3px 2px;
border: solid 1px #8D8B8B;
width: 250px;
height: 140px;
}

.lupepic{
margin-top: 5px;
}



.artikelpic{
background: transparent URL(http://verholt.es-shops.de/images/icon-zoom.gif) no-repeat left bottom;
text-align: left;
text-decoration: none;
color: #000000;
padding-bottom: 0px;
font-size: 12px;
font-weight: normal;
display: block;
}

a.artikelpic:visited, a.artikelpic:active, a.artikelpic:link{
text-align: left;
text-decoration: none;
color: #000000;
font-size: 12px;
font-weight: normal;
}

a.artikelpic:hover{
background: transparent URL(http://verholt.es-shops.de/images/icon-zoom-over.gif) no-repeat left bottom;
text-align: left;
text-decoration: none;
color: #000000;
font-size: 12px;
font-weight: normal;
padding-bottom: 0px;
}


.artikelpic span{
text-align: left;
text-decoration: none;
color: #000000;
margin-left: 25px;
clear: both;
font-size: 12px;
font-weight: normal;
}
