/* Schrift Einstellungen  Bitte die Reihenfolge von den verschiedene CSS Regeln nicht ändern sonst können einige in der Cascading zerstört werden */
body, 
{
    font-family: 'Open Sans', sans-serif;
}
/* helles Orange border:none; So können Sie auch den �u�ersten Rahmen ganz ausschalten -> border:none;  Rahmen  Orange  Headlinefarbe: bitte auch die Schriftfarbe entsprechend anpassen wenn die Headlinefarbe zu dunkel ist  Headline Hintergrundgrafik Druchsichtig, funktioniert in zusammenhang mit Headlinefarbe  Hintergründe  helles Orange  Schriftfarbe Aufrüfe Menü erste Spalte  Schriftfarbe Kopfmenü, Menü und Balken / Headline  Schriftfarbe */
@charset "UTF-8";
#meinebestellungen #inhalt .produkt_sp1 h2 {font-size:2em;border-bottom:1px solid #ddd;padding-bottom:5px; width:100%;float:left;}
#meinefreigaben #inhalt .produkt_sp1 h2 {font-size:2em;border-bottom:1px solid #ddd;padding-bottom:5px; width:100%;float:left;}
#meinefreigaben #inhalt .druckautraege_tabelle a {color:#333;}
#meinefreigaben #inhalt .druckautraege_tabelle a:hover {text-decoration:underline;}
#meinefreigaben #inhalt .druckautraege_tabelle  {
	list-style:none;}


/* ############## NEU ##################################### */

#fullwidth {
	width:100%;
	float:left;
	box-sizing:border-box;
}

#zahlung label p {
    float: right;
    font-size: 1.4em;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 30px;
    width: auto;
}

#fancy_zwischenspeichern, #lieferadressen_aendern, #rechnungsadressen_aendern {
	width:100%;
	padding:30px;
	box-sizing:border-box;
	float:left;
	overflow-y:auto;
	overflow-x:auto;
	background:#fff;
	height:100%;
}

#zahlung label {
	width:100%;
	
}

#zahlung {
		margin:0 0 30px 0;
		width:220px;
		border-bottom:1px solid #dbdbdb;
		float:right;
		padding-bottom:10px;
}



label p {
    float: left;
    font-size: 1.4em;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 30px;
    width: auto;
}

.entsprechend label p, .abweichend label p {
    float: left;
    font-size: 1.2em;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 30px;
    text-transform: uppercase;
    width: auto;
}

#container {
	width:100%;
	margin:0 auto;
	
}
.warenkorb_icon {
	display:none;
}
.white {
	background:#fff;
}

#kopf {
	width:100%;
	float:left;
	background:#fff;
	margin:0;
	padding:10px 30px;
	box-sizing:border-box;
	position:relative;
}

.rechnungsadr {
	min-height:719px;
	margin-bottom:1% !important;
}

.collapse {
	margin-left:-14.9% !important;
	-webkit-transition: all 0.3s ease-in-out; /* Firefox */
	-moz-transition: all 0.3s ease-in-out; /* WebKit */
	-o-transition: all 0.3s ease-in-out; /* Opera */
	transition: all 0.3s ease-in-out; /* Standard */
}




#hamburger {
    font-size: 1.8em;
    left: 30px;
    margin-top: -25px;
    position: absolute;
}
#hamburger a {
	color:#333;
}
#hamburger a:hover {
	color:#005794;
}
.kopf {
	border-bottom:1px solid #dbdbdb;
	padding:10px 0;
}

#kopf_navigation {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: 48px;
    line-height: 26px;
    margin-top: -25px;
    position: absolute;
    right: 30px;
    text-transform: uppercase;
	
}

#kopf_navigation li:hover {
	color:#005794;
}

#kopf_navigation li {
    margin-right: 0;
	height:45px;
	display:block;
	width:auto;
	padding:0;
}

#logo {
    height: auto;
    margin-top: 0;
    width: 177px;
	margin-bottom:0;
	margin:0 auto;
}

.tabelle_inhalt {
    box-sizing: border-box;
    clear: both;
    float: left;
    position: relative;
    width: 100%;
	padding:30px;
	background:#fff;
	border-radius:1px;
	border:1px solid #ededed;
}

.tabelle_warenkorb th {
	padding:30px;
}

#delete {
    color: #dbdbdb;
    margin-top: -40px;
    position: absolute;
    right: 3px;
}
#shop_navigation {
    background-color: #fff;
    float: left;
    margin-right: 0;
    padding:0;
    width: 15%;
	border-radius:1px;
	border:1px solid #ededed;
	height:100vh;
	margin-top:0px;
	box-sizing:border-box;
	-webkit-transition: all 0.3s ease-in-out; /* Firefox */
	-moz-transition: all 0.3s ease-in-out; /* WebKit */
	-o-transition: all 0.3s ease-in-out; /* Opera */
	transition: all 0.3s ease-in-out; /* Standard */
	line-height:22px;
	overflow:hidden;
	}

#shop_navigation li {
    background:#fff;
	border:none;
	float:left;
	width:100%;
}

