/** Style fuer aqalong.de  **/

   /* css reset */
*{
	border: 0;
	padding: 0;
	margin: 0;
}
/* navigation */

/** Kleine Monitore  **/
@media only screen and (min-width: 320px) {
	#topline { background: yellow; height: 30px}
	#flexContent { max-width: 320px; margin: 0 auto; overflow: hidden;}
	body{	font-size: 100%	}
	
	#layout-logo-image{
 margin: 0 auto 0 auto; width: 320px; height:267px;  background: url(aqalogoblau320.gif) no-repeat center;
}
	h2 .trans{	font-size: smaller;	}
	/* articel inhalt  */
	.col-six {display:inline;float:left;width:300px; height: auto;  margin:5px 10px 10px;}
	}

hr{
border: thin solid #ccc;
}
.left200{
	display: inline;
	width: 175px !important;
	text-align: right;
}
.right200{
	display: inline;
	width: 125px !important;
	text-align: left;
}
.right250{
	display: inline;
	width: 250px !important;
	text-align: left;
}
.line{
	display: inline-block;
	width: 460px !important;
}
.textin250{
	width: 250px !important;
	background-color: #ccc;
	border: thin solid #000;
	border-radius: 3px;
	padding: 3px;
	font-size: 16px;
}
/* Tabletts */
@media only screen and (min-width: 600px) {
	#topline { background: Maroon; color: #ccc; height: 60px}
	#flexContent { max-width: 590px; margin: 0 auto; overflow: hidden;}
	body{	font-size: 88%	}
		
	#layout-logo-image{
 margin: 0 auto 0 auto; width: 480px; height:400px; background: url(aqalogoblau480.gif) no-repeat center ;
}
/* articel inhalt  */
.col-six {display:inline;float:left;width:270px; margin:5px 10px 15px;}	
	}
	
/* Mittlere und gro�e Monitore */
@media only screen and (min-width: 920px) {
	#flexContent { max-width: 900px; margin: 0 auto; overflow: hidden; }
	#topline { background: #0f9; height: 40px}
	body{	font-size: 110%	}
	
	#layout-logo-image{
 margin: 0 auto 0 auto; width: 600px; height:500px; background: url(aqalogoblau600.gif) no-repeat center ;
}


/* articel inhalt  */
.col-six {display:inline;float:left;width:410px; margin:5px 15px 15px;}
	}
	
/* articel inhalt �bergeordnete Box */
.col-twelve{display:inline;float:left;width:98.91667%;margin:0 1.04167%;}

/* Toptitel transparent schalten */
 .trans{color: white;}
 section ul li{ list-style: disc; margin-left: 10px;}
/* erste Überschrift */	
 h1{
	color: #fff;
	font-family: serif;
	font-weight: 900;
	font-size: 32px;
	text-align: center;
	background-color: #ee00bf;
	padding: 5px;
}
/* zweite Überschrift */	
article h3{
	color: #1f66f3;
	font-family: serif;
	font-weight: 900;
	font-size: 38px;
}
/* dritte Überschrift */	
article h4{
	color: #1f66f3;
	font-family: serif;
	font-weight: 900;
	font-size: 38px;
}

.section-content{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: lighter;
max-width:900px;
margin:0 auto;
margin-top: 60px;
}

/* benannte sectionen */
body section #schreinerarbeiten {
	background: #3B315D;
	color: #fff;
}
.bgblau{
		background: #3B315D;
}

body section #schreinerei {
		background: #c03;
		color: #fff;
}
.bgrot{
		background: #c03;
}


/* hintergrundfarbe nach Navigation */
body  section.bglogo {background:#f2f2f2;}
body  section.bglogo h2,body  section.bglogo h1{color:#f2f2f2;}
/* weisser hintergrund */
body  section.white {padding: 8px;background:#fff}


/* formular */
body section article .col-twelve .col-six .form-customer{float:left;width:276px!important;}
body section article .col-twelve .col-six .form-customer input{
		width: 96%;
		background: #f2f2f2;
	border: thin solid #333;
	padding: 0.9%;
	margin-bottom: 5px;
}
body section article .col-twelve .col-six .form-customer textarea{
	width: 96%;
	background: #f2f2f2;
	border: thin solid #333 ;
	padding: 0.9%;
	margin-bottom: 5px;
}
plus-link{
    clear: both;
    width: 280px;
    border-radius:5px;
    margin: 0;
}
.plink{
    float: left;
    border-radius:5px;
    padding: 2px;
}