@charset "UTF-8";
body {
	margin: 0;
	padding: 0;
	color: #774F3A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.4;
	background-image: url(bilder/wfl_24_b1.jpg);	
	background-color:#996633;
}

div.bild {float: right;
          max-width: 260px;
          border: 1px #000000 solid;
          margin: 0.5em;
          padding: 0.5em;}

div.bild p {text-align: center;
            font-style: italic;
            font-size: 0.8em;
            text-indent: 0;}


.header {
	margin: 0;
	height: 93px;
	color: #FBE5D7;
	font-size: 35px;
	background-image: url(bilder/holzbearbeitung_beyer2a.jpg);
	padding-top: 36px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 82px;
	line-height: 26px;
}

.dse a:link {
	color: #774F3A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 1.4;
	font-style: italic;
}

.dse a:hover {
	color: #black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 1.4;
	font-style: italic;
}

#logo {float:left;
	width:450px;
	height:30px;
	}

#telefon {
	padding-top:2px;
	font-size: 13px;
	float: right;
	width: 250px;
	height: 30px;
	line-height: 14px;
	font-weight: bold;
}

#telefon a {
	color: #FBE5D7;
	text-decoration: none;
}

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



h1, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}

h2 {
	margin: 0;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 120%;
	font-size: 13pt;
	padding-bottom: 5px;
	}
	
	
h3 {
	margin: 0;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 120%;
	font-size: 14pt;
	padding-bottom: 5px;
	}

a img { 
	border: none;
}

.bildrechts {
	float: right;
}

a:link {
	color: #42413C;
	text-decoration: underline; /* Sofern Ihre Hyperlinks nicht besonders hervorgehoben werden sollen, empfiehlt es sich, zur schnellen visuellen Erkennung Unterstreichungen zu verwenden. */
}
a:visited {
	color: #6E6C64;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
	text-decoration: none;
}

/* ~~ Dieser Container mit fester Breite umschließt die anderen div-Tags. ~~ */
.container {
	width: 800px;
	background-color: #FFF6EF;
	margin: 0 auto;
}
.content {
	width: 680px;
	float: left;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 86px;
	margin-left: 0px;
}

.content img {
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.content li {
	font-size: 14pt;
	line-height: 150%;
}

.beschreibung {
	width: 600px;
	line-height: 180%;
	}
	
.beschreibung2 {
	width: 600px;
	
}


.sidebar1 {
	float: left;
	width: 110px;
	background-color: #FFF6EF;
	padding-bottom: 10px;
}

.fett {
	font-weight: bold;
}

.kontakt {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left:40px;
}


#navlist { 
	width: 800px; 
	padding-left: 16px; 
	padding-top: 60px; 
	height: 40px;
	}
	
#navlist ul { padding: 0; margin: 0; }
#navlist ul li { background-repeat: repeat; display: inline; }
#navlist ul li a {
	color: #fff;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	float: left;
	margin: 2px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
	
	background-image: url(bilder/transp_weiss.png);
	}
	
#navlist ul li a:hover {
	color: #684A37;
	background-color: #FFF6EE;
}

#willkommen a { width: 130px;}
#leistungen a { width: 124px; margin-left: 3px;}
#wohnimmob a { width: 140px; margin-left: 3px;}
#gewerbeimmob a { width: 153px; margin-left: 3px;}
#impressum a { width: 200px; margin-left: 3px;}
#referenzen a { width: 120px; margin-left: 3px; }
#kontakt a { width: 90px; margin-left: 3px;}

#will #willkommen a,
#leist #leistungen a,
#wohn #wohnimmob a,
#gewerbe #gewerbeimmob a,
#imp #impressum a,
#konta #kontakt a,
#referenz #referenzen a
	{
	color: #684A37;
	background-color: #FFF6EE;
}


.footer {
	
	height: 120px;
	padding: 0;
	position: relative;/* Hiermit erhält IE6 die Eigenschaft hasLayout, damit die clear-Anweisung korrekt ausgeführt wird. */
	clear: both; /* Diese clear-Eigenschaft bewirkt, dass .container das Ende der fließenden Spalten erkennt und ihren Inhalt aufnimmt. */
}

/* ~~ Verschiedene float/clear-Klassen ~~ */
.fltrt {  /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im #container) platziert werden, wenn #footer entfernt oder aus dem #container herausgenommen wird. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}