/* ----------------------------------------------------
    Body settings ...
---------------------------------------------------- */

body {
    padding:    0;
    margin:     0;
    color:      #221000;
    background-color: #EEDCB6;
    /* background:   url(/backstage/wuenschmanns_gaerten/picpool/common/bg_pattern.gif) fixed;  */
 }


/* ----------------------------------------------------
    Global font and line height settings ...
---------------------------------------------------- */

body {
    font-family: arial, helvetica, sans-serif;
    font-size: 100%;
    line-height: 1em;
    text-align: left;
}

textarea {
    font-family: arial, helvetica, sans-serif;
        font-size: 12px;
}

h1 {
color:#735942;
font-size:18px;
}
h2 {
font-size:16px;
margin-bottom:25px;
color:#C49162;
}
h3 {
color:#000000;
font-size:12px;
}




/* ----------------------------------------------------
    Global link settings ...
---------------------------------------------------- */

a:link, a:visited {
    text-decoration: underline;
    color: #001741;
    background-repeat: no-repeat;
}

a:hover {
    text-decoration: underline;
    color: #9B1715;
}

a:active {
    text-decoration: none;
    color: #003333;
}

a.textLink, a:visited.textLink{
   color: #003333;
}

div#all{
    width:              740px;
    margin:             0 auto;
    padding:            0px;
    background:         #fff;
    padding-top:        10px;
    padding-bottom:        10px;
    margin-top:  40px;
}


div#header{
    width:              720px;
    height:             155px; 
    background-image:   url(/backstage/wuenschmanns_gaerten/picpool/common/header_visual.jpg);   
    background-repeat:  no-repeat;
    margin:             0 auto;
}


div#logo{
    margin-top:         132px;
    float:              left;
    height: 83px;
    overflow: hidden;
}


/* menu oben  */
/*
############# Menu ######################
*/

div#mainMenu{
    width:              720px;
    margin:             0 10px;
    margin-top:         5px; 
    border-top:         5px solid #C49162;
    border-bottom:      5px solid #C49162;
    padding-top:        5px;
    clear: both;
}

div#mainMenu ul {
    margin:             0;
    padding:            0;
    list-style:         none;
    overflow:           hidden;
}
div#mainMenu li {
    margin:             0;
    padding:            0;
    list-style:         none;
    display:            inline;
    height:             32px;
    float:              left;
}

div#mainMenu a {
    float:              left;
    padding:            27px 0 0;
    overflow:           hidden;
    height:             0px !important;
    margin-right:       32px;
}

div#mainMenu li.das_objekt a{
    background:         url(/backstage/wuenschmanns_gaerten/picpool/common/menu/das_objekt.gif) 0px 0px no-repeat;
    width:              116px;
    margin-left:        16px;
}
div#mainMenu li.das_objektSel a{
    background:         url(/backstage/wuenschmanns_gaerten/picpool/common/menu/das_objekt.gif) 0px 0px no-repeat;
    width:              116px;
    margin-left:        16px;
    background-position: 0px -27px;
}

div#mainMenu li.musterwohnung a{
    background:         url(/backstage/wuenschmanns_gaerten/picpool/common/menu/musterwohnung.gif) 0px 0px no-repeat;
    width:              174px;
}
div#mainMenu li.musterwohnungSel a{
    background:         url(/backstage/wuenschmanns_gaerten/picpool/common/menu/musterwohnung.gif) 0px 0px no-repeat;
    width:              174px;
    background-position: 0px -27px;
}


div#mainMenu li.standort a{
    background:         url(/backstage/wuenschmanns_gaerten/picpool/common/menu/standort.gif) 0px 0px no-repeat;
    width:              101px;
}
div#mainMenu li.standortSel a{
    background:         url(/backstage/wuenschmanns_gaerten/picpool/common/menu/standort.gif) 0px 0px no-repeat;
    width:              101px;
    background-position: 0px -27px;
}

