@charset "utf-8";

BODY {
	background-color:#FFFFFF;
	/*font-family:Arial, Helvetica, sans-serif;*/
	/* font-size:12px*/
	font-size: .875rem;
	color:#000;
	margin:0;
}

img {border:0px;}

h1 {
    padding: 5px 0 32px 0;

}
.produkte h1 {margin:0 0 0 0 0; padding: 0; font-size:1rem; font-weight:bold; text-align:left; color: #000; font-family: 'Open Sans', sans-serif; font-style:normal; line-height: 1;}
.produkte h2 {margin:0 0 0 0; padding: 0; font-size:0.9375rem; font-weight:bold; text-align:left; color: #000; font-family: 'Open Sans', sans-serif; font-style:normal;}
.produkte h3 {margin:0 0 0 0; padding: 0; font-size:0.8125rem; font-weight: normal; text-align:left; color: #000; font-family: 'Open Sans', sans-serif; font-style:normal;}
.produkte h4 {margin:0 0 0 0; padding: 0; font-size:0.8125rem; font-weight: normal; color: #000;}
.produkte h5 {margin:0 0 0 0; padding: 0; font-size:0.0,8125rem font-weight: normal; color: #000;}

h2.auwahlprog { text-align: left; padding-left: 0; }

#Header{
	width: 1000px;
	margin: 0 0 10px 0;
}

#Content{
	max-width: 1140px;
	/*background-color:#f9f9f9;*/
	margin: 10px 0 50px 0;
}
#ContentLeiste1{
	max-width: 1140px;
	height: 7px;
	vertical-align:top;
	text-align:right;
}
#ContentMenu{
	float:left;
	width: 240px;
	padding: 35px 0 0 20px;
}

#ContentMenu a{
	margin: 3px 0 3px 14px;
	display:block;
	font-size: 0.9125rem;
}

#ContentMenu a.headline{
	margin: 0 ;
	display: inline;
}

#ContentInhalt{
	float:left;
	width:860px;
	padding: 20px 10px 0 0;
	/* font-size:11px;	*/
}
#ContentLeiste2{
	width:990px;
	height: 7px;
	vertical-align:top;
	text-align:right;
}

#Footer{
	width: 990px;
}

#Nachricht{
	max-width: 1140px;
	padding: 24px 0 0 240px;
}
span.green{
	color: green;
	font-weight: bold;
}
span.red{
	color: red;
	font-weight: bold;
}

table.warenkorberweitert{
  /*font-size:11px;*/
}

/*table.produkte{*/
table{
	/*font-size:0.875rem;*/
}
/*table.produkte th{*/
table th{
	font-size:0.875rem;
}
table td{
	font-size:0.75rem;
}
table td.wkmenu{
	font-size:0.875rem;
}

table.warenkorb td {
	padding: 3px;
}

table.warenkorb input[type=text],
table.warenkorb textarea,
table.warenkorb select{
	width:350px;
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:11px;*/
}
table.warenkorb textarea{
	height:100px;
}

th.wk{
	background-color: #c8051c;
	color: #FFF;
	padding: 2px 5px;
	/*font-size:11px;*/
}

th.wkl{
	background-color: #c8051c;
	color: #FFF;
	padding: 2px 5px;
	/*font-size:11px;*/
	text-align: left;
}

th.klasse3{
	background-color: #fff47e;
	color: #000;
	padding: 2px 10px;
}
th.klasse4{
	background-color: #fdd840;
	color: #000;
	padding: 2px 10px;
}
th.klasse5{
	background-color: #f1a800;
	color: #000;
	padding: 2px 10px;
}
th.klasse6{
	background-color: #a6cae9;
	color: #FFF;
	padding: 2px 10px;
}
th.klasse7{
	background-color: #006db7;
	color: #FFF;
	padding: 2px 10px;
}
th.klasse8{
	background-color: #dd471e;
	color: #FFF;
	padding: 2px 10px;
}
th.klasse9{
	background-color: #bb1926;
	color: #FFF;
	padding: 1px 10px;
}
th.klasse10{
	background-color: #772525;
	color: #FFF;
	padding: 1px 10px;
}
th.wk,
th.klasse3, 
th.klasse4, 
th.klasse5, 
th.klasse6, 
th.klasse7, 
th.klasse8, 
th.klasse9, 
th.klasse10 {
	border-bottom: 1px solid black;
	background-color: #fff;
	color: #000;
	padding: 1px 10px;
}


td.hline{
	background-color:#fff;
	padding: 2rem 0 .5rem 0;
}

