body { 	font-family: Verdana,sans-serif; color: #323334; background-color:#b8d3fc; background-image:url(../_Layout/bg25d4.jpg); }

#wrapper{margin-left:auto; margin-right:auto; margin-top: 25px;  margin-bottom: 30px; width:100%; max-width:970px; min-height:300px; background-color:white;}

}

/* #header{height:100px; background-color:#034d72; -moz-border-radius: 6px 6px 0px 0px;-webkit-border-radius: 6px 6px 0px 0px;border-radius: 6px 6px 0px 0px;}
#header h1{font-family:Merienda One; font-size: 1.4rem; font-size: 30px;}

 */

#container{min-height:30px; background-color:white; margin: 40px 50px 30px 50px;}
#container h1{font-family:Merienda One; font-size: 1.4rem; font-size: 25px;}
#text h1{font-family:Merienda One; font-size: 1.4rem; font-size: 25px; text-align: left;}
#container h2{font-family: 'Merienda One'; font-weight: 400;  font-size: 14px; color:#c40d0c;}
#text h2{font-family: 'Merienda One'; font-weight: 400;  font-size: 14px; color:#c40d0c; text-align: left; line-height:1.6em;}
#container h3{font-family: 'Merienda One'; font-weight: 400;  font-size: 18px; color:#c40d0c;}
#text a {font-family:Merienda One;}

.white_section {background-color: #fff;}

/*Firefox*/
@-moz-document url-prefix(){ #container h2{font-weight:bold;}}
/* Nur Internet Explorer 10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #container h2{font-weight:bold;}}


#container p, ul{font-family:Verdana; font-size: 14px; line-height: 1.5; text-align:justify;}
#container a {color:#1e7ec1; text-decoration:none; font-weight:bold;}
#container a:hover{color:#39b6f9; text-decoration:none;}
#container2a img {margin-left: 30px; margin-top:5px; float:right; padding: 10px; border-radius: 0px 0px 0px 16px; border: solid 1px #CCC; box-shadow: 1px 1px 5px #999; -moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999;}
#container2b img {margin-left: 30px; margin-top:5px; float:right; padding: 2px;  border-radius: 0px 0px 0px 16px; border: solid 1px #CCC; box-shadow: 1px 1px 5px #999; -moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999;}

#container table{font-family:Verdana;  width:455px; margin-top:15px;}
#container table p{margin-left:10px; margin-right:0px; line-height: 1.0; text-align:left; font-size: 12px;}


.farbe_masterpiece {background-color:#ddfcb5;}
.farbe_sogna-l {background-color:#f2f1fd;}
.farbe_bow {background-color:#db8c6b;}
.farbe_lazy {background-color:#fddcab;}
.farbe_bahia {background-color:#e0ffbb;}
.farbe_allround {background-color:#fbe1b3;}
.farbe_mira {background-color:#fdd7ce;}
.farbe_camelion {background-color:#c2e3fd;}
.farbe_sound {background-color:#fbe1cb;}
.farbe_kinderbett {background-color:#fce0a7;}

#kontaktformular {background-color:#e3e3e3; padding: 5px 0px 10px 0px; -moz-border-radius: 6px 6px 6px 6px;-webkit-border-radius: 6px 6px 6px 6px;border-radius: 6px 6px 6px 6px;}
#impressum table{font-size: 14px; margin-left:-3px;}

#box_wrap > section {
    padding-bottom: 10px;
    padding-top: 15px;
}



#text a {color:#1e7ec1; text-decoration:none; font-weight:bold;}
#text a:hover{color:#39b6f9; text-decoration:none;}
#text img { border-radius:5px;}


#footer table {margin: 65px 62px 0px 62px;}
#footer h2{font-family:Merienda One; font-size: 16px; font-weight:bold; color:black; text-decoration:no-underline;}
#footer .block > h3{font-family:Merienda One; font-size: 16px; font-weight:bold; color:black; text-decoration:no-underline;}
#footer h3 {margin-bottom:30px; line-height:1.6em !important;}
#footer p {font-size:12px; color:white; line-height:0.3;}
#footer a {color:white; text-decoration:none;}
#footer a:hover{color:#c40d0c;}
#copyright {background-color:#034d72;}

.cc_banner a.cc_btn:hover { background-color:#6d95c8; }


.contact-form {background-color: #e3e3e3; padding-top:15px; padding-left:5px; padding-right:5px; padding-bottom:5px; border-radius:5px;}

.contact-form select.betreff {background-color: #fff; border: 1px solid transparent; border-radius: 5px; box-shadow: 0 0 0 1px rgba(100, 100, 100, 0.2); 
    font-size: 14px; height: 35px; padding: 4px 12px; vertical-align: middle; min-width:150px; max-width:500px; margin-bottom:10px;}

.contact-form input.form-control {background-color: #fff; border: 1px solid transparent; border-radius: 5px; box-shadow: 0 0 0 1px rgba(100, 100, 100, 0.2); 
    font-size: 14px; height: 35px; padding: 4px 12px; vertical-align: middle; max-width:500px; margin-bottom:10px; }

.contact-form textarea.form-control  {background-color: #fff; border: 1px solid transparent; border-radius: 5px; box-shadow: 0 0 0 1px rgba(100, 100, 100, 0.2); 
    font-size: 14px; padding: 4px 12px; vertical-align: middle; max-width:500px; margin-bottom:10px;}

.contact-form input.but {padding:15px; color:#fff; background-color: #034d72; border: 0px solid black; border-radius:5px;}
.contact-form input.but:hover {background-color: #7297cb; border-radius:5px; border: 0px solid black;}



@media (min-width: 80px) {
	
	
	#topline img {height:0px;}
	
	#text img { margin-left: 20px; margin-bottom: 20px; /* border:1px solid yellow; */ }
	
	footer#footer {padding-top: 60px; padding-bottom: 20px; }

	#wrapper {margin-bottom:0px;}
	
	#home .main-menu-icon {padding: 20px 100px 20px 0px;}
 
}