#shop_navigation li:hover {
    background:#6AB023;
	color:#fff;
}

#shop_navigation a {
    display: block;
    padding: 15px 0 15px 20px;
	color:#333;
	font-size:1.2em;
	font-family: 'Open Sans', sans-serif;
	border-bottom:1px solid #ededed;
	width:100%;
	float:left;
	box-sizing:border-box;
}

#shop_navigation a:hover {
    display: block;
	color:#fff;
	font-size:1.2em;
	font-family: 'Open Sans', sans-serif;
}

#shop_navigation a:hover, a:active {
    background: none repeat scroll 0 0 ;
    color: #fff;
	
}

#shop_navigation li.headline {
    background: #f3f3f3 none repeat scroll 0 0;
    border-bottom: 1px solid #ededed;
    box-sizing: border-box;
    color: #005794;
    font-family: "Open Sans",sans-serif;
    font-size: 1.5em;
    font-weight: 600;
    padding: 20px 0 15px 20px;
	text-transform:uppercase;
	letter-spacing:1px;
	float:left;
	width:100%;
	box-sizing:border-box;
}

#button_wrap {
	margin-top:30px;
	width:100%;
	float:left;
}

#shop_navigation .hauptgruppe_ausgewaehlt a:hover {
	color:#fff;
}

#shop_navigation ul {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ffffff #ffffff -moz-use-text-color;
    border-image: none;
    border-style: none;
    border-width: 0px 0px 0;
    margin-bottom: 0px;
	width:100%;
	float:left;
}

#preview_wrap {
	float:right;
	width:50%;
}

#inhalt {
	width:100%;
	position:relative;
	padding:30px;
	margin:0;
	box-sizing:border-box;
	background:#fff;
	border-radius:1px;
	border:1px solid #ededed;
	margin-top:0px;
	float:right;
	margin-left:0px;
	margin-bottom:20px;
}

#contentwrap {
	width:85%;
	float:left;
	padding:15px 30px 30px 30px;
	box-sizing:border-box;
	-webkit-transition: all 0.3s ease-in-out; /* Firefox */
	-moz-transition: all 0.3s ease-in-out; /* WebKit */
	-o-transition: all 0.3s ease-in-out; /* Opera */
	transition: all 0.3s ease-in-out; /* Standard */
}

.warenkorb #inhalt, #pdf_vorschau #inhalt, .seriendaten #inhalt, .websubmission.anzeige #inhalt, .portal #inhalt, .easymodus_html #inhalt {
    width:100%;
}

.inhalt {
	padding:30px;
}

#fuss {
    background: #202020 url("/r40/vc_nino/public/themen/nino/b2b/nino/bilder/border.gif") no-repeat scroll 0 0 ;
    bottom: 0;
    color: #afafaf;
    float:left;
    margin-top: 0;
    padding-bottom: 30px;
    padding-top: 30px;
    position: relative;
    width: 100%;
	box-sizing:border-box;
	background-size:100%;

}

#fuss ul {
	width:100%;
	float:left;
	padding-top:30px;
}

.breadcrumb {
    float: right;
    margin: 0 auto;
    padding: 0;
	width:100%;
	box-sizing:border-box;
}

.button, .button button  {
    background: none repeat scroll 0 0 #005794;
    border: medium none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    overflow: visible;
    padding: 15px 20px;
    position: relative;
    text-align: center;
    text-shadow:none;
	height:auto;
	font-size:1.3em;
	box-sizing:border-box;
	width:auto;
	line-height:23px;
	margin-top:0px;

}

.button a, .button a:link {
	background:transparent;
	text-shadow:none;
	border:none;
	width:auto;
	color:#fff;
}

.button .second a, .button .second a:link {
	background:transparent;
	text-shadow:none;
	border:none;
	width:auto;
	color:#fff;
}

.second { 
	background:#fff !important;
	border:1px solid #005794 !important;
	color:#005794 !important;
	line-height: 23px;
}
.second a {
	color:#005794 !important;
}

.second a:hover {
	color:#fff !important;
}
.small {
	padding:10px !important;
	font-size:0.9em;
	line-height:18px;
	margin-top:0px;
}

.ul_spezifikationen {
	width:100%;
	margin-top:10px;
	float:left;
}

.ul_spezifikationen strong {
	font-size:0.8em !important;
	font-weight:600 !important;
}

.second:hover {
	background:#005794 !important;
	color:#fff !important;
}


.button span {
	width:auto;
	text-align:center;
	display:inline-block;
}


