/* ------------------------------------------------------------------------------------  
	Initialisierung
------------------------------------------------------------------------------------ */

* {margin: 0; padding: 0; border: none;}

body {background: #565656 url(../_obj/interface/bg_pixelx.gif); font-size:0.0%; }

h1,h2,h3 {
	font: normal 16px/22px "trebuchet MS", "Lucida Grande", Arial, Helvetica, "Sans Serif";
	color:#000000;
	padding:0 5px 0 10px;
}

h1 {padding:30px 5px 10px 20px;}

.box1 h1, .box2 h1 {padding:30px 5px 10px 10px;}

h2 {font-size:14px; line-height:16px; width:355px; border-bottom: solid 1px;}

h3 {margin-top:-25px;  position:relative; } /* Überschrift über Boxen*/

p,td {font: normal 12px/16px "trebuchet MS", "Lucida Grande", Arial, Helvetica, "Sans Serif"; letter-spacing:0.03em; color:#414141; margin:10px 30px 0 20px;}

p.info {font-size:10px; line-height:14px; letter-spacing:0.05em; }

a {font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; letter-spacing:0.02em; color:#66ae2b; text-decoration:none;}

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

/* ------------------------------------------------------------------------------- */

ul{ margin:20px 0 0 0; list-style-type: none;}
ul ul{ margin:0 0 0 20px;}

li {
	font: normal 14px/16px "trebuchet MS", "Lucida Grande", Arial, Helvetica, "Sans Serif";
	color:#414141;
	margin-top:10px;
	padding-left:0;
	list-style: none;
}

li a {
	font: normal 14px/16px "trebuchet MS", "Lucida Grande", Arial, Helvetica, "Sans Serif";
	color: #414141;
	padding:0 0 0 20px;
	text-decoration:none;
	background: url(../_obj/interface/nav0.gif) no-repeat left top;
	background-position:0 4px;
	display:block;
	width:100%;
	}

li a:hover, li a.aktiv {
	background: url(../_obj/interface/nav1.gif) no-repeat left top;
	background-position:0 4px;
	color:#66ae2b;
	text-decoration:none;
	}

/* ------------------------------------------------------------------------------------  
	Seitenstruktur
------------------------------------------------------------------------------------ */

#start {
	margin: 0 auto;
	width: 770px;
	height:auto;
}

.startbox {
	width: 230px;
	height:315px;
	margin: 20px 0 0 20px;
	background-color:#ffffff;
	float:left;
}

.startbox #immobilien {
	background: ##ffffff url(../_obj/interface/wernecke_hausverwaltung.gif) no-repeat;
}



.startbox p {font: bold 10px/16px; margin:140px 0 0 20px;}

/* ------------------------------------------------------------------------------- */

#site {
	margin: 0 auto;
	width: 770px;
}

#sitebg {
	width: 770px;
	background: #ede8e5 url(../_obj/interface/bg.gif) repeat-y;
}

#sitecontent {
	width: 760px;
}
/* ------------------------------------------------------------------------------- */

#topnav {
	width: 760px;
	height:20px;
	background-color:#ffffff;
	margin:5px 0 0 0;
	text-align:right;
	float:left;
}

#topnav p, #footer p {font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif; color:#ABABAB; margin:0;}
#topnav a, #footer a {font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif; color:#ABABAB; text-decoration:none; padding:0 5px;}
#topnav a:hover, #topnav a.aktiv, #footer a:hover, #footer a.aktiv {color:#000000;}

#top {
	width: 760px;
	height:50px;
	background-color:#ffffff;
	margin:0 0 0 0;
	text-align:left;
	float:left;
}

/* ------------------------------------------------------------------------------- */

#header {
	width:760px;
	height:284px;
	margin:0;
	background-color:#99CC33;
	float:left;
}

#nav {
	width:234px;
	height:284px;
	margin:0;
	background:#ede8e5 url(../_obj/interface/navbg.gif);
	float:left;
}

#nav_hv {
	width:234px;
	height:284px;
	margin:0;
	background:#D9D9D9;
	float:left;
}

#nav_hv ul{margin:10px 0 0 20px;}
#nav_hv li{
	background: url(../_obj/interface/nav2_0.gif) no-repeat 0 2px ;
	font: bold 11px/16px "trebuchet MS", "Lucida Grande", Arial, Helvetica, "Sans Serif";
	color:#000000;
	letter-spacing:0.03em;
	margin-top:5px;
	padding:0 0 0 15px;
}

#nav_hv ul ul{margin:0 0 0 10px;}

