/* layout.css */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, span, a, table, td, form, img, li { 
	margin: 0; 
	padding: 0;
	font-family: 'Questrial', sans-serif;
	font-weight:400;
	
}

html, body { 
	font-size: 14px;
	color:#333333;
	background:#ffffff;  
} 

ul {
	margin-left:20px;
}

.sit-pagewrapper {
	background:#ffffff;
	max-width: 100%;
	margin:auto;
	overflow-x:hidden;
	position: relative;
}

/* Modularer Aufbau in Klassen */

.sit-logo {
	text-align: center;
}
.sit-navi {
	padding:5px 5px 5px 5px;
	min-height: 45px;
}
.sit-navi-produkt-button {
	width:45px;
	height: 45px;
	background:#ffffff;
	float:left;
	position: relative;
}
.sit-navi-produkt-button a { 
	position: absolute;
	top:0;bottom: 0;right: 0;left: 0;
	width: 100%;
	height: 100%;
}
.sit-navi-produkt-buttonaktiv {
	display:none;
	width:45px;
	height: 45px;
	background:#ffffff;
	float:right;
	position: relative;
	z-index:12;
}
.sit-navi-produkt-buttonaktiv a { 
	position: absolute;
	top:0;bottom: 0;right: 0;left: 0;
	width: 100%;
	height: 100%;
}
.sit-navi-produkt-text {
	line-height: 45px;
	float:left;
}
.sit-navi-produkt-text span {
	font-size: 1.6em;
	text-transform: uppercase;
	padding-left: 10px;
}
.sit-navi-warenkorb-button {
	width:45px;
	height: 45px;
	background:#ffffff;
	float:right;
	position: relative;	
}
.sit-navi-warenkorb-button a { 
	position: absolute;
	top:0;bottom: 0;right: 0;left: 0;
	width: 100%;
	height: 100%;
}
.sit-navi-warenkorb-buttonaktiv {
	display:none;
	width:45px;
	height: 45px;
	background:#ffffff;
	float:left;
	position: relative;
	z-index:12;
}
.sit-navi-warenkorb-buttonaktiv a { 
	position: absolute;
	top:0;bottom: 0;right: 0;left: 0;
	width: 100%;
	height: 100%;
}
.sit-suche-zu {
	width:45px;
	height: 45px;
	float:left;
	position: relative;	
	background:#ffffff;	
}
.sit-suche-zu a { 
	position: absolute;
	top:0;bottom: 0;right: 0;left: 0;
	width: 100%; 
	height: 100%; 
	background:url(../images/suche-button.png) no-repeat center center #ffffff;	
}
.sit-suche-auf {
	width:45px;
	height: 45px;
	float:left;
	position: relative;	
	display: none;
	background:#EC741A;	
}
.sit-suche-auf a { 
	position: absolute;
	top:0;bottom: 0;right: 0;left: 0;
	width: 100%; 
	height: 100%; 
	background:url(../images/suche-button-up.png) no-repeat center center #EC741A;	
}
.sit-suchfelder {
	display:none;
	padding:5px 5px 5px 5px;
}

/* Produktnavi */
.sidebar-navigation h3 {
	padding:15px 0px 10px 15px;
}
.sit-overlayweiss {
	background:url(../images/transweiss.png);
	position: absolute;
	top: 0px; bottom: 0px; left:0px; right:0px;
	z-index: 9;
	display:none;
}

/* Produktnavi ENDE */

.sit-zahlung-text {
	border-top:2px solid #cccccc;
	padding-top:10px;
}
.sit-footer {
	display:inline-block;
	width:100%;
}
.sit-footer ul {
	padding:0px 0px 0px 0px;
}
.sit-footer li {
	list-style: none;
}
.sit-footer li a {
	text-decoration: none;
	color:#666666;
}
.sit-footer li a:hover {
	text-decoration: none;
	color:#005186;
}
.sit-footer-l {
	width:50%;
	float: left;
}
.sit-footer-r {
	width:50%;
	float:left;
}

/* Warenkorb*/
.warenkorbcanvas {
  background-color: #005186;
  color: white;
  overflow-x: hidden;
  width: calc(100% - 50px);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
	z-index: 10;
	
	display:none;
  /*---------------------- Navigation */
}

.sit-warenkorb-links {
	border-top:1px solid #64A6D5;
	border-bottom:1px solid #64A6D5;
}

.sit-warenkorb-artikel-anzahl {
	width:20%;
	float:left;
}
.sit-warenkorb-artikel-beschreibung {
	width:80%;
	float:left;
}
.sit-warenkorb-artikel {
	border-top:1px solid #64A6D5;
	clear:both;

}
.sit-warenkorb-summe {
}
.sit-warenkorb-kasse {
	background:#ffffff;
	width:100%;
}
.sit-warenkorb-kasse a {
	color:#EC741A;
	text-decoration: none;
}
.sit-content {
}
/* Warenkorb ende*/