div#mainMenu li.presse a{
    background:         url(/backstage/wuenschmanns_gaerten/picpool/common/menu/presse.gif) 0px 0px no-repeat;
    width:              76px;
}

div#mainMenu li.presseSel a{
    background:         url(/backstage/wuenschmanns_gaerten/picpool/common/menu/presse.gif) 0px 0px no-repeat;
    width:              76px;
    background-position: 0px -27px;
}

div#mainMenu li.film a{
    background:         url(/backstage/wuenschmanns_gaerten/picpool/common/menu/film.gif) 0px 0px no-repeat;
    width:              51px;
}

div#mainMenu li.filmSel a{
    background:         url(/backstage/wuenschmanns_gaerten/picpool/common/menu/film.gif) 0px 0px no-repeat;
    width:              51px;
    background-position: 0px -27px;
}

div#mainMenu li.kontakt a{
    background:         url(/backstage/wuenschmanns_gaerten/picpool/common/menu/kontakt.gif) 0px 0px no-repeat;
    width:              92px;
    margin-right:        0px;
}
div#mainMenu li.kontaktSel a{
    background:         url(/backstage/wuenschmanns_gaerten/picpool/common/menu/kontakt.gif) 0px 0px no-repeat;
    width:              92px;
    background-position: 0px -27px;
    margin-right:        0px;
}



div#mainMenu li a:hover {
    background-position: 0px -27px;
}
div#mainMenu li a:active {
    background-position: 0px -27px;
}


/*
############# ContentRahmen ######################
*/

div#pom{
    color:#735942;
    font-size:          11px;
    margin-bottom:     20px;
}

div#pom a, div#pom a:visited{
      color:#735942;
      margin-right: 10px;
}

.colorFrame {
background: #F5EDD5;
border-bottom: 1px solid #F5EDD5;
}

div#contentFrame{
    width:              720px;
    margin:             0 auto;
    margin-top:         5px;
    font-size:            12px;
    line-height: 1.5em;
}


.linkeSpalte{
float: left;
width: 220px;
border-right: 5px solid white;
background: #F5EDD5;
}

.imgList{
border-bottom: 0px solid white;
text-align: right;
}

.textList{
border-bottom: 0px solid white;
text-align: left;
}

.textList p{
padding: 6px;
margin: 0px;
}


.spacerColor5{
    height: 5px;
    clear: left;
    overflow: hidden;
    font-size: 0px;
    background: white;
    line-height: 0px;
}

.rechteSpalte{
float: left;
width: 471px;
padding: 6px 12px;
background: #F5EDD5;
min-height:  508px;
height:  auto !important;
height:  508px;
overflow-x: hidden;
}

.rechteSpalte p{
width: 420px;
}

img.imgLeft{
margin-right: 6px;
margin-bottom: 12px;
float: left;
}

img.imgRight{
margin-left: 6px;
margin-bottom: 12px;
float: right;
}





/* Tabellen */

table.contentTab{
border-spacing: 0px;
border-collapse: collapse;
}

table.contentTab td{
padding: 0.5em 1em;
text-align: left;
vertical-align: top;
border: 1px dashed #DFC99B;
}

table.contentTab td.tdRight{
text-align: right;    
}

/* ----------------------------------------------------
    Objekt
---------------------------------------------------- */

div#content h3{
  margin: 20px 0 0 0;
  font-size: 10px;
  background: #9B1715;
  color: #fff;
  float: left;
  padding: 0 8px;
  width: 110px;
}


div#content h3.ansicht{
  margin: 22px 0 0 0;
}

div#content .objContent{
  margin-top: 20px;
  float: left;
  width: 400px;
  margin-left: 22px;
}

div#content .objContent ul{

  margin: 0px;
  padding: 0px;
  padding-left: 18px;
}

div#content .objContent ul li, div#content ul li{
margin-bottom: 4px;
}

