@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700,700italic);
@import url(http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic);


  
	  
/* =============================================================================
 * 
 * Responsive webdesign 
 *
 * ========================================================================== */



/* =============================================================================
 * tablet
 * ========================================================================== */


@media all and (max-width: 1024px){

    #header	{ position:relative; float:left; left:0px; left:50px;  top:40px;  padding:40px; min-height:200px;   width:250px; background-color:#FFFFFF;background-color:rgba(255, 255, 255, 0.9);   z-index:3 -moz-border-radius: 10px;  border-radius: 10px; z-index:3;  }
	#header .mod_navigation li	{position:relative;float:left; width:250px;}
	
	#button_anfragen			{ position:absolute; top:-8px; left:20px; opacity:0.8; width:144px; height:48px; background-image:url(../img/anfragen.png); background-position:top center; background-repeat:no-repeat; color:#FFF; 
padding-top:20px; text-align:center; }
#button_kontakt			{ position:absolute; top:-8px; left:170px; opacity:0.8; width:144px; height:48px; background-image:url(../img/anfragen.png); background-position:top center; background-repeat:no-repeat; color:#FFF; 
padding-top:20px; text-align:center; }
#button_unten		{ visibility:hidden; display:none; }

#container					{ position: relative; float:left; left:50px;  margin-left: 25px; width: 400px;   top:40px;      height:auto; padding:20px;  min-height:200px; background-color:#fff;background-color:rgba(255, 255, 255, 0.85); -moz-border-radius: 10px;  border-radius: 10px;  z-index:3; margin-bottom:100px;  }
#container img { width:100%; height: auto; }

.preisliste 				{ width:400px;  margin:0px 0; padding:0; border:0; border-spacing:0px; border-collapse:collapse; display:inline-table; font-size:12px;  font-family:'PT Serif', Arial, Helvetica, sans-serif;   }


 DIV.csc-textpic DIV.csc-textpic-imagecolumn {  float: left;  width: 31%; }
 #c113 DIV.csc-textpic DIV.csc-textpic-imagecolumn {  float: left;  width: auto; }
	
}

@media (max-width: 850px) {
	
	 #header	{ position:relative; float:left; left:0px; left:50px;  top:40px;  padding:40px; min-height:200px;   width:250px; background-color:#FFFFFF;background-color:rgba(255, 255, 255, 0.9);   z-index:3 -moz-border-radius: 10px;  border-radius: 10px; z-index:3;  }
	#header .mod_navigation li	{position:relative;float:left; width:250px;}
	
	#button_anfragen			{ position:absolute; top:-8px; left:20px; opacity:0.8; width:144px; height:48px; background-image:url(../img/anfragen.png); background-position:top center; background-repeat:no-repeat; color:#FFF; 
padding-top:20px; text-align:center; }
	#button_kontakt			{ position:absolute; top:-8px; left:170px; opacity:0.8; width:144px; height:48px; background-image:url(../img/anfragen.png); background-position:top center; background-repeat:no-repeat; color:#FFF; 
padding-top:20px; text-align:center; }
	#button_unten		{ visibility:hidden; display:none; }


   #container					{ position: relative; float:left;   width: 250px;   top:40px;      height:auto; padding:40px;  min-height:200px; background-color:#fff;background-color:rgba(255, 255, 255, 0.85); -moz-border-radius: 10px;  border-radius: 10px;  z-index:3; margin-bottom:100px;  } 
   #container img { width:100%;height:auto;}
   .preisliste 				{ width:250px;  margin:0px 0; padding:0; border:0; border-spacing:0px; border-collapse:collapse; display:inline-table; font-size:12px;  font-family:'PT Serif', Arial, Helvetica, sans-serif;   }

	DIV.csc-textpic DIV.csc-textpic-imagecolumn {  float: left;  width: auto;}
}



/* =============================================================================
 * phone
 * ========================================================================== */



/* iPhone 320x480px */
@media (max-width: 240px) {
	
	 #header	{ position:relative; float:left; left:0px;  padding:40px; min-height:200px;   width:100%; background-color:#FFFFFF;background-color:rgba(255, 255, 255, 0.9);   z-index:3 -moz-border-radius: 10px;  border-radius: 10px; z-index:3;  }
	#header .mod_navigation li	{position:relative;float:left; width:250px;}
	
	#button_anfragen			{ position:absolute; top:-8px; left:0px; opacity:0.8; width:144px; height:48px; background-image:url(../img/anfragen.png); background-position:top center; background-repeat:no-repeat; color:#FFF; 
padding-top:20px; text-align:center; }
	#button_kontakt			{ position:absolute; top:-8px; left:144px; opacity:0.8; width:144px; height:48px; background-image:url(../img/anfragen.png); background-position:top center; background-repeat:no-repeat; color:#FFF; 
