/* Allgemeine Styles */

* { font-family:  Arial, Helvetica, sans-serif, Verdana, "Trebuchet MS"; margin: 0; padding: 0; }

body { background-color: #fff; }

img { border: none; }
td { vertical-align: top; }
p { margin-bottom: 10px; }
ul { margin-left: 15px; }
ol { margin-left: 25px; }

a { color: #595959; }
a:hover { color: black; }

hr { margin: 8px 0; }

/* strong class h instead of h for styling */
strong.h { display: block; }
.fgred { color: red; }

div.row, div.rrow, div.tape { overflow: auto; clear: both; }
div.row > *, div.tape > * { float: left; }
div.row > a, div.rrow > a { display: block; }
div.rrow > * { float: right; margin-left: 5px; }
div.tape > * { text-align: center; }
div.tape > a { display: block; }
div.tapecnt { overflow: hidden; }

main div.agb h2 { margin-top: 10px; }
main div.row > div { }
div.row > div.col-md-3 { width: 23.4%; }
div.row > div.col-md-4 { width: 32.4%; }
div.row > div.col-md-6 { width: 49.3%; }
div.row > div.col-md-9 { width: 73.5%; }
div.row > div > h4 { text-align: center; }

div.row > div > p img { max-width: 100%; }

div.linkindex div.row { margin-bottom: 5px; }
div.linkindex h3 { color: #008c95; }
div.linkindex ul { list-style-type: none; margin-left: 0; }
div.linkindex li { background-color: #ddd; margin-bottom: 3px; padding: 2px 8px; }
div.linkindex a { text-decoration: none; }
div.linkindex div.row > div { width: 32%; margin-right: 1%; }

div.dbl > a { width: 150px; height: 55px; padding-top: 210px; margin: 0 25px 15px 0; font-size: 0.8em; text-align: center; background-repeat: no-repeat; }

/* Nav Rechts */
nav.finfo div > a { display: block; margin-bottom: 5px; }
nav.banner > a, nav.banner > a > img { display: block; }

/* PRODUKTE */

/* Produkt Hintboxen */
div.warnbox { border: 2px solid #933; padding: 5px; margin-bottom: 10px; }
div.hintybox { border: 2px solid #008c95; padding: 5px; }
div.hintbox { margin-top: 10px; background-color: #fed141; border: 2px dashed #300; }
div.hintbox > div { padding: 5px; border-top: 1px solid #444; }
div.hintbox > div.first { border-top: none; }
div.hintbox { font-size: 0.9em; }
div.hintbox b { font-size: 1.2em; }

/* PRODUKT LISTEN */
div.mcs-item span.mcs-caption { padding: 3px; }
div.mcs-item span.mcs-caption b { font-size: 1.5em; }
div.mcs-item { margin-right: 5px; }

div.productlistw > table td.descr strong.h { margin-bottom: 5px; font-size: 1.2em; }


/* PRODUKT DETAIL */

div.product div.images > * { margin-bottom: 15px; }
div.product video, div.product div.images object { display: none; }
#imgenlarger { display: none; background-repeat: no-repeat; position: absolute; overflow: hidden; top: 250px; width: 510px; height: 390px;margin-left: 250px; }

div.product-description h4 { margin-top: 1em; }

div.product input[type="button"] {
	color: #fff; background-color: #16738f; border: none;
}
div.product input[type="button"]:hover {
	color: #fff; background-color: rgb(51,170,0); text-shadow: 1px 1px #000;
	cursor: pointer;
	cursor: hand;
}


main.bestellprozess table.anmeldung th, table.anmeldung th { padding: 30px 0 10px; text-align: left; text-decoration: none; font-size: 1.5em; }
 
/* MENU TOP */
nav ul.lMenu { display: table; height: 30px; overflow: hidden; float: left; }
nav ul.lMenu > li { display: table-cell; text-transform: uppercase; }
nav ul.lMenu li { float: none !important; }
/* nav ul.lMenu li.bycss:hover { transition-delay:1s; } */
nav ul.lMenu > li > a { display: block; position: relative; padding: 5px 8px; margin-right: 2px; }
nav ul.lMenu > li > div {
	display: none; position: absolute; left: 30px; overflow: auto;
	transition-delay:0s;
	max-width: 1300px; /* 1060 */
	/* background-color: rgba(89,89,89,0.9); */
	background-color: rgba(250,250,250,0.95);
	border: 1px solid #999;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8);
	border-top: 3px solid #008c95;
}
nav ul.lMenu > li > div.littledd { position: auto; left: auto; }

nav ul.lMenu > li > div > div { float: left; margin: 0 5px 5px; width: 240px; min-height: 190px; /* 241 bei 11 */ }
nav ul.lMenu > li > div > div.lim14 { min-height: 290px; }
nav ul.lMenu > li > div > div.lim20 { min-height: 360px; }

nav ul.lMenu > li > div > div a { color: #333; font-weight: normal; text-shadow: none; text-transform: none; font-size: 0.8em; display: block; }
nav ul.lMenu > li > div > div li a { height: 18px; overflow: hidden;  padding-bottom: 2px; }
nav ul.lMenu > li > div > div a:hover { color: black; font-weight: normal; text-shadow: 1px 1px #777; }
nav ul.lMenu > li > div > div h4 { border-bottom: 1px solid #008c95; }
nav ul.lMenu > li > div > div h4 a { color: #008c95; text-shadow: 1px 1px #999; font-size: 1em;}

nav ul.lMenu > li > div > div strong.h { border-bottom: 1px solid #008c95; }
nav ul.lMenu > li > div > div strong.h a { color: #008c95; text-shadow: 1px 1px #999; font-size: 1em;}


nav ul.lMenu > li > div > div ul { margin-left: 5px; }
nav ul.lMenu > li.bycss:hover > div { display: block; }

/* AUTOCOMPLETE */
ul.ui-autocomplete { z-index: 1000; }
ul.ui-autocomplete li { clear: left; overflow: auto; }
ul.ui-autocomplete li img { float: left; margin-right: 10px;}
ul.ui-autocomplete li span.descr { font-size: 0.8em; text-decoration: none; }



.hervorheb { font-size: 1.4em; }
.hervorheb > *, .hervorheb a * { font-size: 1.0em; }


/* Buttons General */

a.button, input[type="button"], input[type="submit"] {
	padding: 5px 10px;
	margin-right: 10px;
	text-align: center;
	text-decoration: none;
	display: block;
	/* border: 1px solid #333; -moz-border-radius: 7px; border-radius: 7px; */
}

/* a.button:hover { text-decoration: underline; } */


a.btnyel {
	background-color: #f0b102 !important;
	color: white;
}
a.btnyel:hover {
	background-color: rgb( 51, 170, 0 ) !important;
}

/* a.button:hover { text-decoration: underline; } */

div.buttons, div.hbuttons { overflow: auto; }
input.button { background-color: #008c95; font-weight: bold; font-size: 18px; display: block; padding: 5px 10px; color: #eee; }
input.button:hover { background-color: #F9BA0B; color: #000; }
input.nextstep, input.btnright { float: right; }
input.disabled, input.disabled:hover { background-color: #666; color: #ccc; }

/* div.vbuttons { background-color: #eee; } */

div.vbuttons > a, div.hbuttons > a, div.buttons > a, div.hbuttons > input[type="button"], div.hbuttons > input[type="submit"] {
	display: block;
	cursor: pointer; cursor: hand;
	padding: 3px 10px;
	text-decoration: none;
	border: none;
	background-color: #16738f; color: white; text-shadow: 1px 1px #555;
	text-align: center;
}
div.vbuttons > a:hover, div.hbuttons > a:hover, div.buttons > a:hover, div.hbuttons > input[type="button"]:hover {
	color: white;
	background-color: rgb(51,170,0); text-shadow: 1px 1px #000;
}
div.vbuttons > a:active, div.hbuttons > a:active, div.buttons > a:active {
	text-shadow: none;
}

div.vbuttons > a { margin-bottom: 5px; }
div.hbuttons > a, div.hbuttons > input[type="button"], div.hbuttons > input[type="submit"] { margin-right: 5px; float: left; }

div.material-icons > * {
	font-family: 'Material Icons';
	vertical-align: middle;
	line-height: 1;
	font-size: 24px;
}
div.material-icons > a:hover { text-decoration: none !important; }
div.material-icons > a.active { color: #008c95; }

form.newstyle input, form.newstyle select, form.newstyle textarea { font-size: 17px; height: 22px; width: 250px; }
form.newstyle input[type="checkbox"] { width: auto; height: auto; }
form.newstyle input[type="button"] { height: auto; }
form.newstyle textarea { height: 100px; }
form.newstyle > div { padding: 3px 0; }

div.clist { overflow: auto; }
div.clist > div { float: left; margin: 1px 1px 0 0; padding: 2px 5px; }
div.w200 > div { width: 200px; }
div.h20 > div { min-height: 20px; }
div.bgcyan > div { background-color: #008c95; color: white; }
div.bggrey > div { background-color: #555; color: white; }

table.bestell-settings select.countrypresel { width: 96px; }

/* Deprecated - replaced by Magicbox */
/*
div.scrollbuttons { position: absolute; clear: left; }
div.scrollbuttons > a, a.scrollbutton { display: block; width: 26px; height: 41px; padding: 5px;
	background-repeat: no-repeat; background-position: center center;
}

div.scrollbuttons a.l, a.scrolll { background-image: url(../media/img2/arrleft.png); float: left; left: 0; }
div.scrollbuttons a.r, a.scrollr { background-image: url(../media/img2/arrright.png); float: right; right: 0; }
*/



/* Dialog Box */

/*Styles for DimBackground*/
#DimBackground{ 
	position:fixed; 
	top:0; 
	left:0; 
	width:100%; height: 100%;
	display:none; 
	text-align:left; 
	background:#333; /*dim color*/
	/*this part define's the opacity/transparency of the dim*/
	opacity: 0.7;-moz-opacity:0.70;filter: alpha(opacity=70); 
	z-index: 9998;
}

div.cntbanner { display: none; }

div.dlgbox {
	display: none; position: absolute; z-index: 300003; background-color: #fff;
	width:600px;
	height:auto; 
	max-height: 90%;
	top: 150px; /*default top position of the message box*/
	left: 50%; 
	margin-left: -300px; /* Center Position */
}
div.dlgbox div.dialog-content { height: 90%; overflow: scroll; }

div.dlgbox > div { padding: 5px; }
div.dlgbox > div.title { background-color: #16738f; color: white; }
div.dlgbox > div.title A.close { display: block; float: right; background-image:url(/media/shopimg/close.png); width: 20px; height: 20px; }
div.dlgbox div.hbuttons { background-color: #fff; }
div.dlgbox div.hbuttons > a, div.dlgbox div.hbuttons > input[type="button"] { float: right; }
/* div.dlgbox div.buttons > a { display: block; float: right; text-decoration: none; color: #fff; background-color: #009; padding: 5px; } */

/* Dialog Anfrage */
div.dlgbox table th { text-align: left; }
div.dlgbox table input { font-size: 1em; }
div.dlgbox table input[type="text"], div.dlgbox table textarea { width: 300px; }
div.dlgbox table input.plz { width: 50px; }
div.dlgbox table input.ort { width: 244px; }

/* Anmeldeform */
#frmfirmenname { display: none; }

nav.cnt2-menutop > ul.mobile { display: none; }
nav.cnt2-menutop > ul.mobile > li > ul { display: none; }
nav.cnt2-menutop > ul.mobile > li { float: left; width: 50px; }
nav.cnt2-menutop > ul.mobile > li.suche { width: auto; }
nav.cnt2-menutop > ul > li > ul li { float: none; }
nav.cnt2-menutop > ul > li > ul > li > ul { display: none; font-size: 0.8em; background-color: #fafafa;}
nav.cnt2-menutop > ul > li > ul > li > ul > li { margin: 0; padding: 2px; }
nav.cnt2-menutop > ul > li > ul > li > ul > li > a { line-height: 1.2 !important; }
nav.cnt2-menutop > ul > li > ul > li:active > ul { display: block; }


@media (max-width: 650px) {
/* MENU TOP */
	nav.cnt2-menutop > ul.desktop { display: none; }
	nav.cnt2-menutop > ul.mobile { display: block; }
	
	/*  position: absolute; left: 0; top: 0; margin-top: 25px; */
	nav.cnt2-menutop > ul.mobile > li > ul {  }
	nav.cnt2-menutop > ul.mobile > li:active > ul,
		nav.cnt2-menutop > ul.mobile > li > ul:target { display: block; }
		

}