#websubmission_navi, #sidebar img{display:none;}
#warenkorb_anschrift nobr b {font-weight:600;color:#333; }
body, input, select, div#navigation ul li.nav {
}
label, input, select, textarea, button {
font-family: 'Open Sans', sans-serif;
}
input {
    background-color: #fff;
    border: 1px solid #dbdbdb;
    color: #333;
    font-size: 1.1em;
    font-weight: 400;
    height: 40px;
    padding-left: 15px;
	border-radius:1px;
	box-sizing:border-box;
}
input:focus {border: 1px solid #005794 ;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);background:#fff;}
#var_menge {width:320px;}
textarea {
	border:1px solid #dbdbdb;
	background-color:#fff;
	font-size:1.1em;
	padding-left:15px;
	color:#333;
	border-radius:1px;
	box-sizing:border-box;
	}
textarea:focus {border: 1px solid #005794 ;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);}



.fa {float:left;font-size:1.5em; padding-right:15px;}
.fa-chevron-right {float:right;padding:0 0 0 15px; }
.produkt a, .produkt a:link {
    color: #333;
    display: block;
	font-weight:600;
	letter-spacing:1px;
}
#logo img {vertical-align:middle; }
#kontakt textarea {height:150px; }
.kunde fieldset {position:relative;padding:35px;margin:0;left:0;top:0;float:left; }
#startseite_mitarbeiterlogin .kunde .vlist li {width:20px; }
#vorlagenauswahl #info_container {width:100%;float:left; }



#begruessung {
float:right;
width:auto;
position:relative;
top:0;
right:0;
margin-top:10px;
}

#begruessung ul {
float:left;
position:relative;
line-height:45px;
}



.breadcrumb .active {font-weight:600; color:#333;}
.nichtweiter {background:#888 !important;color:#fff !important;}
.nichtweiter:hover {background:#999 !important; color:#fff !important; }









.headline {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #404041;
    font-size:1.3em;
    margin-left: 0;
    text-align: left;
    width: 100%;
	font-family: 'Open Sans', sans-serif;
}
#main {width:1140px;
		margin:0 auto;
		padding:30px;
			background:#fff;

			margin-bottom:30px;
			box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
			clear:both;
			margin-top:77px;
			 }




fieldset p {margin:0; }
#info_container .preis {
    float: left;
    font-weight: bold;
    margin-left: 2%;
}
#meine_bestellungen #Suche {margin-bottom:30px; }
#freigaben #Suche {margin-bottom:30px; }
#meine_bestellungen .produkt_sp1 {line-height:22px; }


.produkt_anzahl {
    clear: both;
    margin: 0 auto;
    text-align: center;
	padding-top:80px;
}

#sprach_wahl {
	visibility: hidden;
}

footer ul li {color:#404041; }
#sidebar {
    visibility: collapse;
}
.credits {color:#404041; }


#kopf_navigation ul {
    margin: 0 0 0 0;
}

#kopf_navigation #nav_suche {
    float: left;
    padding-right: 6px;
}
#info_container .vorlagen_schalter_btn {
    float: right;
    margin: 10px 0 0 0;
    width: auto;
}
.produkt_hoechster_staffelpreis {
	margin-top: 5px;
}



#inhalt form label {
    font-size: 0.9em;
    font-weight: 400;
    line-height: 47px;
    text-align: left;
	text-transform:uppercase;
}
select {
    font-size: 1.1em;
    height: 40px;
    width: 378px;
	border:1px solid #dbdbdb;
	color:#333;
	background:#fff;
	padding-left:1%;
	border-radius:1px;
}
select:focus {border: 1px solid #005794 ;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);}

.layer_hilfe {
	position:relative !important;	
	box-sizing:border-box !important;
	-moz-box-sizing:border-box !important;
	-webkit-box-sizing:border-box !important;
	border:2px dashed #005794;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.41);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.41);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.41);
background:#005794;
width:250px;
}

.layer_hilfe p {color:#fff;}
.i_box {
    font-size: 1.1em;
    margin-top: -2%;
    position: absolute;
    right: -175px;
    width: auto;
}

.layer_hilfe:after,
.layer_hilfe::after {
    position: absolute;
    top: 18px;
    left: -15px;
    content: '';
    width: 0;
    height: 0;
    border-right: solid 15px rgba(0,87,148,1);
    border-bottom: solid 15px transparent;
    border-top: solid 15px transparent;
}


.button.medium .button_text {
    padding:0px;
}

.tabelle_warenkorb .sp1 {
    padding: 12px 10px;
}

#warenkorb_anschrift fieldset {margin-bottom:40px;}


.tabelle_inhalt td {
    vertical-align: top;
	border:none;
}



#konfigurator_auswahl article ul {
    border: 1px solid #ddd;
    cursor: pointer;
    height: 54px;
    line-height: 14px;
    padding-bottom: 0;
    padding-top: 130px;
    width: 260px;
}

#websubmission_pfeile li {
    background:none;
    display: block;
    height: 58px;
    line-height: 58px;
    margin: 0 0 10px;
    width: 260px;
}

#websubmission_pfeile li.schritte.a {
    background:none;
	background-color:#f7f7f7;
}

#konfigurator_auswahl article ul:hover {
    border: 1px solid #ddd;
    cursor: pointer;
    height: 55px;
    line-height: 14px;
    padding-bottom: 0;
    padding-top: 130px;
    width: 260px;
}

#konfigurator_auswahl article .eigenschaft_name {
    font-weight: 500;
	font-size:14px;
	padding-left:20px;
	margin-bottom:9px;
	line-height:20px;
	padding-right:49px;
}

.button:hover,  .button button:hover {
    background:none;
background:#257abc;
    color: #fff;

}

