body{
  	box-sizing: border-box;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
html,body{
	/*height:100%;*/
	font-family:"lato regular";
	font-size:100%;
}
header,section,footer,aside,nav,main,article,figure{
    display:block;
}
*,*:after,*:before{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
	/*box-sizing: inherit;*/
}
h1{
	font-size:3rem;
	line-height:3.5rem;
	font-weight:600;
	color:#004083;
} 
h2{
	font-size:1.5rem;
	line-height:1.875rem;
	font-weight:400;
	color:#004083;
} 
h3{
	font-size:1.5rem;
	line-height:1.875rem;
	font-weight:600;
	color:#004083;
}
h4{
	font-size:1.25rem;
	line-height:3.75rem;
	font-weight:600;
}
h5{
	font-size:1rem;
	line-height:1.5rem;
	font-weight:600;
}
p{
	font-size:1rem;
	line-height:1.625rem;
}
p.lead{
	font-size:1.1875rem;
	line-height:2rem;
	display: inline;
}
p.blau{
	color:#004083;
	font-weight: 600;
}
@font-face{
    font-family: 'lato black';
    src: url('../font/Lato-Black.eot');
    src: url('../font/Lato-Black.eot?#iefix') format('embedded-opentype'),
         url('../font/Lato-Black.woff2') format('woff2'),
         url('../font/Lato-Black.woff') format('woff'),
         url('../font/Lato-Black.ttf') format('truetype'),
         url('../font/lato-Black-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'lato bold';
    src: url('../font/Lato-Bold.eot');
    src: url('../font/Lato-Bold.eot?#iefix') format('embedded-opentype'),
         url('../font/Lato-Bold.woff2') format('woff2'),
         url('../font/Lato-Bold.woff') format('woff'),
         url('../font/Lato-Bold.ttf') format('truetype'),
         url('../font/Lato-Bold-webfont.svg#lato_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'lato regular';
    src: url('../font/Lato-Regular.eot');
    src: url('../font/Lato-Regular.eot?#iefix') format('embedded-opentype'),
         url('../font/Lato-Regular.woff2') format('woff2'),
         url('../font/Lato-Regular.woff') format('woff'),
         url('../font/Lato-Regular.ttf') format('truetype'),
         url('../font/lato-regular-webfont.svg#lato_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.fa-times{
	color:#ff0000;
}
/* Standard Fliesstext*/
/*.standard_fliesstext, .standard_fliesstext_25, .fliesstext_fett, .fliesstext_klein{
	font-family:"lato regular";
	color:#444444;	
	font-size: 0.875rem;
	line-height:1.25rem;
}
.standard_fliesstext_25{
    line-height:1.5625rem;
}
.fliesstext_fett{
	font-family:"lato bold";
}
.fliesstext_klein{
	font-size: 0.8125rem;
}*/
/* Standard Fliesstext */
.btn{
	font-size:0.875rem;
	line-height:1.675rem;
	font-weight:400;
	color:#fff;
	background-color:#004083;
	width:7.5rem;
	cursor:pointer;
	text-align:center;
	display:inline-block;
}
/*.btn-back,.btn-reset{
	margin-right:21px;
    background-color: white;
}*/
.btn-shopping-cart{
	font-size:1.25rem;
	line-height:1.5rem;
	font-weight:600;
	color:#333333;
	background-color:#f49e00;
	padding:5px 20px;
	width:265px;
	cursor:pointer;
}
.fa-shopping-cart{
	color:white;
}
.input-search{
	padding:6px;
	border:1px solid #7fb0d7;
	width:361px;
	margin: 10px 0px;
}
/* BEGINN - Region waehlen */
.firmensitz_div{
	position: relative;
	width: 100%;
	/*float: left;
	/*margin: 25px 0px;*/
}
.firmensitz_div .wo_input, .firmensitz_div .umkreis_input{
	margin: 20px 0px;
}
.wo_input label, .umkreis_input p{
	margin-right:20px;
}
.umkreis_input p{
	float:left;
}
.suche_plz{
   /* box-sizing: border-box;*/
	letter-spacing: 0.01px;
	/*font-family:"lato regular";*/
	font-size: 1.0625rem;
    color: #8c8c8c;
	text-align:left;
	height:40px; /* for other browsers ´*/
	line-height:40px; /* for IE */
	width:75%;
	background: transparent;
    cursor: text;
    padding:4px;
	border:1px solid #f49e00;
}
.menu_umkreis{
	/*font-family:"lato regular";*/
	font-size: 0.875rem;
	color:#444444;
	list-style: none;	
	background: transparent;
	width: 93px;
	padding: 1px;
	float: left;

	overflow:visible;
    cursor:pointer;
    display:inline-block;
    position: relative; /**absolute*/
    /*top: 1px;
    right: 1px;*/
    height: 37px;	
}
/*.menu_umkreis>li, #menu_firma>li{
	position:relative;
}*/
ul.menu_umkreis ul li>div, ul#menu_firma ul li>div{
	text-decoration: none;
	color:#444444;
	padding-top:4px; 
	padding-bottom:4px; 
}
ul.menu_umkreis li:hover > a, ul#menu_firma ul li:hover > div:not(.inaktiv){ /* hover Effekt bei unterem Menue */
  	font: 14px/20px "lato regular";
	background:#f0f0f0;
 	color:#444444;
    width:100%;	
}
/*.dialogbox .menu_umkreis, .dialogbox #menu_firma{
    border-left: 1px solid #ddd;
    box-shadow: none;
    height: 26px;
    line-height: 28px;
    right: 3px;
    top: 1px;
}*/
.umkreis_text{
    /*-moz-opacity: 0.5;
    opacity: 0.5;
    filter: Alpha(Opacity=50);*/
    /*position: relative;
    top: 5px;
    left: 20px;*/
}

body.ie .umkreis_text{
	margin-top: 1px;
}
.dialogbox .umkreis_text{
    margin-left: 5px;
}
.dialogbox .umkreis_text{
    margin-left: 5px;
}
.umkreis_text.aktiv, .umkreis_text.aktiv+.umkreis_pfeil{
	-moz-opacity: 1.0;
    opacity: 1.0;
    filter: Alpha(Opacity=100);
}
ul#menu_firma:not(.inactive) #firma_pfeil{
	cursor: pointer;	
}
#firma_pfeil{
	position:relative;
	margin-left:70px;
	margin-top:-25px;
}
.umkreis_pfeil{
    font-size: 1.0625rem;
    cursor: pointer;
    margin: 0px;
    width: 100%;
    position: relative;
    top: 7px;
    left: 1px;
    background: #CCCCCC;
    padding-left: 80%;
    height: 13px;
}

