/* CSS Document */

html {
		}
	
body {
	font-family : 'Trebuchet MS',Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #333;
	background: #fff url(../images/body_bg.jpg) repeat-x;
	text-align:center;
}

/* Nullen */

* {
	margin: 0; 
	padding: 0; 
	
}

/* Tags ########################################################## */

p, li {
	font-size: 120%;
	line-height: 1.3em;
	margin: 0 0 1em 0
}

ul {
	margin: 0 0 0 15px;
}

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

a:hover {
	color:  #5E6644
}

hr {
	color: #B04600;
	background: #B04600;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	border:0px;
	margin: 5px 0 5px 0;
}

h1 {
	font-size: 280%;
	font-weight: normal;
	margin: 0 0 0.3em 0;
	font-family: "Times New Roman", Times, serif;
	color: #5E6644
}
h2 {
	font-size: 180%;
	font-weight: normal;
	margin: 0 0 0.3em 0;
	font-family: "Times New Roman", Times, serif;
}

h3 {
	font-size: 280%;
	font-weight: normal;
	margin: 0 0 0.3em 0;
	font-family: "Times New Roman", Times, serif;
	color: #5E6644
}

h4 {
	font-size: 180%;
	font-weight: normal;
	margin: 0 0 0.3em 0;
	font-family: "Times New Roman", Times, serif;
}
/* Klassen ########################################################## */

.bild {
	background: #fff;
	padding: 2px
}

.bild_rahmen {
	background: #fff;
	padding: 2px;
	border:1px solid #E8EADF;
}

.bild_text {
	float:left;
	margin: 0 10px 10px 0
}

.bild_text_re {
	float:right;
	margin: 0 0 10px 40px
}

.und {
	font-family: Arial, Helvetica, sans-serif;
}

a.pfeil {
	background: url(../images/a_pfeil.jpg) center left no-repeat;
	padding: 0 0 0 30px;
	color: #333;
	text-decoration:none;
}

a.pfeil:hover {
	color: #54701D;
}

/* Layout ########################################################## */

#container {
	margin:auto;
	width: 980px;
	text-align:left;
}

/*Header*/

#header {
	height: 120px;
	padding: 5px 0 0 20px;
	color: #fff;
	background: url(../images/header_bg.jpg) top right no-repeat;
	position:relative;
}

#header a {
	color: #fff;
	text-decoration:none;
	padding:  0 2px;
	outline:none;
}

#header a:hover {
	background: #333
}

#header a.kontakt {
	background: #E8EADF;
	color: #333;
	margin: 0 5px 0 5px;
}
#header a.kontakt:hover {
	background: #333;
	color: #fff;
}
#header strong {
	padding: 0 0 0 350px;
	font-weight:normal
}

#header strong span {
	background: #B24400;
	padding: 0 5px;
}

#header a.logo {
	display:block;
	width: 480px;
	height:102px;
	position:absolute;
	right:10px;
	top: 20px
}
#header a.logo:hover {
	background: transparent;
}
#header a.logo img {
	display:none
}

/*Navigation*/

ul#nav {
	list-style-type:none;
	margin: 0 0 0 10px;
}

ul#nav li {
	width: 192px;
	float:left;
	height: 105px;
}

ul#nav li a {
	display:block;
	width: 192px;
	height: 100px;
	text-indent: -3000px;
	outline:none
}

ul#nav li a.stadt {
	background: url(../images/a_stadtquartier_bg.jpg) 0 0 no-repeat;
}

ul#nav li a.wohn {
	background: url(../images/a_wohnungen_bg.jpg) 0 0 no-repeat;
}

ul#nav li a.lage {
	background: url(../images/a_lage_bg.jpg) 0 0 no-repeat;
}

ul#nav li a.serv {
	background: url(../images/a_sw_bg.jpg) 0 0 no-repeat;
}

ul#nav li a.info {
	background: url(../images/a_info_bg.jpg) 0 0 no-repeat;
}

ul#nav li a:hover {
	background-position: 0 -100px
}

ul#nav li a.aktiv {
	background-position: 0 -200px
}


/*Content*/

#content_wrap {
	clear: both;
}

#content {
	margin:auto;
	width: 898px;
	background: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 20px;
}

#content ul {
	list-style-image: url(../images/bullet.jpg);
}

#content ul li {
	padding: 0 0 0 10px
}

#col_left {
	float:left;
	width: 420px;
}

#col_re {
	float:right;
	width: 420px;
}

.col1 {
	float:left;
	width: 420px;
}
.col2 {
	float:right;
	width: 420px;
	
}
.col3 {
	float:right;
	width: 200px;
}

