/* BASIC STYLE */

html, body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #323232;
	height:100%;
	width:100%;
}

h1{
	margin-bottom: 7px;
	font-size: 26px;
	line-height: 1.2em;
}

h2{
	font-size: 18px;
	margin-bottom: 6px;
	line-height: 1.2em;
}

h3{
	font-size: 16px;
	margin-bottom: 1em;
	line-height: 1.2em;
}

.hr{
	width: 100%;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	background-color: #ababab;
}

p{
	margin-bottom: 1em;
}

p.eingerueckt{
	margin-left: 2em;
}

a{
	color: #e9503c;
}

a:hover{
	color: #a92717;
}

a:focus{
	outline: none;
}

ul li{
	list-style-position: inside;
}

* html #wrapper{
	height: 100%;
}

#wrapper{
	min-height: 100%;
	position: relative;
}

#head{
	height: 89px;
	width: 100%;
	position: relative;
	background-image: url(../img/head_bg_loop_weiss.gif);
}

#content_wrapper{
	height: auto;
	position: relative;
	background-image: url(../img/content_bg_loop.gif);
	background-repeat: repeat-x;
	z-index:0;
	padding-bottom: 70px;
}

#content{
	width: 878px;
	padding-top:40px;
	padding-left:40px;	
	position: relative;
}

#content #spalte_links{
	width: 588px;
	position:relative;
	float:left;
}

#content #spalte_rechts{
	width: 230px;
	position:relative;
	float:right;
	margin-top: 39px;
}

#content #trenner{
	width: 9px;
	height: 100%;
	min-height: 300px;
	position: absolute;
	left: 660px;
	background-image: url(../img/trenner_wh.png);
}

#content #schatten_oben{
	width: 9px;
	height: 106px;
	background-image: url(../img/trenner_oben.png);
	position: absolute;
	left: 0;
	top: 0;
}

#content #schatten_unten{
	width: 9px;
	height: 106px;
	background-image: url(../img/trenner_unten.png);
	position: absolute;
	left: 0;
	bottom: 0;
}

#footer{
	width: 878px;
	margin-left: 40px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-image: url(../img/linie_footer.gif);
	background-repeat: no-repeat;
	font-size: 10px;
	margin-top: -28px;
	position: relative;
}

#logo{
	left: 42px;
	top: 15px;
	position: absolute;
}

.clearer{
	clear: both;
	line-height: 1px;
	font-size: 1px;
}

.social_bookmarks img{
	border: 1px solid #9f9f9f;
	padding: 2px;
	margin-top: 0.5em;
}



/* CONTENT */

.contentbild_left{
	float: left;
	margin-right: 10px;
	padding: 1px;
	border: 1px solid #a2a2a2;
}

#subnavi li{
	line-height: 22px;
	background-image: url(/img/pfeil.gif);
	background-position: 0 8px;
	background-repeat: no-repeat;
	font-size: 14px;
	padding-left: 14px;
	list-style-position: inside;
	position: relative;
}

.icon_telefon{
	margin-right: 8px;
}




/* FORMULAR */

.input_text, textarea{
	border: 1px solid #aeaeae;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px 2px;
	float: left;
}

.input_text{
	height: 14px;
	margin-bottom: 4px;
}

.input_text:focus, textarea:focus{
	border: 1px solid #8c8c8c;
}

label{
	float: left;
	width: 60px;
	line-height: 20px;
}

.formular_submit{
	border: none;
	padding: 0;
}

.formular_element_container{
	position: relative;
	width: 100%;
}

#spalte_rechts #kontaktformular .input_text, #spalte_rechts #kontaktformular textarea{
	width: 164px;
}

#spalte_rechts #kontaktformular textarea{
	height: 100px;
}

#spalte_rechts #kontaktformular .formular_submit{
	float: right;
	margin-top: 4px;
}

#kontaktformular .valid{
	background-image: url(../img/haken.gif);
	width: 18px;
	height: 11px;
	background-repeat: no-repeat;
}

#kontaktformular textarea.error, .input_text.error{
	border-color: #db0f0f;
}

#spalte_rechts #kontaktformular textarea.error, #spalte_rechts #kontaktformular .input_text.error{
	margin-bottom: 0;
}