.umkreis_pfeil .fa-caret-down{
	position: relative;
	bottom: 2px;
}
body.ie .umkreis_pfeil{
	margin-top:-27px;
}
.dialogbox #firma_pfeil{
	margin-top: -23px;
}

.id_umkreis, ul#menu_firma ul{ /* Menue unterhalb Umkreissuche */
	list-style: none;               
	position:absolute;
	background:white;	
	font: 14px/20px "lato regular"; /* Zeilenhoehe ist die zweite Angabe beim Font */
	width:122px;
	list-style: none;
	right:-1px;
	top:36px;
	position:absolute;	
	z-index:999999999; /* damit die Oberflaeche der Umreissuche ueber alle anderen Elemente erscheint*/
	-webkit-box-shadow: 9px 4px 10px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    9px 4px 10px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         9px 4px 10px 0px rgba(0, 0, 0, 0.25);
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	border-bottom-right-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	border-bottom-left-radius: 2px;
	overflow: hidden;
	display: none;
}
/*.dialogbox .id_umkreis, .dialogbox #id_firma{
	top: 29px;
	width: 95px;
}*/
.id_geopost_div{
	top: 39px;
	width: 100% !important;
}
/*.inner_rahmen_blau select option, .dialogbox .div_suche_position select option, .dialogbox .div_suche_firma select option, .dialogbox .id_geopost_div select option{
	width: 94%;
	overflow: hidden;
	background-color: #ffffff;
}*/
/*.inner_rahmen_blau select option:hover, .dialogbox .div_suche_position select option:hover, .dialogbox .div_suche_firma select option:hover, .dialogbox .id_geopost_div select option:hover{
	background-color: #f0f0f0;
}*/
#id_position_div, #id_firma_div, .id_geopost_div{
	display: none;
	left: 0px;
	z-index: 50;
}
.popup .ok_button_input{
	display: none;	
}
/*.inner_rahmen_blau .popup{
	padding: 10px 20px 20px 20px;
}*/
.dialog_fussliste{
	overflow: hidden;
	margin-top: 13px;
}