td.fc{
	vertical-align:top;
	text-align: center;
	font-weight: bold;
	/*background-color:#e1eaf6;*/
	padding: 1px 10px;
}
td.nc{
	vertical-align:top;	
	text-align: center;
	/*background-color:#e1eaf6;*/
	padding: 2px 10px;
}
td.nc{
	vertical-align:top;	
	text-align: center;
	/*background-color:#e1eaf6;*/
	padding: 2px 10px;
}
td.fl{
	vertical-align:top;
	text-align: left;
	font-weight: bold;
	/*background-color: #e1eaf6;*/
	padding: 1px 10px;
}
td.nl{
	vertical-align:top;
	text-align: left;
	font-weight:normal;
	/*background-color:#e1eaf6;*/
	padding: 1px 10px;
}
td.fr{
	vertical-align:top;
	text-align: right;
	font-weight:bold;
	/*background-color:#e1eaf6;*/
	padding: 1px 10px;
}
td.nr{
	vertical-align:top;
	text-align: right;
	font-weight:normal;
	/*background-color:#e1eaf6;*/
	padding: 1px 10px;
}
td.nloh{
	text-align: left;
	font-weight:normal;
}
td.nroh{
	text-align: right;
	font-weight:normal;
}
table.tableprtab td.trenner,
table.warenkorb td.trenner{
	padding: 0;
	background-color: #000;
	height: 1px;
}

/*
A,
A:visited,
A:hover{ color: #333;}
*/
table.tableprtab,
table.warenkorb,
table.produkte{
	width: 100%;
}
table.transport{
	max-width: 700px;
	font-family:Arial, Helvetica, sans-serif;
}


table.anmeldung td {
	padding: 3px 0;
}

table.anmeldung input[type=text],
table.anmeldung textarea,
table.anmeldung select{
	width:225px;
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:11px;*/
}





th.th-l {text-align:left; padding: 3px; vertical-align:bottom; font-size: 1rem;}
th.th-c {text-align:center; padding: 3px; vertical-align:bottom; font-size: 1rem;}
th.th-r {text-align:right; padding: 3px; vertical-align:bottom; font-size: 1rem;}
th.th-nw { white-space: nowrap; }















table.mo1{
	width:990px;
}
td.mo1td{
	text-align:center;
	background-color:#c8051c;
	padding:5px;
	padding-left:10px;
}
td.mo1tdakt{
	text-align:center;
	background-color:#DAE6FE;
	padding:5px;
	padding-left:10px;
}
.mo1{
	TEXT-DECORATION:none;
	FONT-SIZE:8pt;
	COLOR:#FFFFFF;
	FONT-WEIGHT:bold;
}

.mo1akt{
	TEXT-DECORATION:none;
	FONT-SIZE:8pt;
	COLOR:#FFFFFF;
	FONT-WEIGHT:bold;
}


