* { margin: 0; padding: 0; border: 0; }
html { height:100%; overflow-y: scroll; }
body { background-color:#FFFFFF; font-family: 'PT Sans', sans-serif; font-size:13px; color:#000000; text-align:center; height:100%; }

img { width: 100%; height:auto; }
a { color: #005197; text-decoration:none; font-weight: normal; }
a:hover { color:#d9261c; }
h1{ font-size: 1.5rem; margin: 40px 0px 20px 0px; color: #005197; }
h2{ font-size: 1.3rem; margin: 0px 0px 10px 0px; color: #005197; }
h3{ font-size: 1.2rem; margin: 0px 0px 10px 0px; color: #005197; }
h4{ font-size: 1.1rem; margin: 0px 0px 10px 0px; color: #005197; }
p { font-size: 1rem; margin: 0px 0px 10px 0px; }
ul { font-size: 1rem; margin: 0px 0px 20px 20px; }
table { font-size: 1rem; }
form { width:100%; max-width:900px;font-size: 1rem; }
form.frm_filter { max-width:100%; }
label { font-weight: bold; display: block; width:150px; float:left;}
input, textarea, select { border: 1px solid #CCCCCC; padding:2px; margin:2px; width:250px; background-color:#FFFFFF;}
input[type='checkbox'], input[type='radio'] { width:auto; }
button, a.button { background-color: #e30613; color:#FFFFFF; width:auto; height:27px; font-size: 16px; padding:4px; margin:5px; cursor: pointer; }
a.button { display:inline-block; height:20px;line-height:20px; }
.hidesc { display: none; }
.offer { color: #CC0000;}

header { background-color: #f4f4f4; padding: 10px 0px 0px 0px; }
header div{ width: 100%; max-width:1170px; margin: 5px auto 0px auto; font-size: 0; position:relative; text-align: center;}
header div div { display: inline-block; width:100%; vertical-align:top; }
header div div:first-child { font-size: 1rem; }

header div div div { display: inline-block; width:100%;  font-size: 1rem; }

#login { display:none; position: absolute; top:20px; right: 20px; background-color: #FFFFFF; z-index:100; }
#login label { display:none; }
#login input { width:90%;}
#alogin { cursor: pointer;}
#fachhaendler { display:inline-block; background-color: #e30613; color:#ffffff; width:auto; padding:4px; font-weight: bold;}
#frm_search { width: 100%; max-width:270px; padding-top:3px; padding-bottom:30px; margin:auto;}
#frm_search input { width: 100%; height:26px; float:left;}
#frm_search button { float: none; background-color: transparent; margin:3px 0px 0px -50px; padding:0px; height:26px;}
#frm_search button img { height:100%; width:auto;}

#men2 { text-align: right; }



#topmenu { width:100%; background-color: #e30613; }
#topmenu ul{ list-style-type: none;  }
#topmenu ul li{ display:inline-block; margin: 0px 20px 0px 0px; }
#topmenu ul li a{ color:#FFFFFF; text-transform:uppercase; font-size: 1.2rem; line-height: 50px;}
#topmenu ul li a img{ height:50px; width:auto;display:inline-block;  vertical-align: middle; margin-right:7px; }



.show-smenu{ position:absolute; top:2px; right:0px; height:42px; width:42px; text-decoration:none; background-image:url('../img/background_resmenu.png');background-position:top left; background-size:cover; background-repeat:no-repeat;display:block;z-index:10; cursor:pointer; }
#show-smenu{ display:none; -webkit-appearance:none; }
#show-smenu:checked ~ #shopmenu{ display:block }


#shopmenu { display:none; position:absolute; margin: 20px 0px 20px 0px; background-color: #FFFFFF; z-index:100; width:100%; padding-bottom:100px; }
#shopmenu ul{ list-style-type:none; margin:0px 0px 5px 0px; }

#shopmenu ul li a{ font-size: 1.5rem; font-weight:bold; }
#shopmenu ul li.active a{ color:#d9261c; }
#shopmenu ul li.active li.active a{ color:#d9261c; }
#shopmenu ul li.active li.active li.active a{ color:#d9261c; }
#shopmenu ul li.active li a{ color:#000000; }
#shopmenu ul li.active li.active li a{ color:#000000; }
#shopmenu ul ul{ display:none; }

#shopmenu ul li.active ul{ display: block; }
#shopmenu ul ul li{ margin-left:20px; }
#shopmenu ul ul li a{ font-size: 1.2rem; }
#shopmenu ul ul ul li a{ font-weight:normal; }

#shoppingcart { position:absolute; left: 0px; top:33px; height:auto;width: 100%; z-index:111; }
#shoppingcart div { display:none; background-color:#FFFFFF; width: 100%; padding:10px; }
#shoppingcart #shoppingcartshow { margin:0px; padding:0px;color: #005197; font-weight:bold; font-size: 1.2rem; cursor:pointer; }
#shoppingcart td { padding:0px 3px 0px 3px; }
#shoppingcart td:nth-child(2) { white-space:nowrap; text-align:right; }
#shoppingcart td:nth-child(3) { white-space:nowrap; text-align:right; }

#materialerklaerung { display: none; }
p.filter span { display: none; }

#illu {  width: 100%; max-width:1170px; margin: 5px auto 5px auto; font-size: 0; position:relative; text-align: left; }
.frm_filter select{ width:50px; text-align:right; padding-right:3px; }
#content {  width: 93%; max-width:1170px; min-height:300px;margin: 0px auto 0px auto; padding: 0px 0px 30px 0px; font-size: 0; position:relative; text-align: left; border-top: 3px solid #e30613; border-bottom: 3px solid #e30613;}

#content .productlist { font-size: 0; }


#content .product {  display:inline-block; position:relative; width:90%; margin:20px 0px 20px 0px; padding:0%; border:1px solid #CCCCCC;vertical-align: top;text-align:left; }
#content .product .pinfo{  position: absolute; top:5px; right:5px; background-image: url('../img/info.png'); background-repeat:no-repeat; background-position:right center; line-height: 20px; cursor:pointer; padding-right:23px; }
#content .product img{ width: 90%; max-width: 180px; height:auto; border: 0px; }
#content .product h3 { font-size: 1rem; height:auto; padding: 5px; }
#content .product p { padding: 5px; }
#content .product .cimage { text-align: center; width:100%; padding: 5px; }
#content .product label { width:80px;}
#content .product .price { text-align: right; font-size: 13px; padding: 5px;}
#content .product select { width:100%; max-width: 150px; }
#content .product .morep div{ display:none; position:absolute; top:100px; left:50%; margin-left:-300px; width:600px; padding:20px; z-index:101; background-color:#FFFFFF; border:1px solid; }
#content .product .variants{ height:30px; }
#content .product .morep div input{ margin:0px 0px 0px -20px; }

#content .product input.quantity { width:30px; text-align: right;}
#content .product .material { height: 20px; width:auto;}
#content .product .minimum { color:#d9261c; font-weight: bold; }

#content .product button { height:22px;padding:2px;font-size:13px; }
#content .materiallist { border-collapse: collapse; }
#content .materiallist th { background-color: #dedede; padding:7px 3px 7px 3px; }
#content .materiallist th:first-child { border-right: 1px solid; }
#content .materiallist td { vertical-align:top; padding:3px; border: 1px solid; }
#content .materiallist td:first-child { border-left: 0px; white-space:nowrap; }
#content .materiallist td:last-child { border-right: 0px; }
#content .materiallist td.persistent { background-color:#fffa9c; }
#content .materiallist td p { text-indent: -12px; margin: 0px 0px 20px 20px;  }
#content .materiallist img { height:30px;width:auto; }
#content .materiallist img.mtnew { float:right; height:25px; }
.category {width:43%;  border:1px solid #CCCCCC;  margin:5px; padding:5px; display:inline-block; vertical-align: top; text-align:center; }
#subcategory { }
#subcategory p{background-color:#FFFFFF; border:1px solid #CCCCCC; margin:5px; padding:5px; display:inline-block; vertical-align: top; text-align:center; line-height:30px; }
#subcategory img{ width:30px; margin-right:10px; float:left; }
#subcategory span{ display: none; }

#productlist { text-align: center;}

#qoproductid { width:120px; }
#qoquantity { width:50px; }
#quickorder { float: none; }
table.tbasket2 { width:100%; border-collapse: collapse; font-size: 1rem; }


table.tbasket2 tr:hover{ background-color:#EEEEEE; }
table.tbasket2 tr.nohover:hover{ background-color:transparent; }


table.tbasket2 td{ padding-bottom: 10px; }
table.tbasket2 td:first-child{ width:60px; vertical-align:top; }

table.tbasket2 td:nth-child(2){ position: relative; vertical-align:top; }
table.tbasket2 td:nth-child(2) div{ display:none; position: absolute; top:0px; left:0px; width:100%; z-index:110; height:auto; background-color: #FFFFFF; border: 1px solid #CCCCCC; border-radius:6px; padding:10px;}
table.tbasket2 td:nth-child(2) textarea{ width:99%;background-color: #FFFFFF; }
table.tbasket2 td:nth-child(2) a{ }
table.tbasket2 td:nth-child(2) img{ max-width: 20px; cursor:pointer; }
table.tbasket2 td:nth-child(2) .editmsg span{ color: #666666; }

table.tbasket2 td:nth-child(3){ white-space:nowrap; text-align: right; }
table.tbasket2 td:nth-child(4){ white-space:nowrap; text-align: right; }
table.tbasket2 td:nth-child(5){ width:20px;text-align: center; }
table.tbasket2 input { width:30px; text-align: right; }
table.tbasket2 img { width:50px; height: auto; }
table.tbasket2 a.ba_del{ font-weight: bold; cursor: pointer; margin-left:5px; color:#d9261c;}

table.order { width:100%; border-collapse: collapse; font-size: 1rem; }
table.order td:nth-last-child(1){ white-space:nowrap; text-align: right; }
table.order td:nth-last-child(2){ white-space:nowrap; text-align: right; }
#sadress{ display:none; }

#sad:checked ~ #sadress{ display:inline; }


footer { background-color: #f4f4f4; padding: 10px 0px 0px 0px; }
footer div{ width: 100%; max-width:1170px; margin: -13px auto 0px auto; font-size: 0; position:relative; text-align: left; }
footer div div { display:inline-block; width:30%; vertical-align: bottom; text-align: right; border:0px;}
footer div div img { max-width:44px; margin: 5px; }
footer div div div { text-align: left;}
footer div div:first-child { width:70%; vertical-align: top;}
footer div div:first-child div { width:100%; vertical-align:top; }

footer div div:first-child div  nav{ font-size: 1rem;  margin:0px 0px 5px 0px; text-align:left; }
footer div div:first-child div:first-child  nav{ margin:33px 0px 5px 0px; }
footer div div:first-child div:last-child  nav{ margin:0px 0px 80px 0px; }

footer div div:first-child div  nav ul{ list-style-type: none;  }

#trans { position:absolute; top:0px; left:0px; background-image:url('../img/back_wk.png'); height:100%; width:100%; z-index:100; }
#dialog { position:absolute; z-index: 110; background-color: #FFFFFF; width:90%; max-width:600px; padding:10px; margin:0px auto 0px auto; right:5px; text-align:left; font-size:1rem; }
#dialog a.button { height:16px;line-height:16px;padding:4px; font-size:13px; }


.persistent { background-color:#fffa9c; }

.bquantity { width:30px; text-align: right; }

.error { color:#CC0000;}


@media all and (min-width:600px){
	#content .product { width:45%; margin:20px 1% 20px 1%; }
	.category {width:29%; }
}

@media all and (min-width:700px){
	footer { background-color: #f4f4f4; padding: 10px 0px 0px 0px; }
	footer div{ width: 100%; max-width:1170px; margin: -13px auto 0px auto; font-size: 0; position:relative; text-align: left; }
	footer div div { display:inline-block; width:30%; vertical-align: bottom; text-align: right; border:0px;}
	footer div div img { max-width:44px; margin: 5px; }
	footer div div div { text-align: left;}
	footer div div:first-child { width:70%; vertical-align: top;}
	footer div div:first-child div { width:25%; vertical-align:top; }
	footer div div:first-child div  nav{ font-size: 1rem;  margin:33px 0px 20px 0px; text-align:left; }
	footer div div:first-child div:first-child  nav{ margin:33px 0px 20px 0px; }
footer div div:first-child div:last-child  nav{ margin:33px 0px 20px 0px; }
	footer div div:first-child div  nav ul{ list-style-type: none;  }
}




@media all and (min-width: 900px){
	h1{ font-size: 2rem; margin: 20px 0px 20px 0px; color: #005197; }
	h2{ font-size: 1.5rem; margin: 0px 0px 10px 0px; color: #005197; }
	h3{ font-size: 1.3rem; margin: 0px 0px 10px 0px; color: #005197; }
	h4{ font-size: 1.2rem; margin: 0px 0px 10px 0px; color: #005197; }
	#content .cshop { display:inline-block; width:75%; vertical-align:top;}
	#content .cshop:first-child { width:25%;}
	.show-smenu{ display:none; }
	#shopmenu { display:block; position:relative; }
	
	#shopmenu ul li a{ font-size: 1.3rem; }
	#shopmenu ul ul li a{ font-size: 1rem; }


	#materialerklaerung { display: inline; }
	
	p.filter br { display: none; }
	#subcategory span{ display: inline; }
	
	#content .product { width:31%; margin:20px 1% 20px 1%; }
	.category {width:22%; }
}

@media all and (min-width: 1200px){

	header { background-color: #f4f4f4; padding: 10px 0px 0px 0px; }
	header div{ width: 100%; max-width:1170px; margin: 0px auto 0px auto; font-size: 0; position:relative; text-align: left;}
	header div div { display: inline-block; width:50%; vertical-align:top; }
	header div div:first-child { font-size: 1rem; }
	header div div div { display: inline-block; width:50%;  font-size: 1rem; }
	
	#frm_search { width: 100%; padding-top:30px;}
	#frm_search input { width: 100%; height:46px; float:left;}
	#frm_search button { float: none; background-color: transparent; margin:3px 0px 0px -50px;padding:0px;height:46px; }
	
	#topmenu { width:100%; background-color: #e30613; }
	#topmenu ul{ list-style-type: none;  }
	#topmenu ul li{ display:inline-block; margin: 0px 20px 0px 0px; }
	#topmenu ul li a{ color:#FFFFFF; text-transform:uppercase; font-size: 1.2rem; line-height: 50px;}
	#topmenu ul li a img{ height:50px; width:auto;display:inline-block;  vertical-align: middle; margin-right:7px; }
	
	#shoppingcart { position:absolute; left: 0px; top:90px; height:auto;width: 100%; z-index:100; }
	#shoppingcart div { display:none; background-color:#FFFFFF; width: 100%; padding:10px; }
	#shoppingcart #shoppingcartshow { margin:0px; padding:0px;color: #005197; font-weight:bold; font-size: 1.2rem; cursor:pointer; }
	#shoppingcart td { padding:0px 3px 0px 3px; }
	#shoppingcart td:nth-child(2) { white-space:nowrap; text-align:right; }
	#shoppingcart td:nth-child(3) { white-space:nowrap; text-align:right; }
	#content .product { width:23%; margin:0.4%; padding:0.4%; }
	.category {width:18%; }
	
}

@media all and (min-width: 1800px){
	
	/*   */
	
}