/* Global
------------------------------------------------------------------*/
html, body, h1, h2, h3, ul, li, p, img {
	margin:0;
	padding:0;
}
	
ul,li {
	list-style-type:none;
}
	
img {border:0px;}	

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(/images/layout/hg_body.gif);
	background-position:center  0px;
	background-repeat:repeat-x;
}


/* mainnav 
------------------------------------------------------------------------------------------------------------------------------*/

#mainnav p, #mainnav-gewerbebau p {display:none;}

#mainnav  {display:none;}

#mainnav ul,#mainnav li {display:none;} 

li#mainnavimg {float: left;}


/* mainnav - Klappmenü
--------------------------------------*/
#mainnav-gewerbebau  {display:none;}


 
/* subnav 
------------------------------------------------------------------------------------------------------------------------------*/

#subnav ul  {display:none;} 

#subnav li  {display:none;}



/* Schriften
-----------------------------------------------------------------*/

p {
	font-size: 13px;
	color: #000000;
	line-height: 16px;
}


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

#col1 a {text-decoration:underline;	color: #000000;}

#subnav li a {text-decoration:none;}

a:hover {
	color: #000000;
	text-decoration:underline;
}

.italic { font-style:italic;}

.print {display:none;}

.rot {color:#755e35;}


/* Überschriften H1
-----------------------------------------------------------------*/
h1 {
	font-size: 18px;
	color: #000000;
	font-weight:bold;
}

h2 {
	font-size: 14px;
	color:#000000;
	font-weight:normal;
	padding: 0 0 20px 0;
}


#Index h1 {
	padding: 0px 0 20px 0px;
}



/* Header
-------------------------------------------------------------*/
#head {height:100px;}

#head p { font-size: 10px; color:#000000;} 

#head .logoprint {display:none}








/* Cols
-------------------------------------------------------------*/


#Kontakt #col2 .distance {padding-top:120px;}


#col-img {
	position:absolute;
	top:56px;
	left:21px;
	width:953px;
}



/* Index
-------------------------------------------------------------*/

#Index #col1 {
	position:absolute;
	left:0px;
	width:325px;
	height:300px;
	margin:0px;
	z-index:3;
}

#Index #col1-hg {
	position:absolute;
	left:0px;
	width:290px;
	height:300px;
	margin:0px;
	z-index:2;
}

#Index #col2 {
	position:absolute;
	left:0px;
	width:974px;
	height:459px;
	margin:0px;
	background-repeat: no-repeat;
	z-index:1;
}



#fertigkeller {
	position:absolute;
	left:0px;
	top:0px;
	width:324px;
	height:203px;
	z-index:1;
	visibility: hidden;
	background-image: url(/images/home/fertigkeller_ov.jpg);
	background-repeat: no-repeat;
	z-index:8;
}

#fertiggaragen {
	position:absolute;
	left:325px;
	top:168px;
	width:539px;
	height:272px;
	z-index:1;
	visibility: hidden;
	background-image: url(/images/home/fertiggaragen_ov.jpg);
	background-repeat: no-repeat;
	z-index:8;
}

#gewerbebau {
	position:absolute;
	left:639px;
	top:0px;
	width:539px;
	height:303px;
	z-index:1;
	visibility: hidden;
	background-image: url(/images/home/gewerbebau_ov.jpg);
	background-repeat: no-repeat;
	z-index:8;
}


#fertigkeller a, #fertiggaragen a, #gewerbebau a {
	font-style:normal;
	text-decoration:none;
	color:#FFFFFF;
}

#fertigkeller a:hover, #fertiggaragen a:hover, #gewerbebau a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}

#fertigkeller ul, #fertiggaragen ul, #gewerbebau ul {
	font-style:normal;
	list-style-type: none;
	font-size:11px;
	line-height:16px;
	color:#f4f2e9;
	padding: 80px 0 0 20px;
	
} 



/* Footer
-------------------------------------------------------------*/
#footer {display:none;}


/* Formular
------------------------------------------------------------------------------------------------------------------------------*/

.abstand {margin: 115px 0 0 0; }
* html .abstand {margin: 105px 0 0 0; }

#fehler {
	position:relative;
	height:20px;
	margin:0;
}

#fehler p {
	padding: 0;
	margin: 0;
	float:left;


}


#formular p {
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	float:left;
	width:100px;

}


.form_adresse {
	height: 15px;
	width: 230px;
	font-size: 12px;
	margin:10px 0 0 0;
	padding: 2px 0 0 0px;
	color: #333333;
	background-color:#FFFFFF;
	border: 1px solid #E7DACE;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.form_mitteilung {
	position:relative;
	height: 70px;
	width: 400px;
	margin:10px 0 0 0;
	background-color:#FFFFFF;
	border: 1px solid #E7DACE;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;

}

.form_mitteilung_klein {
	position:relative;
	height: 100px;
	width: 220px;
	margin:10px 0 0 0px;
	padding:5px;
	background-color:#FFFFFF;
	border: 1px solid #E7DACE;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:20px;

}

.senden {
	margin: 10px 0 0 102px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#755e35;
	background-color: #DCD0B4;
	border: 1px solid #FFFFFF;
	padding:3px;	

}