select {
	color: darkblue;
	font-family: Abeezee, Open Sans;
	border: 1px solid #ccc;
   border-radius: 4px;
	width: auto;
	padding: 0;
	height: 25px;
}

input {
	color: darkblue;
   font-family: Abeezee, Open Sans;
   font-weight: bold;
}

input[type='text'] {
	height: 19px;
	border: 1px solid #ccc;
   border-radius: 4px;
	padding: 3px;
	width: auto;
	max-width: 50%;
	background: white !important;
}

input[type='checkbox'] {
	margin-right: 10px;
	vertical-align: top;
}

input[type='radio'] {
	vertical-align: top;
	margin-right: 8px;
}

textarea {
	width: 300px;
	height: 100px;
	border: 1px solid #ccc;
   border-radius: 4px;
	padding: 5px;
	vertical-align: top;
	font-family: Abeezee, Open Sans;
	font-size: 10pt;
	color: darkblue;
}

.jsn-joomla-30 select, .jsn-joomla-30 input {
	font-size: 11pt;
}

.margin-left {
	margin-left: 20px;
}

.beispielbilder {
	display: inline-block;
	margin-right: 20px;
}

.bezeichnung, .bezeichnung_mwst {
	position: relative;
	vertical-align: top;
	line-height: 1.5em;
	font-family: Abeezee, Open Sans;
	font-size: 11pt;
}

.bezeichnung_mwst {
	font-style: italic;
	margin-bottom: 20px;
	text-align: right;
}

.diele_auswahl_einblenden {
	background: #b32b2b;
   border: 1px solid #CCCCCC;
	font-size: 14pt;
	color: white;
	font-family: Abeezee, Open Sans;
	margin-bottom: 20px;
	cursor: pointer;
	text-decoration: underline;
	padding: 10px;
	display: inline-block;
}

.diele_auswahl {
	cursor: pointer;
	font-size: 11.5pt;
	color: #333333;
	font-family: Abeezee, Open Sans;
	display: inline-block;
	margin-bottom: 10px;
}

.diele_bezeichnung {
	font-size: 14pt;
	font-weight: bold;
	color: midnightblue;
	margin-bottom: 15px;
	font-family: Abeezee, Open Sans;
}

.diele_beschreibung {
   display: inline-block;
   width: 110px;
   font-weight: bold;
   font-family: Abeezee, Open Sans;
   vertical-align: top;
   font-size: 12pt;
   color: midnightblue;
}

.menue_schliessen {
   cursor: pointer;
	font-size: 14pt;
   font-weight: bold;
   position: relative;
   left: 40px;
	color: white;
}

.beschreibung_ueberschrift {
   cursor: pointer;
	font-size: 13pt;
	font-family: Abeezee, Open Sans;
	color: royalblue;
}

.beschreibung_text {
	background: #eeeeee none repeat scroll 0 0;
   border: 1px solid #cccccc;
   font-family: Abeezee, Open Sans;
	font-size: 11pt;
	word-wrap: break-word;
   margin: 15px 20px 20px;
   max-height: 90%;
   max-width: 80%;
   overflow-y: auto;
   overflow-x: hidden;
   padding: 0 20px 20px;
   position: relative;
   text-align: left;
   width: 800px;
}

.beschreibung_background {
	background: #222222 none repeat scroll 0 0;
   height: 100%;
   left: 0;
   position: fixed;
   text-align: center;
   top: 0;
   width: 100%;
   z-index: 9999;
}