h3 {font-size:1.9em; font-weight:300; color:#333; }
vlist ul_spezifikationen {line-height:22px; font-weight:300; }
.spezifikationen {line-height:1.6em; font-weight:300;font-size:0.9em; }
.artikelbeschreibung {margin-top:20px; width:530px;}
.button_container {overflow:hidden; box-sizing:border-box; }
#hilfe_websubmission  {background-color:#fff; }
html {height:100%; }
html>body#datenschutz>div#main>section#inhalt>p>span>a {
	color: #d2d2d2;
	font-style: oblique;
}

html body#bestellungen_anzeigen.kundenseiten div#main.rand section#inhalt article.button_container span.zurueck {
	margin-right:0px;
}
#fuss h3 {font-family: 'Open Sans', sans-serif;font-size:18px;font-weight:500;color:#afafaf;padding-bottom:25px;width:100%;float:left;text-align:left;margin-top:20px;background: url("/r40/vc_nino/public/themen/nino/b2b/nino/bilder/border_footer_headline.gif") no-repeat scroll left bottom rgba(0, 0, 0, 0); }


.projektnummerlink {font-size:1.2em; color:#6AB023;}
.projektnummerlink:hover {text-decoration:underline;color:#0066CC;}
.nachbestellen {color:#6AB023;}
.nachbestellen:hover {text-decoration:underline;color:#0066CC;}

#nav-fuss p {color:#fff;}
html body#warenkorb_schritt1.warenkorb div#main.rand section#inhalt form table.tabelle_warenkorb tbody tr.tabelle_inhalt td.sp4 ul li {
	margin: 6px 0 0 0;
}

html body#warenkorb_schritt1.warenkorb div#main.rand section#inhalt form table.tabelle_warenkorb tbody tr.tabelle_inhalt td.sp4 ul li.last {
	margin: 3px 0;
}

html body#easymodus.easymodus_html div#main.rand section#inhalt article#vorlage_ui form#fussform1 ul div.seitenschaltung input.carousel-control {
	margin: 0 20px 0 0;
	width: 160px;
}

#easymodus input  {
	width:60%;
}
#easymodus select {
	width:61%;
}
#vorlage_ui {
	width:50%;
	float:left;
}
#csv_import #main {margin:0;width:93%; }

#warenkorb_anschrift #main {padding:0;background:none; width:1200px;box-shadow:none;}
#warenkorb_anschrift fieldset {padding:30px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);background:#fff;}




.rand, h1 {
    border: none;
}






#druckdaten_upload #inhalt {width:100%;padding-top:20px; }





#kopf_navigation a {
    color: #404041;
	font-size:17px;
	font-family: 'Open Sans', sans-serif;
}

#nav_suche {
    color: #FFFFFF;
    margin-left: 0;
	display:none;
}



.popup #inhalt {
    height:auto;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}


.druckautraege_tabelle td, .druckautraege_tabelle th {
    padding: 5px;
    vertical-align: top;
}
.lieferadressen_box_table .sp2 {
    width: 17%;padding:15px 0;
}
.lieferadressen_box_table .sp3 {
    width: 18%;padding:15px 0;
}
.lieferadressen_box_table .sp4 {
    width: 18%;
}
.lieferadressen_box_table .sp1 {
    vertical-align: middle;
    width: 13%;
}

.tabelle_preis {line-height:0px; width:100%; }


#rechnungsadressen_box .button_text {color:#333; }
#rechnungsadressen_box .button_text:hover {text-decoration:underline; }

#csv_import #inhalt {width:100%; }



ul {
    color: #404041;
}

#fuss a {
    color: #fff;
	font-size:11px;
}
#begruessung .button a, #begruessung .button a:link, #begruessung .button button {padding:10px; }
#nav-fuss ul {margin-top:10px;}
#info_container footer h1 {
    font-size: 1.9em;
    height: auto;
    line-height: 22px;
    padding: 5px 10px;
    width: 100%;
}
#vorlagenauswahl h1 strong {font-weight:200;font-size: 0.8em; }

#vorlagenauswahl ul h1 {
    border: medium none;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    text-transform: uppercase;
}
#begruessung .button {float:right; }
#footwrap {width:100%; background:url('/r40/vc_nino/public/themen/nino/b2b/nino/bilder/debut_dark.png');background-color:#202020;float:left;}
#allwrap {float:left;width:100%;height:100%;}


.popup.formular input {
    width: 370px;
}


.popup.formular .input_plz {
    margin: 3px 5px;
    width: 80px;
}


.popup.formular .input_ort {
    margin: 3px 0;
    width: 155px;
}

li#nav_meine_bilder {
    display: none;
}

.wichtig, .button.wichtig a:link {

    background: none repeat scroll 0 0 #D7171A;
    border: medium none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    overflow: visible;
    padding: 15px 20px;
    position: relative;
    text-align: center;
    text-shadow:none;
	height:auto;
	font-size:1.5em;
	box-sizing:border-box;
	line-height:27px
}

#info_container footer {
    float: left;
    margin: 20px 0;
	width:100%;
}

