body{
	background-image: url("bilder/background.jpg");
	background-attachment: fixed;
	font-family: Arial;
}
a{
	color: #707070;
	text-decoration: none;
	margin: 0% 2% 0% 1%;
	font-size: 11pt;
}
/*Nur Bestellübersicht öffnen*/
.tabs{
	display: none;
}
.Bestellübersicht{
	display: block;
}

/*
 * Allgemeines
 * e7e7e7 555555 -> e7e7e7 707070
 */

@media(max-width:1063px){
	#divcontent{
		position: absolute;
		width: 94%;
		left: 3%;
		top: 3%;
	}
}
@media(min-width:1064px){
	#divcontent{
		position: absolute;
		width: 1000px;
		left: 50%;
		margin-left: -500px;
		top: 5%;
	}
}

#divtabbuttons input[type=radio]{
	display: none;
}
#divtabbuttons input[type=radio] + label{
	background-color: #e7e7e7;
	padding: 1.5% 1% 1% 1%;
	font-size: 11pt;
	margin-right: 1%;
}
#divtabbuttons input[type=radio]:checked + label{
	background-color: #ffffff;
	border: none;
}
#divtabbuttons{
	margin-bottom: 0.9%;
}
#divtabs{
	background-color: #ffffff;
	padding: 4%;
}

/*
 * Sendeformular
 */

.Bestellübersicht input[type=submit]{
	-webkit-appearance: none;
	width: 250px;
	height: 4vh;
	background-color: #4caf50;
	color: #ffffff;
	font-size: 11pt;
	border: none;
	border-radius: 3px;
	margin: 3% 3% 3% 0%;
}
.Bestellübersicht input[type=submit]:active{
	background-color: #3e8e41;
}
.Bestellübersicht{
	margin-bottom: 3%;
}
#bestellliste table, tr{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
#bestellliste input[type=button]{
	-webkit-appearance: none;
	width: 150px;
	height: 3vh;
	background-color: #f44336;
	color: #ffffff;
	font-size: 11pt;
	border: none;
	border-radius: 3px;
	margin: 3%;
}
#bestellliste input[type=button]:active{
  	background-color: #c63636;
}
#bestellliste img{
	width: 100%;
  	height: auto;
}
#bestellliste h4{
	margin-left: 3%;
}
#bestellliste h3{
	color: #707070;
}
.divproductoption{
	color: #707070;
	font-size: 11pt;
}

/*
 * Produkt Anzeige Seite
 */

.divproduct{
	border: 1px solid #000000;
  	margin-bottom: 4%;
	padding: 3%;
}
.divproduct img{
	width: 100%;
	height: auto;
	margin: 3%;
}
.divproduct h3{
	margin-left: 3%;
}
.divproductdescription{
	margin: 0% 0% 1% 3%;
	color: #707070;
	font-size: 11pt;
}
.divproduct input[type=radio]{
	display: none;
}
.divproduct input[type=radio] + label{
	font-size: 9pt;
	border: 1px solid #e7e7e7;
	padding: 0.5%;
	margin-left: 3%;
	}
.divproduct input[type=radio]:checked + label{
	border: 2px solid #707070;
	background-color: #ffffff;
}
.divproduct input[type=button]{
	-webkit-appearance: none;
	width: 200px;
	height: 4vh;
	background-color: #4caf50;
	color: #ffffff;
	font-size: 11pt;
	border: none;
	border-radius: 3px;
	margin: 3% 0% 0% 3%;
}
.divproduct input[type=button]:active{
	background-color: #3e8e41;
}
input[type=number]{
	-webkit-appearance: none;
  	width: 50px;
	height: 3vh;
	background-color: #ffffff;
	font-size: 11pt;
	border-radius: 3px;
	margin: 3% 3% 0% 3%;
}

/*
 * Passwort Eingabe Seite
 */
@media(max-width:550px){
	#divpassword{
		width:90%;
		left: 5%;
	}
}
@media(min-width:551px){
	#divpassword{
		width:500px;
		left: 50%;
		margin-left: -250px;
	}
}
#divpassword{
	position: absolute;
	background-color:#ffffff;
	text-align: center;
	top: 20%;
}
#divpassword>form>input[type=password]{
	width: 90%;
	height: 3vh;
	font-size: 11pt;
	border-radius: 3px;
	border: 1px solid #000000;
	margin: 4%;
}
#divpassword>form>input[type=submit]{
	-webkit-appearance: none;
	width: 40%;
	height: 4vh;
	background-color: #4caf50;
	color: #ffffff;
	font-size: 11pt;
	border: none;
	border-radius: 3px;
	margin: 4%;
}
#divpassword>form>input[type=submit]:active{
	background-color: #3e8e41;
}

#divpassword>img{
	width: 90%;
	height: auto;
	margin: 4%;
}
#divpassword>p{
	margin: 4%;
}