.beschreibung_schliessen {
	cursor: pointer;
	color: white;
	font-size: 15pt;
	background: #b32b2b;
	text-align: center;
	position: sticky;
	width: 800px;
	max-width: 100%;
	display: block;
	top: 0;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.diele_daten {
	color: midnightblue;
	font-family: Abeezee, Open Sans;
	display: inline-block;
}

.variantenbox {
	display: inline-block;
	width: 180px;
	text-align: center;
	font-size: 12pt;
	font-family: Arial;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 4px;
	border: 1px solid darkgrey;
	vertical-align: top;
	height: 262px;
}

.variantenbox_infoseite {
	display: inline-block;
	width: 180px;
	text-align: center;
	font-family: Arial;
	padding: 5px;
	font-size: 11pt !important;
	margin-right: 4px !important;
	vertical-align: top;
}

.preis_lfm {
	font-size: 14pt;
	font-weight: bold;
	color: darkred;
}

.anzahl_zubehoer {
	width: 40px !important;
}

.preis_zubehoer {
	color: darkblue;
   display: inline;
	position: relative;
   font-size: 11pt;
   font-weight: bold;
   padding-right: 5px;
   text-align: right;
	float: right;
   width: 90px;
}

.ueberschrift {
	color: royalblue;
	font-size: 13pt;
	font-family: Abeezee, Open Sans;
}

.ausklappbox {
	width: 565px;
	max-width: 97%;
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #dddddd 100%) repeat scroll 0 0;
	color: #333333;
	font-size: 11pt;
	font-family: Abeezee, Open Sans;
   	border: 1px solid #9c9c9c;
   	cursor: pointer;
   	display: inline-block;
   	margin-top: 20px;
   	padding: 5px;
}

.profilmass-box {
	width: 100%;
	max-width: 80%;
	background: #A62626;
	color: #ffffff;
	font-size: 11pt;
	font-family: Abeezee, Open Sans;
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 15px;
	padding: 5px;
}

.ausklappbox_inhalt, .ausklappbox_inhalt_aktion {
	width: 565px;
	max-width: 97%;
	min-height: 55px;
	background: transparent linear-gradient(to bottom, rgb(238, 238, 238) 0%, rgb(255, 255, 255) 100%) repeat scroll 0 0;
	padding-top: 10px;
	padding-left: 10px;
	border: 1px solid rgb(156, 156, 156);
}

.ausklappbox_inhalt_aktion {
	background: rgba(3, 109, 34, 0.2);
}

.fragebox {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #dddddd 100%) repeat scroll 0 0;
	color: #333333;
	font-size: 11pt;
	font-family: Abeezee, Open Sans;
    text-align: center;
    border: 1px solid #9c9c9c;
    display: table-cell;
    margin-top: 10px;
    padding: 5px 5px 8px;
    width: 565px;
}

.formular {
	width: 600px;
	max-width: 100%;
}

.bereich_positionen {
   display: inline-block;
   font-family: Abeezee, Open Sans;
   margin-right: 10px;
   width: 580px;
}

.bereich_laengen {
	display: block;
	font-family: Abeezee, Open Sans;
	width: 580px;
}

.bereich_gesamtsumme {
	background: white;
	width: 24%;
	min-width: 300px;
	display: inline-table;
	line-height: 1.7em;
	position: sticky;
	top: 70px;
	border: 1px solid lightgrey;
	padding: 10px;
	float: right;
	z-index: 9998;
}

.positionstabelle {
	 display: inline-table;
    border: 1px solid lightgrey;
    border-collapse: collapse;
    font-size: 11pt;
    margin-top: 20px;
	 max-width: 575px;
    width: 100%;
    text-align: center;
}

.tabelle-header {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #dddddd 100%) repeat scroll 0 0;
	font-style: italic;
   height: 30px;
   padding: 5px;
   text-align: center;
}

.positionswerte {
	color: darkblue;
	font-weight: bold;
	font-size: 11pt;
	padding-right: 5px;
	text-align: right;
	white-space: nowrap;
}

.preis_lfm_uk {
	display: inline-block;
   font-style: italic;
   text-align: right;
	color: darkblue;
   width: 100px;
	vertical-align: top;
}

.gesamtpreis {
	color: darkblue;
	font-weight: bold;
	font-size: 17pt;
	text-align: right;
}

.gesamtpreis_ohne_rabatt {
	color: grey;
	text-decoration: line-through;
	font-weight: bold;
	font-size: 15pt;
	text-align: right;
}

.rabatthinweis {
	color: darkred;
	font-weight: bold;
	text-align: right;
	font-size: 12pt;
}

.frachtkosten, .verpackungskosten {
	text-align: right;
	font-size: 11pt;
}

.bilderrahmen {
	border: 3px solid white;
   margin: 5px;
	height: 150px;
}

.aktionshinweis {
	display: block;
	color: white;
	background: darkgreen;
	padding: 5px;
	font-size: 11pt;
	text-align: center;
}

.variante_aktiv {
	font-family: Abeezee, Open Sans;
	background-color: #00814E;
	color: white;
	padding-bottom: 3px;
	padding-top: 3px;
}

.variante_inaktiv {
	font-family: Abeezee, Open Sans;
	color: white;
	cursor: pointer;
	text-decoration: underline;
	background: grey;
	padding-bottom: 3px;
	padding-top: 3px;
}

.spacer {
	display: inline-block;
   width: 438px;
	max-width: 90%;
}

.spacer_uk {
	display: inline-block;
	width: 200px;
}

.spacer_zubehoer {
	display: inline;
	position: relative;
	width: 420px;
	max-width: 85%;
	margin-left: 25px;
}

.trenner {
	display: inline-block;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0));
   height: 1px;
   margin-bottom: 10px;
   width: 100%;
}

.button-blau, .button-blau-breit {
	 background: #0089d4;
    color: white;
    cursor: pointer;
    display: block;
    font-weight: bold;
	 font-size: 11pt;
    margin-top: 50px;
    padding: 6px;
    text-align: center;
	 border: 1px solid #ccc;
    border-radius: 4px;
}

.radio-blau {
	display: table-cell;
	background: #0089d4;
   color: white;
	font-size: 13pt;
   padding: 10px;
	border: 1px solid #ccc;
	max-width: 100%;
	width: 555px;
	font-family: Abeezee, Open Sans;
}

.button-gruen {
	background: #43d940 linear-gradient(to bottom, #00814e, #00814e) repeat scroll 0 0;
	border: 1px solid #005433;
	border-radius: 3px;
	color: #ffffff;
	padding: 4px 8px 4px 8px;
	font-size: 11pt;
	float: right;
}

.ausklappzeichen {
	float: right;
	font-size: 25pt;
	margin-bottom: -15px;
	margin-top: -11px;
	color: darkred;
}

.zubehoerbild {
	width: 65px;
	max-height: 45px;
   border: 1px solid lightgrey;
	float: left;
   margin-right: 10px;
   position: relative;
}

	.disabled_hinweis {
	padding-top: 10px;
	padding-bottom: 5px;
	display: inline-block;
	color: darkblue;
}

.anschrift_bez {
    color: grey;
    display: inline-block;
    font-family: Abeezee, Open Sans;
    font-weight: bold;
	 font-size: 11pt;
    width: 200px;
	 height: 40px;
	 max-width: 35%;
}

.email_block {
	margin-bottom: 30px;
	padding: 10px;
	font-size: 12pt;
	width: 600px;
	background-color: rgb(242, 242, 242);
	border: 1px dashed darkgrey;
}

.email_ueberschrift {
	font-weight: bold;
	border-bottom: 1px solid black;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.grecaptcha-badge {
	display: none;
}