#header{
    width:100%;
	margin: 0 auto 10px auto;		
	bottom:0px;
	/*background:#f8f8f8;*/
}

/*.btn-region{
	float: left;
}*/
.button_tertiaer_variabel_ok{
    height:30px;
    line-height:30px;  
    text-align:center;
    vertical-align:middle;
    width: 165px;
    cursor:pointer;
    float:right;
    margin-right:10px;
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top,  #fdfdfd 0%, #dfdfe1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#dfdfe1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdfdfd 0%,#dfdfe1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fdfdfd 0%,#dfdfe1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fdfdfd 0%,#dfdfe1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fdfdfd 0%,#dfdfe1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#dfdfe1',GradientType=0 ); /* IE6-9 */
}
.button_tertiaer_variabel_ok:hover{ 
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top,  #fdfdfd 0%, #dfdfe1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#dfdfe1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdfdfd 0%,#dfdfe1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fdfdfd 0%,#dfdfe1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fdfdfd 0%,#dfdfe1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fdfdfd 0%,#dfdfe1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#dfdfe1',GradientType=0 ); /* IE6-9 */
}
.verlauf1{
	background: -moz-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(236,236,237,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(236,236,237,1)));
	background: -webkit-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(236,236,237,1) 100%); 
	background: -o-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(236,236,237,1) 100%); 
	background: -ms-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(236,236,237,1) 100%); 
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(236,236,237,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#ECECED',GradientType=0 ); 
}
.schatten3{
	webkit-box-shadow:2px 2px 2px 0px rgba(29,29,28,0.06);
	-moz-box-shadow:  2px 2px 2px 0px rgba(29,29,28,0.06);
	box-shadow:       2px 2px 2px 0px rgba(29,29,28,0.06);
}
.kontur_red{
    border: 1px solid #3b6383; 
    box-sizing: border-box;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}
.runde_ecke1{
    -moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}
.buttontext_lato_reg_14_neutral{
    font-family:"lato regular";
    font-size: 14px;
    color:#3b6383;
}
.popup{
	position: absolute;
	background-color: #FFFFFF;
	padding: 5px;
	top: 300px;
	left: 0px;
	z-index: 5;
	display: none;
	overflow:hidden;
	text-align:right;
	-webkit-box-shadow: 9px 4px 10px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 9px 4px 10px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 9px 4px 10px 0px rgba(0, 0, 0, 0.25);
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	border-bottom-right-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	border-bottom-left-radius: 2px;	
    box-sizing:border-box;
}
.select_pos_eo{
	width:110%; 
	border:none;
	font-family:"lato regular";
	font-size: 14px;
	color:#444444;
}
/*.suche_plz:focus{
	-webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius : 2px;
    border-bottom-left-radius: 2px;
    padding-left:4px;
}*/