@media (min-width: 370px) {
	
	
	#topline img {height:0px;}
	
	#text img { margin-left: 20px; margin-bottom: 20px; /* border:1px solid yellow; */ }
	
	footer#footer {padding-top: 60px; padding-bottom: 20px; }

	#wrapper {margin-bottom:0px;}	
	
 
}


@media (min-width: 768px) {
	
	#topline {background-color:#034d72; height: 110px;}
    #topline img {height:60px; float:right; margin-right: 5px; margin-top: 6px;}
	
	#text h1 {margin-top:25px;}
	
	#text img { margin-left: 20px; margin-top: 20px; /* border:1px solid green; */ }
	
	
	#footer .eins { text-align:center; }
	#footer .eins p, a {line-height:1.6em; }
	#footer .zwei { text-align:center; }
	#footer .zwei p, a{line-height:1.6em; }
	#footer .drei { text-align:center; }
	#footer .drei p,a {line-height:1.6em; }
	#footer .vier {text-align:center;  }
	#footer .vier p, a {line-height:1.6em;  }	
	
	#footer{width: auto; min-height:300px; background: url(../_Layout/Welle6k3b.jpg); background-repeat:none;}
	footer#footer {padding-top: 180px; padding-bottom: 0px; }
			
	.contact-form form{padding-left:10%; padding-top:5%; padding-bottom:4%;}
	#copyright {border-radius: 0;}
	#copyright {margin-bottom:35px;}
 
}
@media (min-width: 992px) {
	
   #wrapper {-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}
	
   #topline {background-color:#034d72; height: 110px; border-radius: 6px 6px 0px 0px;}
   #topline img {height:60px; float:right; margin-right: 5px; margin-top: 6px;}

	#text h1 {margin-top:35px;}
	
   #text img { margin-left: -30px; margin-top: -65px; /* border:1px solid black; */ }
   #text h1, #text h2, #text h4, #text p, #text ul, #text table, #text iframe, .contact-form {margin-left: 60px; margin-right: 80px;}
   
   #footer .eins { text-align:center;}
   #footer .eins p, a {line-height:1.6em; }
   #footer .zwei { text-align:center; }
   #footer .zwei p, a{line-height:1.6em; }
   #footer .drei { text-align:center; }
   #footer .drei p,a {line-height:1.6em; }
   #footer .vier {text-align:center;  }
   #footer .vier p, a {line-height:1.6em;  }	
   
   
	#footer{width: auto; min-height:300px; background: url(../_Layout/Welle6k3.jpg); background-repeat:none;  }
	footer#footer {padding-top: 180px; padding-bottom: 20px; }
	
	.contact-form form{padding-left:10%; padding-top:5%; padding-bottom:4%;}
	
	#copyright {border-radius: 0 0 5px 5px;}
	#copyright {margin-bottom:35px;}
	
}

@media (min-width: 1200px) {
	
	#text h1 {margin-top:35px;}
	
   #wrapper {-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}
   
   #topline {background-color:#034d72; height: 110px; border-radius: 6px 6px 0px 0px;}
   #topline img {height:60px; float:right; margin-right: 5px; margin-top: 6px;}
	
   #text img { margin-left:-50px; margin-top:-65px; /* border:1px solid red; */ }
   #text h1, #text h2, #text h4, #text p, #text ul, #text table, #text iframe, .contact-form {margin-left: 60px; margin-right: 80px;}
   #footer .eins { text-align:center; }
   #footer .eins p, a {line-height:1.6em; }
   #footer .zwei { text-align:center; }
   #footer .zwei p, a{line-height:1.6em; }
   #footer .drei { text-align:center; }
   #footer .drei p,a {line-height:1.6em; }
   #footer .vier {text-align:center;  }
   #footer .vier p, a {line-height:1.6em;  }	
   
   #footer{width: auto; min-height:300px; background: url(../_Layout/Welle6k3.jpg); background-repeat:none;  }
	footer#footer {padding-top: 180px; padding-bottom: 0px; }
	
	.contact-form form{padding-left:10%; padding-top:5%; padding-bottom:4%;}
	
	#copyright {border-radius: 0 0 5px 5px;}
	#copyright {margin-bottom:35px;}
}