#kontaktformular textarea.error:focus, #kontaktformular .input_text.error:focus{
	border-color: #b71919;
}

#kontaktformular div.error, #formular_gesuche div.error{
	color: #db0f0f;
	font-size: 10px;
}





/* RECHTES KONTAKTFORMULAR */
#spalte_rechts #kontaktformular .valid{
	position: absolute;
	top: 4px;
	right: -23px;
}

#spalte_rechts #kontaktformular div.error{
	margin-bottom: 5px;
	float: right;
}

#spalte_rechts #kontaktformular{
	margin-bottom: 3px;
}

#spalte_rechts #kontaktformular #statusmeldungen{
	float: left;
	margin-top: 7px;
	font-size: 11px;
	text-align: right;
	width: 170px;
}




/* BILDLAUF */
#spalte_rechts #bildlauf{
	width: 230px;
	height: 230px;
	position: relative;
	margin-top: 15px;
}

#spalte_rechts #bildlauf img{
	border: 1px solid #9F9F9F;
	padding: 1px;
	position: absolute;
	top: -5px;
}



/* NAVIGATION */

#navigation{
	position: absolute;
	left: 320px;
	top: 55px;
	z-index:1;
}

#navigation .reiter{
	float: left;
	height: 35px;
	background-repeat: no-repeat;
	cursor: pointer;
	position: relative;
	margin-right: -5px;
}

#navigation .reiter a{
	top: 2px;
	left: 4px;
	padding: 10px;
	position: absolute;
	color: #323232;
}

#navigation .reiter a:hover{
	color: #e9503c;
}

#navigation .aktiv a{
	color: #e9503c;
}

#navigation #nav_startseite{
	width: 81px;
}

#navigation #nav_startseite.aktiv{
	background-image: url(../img/navibg_startseite.png);
}

#navigation #nav_startseite:hover{
	background-image: url(../img/navibg_startseite.png);
}

#navigation #nav_immobilien{
	width: 141px;
}

#navigation #nav_immobilien.aktiv{
	background-image: url(../img/navibg_immobilien.png);
}

#navigation #nav_immobilien:hover{
	background-image: url(../img/navibg_immobilien.png);
}

#navigation #nav_profil{
	width: 57px;
}

#navigation #nav_profil.aktiv{
	background-image: url(../img/navibg_profil.png);
}

#navigation #nav_profil:hover{
	background-image: url(../img/navibg_profil.png);
}

#navigation #nav_gesuche{
	width: 78px;
}

#navigation #nav_gesuche.aktiv{
	background-image: url(../img/navibg_gesuche.png);
}

#navigation #nav_gesuche:hover{
	background-image: url(../img/navibg_gesuche.png);
}

#navigation #nav_verkauf_vermietung{
	width: 173px;
}

#navigation #nav_verkauf_vermietung.aktiv{
	background-image: url(../img/navibg_verkauf_vermietung.png);
}

#navigation #nav_verkauf_vermietung:hover{
	background-image: url(../img/navibg_verkauf_vermietung.png);
}

#navigation #nav_referenzen{
	width: 92px;
}

#navigation #nav_referenzen.aktiv{
	background-image: url(../img/navibg_referenzen.png);
}

#navigation #nav_referenzen:hover{
	background-image: url(../img/navibg_referenzen.png);
}

#navigation #nav_kontakt{
	width: 71px;
}

#navigation #nav_kontakt.aktiv{
	background-image: url(../img/navibg_kontakt.png);
}

#navigation #nav_kontakt:hover{
	background-image: url(../img/navibg_kontakt.png);
}





/* FOOTER */

#footer_navigation{
	position: absolute;
	right: 0;
}

#footer_text{
	margin-top: 1px;
	float: left;
}

#footer_pr{
	float: left;
	margin-left: 5px;
}





/* STARTSEITE */

#unterschrift{
	margin-left:-10px; 
	margin-bottom:-2px;
}

#aktuelles_angebot{
	border: 1px solid #9f9f9f;
	width: 340px;
	height: 216x;
	padding-left: 1px;
	padding-top: 1px;
	padding-right: 1px;
	margin-left: 20px;
	float: right;
}