/*.suche_position, .suche_plz{
    -webkit-box-shadow: inset 3px 2px 3px 0px rgba(29, 29, 28, 0.25);
    -moz-box-shadow:    inset 3px 2px 3px 0px rgba(29, 29, 28, 0.25);
    box-shadow:         inset 3px 2px 3px 0px rgba(29, 29, 28, 0.25);
	float:left;
    box-sizing:border-box;
	letter-spacing: 0.01px;
	font-family:"lato regular";
	font-size: 1.0625rem;
    color: #8c8c8c;
	text-align:left;	
	height:      40px; /* for other browsers */
	/*line-height: 40px; /* for IE */
	/*width:100%;
	background: white;
    cursor: text;
	border:   0px solid #254b67;
}*/
/*.suche_position:focus/*, .suche_plz, .suche_plz:focus *//*{
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius : 2px;
    border-bottom-left-radius: 2px;
    padding-left:10px;
}*/
/*.suche_plz{
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	padding-right:98px;	
}*/
body.ie .suche_plz{
	line-height: 45px; /* for IE */
}
/*.dialogbox .einsatzort_div, .dialogbox .firmensitz_div, .dialogbox .div_suche_position{
	float: none;
	width: 100%;
	margin-left: 0px;
	height: 30px;
}*/
/*.dialogbox .suche_plz.aktiv, .suche_position.aktiv{
	color: #444444 !important;
}*/
/*.dialogbox .such_feld, .dialogbox .suche_plz, .dialogbox .suche_position, .dialogbox .markierung_feld{ 
	vertical-align: middle;
	background: #ffffff;
	width: 100%;
	box-sizing: border-box;
	height: 32px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #d4d4d4;
	border-radius: 2px;
}*/
/*.dialogbox .suche_plz, .dialogbox .suche_position{
	line-height: 20px;
	width: 463px;
	height: 30px;
	font-size: 0.875rem;
	color: #666666 !important;
    -webkit-box-shadow: inset 1px 1px 2px 0px rgba(29, 29, 28, 0.15);
    -moz-box-shadow:    inset 1px 1px 2px 0px rgba(29, 29, 28, 0.15);
    box-shadow:         inset 1px 1px 2px 0px rgba(29, 29, 28, 0.15);
}*/
/*.dialogbox .suche_plz, .dialogbox .suche_position#suche_position_firma{
	    padding-right: 98px; 
}*/
/* grauer Menurahmen mit Pfeil und innerer Beschriftung fuer Umkreis */ 
/*.menu_umkreis{
    position: absolute;
    right:0px;	
}*/

/* ENDE - Region waehlen (region.cfm) */

/*label{
	display:block;
	padding:5px 5px 2px 0;
}*/
/*input[type="text"],input[type="email"],textarea,select{
	display:block;
	width:100%;
	padding:2px;
	border:1px solid #999;
}*/

/*::-webkit-input-placeholder{ /* WebKit browsers /
    color:#999;
    font-style: italic;
}
:-moz-placeholder{ /* Mozilla Firefox 4 to 18 /
    color:#999;
    font-style: italic;
}
::-moz-placeholder{ /* Mozilla Firefox 19+ /
    color:#999;
    font-style: italic;
}
:-ms-input-placeholder{ /* Internet Explorer 10+ /
    color:#999;
    font-style: italic;
}*/

/*a:link{color:#006699;}
a:visited{color:#006699;}
a:hover{color:#3399ff;}
a:active{color:#3399ff;}
select{height:19.5px;}*/
.clr{clear:both;}
.left{float:left;}
.right{float:right;}
.none{display:none;}
.bold{font-weight:bold;}

/*body,html{
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	height:auto;
}*/
/*#container{margin-bottom:15px;}*/

.container{width:calc(100% - 100px);}
.container{
    font-size: 0; /*fix white space*/ /* TODO */
	white-space:nowrap;
	/*margin: 0px 25px;*/
}
.wrapper-3cols{
    font-size: 1.5rem;
	line-height:1.875rem;
	font-weight: 400;
    display: inline-block;
    width: 33.33%;
	min-width:282px;
    margin:0 0 10px 0px;	
}



.container > div:first-child{margin-bottom:25px;}
.container > div:nth-child(1){margin-left:0;}
.container > div:nth-child(7){margin-left:0;}

@media (max-width: 895px){ /*breakpoint*/
    .wrapper-3cols{
        display: block;
        width: 100%;
		margin:0 0 10px 0;
    }
}
.wrapper-2cols{
	font-size: 0.875rem;
	color:#333333;
    display: inline-block;
    width: 50%;
	vertical-align:top;
	min-width:423px;
	margin: 10px;
	/*border:1px solid black; /* TODO */
	min-height: inherit;
	/*height: 850px;*/
}
/*.wrapper-2cols ~ .wrapper-2cols{
	border-right: 1px solid rgb(100, 128, 255);
    border-right: 1px solid rgba(0, 64, 131, .5);
    /*-webkit-background-clip: padding-box; /* for Safari */
   /* background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
/*}*/
.wrapper-2cols-right{
	font-size: 0.875rem; 
	color:#333333;
    display: inline-block;
    width: 30%;
	vertical-align:top;
	min-width:223px;
	/*border:1px solid black;*/
}
.wrapper-2cols-left{
	font-size: 0.875rem; 
	color:#333333;
    display: inline-block;
    width: 70%;
	vertical-align:top;
	min-width:623px;
	/*border:1px solid black;*/
}
#img-right{float:right;}