#nav_hv ul ul li{padding:0 0 0 15px; font-weight:normal; color:#414141}


#nav ul{ margin:30px 0 0 10px; list-style-type: none;}
#nav ul ul{ margin:0 0 0 20px;}
#nav li a {
	font: normal 15px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #878787;
	padding:0 0 0 10px;
	text-decoration:none;
	background: url(../_obj/interface/li_pf0.gif) no-repeat left top;
	background-position:0 6px;
	}

#nav li a:hover, #nav li a.aktiv {
	background: url(../_obj/interface/li_pf1.gif) no-repeat left top;
	background-position:0 6px;
	color:#000000;
	text-decoration:none;
	}
	
#banner {
	width:526px;
	height:284px;
	margin:0;
	background-color:#999999;
	float:left;
}

/* ------------------------------------------------------------------------------- */

#content {
	width: 760px;
	margin:0;
	padding:0;
	float:left;
}


#content_left {
	width: 224px;
	margin:0;
	padding:0;
	float:left;
	display: inline; /* IE Hack */
}

#content_main {
	width: 526px;
	margin:0;
	padding:0;
	float:left;
	display: inline; /* IE Hack */	
}

/* ------------------------------------------------------------------------------- */

#footer {
	width: 760px;
	margin:0;
	height:20px;
	text-align:center;
}

/* ------------------------------------------------------------------------------------  
	Formfelder
------------------------------------------------------------------------------------ */


form {padding:0;}

label,input,select,textarea {
	margin-bottom: 5px;
	padding:1px;
	font: normal 11px/16px "trebuchet MS", Arial, Helvetica, "Sans Serif";
}

label {
	float: left;
	margin:5px 0 0 10px;
	width: 50px;
	color:#6b6b6b;
}

