@charset "UTF-8";
@import url("soko_responsive.css");

/* open-sans-regular - latin_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/open-sans-v34-latin_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600 - latin_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/open-sans-v34-latin_cyrillic-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin_cyrillic-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-800 - latin_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('../fonts/open-sans-v34-latin_cyrillic-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin_cyrillic-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-italic - latin_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../fonts/open-sans-v34-latin_cyrillic-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin_cyrillic-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600italic - latin_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('../fonts/open-sans-v34-latin_cyrillic-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin_cyrillic-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-800italic - latin_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local(''),
       url('../fonts/open-sans-v34-latin_cyrillic-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin_cyrillic-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

div.headline_logo {
	background-image: url('../pic/mandant35/header.png');
	background-position-y: top;
	background-position-x: right;
}
div.headline_warenkorb_gesamt {
	background-image: url("../pic/mandant35/warenkorb.png");
	background-position: 14px 6px;
}
#musterslider {
    background-image: url("../pic/mandant35/slideleft.gif");
}
#musterslider.open {
	background-image: url("../pic/mandant35/slideright.gif");
}

body {
	font-family: 'Open Sans',sans-serif;
	background-color: white;
}

.ajaxLoading {
	background-image: url('../pic/mandant35/ajax-loader-bert2.gif');
}
#info_titel {
	background-color: black;
	color: white;
}

#titel_gross {
    height: 45px;
    left: auto;
    width: 30%;
    position: absolute;
    right: 20px;
    top: 0px;
}
#hm_produktgruppen, #hm_gruppen {
    top: -5px;
}
#hm_produktgruppen {
	display: none;
}
#menu {
	top: 5px;	
}
#auswahl, #aktuelle_auswahl {
    top: 45px;
}
#sprache {
    top: 3px;
}
#titel_klein{
    left: 70%;
    top: 30px;
}

.transparent_box_umbruch, .headline1, .separator1 {
    background-color: inherit;
    color: #404040;
}
.footline, .separator {
    background-color: #727473;
}
.footline, .separator, #hm_produktgruppen, #welcometext, #menu {
    font-family: 'Merriweather Sans',sans-serif;
} 
a.weiter_button_sel, a.zurueck_button_sel, a.weiter_button {
	font-family: 'Merriweather Sans',sans-serif;
	font-size: 13px;
}

div.weiter_button_sel, div.warenkorb_in_button,  div.weiter_button {
    background-color: #038227;
    border-color: #dad9de;
    color: white;
    height: 35px;
	
	border-radius: 0;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
	
    background-image:-moz-linear-gradient(top, #038227, #0BDB41); /* Firefox */
	background-image:-webkit-linear-gradient(top, #038227, #0BDB41); /* Safari, Chrome */
	background-image:-o-linear-gradient(top, #038227, #0BDB41); /* Opera */
	background-image:-ms-linear-gradient(top, #038227, #0BDB41); /* IE */
	background-image:linear-gradient(top, #038227, #0BDB41); /* W3C Standard */
}
div.warenkorb_in_button {	
    background-image:-moz-linear-gradient(top, #f78233, #ce5e12); /* Firefox */
	background-image:-webkit-linear-gradient(top, #f78233, #ce5e12); /* Safari, Chrome */
	background-image:-o-linear-gradient(top, #f78233, #ce5e12); /* Opera */
	background-image:-ms-linear-gradient(top, #f78233, #ce5e12); /* IE */
	background-image:linear-gradient(top, #f78233, #ce5e12); /* W3C Standard */
}
div.weiter_button_sel a, div.warenkorb_in_button a,  div.weiter_button a {
    color: white;
}

a.selcolor, a.selcolor:link, a.selcolor:visited, .selcolor {
    color: #038227;
}
.selcolor .menu_konfig_zahl, .selcolor .menu_konfig_zahl_wk {
    border-color: #5d8669;
}
#aktuelle_auswahl_text {
    color: #038227;
}
#preisinfo .preis_preis {
    color: #038227;
    margin: 10px;
}
div.preis_anzahl {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #595959;
}
div.preis_text {
	color: #038227;	
}
li.auswahl a:hover {
    color: #162019;
}
div.weiter_button_sel a:hover {
    color: #162019;
}
a.info_button_rund:HOVER {
	border-color: #038227;
	color: #162019 !important;	
}
span.selrahmen {
    border-color: #038227;
}
#login_logout {
	background-color: #dadada;
	top: 0px;
}
#head_bestellvorgang {
    color: #038227;
}
a:hover {
    color: #038227;
}
.sel_hintergrund, .wk_hinweis {
	background-color: #c5d87c;
}
 
span.auswahl_rahmen, #musterauswahl .auswahl_rahmen, #auswahl .hinweis, #impressum {
	border-radius: 0;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
}
#static_info {
	background-color: white;
	top: 50px;
}

#welcometext {
    background-color: #ffffff;
	left: 50px;
	top: 50px;
	bottom: auto;
	right: auto;
	max-width: 500px;
	min-width: 250px;
	width: 50%;
	margin: 0px;
	font-size: 16px;
	color: black;
}
#warenkorb {
	display: none;
}

