* { padding: 0;margin: 0; }

body { font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #666; line-height: 1.5em; text-align: center; background-color: #F3F2E5; }
html, body { height: 100%; }

h1, h2, h3, p {	margin: 0.5em 0; }
h1, h2, h3 { margin: 0 0;}
h1 { font-size: 14px; color: #c00; font-weight: bold; margin-bottom: 7px; }
h2 { font-size: 12px; margin-top: 15px;}
h3 { font-size: 12px; }

a, a:link { color: #666666; text-decoration: underline; }
a:visited { color: ##666666; text-decoration: underline; }
a:hover { color: #CC0000; text-decoration: underline; }
a.img {	border: 0 none; }
a img {	border: 0 none;	text-decoration: none; }
span.hide { display: none; }

pre, code { display: block; width: auto; background-color: white; border: 1px solid #999; padding: 0.5em; margin: 1em 0; color: #666; font: 1.2em monospace; }
td {vertical-align: top;}

/* AREAS */ 

#wrapper { float:left; width: 930px; overflow: visible; height: auto !important; min-height: 500px; height: 500px; }
#top { height: 265px; background-color: #fff; background: url(bg_head_service.jpg) no-repeat #fff; }
#headline { line-height:1; background:transparent url(bg_headline.png) repeat scroll 0 0; color:#FFFFFF; font-size:24px; height:70px; left:276px; padding-right:20px; padding-top:40px; position:absolute; text-align:right; text-transform:uppercase; top:257px; width:555px; }
#logo { position: absolute; left: 70px; top: 50px; }
#left {	width: 180px; float: left;}
#content { width: 573px; float: left; padding: 5px 20px 30px 20px; text-align: left; }
#mainarea{ float:right; height:auto !important;margin-top:-223px; min-height:500px; overflow:hidden !important; padding-right:60px; width:613px; }

.borders_top { background: url(bg_borders_top.png) no-repeat; overflow: hidden !important; overflow: visible; height: auto !important; min-height: 100px; height: 100px; padding-top: 19px; }
.borders_bottom{ background: url(bg_borders_bottom.png) no-repeat; height: 15px; }

/* Footer-Navigation*/

#footer { height:50px; padding-top:20px; clear: both; text-align: center; width: 930px; }
#footernavwrapper { margin: 0 auto 0 auto; width: 930px; padding: 0px 0px; background: #fff; height: 30px; }
div#footernav { padding-top:6px; font-size: 9px; }

/* Main Nav */

ul#mainnav li ul li ul li { padding:8px 0px 2px 10px !important; width:175px; }
ul#mainnav li ul li.activ ul.ebene3 li a { background-position: 8px 5px; }
ul#mainnav li.pinkaktiv ul li.activ ul.ebene3 li.activ a, ul#mainnav li.pinkaktiv ul li.activ ul.ebene3 li a:hover, ul#mainnav li.pinkaktiv ul li ul.ebene3 li.lastactiv a { background-position:8px -95px }
ul#mainnav li.blauaktiv ul li.activ ul.ebene3 li.activ a, ul#mainnav li.blauaktiv ul li.activ ul.ebene3 li a:hover, ul#mainnav li.blauaktiv ul li ul.ebene3 li.lastactiv a { background-position: 8px -295px; }
ul#mainnav li.gruenktiv ul li.activ ul.ebene3 li.activ a, ul#mainnav li.gruenaktiv ul li.activ ul.ebene3 li a:hover, ul#mainnav li.gruenktiv ul li ul.ebene3 li.lastactiv a { background-position: 8px -495px; }
ul#mainnav li ul li ul.ebene3 li.lastactiv a { padding:0 0 0 17px; }

ul#mainnav { padding-left:69px; padding-top:5px; list-style-type: none; }
ul#mainnav li { width: 185px; margin-bottom: 5px; text-align: left; background-color: #fff; color: #000; }
ul#mainnav li.pink a:hover , ul#mainnav li.pinkaktiv a { background-color: #e20079; color: #fff; }
ul#mainnav li.blau a:hover, ul#mainnav li.blauaktiv a { background-color: #009ee0; color: #fff; }
ul#mainnav li.gruen a:hover, ul#mainnav li.gruenaktiv a { background-color: #009034; color: #fff; }
ul#mainnav li a { text-transform: uppercase; display: block; color: #000; background-color: #fff; font-size: 11px; text-decoration: none; font-weight: bold; padding: 0px 10px 0px 10px; line-height: 30px; }
ul#mainnav li a:hover, ul#mainnav li a.active {	color: #fff; }
ul#mainnav li.last a { border: none; }


ul#mainnav li ul { list-style-type: none; }
ul#mainnav li ul li { background-color:#FFFFFF; margin:0; padding:5px 0; width:185px; }
ul#mainnav li ul li.last { padding: 5px 0 10px; }
ul#mainnav li ul li a { line-height:12px !important; background-position: 8px 5px; background-color: #fff !important; background-image: url("bt_subnav.gif") !important; background-repeat: no-repeat;  padding-left: 17px; color: #000 !important; text-transform:none; }

ul#mainnav li.pinkaktiv ul li.activ a, ul#mainnav li.pinkaktiv ul li a:hover, ul#mainnav li.pinkaktiv ul li.lastactiv a { background-position:8px -95px }
ul#mainnav li.blauaktiv ul li.activ a, ul#mainnav li.blauaktiv ul li a:hover, ul#mainnav li.blauaktiv ul li.lastactiv a { background-position: 8px -295px; }
ul#mainnav li.gruenktiv ul li.activ a, ul#mainnav li.gruenaktiv ul li a:hover, ul#mainnav li.gruenktiv ul li.lastactiv a { background-position: 8px -495px; }
ul#mainnav li ul li.lastactiv a { padding:0 17px 5px; }



/* Schnellnavigation*/

ul#quicknav { list-style-type: none; background: url(bg_quicknav.png) no-repeat; height: 30px; padding-left: 70px; }
ul#quicknav li { float: left; display: block; width: 125px; margin-right: 8px; }

ul#quicknav li.last { margin: none;}
ul#quicknav li a { line-height: 30px; color: #fff; }

ul#quicknav li a:hover { text-decoration: underline; }


/* Content Styles */

#content img { float: left; border: 1px solid #ccc; padding: 1px; margin: 0px 10px 10px 0px; clear: right; }

#content .csc-textpic-border img { border: none; padding: 0px; }

#content ul { list-style: square; padding: 0em 10px 10px 15px; }
#content ul li { padding-left: 0px; }
#content dl.csc-textpic-image img { margin-bottom: 2px; }
#content dd.csc-textpic-caption { line-height: 1.2em; }

#content h3 { clear: both; }
#content ol { padding: 0em 10px 10px 20px; }
.contenttable { width: 520px; }
.csc-uploads { width: 520px; }

/*Tabellen formatieren*/
table {	font-size: 11px; }
.tr-even { background-color: #cf9; }
.tr-odd { background-color: #9c6; }

/* Wohnungsangebote */

TABLE.wohnungsliste {	width: 575px; }
TABLE.wohnungsliste th.flaeche {	width: 85px; }
TABLE.wohnungsliste th.strasse {	width: 145px; }

DIV#wohnung_singleview h1 { float: left; }
DIV#wohnung_singleview h2 { margin-top: 25px; margin-bottom: 10px; }

DIV#wohnungsdaten { clear: both; }

#wohnungsdaten dl dt { display: block; float: left; }
#wohnungsdaten dl#wohnungsdaten_1 dt { width: 90px; }
#wohnungsdaten dl#wohnungsdaten_2 dt { width: 90px; }

dl#wohnungsdaten_1 { display: block; width: 230px; float: left; }

#wohnungsbilder { float:right; text-align: right; }

SPAN.resize_hint { display: block; clear: both;}

a.pdfbutton { float: right; padding-left: 25px; background: url(bt_pdf.gif) no-repeat; font-weight: bold; }
p.backlink { margin-top: 20px; font-weight: bold; float: right; }

#content #wohnungsbilder img { margin: 0px 0px 0px 10px;}


#content ul.formerrors { list-style-type: none; color: #c00; padding: 10px; border: 1px solid #c00; margin-bottom: 10px;}

#content input, #content textarea { border: 1px solid #666; color: #666; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;}
#content #wohnung_singleview input { width: 195px; }
#content #wohnung_singleview input.besichtigung { width: 14px; margin-top: 3px; border: none; }
#content #wohnung_singleview textarea {	width: 472px; height: 80px; }

#content TABLE.kontaktformular { width: 575px; }
#content TABLE.kontaktformular td.nachname, #content TABLE.kontaktformular td.email, #content TABLE.kontaktformular td.termin {	padding-left: 10px; }

/*****************Page debug*****************Good rule to know the structure of the webpage* NOTE: Only compliant browser no IE*

div[id]{
	border: 1px solid #000;
	background-color: #fff;
}

div[id]:before{ content: "div#" attr(id); background-color: #cf9; color: #060; display: block; }

/*****************End Page debug*****************/

/* Kontaktformular Powermail */
.tx-powermail-pi1_fieldset label {margin:0 -5px 0 5px}
.powermail_submit_uid17 {float:left; margin-right: 5px;}
.powermail_kontakt {margin: 2px 5px 3px 1px;}
.powermail_uid16 {display: block;}
.powermail_captcha {float:left;}
.powermail_captcha_captcha {position:relative; float:right !important; margin-right: 190px !important;}
#powermaildiv_uid18, #powermaildiv_uid17 {margin-top: 45px;}
#powermaildiv_uid21, #powermaildiv_uid22 {margin-bottom: -5px !important;}
#powermaildiv_uid7, #powermaildiv_uid12 {margin-bottom:15px;}
.powermail_mandatory_js {color:#CC0000; height:12px; margin-bottom:10px; padding:0px;}


/* Kontaktformular */

fieldset { border-color: #ccc; }
fieldset legend { margin: 0 0px 0 0px; }
fieldset label { display: block;	width: 130px;	float: left; margin: 0 -5px 0 5px; }
fieldset br { clear: left; margin-bottom: .5em;	display: block; }
fieldset input { background: e1e1e1; color: #777; font: 11px Arial, Helvetica, sans-serif; border: 1px solid #9c0; }
fieldset textarea { width: 290px; height: 80px; font: 11px Arial, Helvetica, sans-serif; color: #777; border: 1px solid #9c0; }
fieldset select { border: 1px solid #9c0; }
fieldset hr { margin-bottom: 5px; }

/* Fehlermeldungen */

div.formerror {	color: #ed1c24;	border: 1px solid #ed1c24; padding: .5em; }

div.formerror h3, div.formerror a { color: #ed1c24 ! important; }
div.formerror ul { list-style: circle; }
div.formerror ul li { margin-left: 1.5em; }