/* CSS Document */

@font-face {
  font-family: 'TitilliumWeb-Light';
  src: url('../fonts/TitilliumWeb-Light.eot');
  src: url('../fonts/TitilliumWeb-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/TitilliumWeb-Light.woff') format('woff'),
       url('../fonts/TitilliumWeb-Light.ttf') format('truetype'),
       url('../fonts/TitilliumWeb-Light.svg#TitilliumWeb-Light') format('svg');

    font-weight: normal;
    font-style: normal;
}
html, body {
    	height: 100%;
		margin: 0px;
}

body {
  padding: 0px;
  text-align: center;font-family: 'TitilliumWeb-Light';
}
body{
        padding-top:70px;
    }


.warenkorbtext{
font-family: 'TitilliumWeb-Light';
font-size:1.0em;
font-weight:bold;
}
.smallimage{
width:80px;
height:53px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  padding:15px;
}
.divleft{
width:35%;
text-indent:25px;
text-align:left;
float:left;
font-size:0.8em;

}
.divright{
width:60%;
float:right;
text-align:right;
padding-right:25px;
font-size:0.8em;

}
/* CSS Document */


/*****************************/


/* Plugin styles */
.thumbnails-carousel{
    	width:100%;
    	overflow:hidden;
		height:95px;
		white-space: nowrap;	
		display: inline-block;
		background-color: #333;
		bottom:0px;
		position:absolute;


}
ul.thumbnails-carousel {
	padding: 5px 0 0 0;
	margin: 0;
	list-style-type: none;
	text-align: center;display: inline-block;
}
ul.thumbnails-carousel .center {
	display: inline-block;
}
ul.thumbnails-carousel li {
	margin-right: 5px;
	float: left;
	cursor: pointer;
}
.controls-background-reset {
	background: none !important;
}
.active-thumbnail {
	opacity: 0.4;
}
.indicators-fix {
	bottom: 70px;
}

input#gobutton{
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/ 
padding:5px 5px; /*add some padding to the inside of the button*/ 
background:#fff; /*the colour of the button*/ 
border:1px solid #CCCCCC; /*required or the default border for the browser will appear*/ 
/*give the button curved corners, alter the size as required*/ 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
border-radius: 3px;

/*style the text*/ 
color: #333333;
font-size:1.1em;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/ 
input#gobutton:hover, input#gobutton:focus{
background-color :#fff; /*make the background a little darker*/
/*reduce the drop shadow size to give a pushed button effect*/ 

}
.search {
     padding:8px 15px;
     background:none;
	 color:#333;
	 border: 1px solid #CCCCCC;

}
#textinfo{
width:80%;
margin: 0 auto;
color:#000;
height:80%;
overflow-x: auto;
overflow-y: auto;

}
#textinfoinside{
width:90%;
background:#fff;
margin-top:1.3em;
}
.textleft{
width:45%;
float:left;
text-align:left;
}
.textright{
width:45%;
float:right;
text-align:left;
margin-right:10px;
}
.kassemiddle{
width:60%;

margin: 0 auto;

  background: #ffffff;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  padding:15px;
}
.nowrap {white-space: nowrap;}
.container-outside {
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  padding:15px;
}
.bitpadding{
margin-top:80px; 
padding:10px;
background-color:#F7F6F6;

}
.zahladdress_l{
padding-left:20px;
text-align:left;
float:left;
}
.zahladdress_2{
margin-right:10%;
marging:6px;
text-align:left;
float:right;
}
.lastschrift_text{
font-family: 'TitilliumWeb-Light';
font-size:1.0em;
color:#000;
width:200px;
text-align:left;

}
p .shcart{
	font-family: 'TitilliumWeb-Light';
	font-size: 14px;
	font-weight:bold;
	color: #000000;
line-height:25px;

}
.lastschrift_box{
font-family: 'TitilliumWeb-Light';
font-size:0.8em;
color:#000;
margin-bottom:5px;
}

.lastschrift{
float:none;
text-align:left;

}
.subheading_black {
	font-family: 'TitilliumWeb-Light';
	font-size: 0.9em;
	color: #000;
	font-weight: bold;
}
@media only screen and (max-width: 320px) {
.textleft{
width:90%;

}
.textright{
width:90%;
float:none;
text-align:left;
}
.kassemiddle{
width:100%;
float:left;
text-align:left;
}
}
#containersearch{
width:80%;
margin: 0 auto;
color:#000;
height:80%;
overflow-x: auto;
overflow-y: auto;

}


#containersearch p{

color:#000;
padding-top:40px;
font-family: 'TitilliumWeb-Light';

}
.searchdiv{
width:100%;
border: 1px solid  #F0F0F0;
margin-top:10px;
text-align:left;
}
.searchdiv img{
width:250px;
height:auto;

}
.divsearch{
float:right;
text-align:right;
margin-top:40px;
margin-right:10px;
}
.divbeispiel{
margin:0 auto;
width:60%;
text-align:center;
}
.divbeispiel img{
width:90%;
height:auto;
margin: 0 auto;
}
.imgauto1{
background-color: #CCCCCC;
padding:10px;
}
.imgauto{
width:50%;
text-align:center;
margin:0 auto;
background-color: #FFFFFF;
border-top:10px solid #ffffff;
border-left:20px solid #ffffff;
border-right:20px solid #ffffff;
border-bottom:10px solid #ffffff;

}

