/* www.daehndachteam.de

########################################################################################################
########################################################################################################

Einteilung des CSS-Aufbaus

1. Standards
2. Layout
3. Navigation
4. Content
5. Links 

########################################################################################################
######################################################################################################*/

   
/* 1. Standards */

html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, span, a, table, td, form, img, li, input, form, object, textarea{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #6D3916;
	text-decoration: none;
	list-style-type: none;
}	

body {background-image: url(../images/hg.jpg); background-repeat: repeat-x;}
h1 {font-weight: bold; font-size: 14px;}
h2 {font-weight: bold; margin: 10px 0;}
li { padding: 5px 0 5px 20px; margin: 0 0 0 30px; background-image: url(../images/anstrich.gif); background-repeat: no-repeat; background-position: 0px 7px;}
span { position: absolute; top: 0px; font-size: 1px; color:#FAE7C6;}

.right {float: right; position: relative; top: -16px; left: -10px;}
.abstand-leistungen {margin: 20px 20px 0 0;}
.floatende {clear: both; display: none;}
.floatende-color {clear: both; border: #FFF3DD 1px solid;}
*html .floatende-color {height: 10px; border-bottom-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-color: #FFF3DD;}
.referenzen-bild img{border: 0px;}


/*######################################################################################################
######################################################################################################*/


/* 2. Layout */

/* Aussenhülle mit Hintergrund */
#Aussenhuelle {
	background-image: url(../images/leerraum.jpg);
	background-repeat: repeat-y;
	width: 955px;
	margin: 0 auto;
}

/* Bild oben */
#Daehndachteam {
	background-image: url(../images/daehndachteam.jpg);
	height: 187px;
	width: 955px;
}

/* Mittelteil der Hülle (Content Hintergrund)*/
#Mitte {
	background-image: url(../images/hgmitte.jpg);
	width: 955px;
	overflow: auto;
	margin-top: 5px;
}

/* Abschluss Ende */
#Abschluss {
	background-image: url(../images/abschluss.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 955px;
	margin: 0 auto;
	padding-bottom: 20px;
}


/*######################################################################################################
######################################################################################################*/


/* 3. Navigation */

/* Navigation Hintergrund */
#Navigation {
	background-image: url(../images/navigation.jpg);
	background-repeat: no-repeat;
	height: 29px;
	width: 955px;
}

/* Navigationsleiste zum positionieren der einzelnen Button*/
#Navigationleiste {
	float: right;
	width: 621px;
}

/* Navigation versteckter Text */
#Navigation a span {
	position: absolute;
	top: 0px;
	font-size: 1px;
	visibility: hidden;
}

/* Navigation Aufteilung */
.trennung {
	background-image: url(../images/trennung.jpg);
	float: left;
	height: 26px;
	width: 1px;
}
a.home {
	background-image: url(../images/home.jpg);
	float: left;
	height: 29px;
	width: 79px;
}
a.home:hover {
	background-image: url(../images/homeaktiv.jpg);
	float: left;
	height: 29px;
	width: 79px;
}
a.leistungen {
	background-image: url(../images/leistungen.jpg);
	float: left;
	height: 29px;
	width: 111px;
}
a.leistungen:hover {
	background-image: url(../images/leistungenaktiv.jpg);
	float: left;
	height: 29px;
	width: 111px;
}
a.referenzen {
	background-image: url(../images/referenzen.jpg);
	float: left;
	height: 29px;
	width: 116px;
}
a.referenzen:hover {
	background-image: url(../images/referenzenaktiv.jpg);
	float: left;
	height: 29px;
	width: 116px;
}
a.anfahrt {
	background-image: url(../images/anfahrt.jpg);
	float: left;
	height: 29px;
	width: 92px;
}
a.anfahrt:hover {
	background-image: url(../images/anfahrtaktiv.jpg);
	float: left;
	height: 29px;
	width: 92px;
}
a.kontakt {
	background-image: url(../images/kontakt.jpg);
	float: left;
	height: 29px;
	width: 94px;
}
a.kontakt:hover {
	background-image: url(../images/kontaktaktiv.jpg);
	float: left;
	height: 29px;
	width: 94px;
}
a.impressum {
	background-image: url(../images/impressum.jpg);
	float: left;
	height: 29px;
	width: 118px;
}
a.impressum:hover {
	background-image: url(../images/impressumaktiv.jpg);
	float: left;
	height: 29px;
	width: 118px;
}


/*######################################################################################################
######################################################################################################*/


/* 4. Content */

#links-home, #links-newsletter, #anfahrt {padding: 20px 0px 20px 35px; float: left;}
#links-home {
	width: 655px;
	background-image: url(../images/daehn_dacharbeiten.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#rechts-home, #rechts-newsletter {padding: 20px 35px 0px 0px; float: right;}
#rechts-home {width: 220px;}
#rechts-home img {margin: 0 0 10px 0;}

#links-newsletter {width: 455px;}
#rechts-newsletter {width: 420px;}

#anfahrt {width: 655px;}

#Aussenhuelle #Mitte p {margin: 10px 0px;}
#Aussenhuelle #Mitte #links-home .kasten-adresse p {margin: 0;}
#Aussenhuelle #Mitte #links-home #standart h2 {margin: 0px;	padding: 0px;}
#Aussenhuelle #Mitte #referenzen .referenzen-listen .nach-oben a {text-decoration: none;}

/* Leistungen Container */
#leistungen{
	width: 350px;
	margin: 0 0 0 15px;
	padding: 20px 0 0 20px;
}

/* Leistungen Bilder */
#leistungen-pics {
	background-image:url(../images/hg_leistungen.jpg);
	width: 480px;
	height: 253px;
	margin: 20px 35px 0px 0px;
	padding: 0 0 0 25px;
	float: right;
}
*html #leistungen-pics {margin: 20px 20px 0px 0px;}

/* Referenzen Container */
#referenzen {
	width: 885px;
	height: auto;
	padding: 20px 35px;
	margin: 0;
}

/* Referenzen Listen */
.referenzen-listen {
	width: 830px;
	margin: 20px 0;
	padding: 10px 25px;
	border: 1px solid #f3d6a5;
	background-color: #FFFFFF;
}

/* Referenzen Bilder */
.referenzen-bild {
	float: right;
	margin: 15px 0 15px 15px;
	padding: 0px;
	height: 98px;
	width: 98px;
	border: 1px solid #f3d6a5;
}

/* Home Adressfeld */
.kasten-adresse {
	position: relative;
	top: 17px;
	left: 0px;
	background-color:#FFFFFF;
	border: 1px solid #f3d6a5;
	width: 380px;
	margin: 0;
	padding: 15px 15px;
	float: right;
}
*html .kasten-adresse {top: 20px;}

/* Home linke Seite */
.kasten-links{
	width: auto;
	margin: 0 20px 0 0;
	padding: 0 20px 0 0;
	float: left;
	border-right: 1px dashed #f3d6a5;
}

/* Home Newsletterfeld */
.kasten-newsletter {
	position: relative;
	top: 17px;
	left: 0px;
	float: left;
}
*html .kasten-newsletter {top: 20px;}


/*######################################################################################################
######################################################################################################*/


/* 5. Links */

a:hover {text-decoration: underline;}
.nach-oben {border: 0px; float: right; width: 800px; text-align: right;}

/*######################################################################################################
######################################################################################################*/