.wichtig:hover {
    background:none;
	background-color:#ff4a4d;
    border:none;

    color: #fff;
    text-shadow:none;

}
hr {border:0px; }
#inhalt form li {
	border:none;
    float: left;
    height: auto;
    padding: 0.2% 0;
    position: relative;
    width: 100%;
}
#warenkorb_anschrift #inhalt form li {
    border:none;

}


h1 {
    background: none;
	text-align:left;
	color: #777;
	font-size:2em;
	text-transform:uppercase;
	font-weight:600;
	border-bottom:1px solid #dbdbdb;
	width:100%;
	letter-spacing:1px;
	height:auto;
	line-height:25px;
	padding-bottom:5px;
}


#info_container article {
    float: left;
    width: 475px;
}
#kontakt 
.button.submit_btn {
    float:right;
}
fieldset {
    border: none;
    margin: 0;
    padding: 0;	
}
#meinevorgaenge h2 { font-size:14px; }
legend {
    color: #333;
	font-size:29px;
	font-weight:300;
	padding:0px;
	float:left;
	margin-bottom:40px;
}

#websubmission #inhalt strong {font-size:1.3em; }
body {
/* background: url(/r40/vc_nino/public/themen/nino/b2b/nino/bilder/debut_dark.png);*/
 height:100%;
 margin:0px 0;
 font-family: 'Open Sans', sans-serif;
 background:#fafafa;
 overflow-x:hidden;
}


#kopf_navigation li {
    color: #404041;

}
#kopf_navigation a:hover {color:#6AB023; }

table input, .warenkorb table input {
    width: 100px;
	padding-left:5px;
}


#headwrap {width:100%; height:124px;background:#fff;background-color:#fff;}
#begruessung li {
    color:#404041;
}






.zweispaltig .produkt {
    width: 250px;
	height:150px;
}

#lagerware #inhalt article {
    border: none;
    width: 50%;
	margin:0;
}
#konfigurator_auswahl article:hover ul {
    color: #6AB023;
}
#lagerware #inhalt label {
    width: 130px;

}
.websubmission #inhalt form input, .websubmission .auflage input {
    float: left;
    width: 120px;
}


#lagerware #inhalt aside {
    float: left;
    margin: 0;
    width: 50%;
}

.tabelle_warenkorb  {
    color:#404041;
}
.warenkorb select {width: 61%; }
.warenkorb input {width: 60%; }

.halb {
	width:50% !important;
	margin-left:0px !important;
	float:left !important;
	margin-bottom:5px !important;
}


	

#info_container header h1 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    height: auto;
    margin: 0;
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
	width:100%;
}

#info_container section {
    float: left;
	padding:0;
	margin:0;
}



.tabelle_warenkorb .sp3 a {
	color:#333;
	cursor:pointer;
	font-size:1.3em;
}

.tabelle_warenkorb .sp3 .fa-times:hover {
	color:red;
}

.tabelle_warenkorb .sp3 .fa-clipboard:hover {
	color:grey;
}

.tabelle_warenkorb .sp2 strong {
    font-size: 1.5em;
    letter-spacing: 1px;
    line-height: 19px;
    text-transform: uppercase;
}


.druckautraege_tabelle tr .sp4 {
    line-height: 23px;
    width: 29%;
}
#auftragdetails td {vertical-align:top; padding-top:0px;line-height:22px;}

.box_bestellung	{
	width:100%;
	}
	
	
	th {
    font-weight: 300;
	color:#888;
	font-size:1em;
	padding-bottom:3px !important;
	float:left;
}
td {font-size:1.2em;color:#404041;font-family: 'Open Sans', sans-serif; }
#iframe_agb_bestellung {
    height: 150px;
    width: 97.9%;
	background:#fafafa;
}
.breadcrumb ul {
	background:none;
    padding-top:6px;

	font-size:1.1em;
	text-transform:uppercase;

}

.wichtig, strong {
    font-weight: 600;
}
#websubmission .button.small .button_text {padding:0; }
#websubmission .button.small a {

    height: 31px;

}
#designerContainer {
	height:600px;
	}
	







	
td {
    padding-top:20px;
    text-align: left;
    vertical-align: middle;
}
.tabelle_headline {
    border-bottom: 1px solid #dedede;
}




a {
    color: #FFFFFF;
    text-decoration: none;
	
}
.schritteschrift_aktiv {
    font-weight: bold;
    width: 210px;
}
#kopfnavigation a {display:block; }

.button.small .button_text {
    padding:0;
}


#kopf_navigation a, #kopf_navigation a:link {
}
#nav_suche .einloggen_btn a {
    margin-top: 16px;

}
#bestellungen_anzeigen .button_container {
    margin:0;
}


.footer_article {    float: left;
    padding: 2% 5%;
    width: 33.33%;
	box-sizing:border-box;}
	
#nav_suche .input_feld {
    margin-top: 17px;

}



.tabelle_headline {
    border-bottom: 1px solid #dedede;
	color:#404041;
}

label {
    color: #333;
	width:22%;
}

