/* ===================================
Stylesheet 

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. Sonstige Styles 
=================================== */

/* ==================================
   1. Kalibrierung
   =============================== */

* { padding: 0; margin: 0; } 
 
h2, p, ul, ol { margin-bottom: 1em; } 

ol ul { margin-bottom: 0; } 

li { margin-left: 2em; } 

a, a:hover, a:focus {
    border:none;
   	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}  
a img{ 
  border:none;
   	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
   
/* ==================================
   2. Allgemeine Styles 
   =============================== */ 
body {
	background-color:#ffd9c8; /*#C9D98B    ;#EDE5D3;*/
	background-image:url(img/bg_body.jpg);
	background-repeat:repeat-x;
	color: black;
	font-family:  verdana,  helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
}
h1 {	font-size: 110%; }

h2 {
	text-align: center;
	font-weight: normal;
}

td {
	vertical-align:top;
}

/* ================
   Hyperlinks    */  

a { 
  text-decoration: none; 
  outline: none; 
  color: black;
} 

a:link { color: black; } /* nicht besuchte Links */ 
a:visited { color: black; } /* besuchte Links */ 
 

/* =====================
   Klassen und IDs    */

/* ==================================
   3. Styles für Layoutbereiche 
   =============================== */   
#Alles {
	width:860px;
	height:730px; 
	margin: 20px auto 1px auto;
}

#Kopf {
	width:600px;
	height:70px;
	text-align:left;
	background-color:#FFFFFF;
	float:right;
}
#Logo{
	float:left;
	padding:2px 0px 35px 10px;
}
#KopfMenue{
	float:right;
	padding:25px 20px 0px 0px;
}
#KopfMenue a{
	display:block;
	padding:5px 10px;
	border-right:#666666 dotted 1px;
	float:left;
	text-align:center;
}
#KopfMenue a:hover{
	color:#999999;
}
#KopfMenue #last{
	border-right:none;
}

#Haupt{
	width:860px;
	height:670px;
	text-align:left;
	background-repeat:no-repeat;
	background-position:bottom;
	border:#333333 1px solid;
	clear:both;
	background-color:#FFFFFF;
}
#Menue{
	width:195px;
	height:500px;
	float:left;
	padding-top:5px;
	padding-left:0px;
}
.Menue_a{
	display:block;
	padding:25px 0px 10px 50px;
	border-bottom:#666666 dotted 1px;
	float:left;
	text-align:left;
	width:130px;
	background-image:url(img/menue.png);
	background-repeat:no-repeat;
	font-size:12px;
}
.Menue_a:hover{
	display:block;
	padding:25px 0px 10px 50px;
	border-bottom:#666666 dotted 1px;
	float:left;
	text-align:left;
	width:130px;
	background-repeat:no-repeat;
	font-size:12px;
	background-image:url(img/menue_2.png);
	}

#Fuss {
	padding: 10px 0px 10px 0px;
	float: none;
	height: 30px;
	text-align:right;
	clear:both;
	color:#000000;
	font-size:90%;
}
.effect {opacity: 0.3;}
.effect:hover {opacity: 1;}

  
/* ==================================
   4. Sonstige Styles 
   =============================== */   

#Startseite #Haupt { background-image:url(img/bg_haus.jpg);}
#Fassaden #Haupt { background-image:url(img/bg_leiter.jpg);}
#Trockenbau #Haupt { background-image:url(img/bg_gebaude.jpg);}
#Warm #Haupt { background-image:url(img/bg_warm.jpg);}
#Estrich #Haupt { background-image:url(img/bg_estrich.jpg);}
#Stuck #Haupt { background-image:url(img/bg_stuck.jpg);}
#Kontakt #Haupt { background-image:url(img/bg_brief.jpg);}
#Impressum #Haupt {	background-image:url(img/bg_verlauf.jpg);}

.Bild_A{
	width:150px;
	height:150px;
	background-color:#FFFFFF;
	padding:3px;
	margin-top:20px;
	border: 1px solid #ddd;
    border-right-color: #aaa;
    border-bottom-color: #aaa;
}
.Bild_A:hover {
	background-color:#FFa488;
}
.Bild_B{
	width:150px;
	height:150px;
}
#Inhalt{
	width:625px;
	height:600px;
	float:right;
}
#InhaltText {
	float:left;
	width:400px;
	text-align:justify;
	padding:250px 0px 0px 10px;
}
#LongText {
	float:left;
	width:400px;
	text-align:justify;
	padding:60px 0px 0px 10px;
	font-size: 88%;
}
#InhaltBilder{
	float:right;
	width:170px;
	margin-top:30px;
}
 
 
		

/* ==================================
   ENDE DES STYLESHEETS 
   =============================== */