li.footer_profil {
	display: none;
}
.footline, .separator {
    background-color: #4b4b4b;
}
 
.menu_konfig_hintergrund, a.menu_konfig_hintergrund, a:link.menu_konfig_hintergrund, a:visited.menu_konfig_hintergrund  {
    background-color: #4b4b4b;
    background-image: none;
    color: #e1e1e1;
}

.menu_konfig_hintergrund.selcolor, a.selcolor, a:link.menu_konfig_hintergrund.selcolor, a:visited.menu_konfig_hintergrund.selcolor  {
    background-color:  #038227;
}
.menu_konfig_zahl {
	color: #737373;
}
a.selcolor .menu_konfig_zahl {
	color: #048128;
}

#auswahl, div.auswahl_scrollbox, #aktuelle_auswahl {
    background-color: white;
}

.hinweis_vermassung_email, .hinweis_vermassung_tel{
	display: none;
}

.eigenschaften ul{
	list-style-type: circle;
	padding-left: 12px;
}

#s_preisgruppe{
	display: none;
}

#sprache{
	display: none;
}

.transparent_box_umbruch{
	background-color: #038227;
	color: white;
}

.stoffbreiteeigenschaften, .preisgruppeeigenschaften {
	display: none;
}

#zubehoer.auswahl_scrollbox li input.mitValue {
	background: #FFE8E8;
}

.eigenschaften table{
	height: auto;
}

#hinweis_pg {
	display: none;
}
#modellauswahl.auswahl_scrollbox {
    bottom: 15px;
}
#auswahl .hinweis {
	display: none;
}
div.auswahl_scrollbox {
	bottom: 60px;
}
#musterauswahl.auswahl_scrollbox {
	bottom: 60px;
}
#zubehoer.auswahl_scrollbox {
    top: 90px;
    bottom: 15px;
}
.vermassung_content {
    position: relative;
}
#preisinfo .preis_error {
	color: red;
}

select.direktauswahl, 
select.direktauswahl option{
	height: 35px;
}

#auswahl #schnell_artikel{
	height: 30px;
}
#auswahl .suchen_button{
	height: 35px;
}

.info_menu_links_hintergrund_sel {
    border-color: white;
    border-style: none;
    background-color: #3e8431;
}

div.show_warenkorb_button {
	display: none;
}

td.print_fh_adresse {
	visibility: hidden;
}

