/* ---------------------------------------------- Browser CSS reset --- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}

img {
	vertical-align:bottom;
}

a img {
	border:none;
}

:focus {
outline:0;
}

ol, ul {
list-style:none;
}

table {
border-collapse:collapse;
border-spacing:0;
}

caption, th, td {
text-align:left;
font-weight:normal;
}

blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
/* ---------------------------------------------- TYPO3-Standard-Content --- */
div.csc-textpic-imagewrap {
	margin:0px 5px 5px 0px !important;
}

dl.csc-textpic-image {
	margin:0px 5px 5px 5px !important;
}

.csc-textpic-intext-right, .csc-textpic-intext-left { display:inline !important }

.csc-textpic-intext-left img {
margin:0px 5px 5px 0px !important;
}

.csc-textpic-intext-right img {
	margin:0px 0px 5px 5px !important;
}

.csc-textpic-intext-left .csc-textpic-imagewrap, .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
	margin-right:20px !important;
}

.csc-textpic-clear {
	height:0px !important;
	font-size:0px !important;
}

.csc-textpic-text {
	margin-right:20px;
}

/* ---------------------------------------------- stylesheet GWH start --- */
html, body { height:100% }

body {
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: 0;
  background-image:url(../img/body_bg.jpg);
  background-position:top;
  background-attachment:fixed;
  background-color:#fff;}
	
body div { text-align:left }
p { margin-bottom:10px }


h1 {
	font-family: Arial;
	color: #20a09e;
	text-decoration: none;
	font-size: 2.6em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0 0 35px 0;
}

h2, h3, h4, h5 {
	color: #20a09e;
	font-size: 1.25em;
	font-weight: normal;
	line-height: 1.7em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 15px 0 0 0;
}

h1+h2, h1+h3, h1+h4, h1+h5 {
	margin: 0;
}
	
/* --- links common --- */
a, a:link, a:hover, a:visited {
	color: #20a09e;
	text-decoration: none;
}

/* ------------------------ layout styles start --------------------------- */
#edge {
  width:950px;
  margin:0px auto 0px auto; }
	
#header{
  width:100%;
  height:190px;
}

/* --------------------- HEADER--------------------------------------------- */
#header #logo {
  float:left;
  height:100%;
  width:190px;
  background-image:url(../img/logo_bg.png);
}

#header #logo img {
	margin:45px 0px 0px 45px;
}

#header #image {
  height:100%;
  float:left;
  width:570px;
}

/* ------------- TOPNAVI --------------------------*/
#header #topnavi {
  height:100%;
  float:left;
  width:190px;
  background-color:#8ece32;
}

#header #topnavi ul{
  list-style-type:none;
  margin:38px 0px 0px 40px;
  padding:0px;
}

#header #topnavi li.level1_nor, #header #topnavi li.level1_act{ margin-bottom:0px;}

#header #topnavi li.level1_nor a{
  color:#ebf6af;
  font-weight:bold;
}

#header #topnavi li.level1_act a{
  color:#fff;
  font-weight:bold;
}


/* ------------------------ CONTENT----------------------------------------- */
#content{
  float:left;
  width:100%;
  height:425px;
  background-image:url(../img/content_bg.png);
  background-repeat:repeat;
}

html>body #content{
  height:auto;
  min-height:425px;
}

#content2{
  float:left;
  width:100%;
  height:570px;
  background-image:url(../img/content2_bg.png);
  background-repeat:repeat-y;
}

html>body #content2{
  height:auto;
  min-height:570px;
}

/* ------------ CONTENT START ----------------*/
#contentLeft{
  float:left;
  width:190px;
  height:415px;
  background-color:#fff;
}

html>body #content #contentLeft{
  height:auto;
  min-height:415px;
}

#contentCenter{
  height:400px;
  width:480px;
  float:left;
  padding:45px;
}

html>body #content2 #contentCenter {
  height:auto;
  min-height:390px;
}

#contentCenter p{   
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.7em;
	margin: 0 0 10px 0;
 }

#contentStartLeft p{   
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.7em;
	margin: 0 0 10px 0;
 }

#contentRandom {
  width:150px;
  height:325px;
  float:left;
  padding:50px 20px 50px 20px;
  background-color:#fff;
}

html>body #content #contentRight {
  height:auto;
  min-height:325px;
}

#contentRight p, #contentRightExtra p, #contentRight .news-single-item p{   
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.7em;
	margin: 0 0 10px 0;
}

#contentRight .tx-mwrandomobjects-pi1-listblock-description{   line-height:1.7em;}
#contentRight .tx-mwrandomobjects-pi1-listblock-title{ font-size:1.3em; margin-bottom:4px;}