#aktuelles_angebot #infos{
	font-size: 10px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 1px;
	line-height: 14px;
}

#aktuelles_angebot #infos .spalte{
	float: left;
	margin-right: 15px;
}

#aktuelles_angebot #infos #link{
	float: right;
}

/* REFERENZEN */

#referenzen #spalte_links img{
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	border: 1px solid #a2a2a2;
}





/* KONTAKT */

#kontaktdaten #kontaktdaten_spalte_links{
	float: left;
	width: auto;
	height: auto;
	margin-right: 10px;
}

#kontaktdaten #kontaktdaten_spalte_rechts{
	float: left;
	width: auto;
	height: auto;
}

#kontakt #kontaktformular{
	width: 550px;
}

#kontakt #kontaktformular div.error{
	margin-left: 8px;
	float: left;
	padding-top: 3px;
}

#kontakt #kontaktformular .input_text{
	width: 180px;
	float: left;
}

#kontakt #kontaktformular textarea{
	width: 234px;
	height: 92px;
	float: left;
}

#kontakt #kontaktformular #kontaktformular_submit{
	margin-left: 10px;
	margin-top: 7px;
	margin-right: 250px;
	float: right;
}

#kontakt #kontaktformular .valid{
	float: left;
	margin-top: 4px;
}

#kontakt #kontaktformular #statusmeldungen{
	margin-top: 9px;
	font-size: 11px;
	text-align: right;
	width: 175px;
	float: right;
}

#kontakt ul li{
	list-style-type: square;
	list-style-position: outside;
	margin-left: 1em;
	margin-bottom: 4px;
}

#kontakt ul{
	margin-bottom: 1em;
}




/* IMPRESSUM */

#impressum #impressum_spalte_links{
	float: left;
	width: auto;
	height: auto;
	margin-right: 40px;
}

#impressum #impressum_spalte_rechts{
	width: auto;
	height: auto;
	margin-right: 10px;
}





/* VERKAUF VERMIETUNG */

#verkauf_vermietung #spalte_links{
	width: 380px;
}

#verkauf_vermietung #spalte_rechts{
	width: 380px;
	margin-top: 0;
}

#verkauf_vermietung #trenner{
	left: 460px;
}

#verkauf_vermietung ul li{
	/*line-height: 24px;
	list-style-image: url(/../img/haken.gif);*/
	list-style-type: square;
	list-style-position: outside;
	margin-left: 1em;
	margin-bottom: 4px;
}

#verkauf_vermietung ul{
	margin-bottom: 1em;
}





/* IMMOBILIEN */

#immobilien iframe{
	width: 660px;
	height: 1000px;
	border: none;
}

#immobilien #spalte_links{
	width: 630px;
	/*background-color: red*/;
}

#immobilien #spalte_rechts{
	width: 180px;
}

#immobilien #trenner{
	left: 700px;
}


/* GESUCHE */

#formular_gesuche .formular_gesuche_spalte_links{
	float: left;
	width: 250px;
	margin-bottom: 1em;
}

#formular_gesuche .formular_gesuche_spalte_rechts{
	float: right;
	width: 250px;
	margin-bottom: 1em;
}

#formular_gesuche .input_text{
	float: right;
}

#formular_gesuche label{
	width: auto;
}

#formular_gesuche label.oben{
	float: none;
}

#formular_gesuche textarea{
	width: 582px;
	height: 164px;
	margin-bottom: 2em;
}

#formular_gesuche .hinweis{
	float: left;
	line-height: 20px;
	margin-top: 8px;
}

#formular_gesuche .formular_submit{
	float: right;
	margin-top: 8px;
}

#formular_gesuche div.error{
	float: right;
	clear:  both;
	margin-bottom: 5px;
	margin-top: -2px;
}

#formular_gesuche #statusmeldungen{
	float: right;
	margin-top: 9px;
	font-size: 11px;
	text-align: right;
	width: 170px;
	line-height: 20px;
	margin-right: 10px;
}

#formular_gesuche .input_select{
	float: right;
	margin-bottom: 4px;
	width: 133px;
}

#gesuche .meldung{
	clear: both;
	border: 4px solid #E9503C;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	display: none;
}