#sb_re {
	background: #E8EADF;
	float:right;
	width: 256px;
	padding: 5px 15px 5px 15px;
	margin: 0 0 0 20px;
	border: 1px solid #D5D8C2;
}
/*Wohnungen##############################*/

.teaser {
	background: #E8EADF;
	width: 420px;
	height: 220px; 
	float:left;
	margin: 10px 10px 10px 10px;
	padding: 2px;
	border: 1px solid #D5D8C2;
	
}

.teaser.ohne {
	width: 260px;
	padding: 2px 2px 2px 12px
}

.teaser h3 {
	font-size: 180%;
	color: #333;
	margin: 10px 0px 10px 0;
	float:right;
	width: 260px;
	border-bottom: 1px solid #D5D8C2;
}



.teaser img {
	float:left;
	margin: 0 10px 0 0 ;
}

.teaser p {
	line-height: 1.7em
}
.abstand {
	padding: 0 20px 0 0;
	}
	
	.verkauft {
		color: #5E6644;
		text-transform: uppercase;
	}

table {
	border: 1px solid #D5D8C2;
	margin: 0 0 10px 0;
}

td {
	font-size: 120%;
	vertical-align: bottom;
	padding: 2px;
}


/*bild_change*/

.change {
	height: 293px;
	background: url(../images/change_bg.jpg) no-repeat;
	padding: 7px 0 0 12px
}

#gmap {
	height: 363px;
	background: url(../images/gmap_bg.jpg) no-repeat;
	padding: 7px 0 0 12px
}

#map {
	font-size: 12px
}

#wnav {
	height: 193px;
	background: url(../images/wnav_bg.jpg) no-repeat;
	padding: 7px 12px 0 12px;
}

#wnav img {
	float:right;
}

#wnav ul{
	list-style-type: none;
	margin: 45px 0 0 0;
}

#wnav ul li {
	float:left;
	width: 192px;
	height: 50px;
	margin:0;
}

#wnav li.kleiner {
	width: 190px;
}

#wnav a {
	display:block;
	height: 50px;
	text-indent: -3000px;
	outline:none;
}

#wnav a.w1 {
	width: 190px;
	background: url(../images/a_w1.jpg) 0 0 no-repeat;
}
#wnav a.w4 {
	width: 190px;
	background: url(../images/a_w4.jpg) 0 0 no-repeat;
}

#wnav a.w3 {
	width: 192px;
	background: url(../images/a_w3.jpg) 0 0 no-repeat;
}
#wnav a.w5 {
	width: 192px;
	background: url(../images/a_w5.jpg) 0 0 no-repeat;
}
#wnav a.w6 {
	width: 192px;
	background: url(../images/a_w6.jpg) 0 0 no-repeat;
}

#wnav a:hover {
	background-position: 0 -50px
}

#wnav a.aktiv {
	background-position: 0 -100px
}

/*footer*/

#footer {
	clear:both;
	background: #4C4840 url(../images/footer_bg.jpg) repeat-x;
	height: 250px;
	color: #fff;
	margin: 20px 0 0 0;
	padding: 0 0 20px 0;
}

#footer_content {
	width: 930px;
	margin:auto;
	background: url(../images/footer_content_bg.jpg) no-repeat;
	height: 170px;
	text-align:left;
	padding: 60px 0 0 30px;
	position:relative;
}

#footer a.swit {
	display:block;
	background: url(../../images/footer_a_swit_bg.jpg) no-repeat;
	width: 170px;
	height: 180px;
	position:absolute;
	top:0px;
	right: 350px;
	text-indent: -3000px
	
	}

#footer a.swif {
	display:block;
	background: url(../images/footer_a_swif_bg.jpg) no-repeat;
	width: 170px;
	height: 180px;
	position:absolute;
	top:0px;
	right:180px;
	text-indent: -3000px
}

#footer a.swip {
	display:block;
	background: url(../images/footer_a_swip_bg.jpg) no-repeat;
	width: 170px;
	height: 180px;
	position:absolute;
	top:0px;
	right:10px;
	text-indent: -3000px
}

#footer_content img {
	display:none;
}

#footer_content p.beratung {
	float:left;
	width: 305px;
}

#footer a {
	color: #fff;
}
#footer a:hover {
	
}
p.impressum {
	width: 920px;
	margin:auto;
	text-align:left;
	color: #ccc;
}

p.impressum a {
	color: #ccc;
}
p.impressum a:hover {
	background: #333
}

/* Clearing ########################################################## */
.clear {
	overflow:hidden
}

* html .clear {
	height: 1%;
}

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block; } 

/* Clearfix-Anpassung für IE */
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.floatbox { overflow:hidden; }
/*##Suche, Artikel Startseite####*/