#sms {
  width:190px;
  height:190px;
  background-color:#74b342;
}

#sms1 {
  width:190px;
  height:190px;
  background-color:#74b342;
}

#smsform p.fields {margin-top:7px;}

#smsform label { 
  display: block; 
  float: left; 
  width:120px;
}

#smsform input {
  background-color:#fff;
  color:#797977;
  padding-top:5px;
}

#smserror {
	padding:5px 0;
	color:red;
	font-weight:normal;
}

#smsok {
	padding:5px 0;
	color:green;
	font-weight:normal;
}

/* ------------- LEFTNAVI --------------------------*/
#content #leftnavi {
  float:left;
  width:190px;
  height:190px;
  background-color:#fff;
}

#content #leftnavi ul{ 
  list-style-type:none;
  margin:38px 0px 0px 40px;
  padding:0px;
}

#content #leftnavi li.level2_act, #content #leftnavi li.level2_nor { margin-bottom:0px;}
#content #leftnavi li.level2_nor a {
  color:#cce9e9;
  font-weight:bold;
}

#content #leftnavi li.level2_act a {
  color:#71c3c2;
  font-weight:bold;
}

/* ------------- CONTENTRIGHT --------------------------*/
#content #contentRight, #content #contentRightExtra{
  float:left;
  width:665px;
  height:342px;
  padding:38px 45px 45px 45px;
}

html>body #content #contentRight, html>body #content #contentRightExtra{
  height:auto;
  min-height:342px;
}

#contentRight .download{
 background-image:url(../img/pdf.gif);
 background-repeat:no-repeat;
 padding:4px 3px 7px 20px;
 margin:10px;
 }
 
#contentRight ul{
  list-style-image:url(../img/list-item.gif);
  padding-left:15px;
  list-style-position:outside;
  margin-left:20px;
  	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.7em;
} 
 
/* ---------------------------------------------- ABBINDER ------------------------- */
#abbinder {
	clear:left;
	float:left;
	width:715px;
	padding:0 0 35px 235px;
	margin-top:25px;
}

#abbinder img {
	float:left;
	padding-right:10px;
}

#abbinder p {
	float:left;
	padding-top:11px;
	font-size:1.0em;
	line-height:1.4em;
}

#abbinder img.tuev {
	display:block;
	float:left;
	padding-left:10px;
}

/* ---------------- content angebote -------------------------- */

#content #contentAngebote{ float:left; width:755px; height:auto;}

#contentAngebote #contentAngeboteText{
  float:left;
  width:275px;
  padding:38px 45px 45px 45px;
  height:325px;
}

#contentAngebote #contentAngeboteText2{
  float:left;
  width:100%;
  height:325px;
}

* html #content #contentAngeboteText2{
  margin:0px;
  width:100%;
  height:auto;
  min-height:325px;
  border:none;
}

#contentAngebote #contentAngeboteText2 p{ 
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.7em;
	margin: 0 0 10px 0;
}

* html #content #contentAngeboteText{
  padding:38px 0px 45px 45px;
  margin:0px;
  width:275px;
  height:auto;
  min-height:325px;
  border:none;
}

#contentAngebote #contentAngeboteText p{ 
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.7em;
	margin: 0 0 10px 0;
}

#contentAngebote #contentAngeboteGallerie{
  float:left;
  width:280px;
  padding:0px 5px 30px 0px;
  height:325px;
}

html>body #content #contentAngeboteGallerie{
  height:auto;
  min-height:325px;
}
#contentAngeboteText table.wohnungsdaten{
  width:290px;
  margin-bottom:20px;
}
#contentAngeboteText table.wohnungsdaten span { display:block; float:left; }
#contentAngeboteText table.wohnungsdaten span.sp1{ width:140px; }
#contentAngeboteText table.wohnungsdaten span.sp2{ width:55px; }
#contentAngeboteText table.wohnungsdaten span.sp3{ width:35px; }

#contentAngeboteText table.wohnungsdaten td{ border-top:1px solid #ccc; padding:5px 0px; }
#contentAngeboteText table.wohnungsdaten td.td-1{ text-align:right;}

/* ---------------- mailformplus -------------------------------*/
#contentRight .tx-thmailformplus-pi1 input{
  background-color:#fff;
  color:#797977;
  padding-top:5px;
}
#contentRight .tx-thmailformplus-pi1 textarea{
  background-color:#fff;
  color:#797977;
  border:none;
}

#contentRight .tx-thmailformplus-pi1 select{
  background-color:#fff;
  color:#797977;
    border:none;
}

#contentRight .tx-thmailformplus-pi1 p.fields{
  margin:10px 0px;
  clear:left;
}