p {
    color: #333;font-size:1.2em;
}
.tabelle_warenkorb {margin-bottom:0px; }
d {
color: #6AB023;
font-size:19px;
font-weight:300;
}


#begruessung li {
    color: #404041;
}


#shop_navigation .hauptgruppe_ausgewaehlt a {
    color: #404041;
	font-weight:600;
}


.breadcrumb li {
	width:auto;
	font-size:12px;
	color:#404041;
}

.breadcrumb li:after {content: "  > ";color:#888;margin:0 7px; }
.breadcrumb li:last-child:after {content: ""; }
.breadcrumb a {color:#afafaf; font-size:1.1em;color:#afafaf; }

.produkt.hover {
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
	border:1px solid #005794;
	background:#fff;
	 }


.produkt_vorschau img {
    width: 250px;
	height:204px;
	max-height:none;
}
.produkt_vorschau img:hover {opacity:0.75;
filter:alpha(opacity=40); }


.dreispaltig .produkt {
height: 230px;
    width: 250px;
}

.produkt {
	margin: 0;
	height: auto;
	width:20%;
	background:#fff;
	border:1px solid #ededed;
	border-radius:3px;
	padding:30px;
	box-sizing:border-box;
	margin-right:1%;
	text-align:center;
}

.produkt .headline {
text-align:center;
text-transform:uppercase;	
}

.zweispaltig .produkt {
    height: auto;
    margin-left: 0;
    margin-right: 2%;
    width: 31.2%;
}

#websubmission 
.auflage_container {
    float: left;
    overflow: hidden;
    width: 844px;
}


#websubmission_pfeile {
    border-right: 1px solid #ddd;
    float: left;
    margin:0;
    padding-right: 30px;
    width: 275px;
}

.schritteschrift_aktiv span {
    color: #404041;
    float: left;
    font-size:1.3em;
    font-weight: 300;
    line-height: 21px;
    margin-right: 20px;
    padding: 0 0 0 10px;
}

.hilfe_btn {
    float: right;
    font-size: 12px;
    margin: 0 0 0 0;
}
#warenkorb_schritt1 p {font-weight:300; }
#konfigurator_auswahl article {
    display: inline;
    float: left;
    height: 186px;
    margin-left: 20px;
    padding: 0 0 0 0px;
    text-align: left;
    width: 260px;
	background:#fff;
	margin-bottom:20px;
}


#websubmission_pfeile .schritte.e {
    margin-bottom: 20px;
    opacity: 0.65;
}

#konfigurator_auswahl {
    float: left;
    margin: 0 0 20px 10px;
    width: 844px;
}

.schritteschrift span {
    float: left;
    padding: 0 0 0 10px;
	color:#404041;
}

#websubmission_pfeile .schritt {
    background: none;
    color: #6AB023;
    display: block;
    font-size: 38px;
    font-weight: 500;
    height: 58px;
    line-height: 58px;
    text-align: center;
    text-shadow:none;
    width: 58px;
}

#inhalt .headline {background:#fff;float:left;}
.gesamtpreis_anzeige {
    font-size: 30px;
    font-weight: 500;
    white-space: nowrap;
	color:#6AB023;

}
.nummerierung {padding-top:50px; font-size:1.2em; color:#888; }
.produkt_vorschau img {
    float: left;
    max-height: none;
    width:100%;
	height:auto;
	max-width:none;
}


#warenkorb_schritt1  select {width:128px; }


#meinevorgaenge h2 {
    background: #6AB023 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 1.1em;
    padding: 15px;
    text-align: center;
    width: 30.3%;
}
#meinevorgaenge h2:hover {background:#0087BF;}

#websubmission select {width:298px; }
#websubmission #inhalt {padding:0; box-shadow:none;}




#startseite #inhalt {padding-bottom:60px; }
#zoom_img_span {float:left; }

.collapse_content {
	width:99.9% !important;
	box-sizing:border-box;
	-webkit-transition: all 0.3s ease-in-out; /* Firefox */
	-moz-transition: all 0.3s ease-in-out; /* WebKit */
	-o-transition: all 0.3s ease-in-out; /* Opera */
	transition: all 0.3s ease-in-out; /* Standard */
}




input.input_radio, input.input_checkbox {
    border: medium none;
    height: 16px;
    margin: 14px 10px;
    width: auto;
}

.entsprechend {
	width:100%;
	float:left;
}

.abweichend {
	width:100%;
	float:left;
}

.label_lang {
    line-height: 42px;
    width: auto;
}

.input_right {
	overflow-x:hidden;
}

.input_right input, .input_right select {
	width:90% !important;
}

.input_right .input_plz {
	width:20% !important;
	margin-right:1%;
}

.input_right .input_ort {
	width:68.5% !important;
	margin-right:1%;
}


.weitere_angaben .login_input label {
    width: 160px;
}



.login_input label {
    font-size: 0.9em;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 47px;
    text-transform: uppercase;
}

.login_input {
	padding:3px 0;
	float:left;
	width:100% !important;
}

.login_input select, .login_input input, .login_input textarea {
	width:500px;
}

.login_input .input_plz {
    margin-right: 10px;
    width: 110px;
}