#container > header{
	width:100%;
	max-width:1200px;
	margin:10px 0;
	padding:0 0 0 10px;
	/*white-space:nowrap;*/
	float:left;
}
.heading{
	color:#333333;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid black;
}
.standardtext{font-size:11px;}
.main{
	width:100%;
	max-width:1200px;
	padding:0 0 0 10px;
	position:relative;
}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.main:before,.main:after{
	content:" "; 
	display:table; 
}
.main:after{clear: both;}
.responsive-column{
	width:50%;
	padding:0 20px 0 0;
	float:left;
}
@media screen and (max-width: 600px){
	.responsive-column{
		width:50%;
	}
}
@media screen and (max-width: 500px){
	.responsive-column{
		width:100%;
	}
}
.steps{
	font-weight:bold;
	font-size:14px;
	margin:5px 0 0 0;
	float:left;	
}
/*
.btn_alt{
	height:25px;
	/* Farbverlauf */
	/*background-image: linear-gradient(to bottom, #ffffff, #ececed);
	background: -webkit-linear-gradient(#ffffff, #ececed); /* Safari */
	/*border:1px solid #dbdbdb;
	color:#999;	
	/* Runde Ecken */
	/*-moz-border-radius:2px; /* Firefox */
	/*-webkit-border-radius:2px; /* Chrome, Safari */
	/*-khtml-border-radius:2px; /* Konqueror */
	/*border-radius:15px; /* CSS3 */
	/*box-sizing: border-box;
	font-size:12px;
	cursor:pointer;
	margin:0 10px 0  0;
}
.btn_alt:active{
	background-image: linear-gradient(to bottom, #ececed, #ffffff);
	background: -webkit-linear-gradient(#ececed, #ffffff); /* Safari */
/*}*/


/*.headline{
	float:left;
	font-weight:bold;
	margin:15px 0 5px 0;
}
.headline-list{
	float:left;
	font-weight:bold;
	margin:10px 0 5px 0;
}*/
/*.radio-ckbox-list input[type="radio"],input[type="checkbox"]{margin:0;padding:0;float:left;}
.radio-ckbox-list div{margin:2px 0 3px 22px;}*/
/*#anrede,#plz_ort,#telefon_gesamt,#vorwahl,#fax_gesamt,#vorwahl_fax{
	width:20%; 
	margin-right:1%;	
}
#durchwahl,#durchwahl_fax{width:58%;}
#ort{width:79%;}
#medien{margin-bottom:8px;}
#knrok,#kartennr,#umsatzsteuer_id_ok,#umsatzsteuer_id,#umsatzsteuer_id_land,#umsatzsteuer_id_ohne_land,#email_vor_daten{float:left;}
#email_vor_daten{
	width:83%;
	margin:1px 1% 0 0;
}
#kartennr{
	width:83%;
	margin:1px 1% 0 0;
}
#umsatzsteuer_id_land{
	width:18%;
	margin:1px 1% 10px 0;
}
#umsatzsteuer_id_ohne_land{
	width:64%;
	margin:1px 1% 10px 0;
}
.abstand-warenkorb{margin-top:20px;}*/
/* WORKSHOP-POPUP */
#hintergrund{
	display:none;
	z-index:1;
	position: fixed;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	background:#ffffff;
}
#popup{
	display:none;
	z-index: 2;
	position: absolute;
	top: 5%;
	left: 1%;
	width:590px;
	border: 1px solid #aaa;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}
#div-gueltige-codes > ul,li{
	list-style-type:none;
	padding:0;
}
#div-gueltige-codes li{
	line-height:20px;
	font-weight:bold;
}
#div-gueltige-codes img{
	cursor:pointer;
	vertical-align:middle;
}
#anderequellen{margin:1px 0 10px 0;}

/* mak */
/*.jstree-themeicon{
	display: none !important;
}*/