.imgauto img{
width:90%;
height:auto;
border:1px solid #999999;
margin:10px;
}
.imgautoabschluss img{
width:100px;
height:auto;
}
#div_abschluss{
width:70%;
margin: 0 auto;
background:#FFFFFF;
font-family: 'TitilliumWeb-Light';
border:1px solid #CCCCCC;
padding:10px;
margin-bottom:50px;
}
p.headingsmaterial{
font-size:20px;

margin-top:20px;
padding-bottom:20px;
line-height:30px;

}
.wareninfo{
width:70%;
margin: 0 auto;
background:#FFFFFF;
font-family: 'TitilliumWeb-Light';

}
table.gridtable {
font-size:0.9em;
font-family: 'TitilliumWeb-Light';
	color:#333333;
	border-width: 0px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 0px;
	padding: 2px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #CCCCCC;
	background-color: #ffffff;
}
table.gridtable td a{
color:#003366;
}

table.ohnegridtable {

font-family: 'TitilliumWeb-Light';
	border-width: 0px;
	border-color: #666666;
	border-collapse: collapse;
	float:right;
}
table.ohnegridtable th {
	border-width: 0px;
	padding: 2px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.ohnegridtable td {
	border-width: 0px;
	padding: 2px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}
table.ohnegridtable td a{
color:#003366;
}

table.rechnungs {

font-family: 'TitilliumWeb-Light';
	border-width: 0px;
	border-color: #666666;
	border-collapse: collapse;
	float:right;
	font-size: 1.1em
}
table.rechnungs th {
	border-width: 0px;
	padding: 2px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.rechnungs td {
	border-width: 0px;
	padding: 2px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}
table.rechnungs td a{
color:#003366;
}
.rechnungssumme{
font-size:22px;
font-weight:bold;

}
.rechnungssummeeuro{
font-family: Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:bold;

}
table.abschluss {
font-size:0.9em;
font-family: 'TitilliumWeb-Light';
	color:#333333;
	border: 1px solid #CCCCCC;
	border-color: #666666;
	width:90%;
	

}
table.abschluss th {
	border-width: 0px;
	padding: 2px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.abschluss td {
	border-width: 0px;
	padding: 2px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}
table.abschluss td a{
color:#003366;
}
.containerdivs {
padding-top:50px;
    width: 60%;
    margin: 0 auto;
    text-align: center;
    border: #000 0px solid;
}
.address {
    display: inline-block;
    width: 40%;
    float:left;
	text-align:left;
}
.formkon {
    width: auto;
    height: auto;
	float:right;
}
.formnoerror{
	color:#003366;
	font-family: 'TitilliumWeb-Light';
	font-size: 0.9em;

}
.formerror{
color: #CC0000;

}
.textnormal{
font-family: 'TitilliumWeb-Light';
font-size:1.0em;
color:#000;

}
.headings {
	font-family: 'TitilliumWeb-Light';
	color: #000000;
	font-size: 1.3em;
	font-weight: bold;
}
.pull-right{float:right;
width: 100%;
padding-right:30px;
background: #0463A3; color:#fff;} 
.kasseninfoleft {
	width: 55%;
	float:left;
	border:#CCCCCC 0px solid;
}
.kasseninforight {
	width: 35%;
	float:left;
	margin-right:10px;
	border:1px solid #CCCCCC;
	position:relative;
	-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#div_3divs{
width:100%;
text-align:center;
}
#div_rechnungsaddress{
float:left;
width:30%;
text-align:left;

margin-bottom:5px;
padding:5px;
border:1px solid #CCCCCC;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#div_lieferaddress{
display: inline-block;
    margin:0 auto;
	text-align:left;

width:30%;

margin-bottom:5px;
padding:5px;
border:1px solid #CCCCCC;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#div_zahlungsart{
float:right;
width:30%;
text-align:left;
margin-bottom:5px;
padding:5px;
border:1px solid #CCCCCC;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.div_underlins {
	background-color: #CCCCCC;
	height:5px;
}
#div_kaufs123 {
	width:50%;
    text-align:center;
	margin-bottom:30px;
	margin:0 auto;
}

#div_kaufleft {
display:inline-block;


}

#div_kaufcenter {
display:inline-block;
    margin:0 auto;	

}

#div_kaufright {
display:inline-block;

}
a.zurkasse:link {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'TitilliumWeb-Light';
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
a.zurkasse:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
	color:#ffffff;
	text-decoration:none;
}
.kasseButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'TitilliumWeb-Light';
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.kasseButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
	color:#ffffff;
	text-decoration:none;
}
.kasseButton:active {
	position:relative;
	top:1px;
}



.kasseButtondeact {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color: #999999;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'TitilliumWeb-Light';
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}



.containerkasse {
	width: 70%;
	margin: 0 auto;

}

.form-group{
text-align:left;
}
.col-md-4{
text-align:left;
}
.col-xs-2{
text-align:left;

}
.col-xs-10{
text-align:left;
}
.col-xs-4{
text-align:left;

}
.col-xs-8{
text-align:left;
}
.col-sm-8{
text-align:left;
}
.imprtext{
font-size:0.9em;
text-align:left;
}

#total {
	font-size: 14px;
	color: #000;
}
#result {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
#str {
	font-size: 12px;
	color: #000;
}

.summe{
text-align:right;
}
.versandkosten{
	color: #003399;
}