.login_input .input_ort {
    width: 380px;
}

.login_input label {
	width:110px;
}

select {
    float: left;
    margin: 0;
}

.next {
	background:#6AB023;
}

.next:hover {
	background:#7bcc29;
}


#zustimmung li p {
    float: left;
    line-height: 42px;
}

.agb_zustimmen {
    float: left;
    margin-top: 30px;
    width: 100%;
}

#vorlagenauswahl #inhalt {border:none;padding:0; }

.galleria-container {
    background: #fafafa none repeat scroll 0 0 !important;
    border: 1px solid #ebebeb !important;
    border-radius: 1px !important;
    overflow: hidden;
    position: relative;
}

#vorlage_ui label {
    float: left;
    width: 25%;
	letter-spacing:1px;
}

#meine_daten_mitarbeiter #inhalt form label {
    width: 110px;
}


.produktauswahl #inhalt, .websubmission.artikelauswahl #inhalt {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.button_left_margin {
	margin-right:20px;
}

#easymodus .button_container {
	width:50%;
}

.tabelle_warenkorb .sp1 img {
    max-width: 91% !important;
	max-height:auto !important;
}

.warenkorb #inhalt, #pdf_vorschau #inhalt, .seriendaten #inhalt, .websubmission.anzeige #inhalt, .portal #inhalt, .easymodus_html #inhalt {
    margin-left: 0px;
}

.margin-left {
	margin-left:5px !important;
	width:49% !important;
}
.overlay {
					background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
					box-sizing: border-box;
					height: 98%;
					left: 0;
					min-height: 89px;
					position: absolute;
					text-align: center;
					top: 0;
					width: 91%;
					opacity:0;
				}
				
				.overlay:hover {
					opacity:1;
				}
				.overlay a {
				padding:0 10px;
				float:left;
				width:42px;
				box-sizing:border-box;
				}
.tabelle_warenkorb .sp1 img { max-width:91%; border:1px solid #ebebeb;float:left;}
                .tabelle_warenkorb .sp1 {padding-left:0; width:20%;float:left;}
                .tabelle_warenkorb .sp2 {width:40%;float:left;}
                .tabelle_warenkorb .sp3 {width:20%;float:left;}
                .tabelle_warenkorb .sp4 {width:10%;float:left;}
                .tabelle_warenkorb .sp5 {padding-right:0; width:10%;float:left;}
				
				.tabelle_warenkorb .sp4 p {font-weight:500 !important;line-height:13px;}
                .tabelle_warenkorb .sp5 p {font-weight:500 !important;line-height:13px;}
				
tr {width:100%;float:left; }

.textfeld_auswahl {
	width: 100%;
}
.textfeld_auswahl label {
	width:180px !important;
}


.feld_container {
	overflow-x:hidden;
}

.textfeld_auswahl input, .textfeld_auswahl select {
	width:90% !important;
}

.suchebutton {
    padding-bottom: 3px;
    padding-top: 8px;
    position: absolute;
    right: 0;
    width: 61px;
	margin-top:0px;
}

.druckautraege_tabelle tr .sp1 {
    float: left;
    padding-left: 0;
    width:68%;
	box-sizing:border-box;
}

.druckautraege_tabelle tr .sp2 {
    float: left;
    padding-left: 0;
    width: 15%;
	box-sizing:border-box;
}

.druckautraege_tabelle tr .sp3 {
    float: left;
    padding-left: 0;
    width: 17%;
	box-sizing:border-box;
}

input[type=checkbox] { display:none; } /* to hide the checkbox itself */
input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}

input[type=radio],
input[type='checkbox'] {
  display: none;
}
input[type=radio] + label {
  display: block;
  margin-right:30px;
  width:auto;
}
input[type='checkbox'] + label:before,
input[type='radio'] + label:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 30px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 8px;
  width: 23px;
  font-size:2em;
  color:#333;
  vertical-align:middle;
  float:left;
  background:rgba(255,255,255,0.60);
  font-size:2em;
  color:#333;
  text-align:center;
  line-height:25px;
}

#agbscroll {
	width:100%;
	border:2px dashed #005794;
	padding:30px;
	box-sizing:border-box;
}
input[type=radio] + label:before {
  content: "\f10c"; /* Radio Unchecked */
}
input[type=radio]:checked + label:before {
  content: "\f05d"; /* Radio Checked */
}
input[type="checkbox"] + label:before {
  content: "\f096"; /* Checkbox Unchecked */
}
input[type="checkbox"]:checked + label:before {
  content: "\f046"; /* Checkbox Checked */
}
.radio label,
.checkbox label {
  padding-left: 0;
}

.login_container .login_input label {
    width: 170px;
}

.suchefeld {
	width:620px !important;
}

#meine_bestellungen_posten .tabelle_inhalt {
	padding:0;
	border:0;
	border-bottom:1px solid #dbdbdb;
}

#meine_bestellungen_posten 
.druckautraege_tabelle tr .sp3 {
    width: 18%;
}

#meine_bestellungen_posten 
.druckautraege_tabelle tr th {
    padding-top:16px;
}