#contentRight .tx-thmailformplus-pi1 .buttonSend{ 
  background-color:transparent; 
  color:#20a09e;
  cursor:pointer;
}

#contentRight dl.csc-textpic-image {width:auto !important;}
#contentRight .csc-textpic-imagewrap .csc-textpic-imagerow dl.csc-textpic-image dt, 
#contentRight .csc-textpic-imagewrap .csc-textpic-imagerow dl.csc-textpic-firstcol dt
{
 margin:13px 13px 0px 0px !important;
 padding:0px !important;
 display:block;
}


#contentRight .bilderrahmen {
 width:100px !important;
 height:100px !important;
 text-align:center !important;
 background-color:#fff !important;
  border:7px solid #fff;
 float:left;
}

#contentRight .csc-textpic-imagewrap .csc-textpic-imagecolumn dl.csc-textpic-image dt img.fgimg, 
#contentRight .csc-textpic-imagewrap .csc-textpic-imagecolumn dl.csc-textpic-firstcol dt img.fgimg{
  display:block;
  margin-left:auto !important;
  margin-right:auto !important
}
#contentRight table.wohnungsdaten{
  width:250px;
  margin-bottom:20px;
}

#contentRight table.wohnungsdaten td{ border-top:1px solid #ccc; padding:5px 0px; }
#contentRight table.wohnungsdaten td.td-1{ text-align:right;}

#contentRight table.contenttable .td-0{ width:150px; }

#contentRight table.contenttable td, #contentRight table.contenttable th{ border-top:1px solid #ccc; padding:5px 20px 5px 0px; }


/* ------------------ WILLY's WIREMASH CSS --------------------------- */
.hidden {
display:none;
}

#list {
margin-right:30px;
float:left;
}

#eg {
margin:45px 0px 20px 0px;
position:relative;
float:left;
}


/*** Angaben für alle Häuser ***/
#h1_eg_a, #h1_eg_b, #h1_eg_c, #h1_eg_d, #h1_eg_e, #h1_rg_a, #h1_rg_b, #h1_rg_c, #h1_rg_d, #h1_rg_e, #h1_sg_a, #h1_sg_b, #h1_sg_c,
#h2_eg_a, #h2_eg_b, #h2_eg_c, #h2_eg_d, #h2_eg_e, #h2_rg_a, #h2_rg_b, #h2_rg_c, #h2_rg_d, #h2_rg_e, #h2_sg_a, #h2_sg_b, #h2_sg_c,
#h3_eg_a, #h3_eg_b, #h3_eg_c, #h3_eg_d, #h3_eg_e, #h3_rg_a, #h3_rg_b, #h3_rg_c, #h3_rg_d, #h3_rg_e, #h3_sg_a, #h3_sg_b, #h3_sg_c,
#h123, #h123_g_0, #h123_g_1, #h123_g_2, #h123_g_3, #h123_g_4, #h123_g_5 {
position:absolute;
z-index:2;
}

#h123, h123_bg {
z-index:3;
}

#h123_g_0, #h123_g_1, #h123_g_2, #h123_g_3, #h123_g_4, #h123_g_5 {
z-index:4;
}

/*** Positionierung der Stockwerke ***/
/** Container **/
#h123 {
top:299px;
left:258px;
}
/** Etagen Häuser 1,2,3 **/
#h123_g_0 {
top:47px;
}
#h123_g_1 {
top:38px;
}
#h123_g_2 {
top:29px;
}
#h123_g_3 {
top:20px;
}
#h123_g_4 {
top:11px;
}
#h123_g_5 {
top:2px;
}

.csc-textpic-border dl dt img {
	border:1px solid #CCC
}

/*-------------- TT_NEWS -----------------------*/
.news-list-item{ clear:left; margin-bottom:30px;}

.news-list-item img {float:right; margin:5px 0px 5px 20px; }
.news-single-img{ float:right; margin:5px 0px 5px 20px; }

/*-------------- Newsletter  -----------------------*/
form#bmf label{display:block; float:left; width:120px;}
form#bmf input{background-color:#fff; color:#797977; padding-top:5px;}
form#bmf .bmf-textfield{width:350px}
form#bmf .bmf-send{background-color:transparent; color:#20a09e; cursor:pointer;}
form#bmf .inline{border:0px;}
form#bmf select{background-color:#fff; color:#797977; border:none;}
form#bmf p.bmf-fields{margin:10px 0px; clear:left;}
form#bmf p.bmf-fields #bmf-messagebox{width:360px; height:150px;}
form#bmf img#bmf-loader {margin:4px 0 0 10px; display:none;}