.mussfeld {color: #66ae2b;}

input, textarea, select{
	width: 250px;
	height: 14px;
	color: #6b6b6b;
	background-color:#ffffff;
}

textarea {height:50px;}

input.img {border:none; padding:0; margin-top:10px;}


p.preis {font-size:16px; font-weight:bold; color:#66ae2b; line-height:16px; margin:20px 10px 0 20px; letter-spacing:-0.05em;}
p.preis span {font-size:11px; color:#414141; margin:10px 10px 0 10px; letter-spacing:-0.02em;}
p.preisinfo {font-size:10px; line-height:12px; margin:0 0 0 20px; letter-spacing:-0.01em;}

/* ------------------------------------------------------------------------------------  
	Diverse Boxen
------------------------------------------------------------------------------------ */

.box1_w1 p, .box2_w1 p, .box1_w2 p, .box2_w2 p  {font-size:11px; line-height:15px; margin:10px 10px 0 10px; letter-spacing:0.01em;}

.box_teaser  h1 {font-size:11px; font-weight:bold; line-height:15px; padding:0; margin:10px 10px 0 10px; letter-spacing:0.01em;}
.box_teaser p.teaser {font-size:11px; line-height:15px; margin:5px 10px 0 10px; letter-spacing:0.01em;}
.box_teaser p.preis {margin:5px 10px 0 10px;}
.box_teaser p.preis span {font-size:11px; color:#414141; margin:10px 10px 0 10px; letter-spacing:-0.02em;}
.box_teaser p.preisinfo {margin:0 0 0 10px;}
.box_teaser img { float:left; margin:10px 10px 20px 10px;}

.box1  {width: 215px; margin:0 0 20px 10px; float: left; display: inline;}
.box2  {width: 270px; margin:0 10px 20px 20px; float: left; display: inline;}

/* Einrichtungshaus Boxen*/
.box1_w1  {
	background:  url(../_obj/interface/box215_w1.gif) no-repeat;
	display:block;
	width: 215px;
	height:350px;
	margin:0;
	float: left;
}

.box2_w1  {
	background:  url(../_obj/interface/box270_w1.gif) no-repeat;
	display:block;
	width: 270px;
	height:350px;
	margin:0;
	float: left;
	}
	
/* Hausverwaltung Boxen*/
.box1_w2  {
	background:  url(../_obj/interface/box215_w2.gif) no-repeat;
	display:block;
	width: 215px;
	height:350px;
	margin:0;
 	float: left;
	}
	
	
.box1_w2  ul{
	margin:30px 0 0 10px;
}

.box1_w2  li{
background: #d9d9d9 url(../_obj/interface/nav2_0.gif) no-repeat 1px 3px ;
font: normal 12px/16px "trebuchet MS", "Lucida Grande", Arial, Helvetica, "Sans Serif";
color:#828282;
padding:0 0 0 15px;
}

.box1_w2  li a, .box1_w2  li a:hover{
font: normal 12px/16px "trebuchet MS", "Lucida Grande", Arial, Helvetica, "Sans Serif";
background:none;
color:#000000;
padding:0 0 0 0;
}

.box2_w2  {
	background:  url(../_obj/interface/box270_w2.gif) no-repeat;
	display:block;
	width: 270px;
	height:350px;
	margin:0;
	float: left;	
	}

.box_teaser  {
	background:  url(../_obj/interface/box_teaser.gif) no-repeat;
	display:block;
	width: 498px;
	height:105px;
	float: left;
	margin:0 0 20px 20px;
	display: inline; /* IE Hack */	
	}

.box_thumb  {
	background:  url(../_obj/interface/thumb_bg.gif) no-repeat;
	display:block;
	width: 153px;
	height:105px;
	float: left;
	margin:0 0 20px 20px;
	display: inline; /* IE Hack */
	}
	
/* 148 x 100*/
.box_thumb img	{margin:1px 0 0 1px;}
/* ------------------------------------------------------------------------------------  
	Formstyles
------------------------------------------------------------------------------------ */
textarea{ overflow:auto;} /* versteckt die Scrollbar*/

.box_form {margin:10px 0 0 0;}
.box_form form {padding:0;}
.box_form input, .box_form textarea { width:190px; background-color:#DBDBDB; margin:5px 0 0 10px; padding:0 0 0 3px;}

.box_form2 {margin:10px 0 0 0;}
.box_form2 input, textarea { width:136px; background-color:#DBDBDB; margin:5px 0 0 10px; padding:0 0 0 3px;}


/* ------------------------------------------------------------------------------------  
	Haupt-Navigation
------------------------------------------------------------------------------------ */

.navigation ul{ margin:0; float:left;}

.navigation li {
	margin:0;
	padding:0;
	height:28px;
	list-style: none;
	float:left;
}

.navigation li a {
	font: bold italic 14px/28px "trebuchet MS", Arial, Helvetica, "Sans Serif"; color:#ffffff;
	text-decoration:none;
	padding: 0 10px 0 10px;
	height:28px;
}

.navigation li a:hover {color: #FFFF33;}
.navigation .navaktiv {color: #FFFF33;}


/* ------------------------------------------------------------------------------------  
	Bildnavigation
------------------------------------------------------------------------------------ */

.bildnavigation{ 
		position:absolute;
		width:190px;
		top:240px; 
		margin:0 0 0 190px;
}

.bildnavigation ul{ width:190px; margin: 0 0 0 0; float:right;}

.bildnavigation li {
	margin:5px 0 0 0;
	padding:0 0 0 0;
	list-style: none;
 	}
	
.bildnavigation li a {
	font: bold italic 13px/22px "trebuchet MS", Arial, Helvetica, "Sans Serif"; color:#ffffff;
	text-decoration:none;
	padding: 0 10px 0 8px;
	height:22px;
}

.bildnavigation li a:hover {color: #FFFF33;}
.bildnavigation .navaktiv {color: #FFFF33;}


/* ------------------------------------------------------------------------------------  
	Top
------------------------------------------------------------------------------------ */
#top p {font-size:10px; line-height:20px; text-align: right; margin:0 5px 0 0;}
#top a {font-size:10px; line-height:14px; text-decoration:underline;}


/* ------------------------------------------------------------------------------------  
	Adressen-Styles
------------------------------------------------------------------------------------ */
.adresse{}
.adresse p {letter-spacing:0.03em; margin-top:5px;}


/* ------------------------------------------------------------------------------------  
	tabellen-Styles
------------------------------------------------------------------------------------ */
.tab{}
.tab table{ border-collapse:collapse; width:370px; margin:0;}
.tab td,th {letter-spacing:0.03em; padding:4px; border-bottom:#d9dce2 1px solid;}

.tab a {}
.tab a:hover {text-decoration:underline; color:#0066b3;text-decoration:underline;}


/* ------------------------------------------------------------------------------------  
	Diverse
------------------------------------------------------------------------------------ */

.ml20 {margin-left:20px;}
.spacer30 {height:30px; display:block;}
.spacer20 {height:20px; display:block;}
.spacer10 {height:10px; display:block;}

.clear {clear:both;}
br {line-height:10px; clear:left;}

.fl {float: left;}
.fr {float: right;}


.beige {color: #ede8e5;}
.hgrau {color: #e6e6e6;}
.dgrau {color: #7b7b7b;}
.gruen {color: #66ae2b;}