.balken{
    background-image: url(../img/balken.png);
    background-repeat: repeat-x;
    width: 133px;
    height: 10px;
    position: relative;
    bottom: 12px;
    display: inline-block;
}

.kugel{
	height: 40px;
	display: inline-block;
}

.progressBar{
	white-space: nowrap; 
	position: absolute; 
	left: 49%;
}

.btn-zum-warenkorb{
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #333333;
    background-color: #F49E00;
    padding: 6px 0 0 55px;
    width: 265px;
    cursor: pointer;
    /*margin-top: 50px;*/
    height: 34px;
    margin-left: 25px;
    float: right;
}
.btn-zurueck-bestaetigung{
	font-size: 1.25rem; 
	line-height: 1.5rem; 
	font-weight: 600; 
	color: #333333; 
	/*background-color: #cccccc;*/
	width: 7.5rem; 
	/*margin-top: 50px; */
	float: left; 
	height: 2.125rem; 
	padding-top: 5px; 
	padding-right: 3px;
}
.btn-weitere-adressen{
	font-size: 1.25rem; 
	line-height: 1.5rem; 
	font-weight: 600; 
	color: #333333; 
	background-color: #cccccc;
	/*margin-top: 50px; */
	height: 2.125rem; 
	padding-top: 5px; 
	padding-right: 3px;
	float: right;
	width: 18rem;
    text-align: center;
    cursor: pointer;
}
.fa-check{
	color: #F49E00;
}
.progressLabel{
	position: absolute;
	top: 50px;
	font-size: 0.5625rem;
    color: #333333;
}
.prograssBarWrapper{
	display: inline-block; 
	height: 68px; 
	width: 100%;
}
.progressBarLinks{
	position: absolute; 
	right: 110%;
}
.progressBarRechts{
	position: absolute; 
	left: 106%;
	bottom: 0%;
}
.progressAuswahl{
	/*left: -13px;*/
	left: 1px;
}
.progressWarenkorb{
	/*left: 45%;*/
    left: 177px;
}
.progressRechnungsadresse{
	/*left: -43px;*/
	left: -16px;
}
.progressZahlung{
	/*left: 35.5%;*/
	left: 140px;
}
.progressBestatigung{
	/*left: 83%;*/
    left: 315px;
}
.headerEinkauf{
	margin-top: 50px; 
	margin-bottom: 50px;
}
/*.liste{
	list-style-position: inside;
}*/
.liste li{
	list-style-position: inside !important;
    list-style: disc;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.liste li span{
    position: relative;
    right: 15px;
}
table{
	background-color: #ededed;
	font-size: 0.75rem;
	color: #333333;
	padding: 25px;
	width: 100%;
	border-spacing: inherit;
	margin-top: 25px;
    table-layout: fixed;
}
#TB_ajaxContent table{
	background-color: transparent !important;
}
th{
    border-bottom: 1px solid black;
    padding-bottom: 20px;
    font-weight: normal;
}
.rechAdresseInput{
    border-width: 1px;
    height: 60px;
    width: 70%;
    border-color: #999999;
    border-style: solid;
}
#rechnungsAdressDaten li{
    padding-bottom: 15px;
}
#rechnungsAdressDaten p{
	font-size: 0.75rem;
}
.zahlungLink{
	color: black;
    font-weight: bold;
}
.h2padding{
	padding-bottom: 25px; 
	padding-top: 50px;
}
.h2padding2{
	padding-bottom: 25px; 
	padding-top: 100px;
}
.btn-zurueck-berechnung{
	font-size:1.25rem; 
	line-height:1.5rem; 
	font-weight:600; 
	color:#333333; 
	background-color:#cccccc;
	width:width:7.5rem; 
	margin-top: 50px; 
	float: left; 
	height: 2.125rem; 
	padding-top: 5px; 
	padding-right: 3px;
}
.paddingtop25{
	padding-top: 25px;
}
.theadtextleft{
	text-align: left;
}
#btn-bestaetigung-zahlung{
	opacity: 0.5;
    cursor: default;
    font-size:1.25rem;
	line-height:1.5rem;
	font-weight:600;
	color:#333333;
	background-color:#F49E00;
	padding:5px 20px;
	width: 300px;
    position: relative;
    bottom: 35px;
}
::-webkit-input-placeholder{
    color: #999999;
    padding-left: 3px;
    font-style: normal;
    font-size: 0.8625rem;
}
::-moz-placeholder{ /* Firefox 19+ */
	color: #999999;
    padding-left: 3px;
    font-style: normal;
    font-size: 0.8625rem;
}
:-ms-input-placeholder{ /* IE 10+ */
	color: #999999;
    padding-left: 3px;
    font-style: normal;
    font-size: 0.8625rem;
}
:-moz-placeholder{ /* Firefox 18- */
	color: #999999;
    padding-left: 3px;
    font-style: normal;
    font-size: 0.8625rem;
}
#berechnungHeader{
	font-size: 3rem; 
	line-height: 3.875rem; 
	font-weight: 400; 
}
input[type=checkbox] ~ label{
    padding-left: 12px;
}
#widerruf, #bedingungen{
	position: relative;
    top: 2px;
}
/*Zeilenumbruch */
.jstree-default a{ 
    white-space:normal !important; height: auto; 
}
.jstree-anchor{
    height: auto !important;
}
.jstree-default li > ins{ 
    vertical-align:top; 
}
.jstree-leaf{
    height: auto;
}
.jstree-leaf a{
    height: auto !important;
}