#vermassung .aufmassbild_messbolzen_standard {
    background-image: url('../pic/modell/messbolzen_standard_aufmass.svg');
    background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 500px;
	width: 800px;
	background-size: contain;
}
#vermassung span.wertebereich {
	display: none;
}
.aufmassbild_messbolzen_standard li.durchmesser {
    position: absolute;
	width: auto;
	left: 635px;
	top: 75px;
}
.aufmassbild_messbolzen_standard li.breitex {
    position: absolute;
	width: 70px;
	left: 121px;
	top: 75px;
}
.aufmassbild_messbolzen_standard li.breitez {
    position: absolute;
    width: 90px;
    left: 240px;
    top: 75px;
}
.aufmassbild_messbolzen_standard li.breitey {
    position: absolute;
	width: 70px;
	left: 394px;
	top: 75px;
}
.aufmassbild_messbolzen_standard li.breitex input, .aufmassbild_messbolzen_standard li.breitey input {
	width: 48px;
}
.aufmassbild_messbolzen_standard li.abstandv {
    position: absolute;
	width: auto;
	left: 180px;
	top: 75px;
}
.aufmassbild_messbolzen_standard li.abstandw {
    position: absolute;
	width: auto;
	left: 347px;
	top: 75px;
}
.aufmassbild_messbolzen_standard li.abstandv input, .aufmassbild_messbolzen_standard li.abstandw input {
	width: 37px;
}
.aufmassbild_messbolzen_standard li.winkelkabel {
    position: absolute;
	width: auto;
	left: 712px;
	top: 311px;
}
.aufmassbild_messbolzen_standard li.winkelkabel input {
	width: 38px;
}
/*
.aufmassbild_messbolzen_standard li.nennlastkn {
    position: absolute;
	width: 100px;
	left: 360px;
	top: 9px;
}
.aufmassbild_messbolzen_standard li.nennlastkn input {
	width: 32px;
}

.aufmassbild_messbolzen_standard li.stahl {
    position: absolute;
	width: 200px;
	left: 10px;
	top: 380px;
}
.aufmassbild_messbolzen_standard li.schutzklasse {
    position: absolute;
	width: 260px;
	left: 210px;
	top: 380px;
}
.aufmassbild_messbolzen_standard li.passungfeld {
    position: absolute;
	width: 260px;
	left: 210px;
	top: 415px;
}
.aufmassbild_messbolzen_standard li.passunggrad {
    position: absolute;
	width: 260px;
	left: 210px;
	top: 448px;
}
.aufmassbild_messbolzen_standard li.anschluss {
    position: absolute;
	width: 260px;
	left: 480px;
	top: 380px;
}
.aufmassbild_messbolzen_standard li.kabel {
    position: absolute;
	width: auto;
	left: 480px;
	top: 448px;
}
*/
.aufmassbild_messbolzen_standard li.breitex .masswertname,
.aufmassbild_messbolzen_standard li.breitez .masswertname,
.aufmassbild_messbolzen_standard li.breitey .masswertname,
.aufmassbild_messbolzen_standard li.abstandv .masswertname,
.aufmassbild_messbolzen_standard li.abstandw .masswertname,
.aufmassbild_messbolzen_standard li.winkelkabel .masswertname,
.aufmassbild_messbolzen_standard li.durchmesser .masswertname {
	display: none;
}

#vermassung .viewport {
    overflow: initial;
}
#vermassung.auswahl_scrollbox {
	overflow-x: auto;
}
#info_info {
	color: black;
}
#raumbild img {
	height: auto !important; 
}

#preisinfo .preis_mwst {
	display: none;
}

#mass_input_main {
	visibility: hidden;
}
span.masshinweis {
    font-style: italic;
    margin-left: 10px;
    display: inline-block;
    color: #727272;
}

li.auswahl li ul li {
	float: none;
}

#vermassung_submit_button_show_optionen {
	visibility: hidden;
}
#vermassung_submit_button_show_preis {
	display: none;
}

#oeffnung_maximize i {
	color: #4b4b4b;
}

#vermassung_auslegung.auswahl {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 30% !important;	
}
#vermassung_skizze.auswahl {
	position: absolute;
	top: 0px;
	left: 30%;
	right: 0px;
	height: 50%;
	width: auto !important; 
}
#vermassung_masswert.auswahl {
	position: absolute;
	top: 50%;
	left: 30%;
	right: 0px;
	height: 50%;
	width: auto !important;
}

#vermassung_masswert>div, #vermassung_auslegung>div, #vermassung_skizze>div {
	float: none;
}
#vermassung_masswert div.modelldaten {
	float: left;
	width: 70%
}
#vermassung_masswert div.modelldownload {
	float: right;
	width: 30%
}
#vermassung_masswert div.modelldownload button, #vermassung_masswert div.modelldaten button {
	float: none;
}
#vermassung_submit_button_show_auslegung {
	display: none;
}
#vermassung li.auswahl, #daten li.auswahl, #optionen li.auswahl {
	border-style: none;
}