padding-top:20px; text-align:center; }
	#button_unten		{ position:absolute; top:580px; left:20px; opacity:0.8; width:217px; height:48px; background-image:url(../img/button-unten.png); background-position:top center; background-repeat:no-repeat; color:#FFF; 
padding-top:0px; text-align:center; }


   #container					{ position: relative; float:left; left:0;  width: 100%; margin:0px; padding:40px;    height:auto;   min-height:200px; background-color:#fff;background-color:rgba(255, 255, 255, 0.85); -moz-border-radius: 10px;  border-radius: 10px;  z-index:3; margin-bottom:100px; clear:both;  } 
   #container img { width:100%; height:auto;}
   .preisliste 				{ width:250px;  margin:0px 0; padding:0; border:0; border-spacing:0px; border-collapse:collapse; display:inline-table; font-size:12px;  font-family:'PT Serif', Arial, Helvetica, sans-serif;   }
 #button_unten { display:none;}

}



/* iPhone 320x480px */
@media (max-width: 320px) {
	
	 #header	{ position:relative; float:left; left:0px;  padding:40px; min-height:200px;   width:100%; background-color:#FFFFFF;background-color:rgba(255, 255, 255, 0.9);   z-index:3 -moz-border-radius: 10px;  border-radius: 10px; z-index:3;  }
	#header .mod_navigation li	{position:relative;float:left; width:250px;}
	
	#button_anfragen			{ position:absolute; top:-8px; left:0px; opacity:0.8; width:144px; height:48px; background-image:url(../img/anfragen.png); background-position:top center; background-repeat:no-repeat; color:#FFF; 
padding-top:20px; text-align:center; }
	#button_kontakt			{ position:absolute; top:-8px; left:144px; opacity:0.8; width:144px; height:48px; background-image:url(../img/anfragen.png); background-position:top center; background-repeat:no-repeat; color:#FFF; 
padding-top:20px; text-align:center; }
	#button_unten		{ position:absolute; top:580px; left:20px; opacity:0.8; width:217px; height:48px; background-image:url(../img/button-unten.png); background-position:top center; background-repeat:no-repeat; color:#FFF; 
padding-top:0px; text-align:center; }


   #container					{ position: relative; float:left; left:0;  width: 100%; margin:0px; padding:40px;    height:auto;   min-height:200px; background-color:#fff;background-color:rgba(255, 255, 255, 0.85); -moz-border-radius: 10px;  border-radius: 10px;  z-index:3; margin-bottom:100px; clear:both;  } 
   #container img { width:100%; height:auto;}
   .preisliste 				{ width:250px;  margin:0px 0; padding:0; border:0; border-spacing:0px; border-collapse:collapse; display:inline-table; font-size:12px;  font-family:'PT Serif', Arial, Helvetica, sans-serif;   }
 #button_unten { display:none;}

}


/* iPhone 320x480px */
@media (max-width: 320px) {
	
	 #header	{ position:relative; float:left; left:0px;  padding:40px; min-height:200px;   width:100%; background-color:#FFFFFF;background-color:rgba(255, 255, 255, 0.9);   z-index:3 -moz-border-radius: 10px;  border-radius: 10px; z-index:3;  }
	#header .mod_navigation li	{position:relative;float:left; width:250px;}
	
	#button_anfragen			{ position:absolute; top:-8px; left:0px; opacity:0.8; width:144px; height:48px; background-image:url(../img/anfragen.png); background-position:top center; background-repeat:no-repeat; color:#FFF; 
padding-top:20px; text-align:center; }
	#button_kontakt			{ position:absolute; top:-8px; left:144px; opacity:0.8; width:144px; height:48px; background-image:url(../img/anfragen.png); background-position:top center; background-repeat:no-repeat; color:#FFF; 
padding-top:20px; text-align:center; }
	#button_unten		{ position:absolute; top:580px; left:20px; opacity:0.8; width:217px; height:48px; background-image:url(../img/button-unten.png); background-position:top center; background-repeat:no-repeat; color:#FFF; 
padding-top:0px; text-align:center; }


   #container					{ position: relative; float:left; left:0;  width: 100%; margin:0px; padding:40px;    height:auto;   min-height:200px; background-color:#fff;background-color:rgba(255, 255, 255, 0.85); -moz-border-radius: 10px;  border-radius: 10px;  z-index:3; margin-bottom:100px; clear:both;  } 
   #container img { width:100%; height:auto; display:inline; float:left;}
   .preisliste 				{ width:250px;  margin:0px 0; padding:0; border:0; border-spacing:0px; border-collapse:collapse; display:inline-table; font-size:12px;  font-family:'PT Serif', Arial, Helvetica, sans-serif;   }

 #button_unten { display:none;}
}