div#content ul{
margin: 6px 0px 30px 18px;
padding: 0px;
}

/* ----------------------------------------------------
   Kontakt..
---------------------------------------------------- */

input, textarea{
    padding: 0.17em; /* 2px */
    border: 0 none;
    background-color: #fff;
}

 
label.left{
    float: left;
    width: 100px;
    margin: 0.33em 0.33em 0.50em 0; /* 6px 4px 6px 0 */
}  

.formError{
    float: left;
    margin: 0.50em 0.33em; /* 6px 4px */
    color:  #cc0000;
}

 
 input.right, textarea.right {
    float: left;
    width:  227px;
    margin: 0.33em 0; /* 4px */
}

textarea.right{
    width:  227px;
}


form br{
    clear:  both; 
    margin: 0.17em 0; /* 2px */
}

.formMessage{
    margin-top:  0.33em;  /* 4px */
    margin-left: 104px;
}


input.submitClass{
    width: 113px;
    margin: 0 0.17em 0 0 ; /* 2px */
    background-color: #C49162;
    color: white;
    font-size: 11px;
}


/* ----------------------------------------------------
    Teaser
---------------------------------------------------- */

.teaserBox{
   margin-bottom: 11px;
   font-size:          65%;
}

.teaserBox p{
  padding: 0px;
  margin: 0px;
}

.rubrikImg{
    float:            left;

}


div#footer{
    width:              720px;
    margin:             0 auto;
    padding-left:       0px;
    color:              #735942;
    font-size:          65%;
    margin-top:         5px;
}

div#footer a{
    color:              #735942;
    text-decoration:    none;
    margin-left:        10px;
}

/*

############# Helpers ######################
*/

a.pfeil, a:link.pfeil, a:visited.pfeil{
     font-size: 11px;
      text-decoration:none; 
      padding-left:12px;

      background-image:url(/backstage/wuenschmanns_gaerten/picpool/common/pfeil.gif);
      background-repeat:no-repeat;
      color: #735942;
}

a.pfeilBack, a:link.pfeillBack, a:visited.pfeillBack{
     font-size: 11px;
      text-decoration:none; 
      padding-left:12px;
      background-image:url(/backstage/wuenschmanns_gaerten/picpool/common/pfeil_back.gif);
      background-repeat:no-repeat;
      color: #735942;
}

a.pdfLink, a:link.pdfLink, a:visited.pdfLink{
      font-size: 11px;
      text-decoration:none; 
      padding-left: 30px;
      background-image:url(/backstage/wuenschmanns_gaerten/picpool/common/pdf_icon.gif);
      background-repeat:no-repeat;
      color: #735942;
      font-weight: bold;
      display: block;
}

.clearBlock {
    height:           0px;
    clear:            both;
    overflow:         hidden;
    font-size:        0px;
    line-height:      0px;
}

.spacer10 {
    height: 10px;
    clear: left;
    overflow: hidden;
    font-size: 0px;
    line-height: 0px;
}

.spacer20 {
    height: 20px;
    clear: left;
    overflow: hidden;
    font-size: 0px;
    line-height: 0px;
}


.spacer11 {
    height: 11px;
    clear: left;
    overflow: hidden;
    font-size: 0px;
    line-height: 0px;
}

.spacer4 {
    height: 4px;
    clear: left;
    overflow: hidden;
    font-size: 0px;
    line-height: 0px;
}

.floatright {
float: right;
}

.floatleft {
float: left;
}

.hide {
left:-1000em;
line-height:0px;
position:absolute;
width:500em;
}

img.imgLeft{
margin-right: 12px;
margin-bottom: 0px;
float: left;
border: 0px solid #8BA220;
}

img.imgRight{
margin-left: 6px;
margin-bottom: 12px;
float: right;
}

.galList{
background-repeat:no-repeat;
background-position: top center;
width: 40px;
height: 40px;
text-align: right;
vertical-align: top;
}