#meine_bestellungen_posten 
.druckautraege_tabelle tr .sp2 {
    width: 18%;
	padding-top:16px;
	
}

#meine_bestellungen_posten .druckautraege_tabelle tr .sp1 {
    padding-top: 16px;
    width: 64%;
}

.agb_zustimmen input[type="checkbox"] + label::before, input[type="radio"] + label::before {
    line-height: 50px;
}

.produkt_headline {
	font-size:1.5em;
}
/* ##################################### RESPONSIVENESS ######################################## */
@media (max-width: 1200px) { /* Breite beträgt höchstens 1024px */ 

#meine_bestellungen_posten 
.druckautraege_tabelle tr th {
   display:none;
}

#meine_bestellungen_posten 
.druckautraege_tabelle tr .sp3 {
    width: 100%;
}


#meine_bestellungen_posten 
.druckautraege_tabelle tr .sp2 {
    width: 100%;	
}

#meine_bestellungen_posten .druckautraege_tabelle tr .sp1 {
    width: 100%;
}

.feld_container {
	overflow-x:visible;
}
.input_right {
    overflow-x:visible;
}

#shop_navigation {
	margin-left: -29.9%;
	overflow:hidden;
	width:30%;
}

#contentwrap {
	width:99.8%;
}

.collapse {
	margin-left:0% !important;
	overflow:auto !important;
}

.collapse_content {
	width:69.9% !important;
}

.button {
	box-sizing:border-box;
	margin-bottom:5px !important;
	width:100%;
	margin-top:0px;
	
}
.button, .button a, #easymodus .button_container, #vorlage_ui  {
	width:100%;
}
.suchebutton {
	width:63px;
	margin-top:20px;
	margin-bottom:0 !important;
	height:40px;
}

.produkt {
	width:33.3%;
}

.halb {
	width:100% !important;
}

.footer_article {
	width:100%;
	padding-left:30px;
}

#preview_wrap {
	float:left;
	width:100%;
}

.login_input, .login_input input, .login_input select, .login_input label, .login_input textarea {
	width:100% !important;
	line-height:20px !important;
}

.login_input {
	margin-bottom:6px;
	position:relative;
}

.login_input .input_plz {
	width:20% !important;
	margin-right:1%;
}

.login_input .input_ort {
	width:79% !important;
}

#inhalt {
	padding:20px;

}

.textfeld_auswahl label, .textfeld_auswahl input, .textfeld_auswahl select {
	width: 100% !important;
	line-height:20px !important;
}

.textfeld_auswahl {
	margin-bottom:6px;
}
}

@media (max-width: 600px) { /* Breite beträgt höchstens 1024px */ 
#shop_navigation {
	margin-left: -99.9%;
	overflow:hidden;
	width:100%;
}
.collapse_content {
	margin-right:-99.9% !important;
	box-sizing:border-box;
	-webkit-transition: all 0.3s ease-in-out; /* Firefox */
	-moz-transition: all 0.3s ease-in-out; /* WebKit */
	-o-transition: all 0.3s ease-in-out; /* Opera */
	transition: all 0.3s ease-in-out; /* Standard */
}
.produkt {
	width:100%;
	margin-bottom:15px;
}
.margin-left {
	margin-left:0% !important;
	width:100% !important;
}

#startseite_mitarbeiterlogin #inhalt {
	width:90% !important;
	left:50%;
	transform:translate(-50%,-50%);
	margin:0;
	box-sizing:border-box;
	position:absolute;
	top:50%;
}
#contentwrap {
	padding:15px;
}
h1 {
	font-size:1.5em;
}
.warenkorb_icon {
	display:block;
}
.warenkorb_schrift {
	display:none;
}

#easymodus select, #easymodus input {
	width:100%;
	margin-bottom:5px;
}

#hamburger {
	left:15px;
}

#kopf_navigation {
	right:15px;
	width:26px;
}

.right {
	float:left;
}

.tabelle_warenkorb .sp1 img { max-width:100% !important; border:1px solid #ebebeb; width:100%;}
                .tabelle_warenkorb .sp1 {padding-left:0; width:100%;float:left;display:none;}
                .tabelle_warenkorb .sp2 {width:100%;float:left;}
                .tabelle_warenkorb .sp3 {width:100%;float:left;}
                .tabelle_warenkorb .sp4 {width:100%;float:left;display:none;}
                .tabelle_warenkorb .sp5 {padding-right:0; width:100%;float:left;
}

.overlay {
	width:100%;
}

th {
	display:none !important;
}

.tabelle_warenkorb .sp5 nobr {
	font-size:1.7em;
}

.druckautraege_tabelle tr .sp1 {
    float: left;
    padding-left: 0;
    width:40%;
	box-sizing:border-box;
}

.druckautraege_tabelle tr .sp2 {
    float: left;
    padding-left: 0;
    width: 25%;
	box-sizing:border-box;
}

.druckautraege_tabelle tr .sp3 {
    float: left;
    padding-left: 0;
    width: 35%;
	box-sizing:border-box;
}


.tabelle_warenkorb .sp5 nobr {
    font-size: 1.5em;
}
}