/* input Felder global */
.input-label {
	color:#333333;
	padding:5px 0px 5px 0px;
}
.input-text {
	background:#cccccc;
	border:0px;
	color:#333333;
	padding:15px 0px 15px 0px;
	margin:3px 0px 15px 0px;
	width: 100%;
}
.input-button {
	background:#005186;
	border:0px;
	color:#ffffff;
	font-size: 1.2em;
	padding:15px 15px 15px 15px;
	margin:3px 0px 15px 0px;
	width:100%;
	text-transform: uppercase;
}
.input-button:hover {
	background:#EC741A;
	border:0px;
	color:#ffffff;
	padding:15px 15px 15px 15px;
	margin:3px 0px 15px 0px;
	width:100;
	text-transform: uppercase;
}
.input-radio {
	border:0px;
	padding:15px 15px 15px 15px;
	margin:3px 0px 15px 0px;
	width:auto;
}
/* input Felder global ENDE */

/* Allgemeine Klassen zur Verwendung */
.sit-link-weiss a {
	color:#ffffff;
	text-decoration: none;
}
.sit-link-weiss a:hover {
	color:#64A6D5;
	text-decoration: none;
}
.sit-link-blau a {
	color:#005186;
	text-decoration: none;
}
.sit-link-blau a:hover {
	color:#333333;
	text-decoration: none;
}
.sit-text-weiss {
	color:#ffffff;
}
.sit-text-blau {
	color:#005186;
}
.sit-bg-blau {
	background:#005186;
}
.sit-bg-weiss {
	background:#ffffff;
}
.sit-bg-grau {
	background:#cccccc;
}

.sit-paddingtb {
	padding-top:20px;
	padding-bottom:20px;
}
.sit-paddingrl {
	padding-right:20px;
	padding-left:20px;
}
.sit-respimg img {
	max-width:100%;
	height: auto;
}
.sit-center {
	text-align: center;
}
.nodisplay {
	display:none !important;
	}
.nodisplay-sm {
	display:block !important;
	}
.nodisplay-xs {
	display:block !important;
	}

@media screen and (max-width: 991px) {
.nodisplay-sm {
	display:none !important;
	}
}

@media screen and (max-width: 767px) {
.nodisplay-xs {
	display:none !important;
	}
}

/* ALLGEMEIN ---------------------------------------- */
h1 {
	font-size: 2.0em;	
	}

h2 {
	font-size: 1.9em;	
	}

h3 {
	font-size: 1.7em;
	}

h4 {
	font-size: 1.4em;	
	}

h5 {
	font-size: 1.3em;	
	}

h6 {
	font-size: 1.0em;	
	}


hr {
}

a:link { 
} 

a:visited { 
}

a:hover { 
} 

a:active { 
}

strong { 
}

.input1 {
	background: rgb(204, 204, 204);
	padding: 8px;
	border: 0px currentColor;
	border-image: none;
	color: rgb(51, 51, 51);
	font-family: "Questrial", sans-serif;
	font-weight: 400;
}

.input2 {
	background: rgb(0, 82, 134);
	padding: 8px;
	border: 0px currentColor;
	border-image: none;
	color: rgb(255, 255, 255);
	font-family: "Questrial", sans-serif;
	font-weight: 400;
}

.input1small {
	background: rgb(204, 204, 204);
	padding: 3px;
	border: 0px currentColor;
	border-image: none;
	color: rgb(51, 51, 51);
	font-family: "Questrial", sans-serif;
	font-weight: 400;
}

.input2small {
	background: rgb(0, 82, 134);
	padding: 3px;
	border: 0px currentColor;
	border-image: none;
	color: rgb(255, 255, 255);
	font-family: "Questrial", sans-serif;
	font-weight: 400;
}

.input2, .input1, .input2small, .input1small {padding-left:0px;padding-right:0px;}

/* navigation.css */
.sidebar-navigation {
  background-color: #005186;
  color: white;
  overflow-x: hidden;
  width: calc(100% - 50px);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
	z-index: 10;
	
	display:none;
  /*---------------------- Navigation */
}
.sidebar-navigation a {
  color: #ffffff;
  text-decoration: none;
}
.sidebar-navigation nav {
  position: relative;
  height: 100%;
}

/* bootstrap.css */
html {
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  line-height: 1.42857143;
}

/* Verhindert den automatischen Zoom von IOS-Geräten bei Klick auf RadioButton und Checkbox */
span span span input {font-size:16px !important}

span span input {font-size:16px !important}

/* row und col-md-11 für Mobilversion aufheben */
.row {margin:0;}

.col-md-11 {width:100%;padding:0;}

.col-md-4 { padding:0; }

/* Scaling Images für Mobilversion */
.Kanban_img, .AboutUs_img_350, .AboutUs_img_363, .AboutUs_img_400, .AboutUs_img_500 {width:100%;}

@media screen and (min-width: 600px) { .Kanban_img {width:600px;} }

@media screen and (min-width: 425px) { .AboutUs_img_350 {width:350px;} }

@media screen and (min-width: 440px) { .AboutUs_img_363 {width:363px;} }

@media screen and (min-width: 475px) { .AboutUs_img_400 {width:400px;} }

@media screen and (min-width: 575px) { .AboutUs_img_500 {width:500px;} }

/* NavBar und NavBarGroup Padding angepasst */
.NavBar_padding {padding:0;}

.NavBar_Group_Padding {padding:0;}

@media screen and (min-width: 345px) { .NavBar_Group_Padding {padding:5px;} }