.vermassung_content {
	width: auto;
}

#modellinfo {
	display: none;
}

#preisinfo {
    height: 400px;
}
#raumbild {
    bottom: 415px;
}
div.staffelpreise {
	margin: 10px;
}
div.staffelpreise li {
	text-align: center;
}

#preisinfo .preis_text, #preisinfo .preis_text_rabatt {
    margin-top: 25px;
}

span.modellinfo_gruppe {
    margin-top: 10px;
}

li.signal_2, li.signal_5 {
	padding-top: 10px;
}

#preisinfo .preis_text {
	display: none;
}
#preisinfo .lieferaufschlag {
    color: #038227;
    margin: 10px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
    position: relative;
}
#gesamtauswahl, #positionsinfo, #titelbild {
    top: 75px;
}

div.enum_input_div {
	text-decoration: underline;
	margin-top: 5px;
}
li.ausgangssignal div.enum_input_div {
    text-decoration: none;
    font-weight: bold; 
    margin-top: 15px;
}
li.ausgangssignal div.enum_input_div ul {
    font-weight: normal; 
}
#vermassung div.enum_input_div span.bezeichnung:AFTER, #vermassung div.massgruppe.achshalterlo::AFTER {
	content: ':';
}
#optionen div.enum_input_div span.bezeichnung:AFTER, #optionen div.massgruppe.achshalterlo::AFTER {
	content: ':';
}
#daten div.enum_input_div span.bezeichnung:AFTER, #daten div.massgruppe.achshalterlo::AFTER {
	content: ':';
}

div.enum_input_div > ul {
	float: right;
	width: 70%;
}

li.auswahl li.achshalterlo, 
li.auswahl li.achshalterro, 
li.auswahl li.achshalterlu, 
li.auswahl li.achshalterru {
    width: 50%;
    float: left;
    clear: none;
}
li.auswahl input.checkbox_input {
	width: 20px;
}

li.auswahl li label {
	white-space: nowrap;
}

#vermassung_masswert ul li.masshinweis {
	float: right;
	width: 65%;
}
#vermassung #vermassung_bemerkung {
	display: none;
}

li.masshinweis.nennlastkn span.masshinweis {
	color: #d36464;
}

#preisinfo li ul li.vertikal {
    float: none;
    padding-left: 20px;
    clear: both;
}
#preisinfo div.vermassung_content {
	float: none;
	margin-bottom: 10px;
}

div.angebot_print_button.unten {
	display: none;
}
li.lieferzeit li.lieferzeit_1 label {
	margin-left: 23px;
}

span.produktgruppe_masshinweis {
	color: red;
}

#positionsinfo table td img {
	display: none;
}
#vermassung #vermassung_auslegung, #optionen #vermassung_auslegung, #daten #vermassung_auslegung {
	border-right: 2px solid #dadada; 
}
#vermassung #vermassung_masswert, #optionen #vermassung_masswert, #daten #vermassung_masswert {
	border-top: 2px solid #dadada;
	border-left: 2px solid #dadada;
	padding-left: 10px;
}
#vermassung_skizze div.vermassung_beschreibung {
	padding-left: 10px;
}
div.auswahl_scrollbox {
	top: 0px;
	right: 0px;
}
div.vermassung_content li.kabel {
	margin-bottom: 20px;
}
div.vermassung_content li.ausgangssignal {
	margin-top: 20px;
}
#optionen span.produktgruppe_masshinweis {
	display: none;
}
#daten div.vermassung_content.modelldaten span.modellinfo_beschreibung {
	min-width: 40%;
	max-width: 300px;
	border-bottom: 1px dotted #dadada;
}
div.preis_hinweis {
	color: red;
}
div.preis_hinweis img.info {
    float: left;
    margin-left: 10px;
}
#auswahl .hinweis {
  bottom: 0px;
}