@charset "UTF-8";

/* CSS Document	
	- einige Styles liegen aufgrund von php Variablen in der header.php
 */

body{
	margin: 0;	
	font-family: 'Hind Vadodara',sans-serif;
	font-size: 13pt;
	background-color: #e8ece7; 
}

a {
	text-decoration: none;
	color: #000000;
}

.menu {
	text-decoration: none;
	color: #FFFFFF;
}
		
.text{
	padding-left: 10px;
}
	
#menu_blank{
	margin-bottom: 0px !important; 
	font-family: 'Hind Vadodara',sans-serif;	
}

img{
	max-width: 100%;
}

ul {
	font-size: 10pt;
}

.option{
	width: 100%;	
}

.fields{
	padding: 15px;	
	padding-left: 16%;
}

.spacer10{
	height: 10pt;	
}

.preis {
	color: #006a2a;
	font-weight: bold;
	float: right;
  padding-right: 20px;
}

.grundpreis {
	font-size: 9pt;
	padding-right: 20px;
	float: right;
}

.button_produkt{
	padding-left: 0%;	
}

.footer {
	color: #87b918;
	text-decoration: underline;
	padding-left: 15%;
}

ul {
		list-style-type: none;	
		padding: 0;
	}
	
	#senden{
	 	background-color: #87b918;
    border: 0px;
    margin: 5px;
    padding: 5px 15px 5px 15px;    
    color: #FFFFFF;
    font-family: 'Hind Vadodara',sans-serif;
    font-size: 14pt;
    letter-spacing: 1.2;
    border-radius: 5px;
	}
	
	
	.impressum_line {
			width: 67% !important;
		}
	.info_line {
			width: 70% !important;
	}
	.schutz_line {
			width: 67% !important;
	}	
	.success_line {
			width: 67% !important;
	}
	.terms_line {
			width: 56% !important;
	}	
	.testpakete_line {
			width: 68% !important;
	}
	.error_line {
		width: 63% !important;
	}
	.form_line {
		width: 69% !important;
	}	
	.menu_footer {
		width: 33.3% !important;
	}
	
		
	@media (max-width: 800px) {
		.impressum_line, 
		.info_line, 
		.schutz_line,
		.success_line,
		.terms_line,
		.testpakete_line,
		.error_line,
		.form_line,
		.menu_footer {
			width: 100% !important;
		}	
	}
	

@media (min-width: 768px) {
	
	#content{
		width: 800px;
		margin: auto;
		background-color: #FFF;
		padding: 15px;
	}

	.input-xlarge{		
		padding: 5px;
    border-radius: 3px;    
    border: 1px solid #919a96;
    width: 310px;
	}
	
	.label {
	 width: 22%;
   float: left;	
   height: 40px;
	}

	.field{
	 	width: 30%;
	  float: left;	
	}
		
	.left{
		float:left;
		width: 30%;
		border: 1px solid #dde0de;
		padding: 8px;
		height: 645px;
		text-align: center;
	}
	.right {
		float:right;
		width: 30%;	
		border: 1px solid #dde0de;
		padding: 8px;
		height: 645px;
		text-align: center;
	}
	.middle {
		margin: auto;
		width: 32%;
		border: 1px solid #dde0de;
		padding: 8px;
		height: 645px;	
		text-align: center;
	}
	
	.product_img {
		padding: 15px; 
	}
	
	ul {
		margin: 10pt;
		/*padding: 1em;*/
		
	}
	li {
		padding-bottom: 7px;
		}

}


/*** Resp. **/
@media (max-width: 767px) {
	
	#content{
		width: 100%;
		background-color: #FFF;
		padding: 15px;
	}	
	
	.input-xlarge{		
		padding: 5px;
    border-radius: 3px;    
    border: 1px solid #919a96;
    width: 100%;
	}
	
	.label {
	 width: 100%;   
	 
	}

	.field{
	 	width: 100%;	  
	 	height: 40px;
	}
	
	
	
	.left{
		float:left;
		width: 49%;
		border: 1px solid #dde0de;
		height: 536px;
		text-align: center;
	}
	.middle {
		float:left;
		width: 49%;
		border: 1px solid #dde0de;
		height: 536px;
		text-align: center;
	}
	.right {
		float:right;
		width: 49%;
		border: 1px solid #dde0de;		
		height: 536px;
		text-align: center;
	}
	.margin {
		margin-left: 4px;
	}
	
	.clear{
		display: none;
	}
	
	.button_produkt{
		padding-left: 0%;	
	}
	
}

@media (max-width: 500px) {
	
	#content{
		width: 100%;
		background-color: #FFF;
		padding: 0;
	}	
	
	.left{
		float:left;
		width: 90%;
		border: 1px solid #dde0de;
	  text-align: center;
	  
	}
	.middle {
		float:left;
		width: 90%;
		border: 1px solid #dde0de;
		text-align: center;
		
	}
	.right {
		float:left;
		width: 90%;
		border: 1px solid #dde0de;
		text-align: center;
		
	}
	#bildchen {
		display: none;
	}
	ul {
		list-style-type: none;	
		padding: 0;
	}
	
	.button_produkt{
		padding-left: 0%;	
	}
	.margin {
		margin-left: 0px;
	}
}