@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #01878b;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
}
.twoColFixLt #container { 
	width: 961px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	height:592px;
	background-image:url(bilder-layout/hg-schreinerei-engemann-kassel.jpg);
	background-repeat:no-repeat;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	position:relative;
}



.twoColFixLt #menue {
	position: absolute;
	top: 126px;
	left: 378px;
	padding: 0; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	width: 576px;
} 


#navi-vertikal {
	position: absolute;
	top: 42px;
	left: 485px;
	width: 175px;
	height: 50px;
	line-height: 150%;
	text-align: left;
 }



.twoColFixLt #content-links-tuerkis {
	position: absolute;
	top: 196px;
	left: 23px;
	padding: 15px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	background-color: #cae6e6;
	height:303px;
	width:303px;
} 

.twoColFixLt #content-links-weiss {
	position: absolute;
	top: 196px;
	left: 23px;
	padding: 0; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	height:333px;
	width:333px;
} 


.twoColFixLt #content-links-tuerkis-dunkel {
	position: absolute;
	top: 196px;
	left: 23px;
	padding: 15px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	background-color: #01878b;
	height:303px;
	width:303px;
} 



.twoColFixLt #content-rechts-tuerkis {
	position: absolute;
	top: 196px;
	left: 365px;
	padding: 15px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	background-color: #cae6e6;
	height:303px;
	width:533px;
	overflow:hidden;
} 

.twoColFixLt #content-rechts-tuerkis-datenschutz {
	position: absolute;
	top: 196px;
	left: 365px;
	padding: 15px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	background-color: #cae6e6;
	height:303px;
	width:533px;
	overflow:auto;
} 



.twoColFixLt #content-rechts-weiss {
	position: absolute;
	top: 196px;
	left: 365px;
	padding: 0; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	height:333px;
	width:563px;
} 


.twoColFixLt #content-rechts-galerie {
	position: absolute;
	top: 196px;
	left: 365px;
	padding: 0; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	height:333px;
	width:570px;
} 


.twoColFixLt #footer {
	position: absolute;
	top: 542px;
	left: 23px;
	padding: 0; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	width:906px;
} 


.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 2px;
}

.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
	float: left;
	margin-right: 2px;
}

.float-galerie { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
	float: left;
	margin: 0 10px 8px 0;
}

.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/***************** Container vertikal zentrieren **************************/

* {margin:0;
 padding:0;
 }
 
html, body {
height: 100%;
width: 100%;
}
 
 
 #distance {
width: 10px;
height: 50%;
margin-bottom: -285px; /*halbe Container-Höhe*/
float: left;
}

#container {
margin: 0 auto;
position: relative;
clear: left;
}
 
 /******************* Schriften ***************************/

h1 {
 font-size:19px;
 font-weight: normal;
  padding: 0 0 20px 0;
   color: #464646;
 line-height:150%;

 }

h2 {
 font-size:18px;
 font-weight: normal;
 padding: 0 0 18px 0;
  color: #464646;

 }
 

p {
 font-size: 14px;
 padding: 0 0 15px 0;
 color: #464646;
 line-height:150%;
 }
 
.pFooter {
 font-size: 14px;
 padding: 0 0 15px 0;
 color: #464646;
 text-align:center;
 } 
 
.quadrat {
 list-style-type: square;
 padding: 0 0 0px 0px;
 margin:0 0 0 13px;
 line-height:140%;
 font-size: 14px;
 color: #464646;
 }

/******************** Farben ********************************/

.grau {
  color: #464646;	
}

.tuerkis {
  color: #01878b;	
}

.tuerkis-hell {
  color: #cae6e6;	
}

.weiss {
 color: #FFFFFF;
 }

.rot {
 color:#C00;
 }

/**************************** Links *****************************/

a img {
border : 0 none;
}



a:link, a:visited, a:active {
 text-decoration: none;
 color: #01878b;
 }


a:hover {
 color: #747474;
 text-decoration: none;
}




a.hauptnavi:link, a.hauptnavi:visited, a.hauptnavi:active  {
 font-size: 15px;
 text-decoration: none;
 color: #01878b;
 margin-right: 35px;
 }
 
a.hauptnavi:hover {
 font-size: 15px;
 color: #ffffff;
 text-decoration: none;
 margin-right: 35px;
 background-color:#01878b;
}

.aktuelleseite {
 font-size: 15px;
 color: #ffffff;
 text-decoration: none;
 background-color:#01878b;

}



a.hauptnavi-last:link, a.hauptnavi-last:visited, a.hauptnavi-last:active  {
 font-size: 15px;
 text-decoration: none;
 color: #01878b;
 }
 
a.hauptnavi-last:hover {
 font-size: 15px;
 color: #ffffff;
 text-decoration: none;
 background-color:#01878b;

}


li.navi {
 display: block;
 float: left;
}



a.navi-vertikal:link, a.navi-vertikal:visited, a.navi-vertikal:active  {
 font-size: 15px;
 text-decoration: none;
 color: #01878b;
 }

a.navi-vertikal:hover {
 font-size: 15px;
 color: #ffffff;
 text-decoration: none;
 background-color:#01878b;
}



/*********************** Kontaktformular *************************************/

.formStyle{
        width:300px;
        border-color:#9A9A9A;
        border-width:0px;
        border-style:solid;
        padding:5px;
}

.formText{
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size:11px;
        border-width:1px;
        border-style:solid;
        border-color:#9A9A9A;
        margin-bottom:1px;
        width:200px;
}

.formTextArea{
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size:11px;
        border-width:1px;
        border-style:solid;
        border-color:#9A9A9A;
        margin-bottom:2px;
        width:200px;
}

.formSubmit{
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size:11px;
        background-color:#01878b;
        border-width:1px;
        border-style:solid;
        border-color:#9A9A9A;
		color:#FFF;
}

.table{
 font-family: verdana;
 text-align: left;
 font-size: 12px;
 color: #464646;
 margin: 0 0 0px;
 line-height: 20px;
 }

/*********************** Kontaktformular auf dumklem HG *************************************/


.formStyle2{
        width:300px;
        border-color:#9A9A9A;
        border-width:0px;
        border-style:solid;
        padding:5px;
}

.formText2{
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size:11px;
        border-width:1px;
        border-style:solid;
        border-color:#9A9A9A;
        margin-bottom:1px;
        width:200px;
}

.formTextArea2{
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size:11px;
        border-width:1px;
        border-style:solid;
        border-color:#9A9A9A;
        margin-bottom:2px;
        width:200px;
}

.formSubmit2{
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size:11px;
        background-color:#cae6e6;
        border-width:1px;
        border-style:solid;
        border-color:#9A9A9A;
		color:#464646;
}

.table2{
 font-family: verdana;
 text-align: left;
 font-size: 12px;
 color: #ffffff;
 margin: 0 0 0px;
 line-height: 20px;
 }




/************** Sonst noch ************************/

img.fancybox-fotos {
border : 0 none;
margin:20px 25px 0 0;
}