/*6 Tabs */
.tabbed > input{
  display : none;
}
.tabbed{
  float : left;
  width : 100%;
  font-size: 0.875rem;
}
.tabbed > label{
width: auto;
display: inline-block;
float: left;
cursor: pointer;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
font-size: 1.25em;
font-weight : normal;
background-color: #f49e00;
color: #fff;
line-height: 1.5rem;
padding: 0.875rem 0.5rem;
margin: 0rem 0.125rem;
}
.tabbed > input:not(:checked) + label{
	opacity: 0.5;
}
.tabbed > input:first-child, .tabbed > label:first-child{
  padding-left : 1em;
}
/*#baum_profile_1, #baum_profile_2, #baum_profile_3, #baum_profile_4, #baum_profile_5, #baum_profile_6{
	display: none;
}	 */
.ui-accordion .ui-accordion-header{
	padding: 0em !important;
}
.ui-accordion .ui-accordion-content{
	padding: 0em !important;
	white-space:normal !important; height: auto;
}
/*#baum_profile_1, #baum_profile_2, #baum_profile_3, #baum_profile_4, #baum_profile_5, #baum_profile_6, #baum_branchen, #region{
	height: 600px;
	overflow: auto;
}*/
/*.ui-accordion .ui-accordion-content{
	padding: 0.25em 2.2em !important;
}*/
.baum_level_1{
	padding-left: 10px;
}
.baum_level_2{
	padding-left: 20px;
}
.baum_level_3{
	padding-left: 30px;
}
.baum_level_4{
	padding-left: 40px;
}
ul li{
	font-size: 95%;
}
.btns-abbrechen-weiter{
	/*float:right;*/
	margin-right:10px;
	margin-top:15px;
}
.btn-abbrechen{margin-right:25px;}

.auswahl {
    clear: both;
    position: relative;
    margin-top: 5px;
	white-space: normal;
}

.auswahl>span {
    background-color: #bbbbbb;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    display: inline-table;
    margin-top: 5px;
    margin-right: 5px;
    padding: 5px 8px;
}

.auswahl > span > i {
    cursor: pointer;
    margin-right: 5px;
}

.id_geopost_div.popup > label > input {
	display: none;
}

label.selected {
	background-color: #004083;
	color: white;
}

.id_geopost_div.popup > label {
    width: 100%;
    display: inline-block;
	text-align: left;
}

.fullwidth {
	width: 100% !important;
}

.hidden {
	display: none;
}
.abstand-left {
	padding-left:5em;
}
.preis_right {
	float: right;
}
.container_kond {
	display: block;
	width: 75%;
}
.preis_footer {
	background-color: #ededed;
    font-size: 0.75rem;
    color: #333333;
    padding: 25px;
    width: 100%;
    border-spacing: inherit;
    border-top: solid;
    margin-top: 25px;
}