A.mo1:active{COLOR:#FFFFFF;}
A.mo1:link{COLOR:#FFFFFF;}
A.mo1:visited{COLOR:#FFFFFF;}
A.mo1:hover{COLOR:#FFFFFF;}


A.mo1akt{
	TEXT-DECORATION:none;
	FONT-SIZE:8pt;
	COLOR:#015590;
	FONT-WEIGHT:bold;
}
A.mo1akt:active{COLOR:#015590;}
A.mo1akt:link{COLOR:#015590;}
A.mo1akt:visited{COLOR:#015590;}
A.mo1akt:hover{COLOR:#015590;}

#mo1{
	border:#DAE6FE;
	border-style:solid;
	border-top-width:0px;
	border-right-width:1px;
	border-bottom-width:0px;
	border-left-width:0px;
}
#mo1akt{
	border:#DAE6FE;
	border-style:solid;
	border-top-width:0px;
	border-right-width:1px;
	border-bottom-width:0px;
	border-left-width:0px;
}




table.mo2{
	width:990px;
}

#mo2ro{
	border:#DAE6FE;
	border-style:solid;
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:0px;
	border-left-width:0px;
	text-align: left;
	vertical-align:top;
}
#mo2o{
	border:#DAE6FE;
	border-style:solid;
	border-top-width:1px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	text-align: left;
	vertical-align:top;
}

td.mo2td1{
	background-color:#006BB6;
	padding:10px 30px 10px 10px;
	width:98px;
}
td.mo2td1a{
	background-color:#DAE6FE;
	padding:10px 30px 10px 10px;
	width:98px;
}


td.mo2td2{
	background-color:#0771bb;
	padding:10px 50px 10px 10px;
	width:83px;
}
td.mo2td2a{
	background-color:#DAE6FE;
	padding:10px 50px 10px 10px;
	width:83px;
}

td.mo2td3{
	background-color:#137ac3;
	padding:10px;
	width:130px;
}
td.mo2td3a{
	background-color:#DAE6FE;
	padding:10px;
	width:130px;
}

td.mo2td4{
	background-color:#1e85cc;
	padding:10px;
	width:155px;
}
td.mo2td4a{
	background-color:#DAE6FE;
	padding:10px;
	width:155px;
}

td.mo2td5{
	background-color:#2b8ed5;
	padding:10px;
	width:157px;
}
td.mo2td5a{
	background-color:#DAE6FE;
	padding:10px;
	width:157px;
}

td.mo2td6{
	background-color:#3798dd;
	padding:10px;
	width:157px;
}
td.mo2td6a{
	background-color:#DAE6FE;
	padding:10px;
	width:157px;
}

td.mo2td7{
	background-color:#3E9EE2;
	padding:10px;
	width:141px;
}
td.mo2td7a{
	background-color:#DAE6FE;
	padding:10px;
	width:141px;
}

A.mo2{
	TEXT-DECORATION:none;
	FONT-SIZE:8pt;
	COLOR:#000000;
	FONT-WEIGHT:bold;
}
A.mo2:active{COLOR:#FFFFFF;}
A.mo2:link{COLOR:#FFFFFF;}
A.mo2:visited{COLOR:#FFFFFF;}
A.mo2:hover{COLOR:#FFFFFF;}
A.mo2a{
	TEXT-DECORATION:none;
	FONT-SIZE:8pt;
	COLOR:#015590;
	FONT-WEIGHT:bold;
}
A.mo2a:active{COLOR:#015590;}
A.mo2a:link{COLOR:#015590;}
A.mo2a:visited{COLOR:#015590;}
A.mo2a:hover{COLOR:#015590;}


select {width: 250px; }

table.warenkorb  input.wkmenge {
	width:30px;
	text-align:right;
	/*font-size: 10px;*/
}
table.warenkorb input.wkzusatztext {
	width:200px;
	/*font-size: 10px;*/
}

div.wkzusatztext {
	display: none;
	width: 220px;
	text-align: left;
}

.wkhgbreit {background-image:url(/images/layout/zeitleiste_breit.gif);text-align:center;}
.wkhgschmal {background-image:url(/images/layout/zeitleiste_schmal.gif);text-align:center;}
.anmeldhgbreit {background-image:url(/images/layout/zeitleiste_breit_anmeld.gif);text-align:center;}
.anmeldhgschmal {background-image:url(/images/layout/zeitleiste_schmal_anmeld.gif);text-align:center;}
.wkmenu {text-align:center;}


#messe_rechts {
    position: fixed;
    right: 0;
    top: 105px;
    z-index: 500;
	text-align: right;
}


/* default styles for extension "tx_srlanguagemenu_pi1" */
 	.tx-srlanguagemenu-pi1 { z-index: 100;}
   .tx-srlanguagemenu-pi1 p, .tx-srlanguagemenu-pi1 .links-list-header { font-family: Verdana, sans-serif; font-size: .8em; line-height:100%; color: #35006d; margin-top: 8px; padding: 0; text-indent: 0; }
   .tx-srlanguagemenu-pi1 img { margin: 0 5px; padding: 0; border-style: none; }
   .tx-srlanguagemenu-pi1 .CUR { float: left; font-size: .8em; }
   .tx-srlanguagemenu-pi1 .CUR a { background-color: transparent; color: #35006d; text-decoration: none; font-weight: bold; }
   .tx-srlanguagemenu-pi1 .CUR a:focus, .tx-srlanguagemenu-pi1 .CUR a:hover, .tx-srlanguagemenu-pi1 .CUR a:active { color:#333333; }
   .tx-srlanguagemenu-pi1 .NO { float: left; font-size: .8em; }
   .tx-srlanguagemenu-pi1 .NO a { background-color:transparent; color: #35006d; text-decoration:none; font-weight:bold; }
   .tx-srlanguagemenu-pi1 .NO a:focus, .tx-srlanguagemenu-pi1 .NO a:hover, .tx-srlanguagemenu-pi1 .NO a:active { color:#333333; }
   .tx-srlanguagemenu-pi1 .INACT { float: left; font-size: .8em; }
   .tx-srlanguagemenu-pi1 .INACT a { background-color:transparent; color: #35006d; text-decoration: none; font-weight: normal; }
   .tx-srlanguagemenu-pi1 .INACT a:focus, .tx-srlanguagemenu-pi1 .INACT a:hover, .tx-srlanguagemenu-pi1 .INACT a:active { color: #333333; }
   .tx-srlanguagemenu-pi1 .SPC {  float: left; font-family: Verdana, sans-serif; font-size: .8em; line-height: 100%; color: #35006d; }
   .tx-srlanguagemenu-pi1 fieldset { }
   .tx-srlanguagemenu-pi1 fieldset legend { }
   .tx-srlanguagemenu-pi1 fieldset label { display: none; }
   .tx-srlanguagemenu-pi1 fieldset select { font-size: .8em; font-family: Verdana, sans-serif; background-color: #35006d; color: white; font-weight: bold; }
   .tx-srlanguagemenu-pi1 fieldset option.tx-srlanguagemenu-pi1-option-0 { }
	 
	 
	 ul.mainkategorie{ list-style-type:none; margin: 0px;}
	 li.mainkategorie{ font-size: 15px; margin-top: 0px;}
	 ul.subkategorie{ list-style-type:none; font-size: 12px; margin: 5px 0 20px -15px;}
	 li.subkategorie{ margin: 2px 0 2px 0;}

table.warenkorb tbody tr:nth-child(2n){
    background-color: #eff1ff;
}
table.produkte tbody tr:nth-child(2n) {
    background-color: #eff1ff;
}
.underline,
table.warenkorb a,
table.produkte a { text-decoration:underline; }
table.table-menu { width:100%; margin-top: 1rem; }
/*table.table-menu a { font-size: 1rem; }*/

.center .mitem a{
	text-transform: uppercase;
}
.center .mitem a:hover {
  color: #3491f7;
  background: #f0f0f0;
}
.searchfield { visibility:hidden; }
.cart { visibility:hidden; }

table.tab-kat-auswahl tr td { hyphens:none;  white-space: nowrap;}

@media (max-width: 1180px) {
	table{
		font-size:0.75rem;
	}
	/*table.produkte th{*/
	table th{
		font-size:0.875rem;
	}
	#ContentMenu a {
		font-size: 0.8125;
	}
}

@media (min-width: 1101px) {
	.mobile-m{ display:none !important;}
}
@media (max-width: 1100px) {


#ContentMenu {
    border-bottom: 10px solid #3491f7;
}
#ContentMenu a {
    margin: 3px 0 3px 14px;
    display: block;
    font-size: 0.8375rem;
}

	table.produkte{
		font-size:0.75rem;
	}
	table.produkte th{
		font-size:0.8125rem;
	}
	
	form table tr td {
		width: min-content;
		float: none !important;
		hyphens: auto;
	}
	.menu-hl { width: 100%;}
	.menu-links { width: 50%; float:left;}
	.menu-rechts { width: 50%; float:left;}
	#ContentMenu {
		width: 100%;
		padding: 35px 0 0 20px;
	}
		#ContentInhalt {
		width: 100%;
		padding: 20px 10px 0 20px;
		/*font-size: 11px;*/
	}
}
@media (min-width: 1321px) {
	.center ul.mitem {
	  margin-top: -10px;
	}
}

/*.footer .footer_box a {
  font-weight: 600;
  line-height: 1.7em;
}*/
#ContentLeiste1 { display: none; }

#Nachricht img,
#ContentInhalt img,
.warenkorb img,
#loginbox img,
.produkte img { width:auto; height:auto; }


.trenner img { display: none; }

form input, form textarea {
  width: auto;
  padding: 5px;
  margin-bottom: 10px;
  font-family: inherit;
  font-size: .875rem;
  font-weight: 400;
  border: 1px solid #ccc;
  transition: all 150ms;
}

form input[type="checkbox"] {
  position: inherit;
  transform: translateY(0);
}





/* The Modal (background) */
#myModal.modal {
  display: none; 
  position: fixed;
  z-index: 1000; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4); 
  overflow: hidden;
}

/* Modal Content/Box */
#myModal .modal-content {
  background-color: #fefefe;
  margin: 10% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 2px solid red;
  width: 950px; 
	height: 540px;

}
#myModal .modal-content p{
	font-size: 1.125rem;
}

/* The Close Button */
#myModal .close {
  color: #333;
  float: right;
  font-size: 2rem;
  font-weight: bold;
	cursor: pointer;
}

#myModal .close:hover,
#myModal .close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
} 

#myModal .modalBild {
	float: right;
	width:250px;
	margin-left: 2rem;
}
#myModal h1 {
	text-align: left;
}

@media (max-width: 1050px) {
	#myModal .modal-content p{
		font-size: 1.25rem;
	}
}