/* ----------------------------------------------------
    Body settings ...
---------------------------------------------------- */

body {
    padding:    0;
    margin:     0;
    color:      #012c57;
    background-color: #fad4a9;
    /* background-image:   url(/backstage/dgg_ag/picpool/common/bg.gif); 
    background-repeat: repeat-x; */
}


/* ----------------------------------------------------
    Global font and line height settings ...
---------------------------------------------------- */

body, textarea {
    font-family: arial, helvetica, sans-serif;
    font-size: 100%;
    line-height:1.1em;
    text-align: left;
}
/* ----------------------------------------------------
    Global link settings ...
---------------------------------------------------- */

a:link, a:visited {
    text-decoration: underline;
    color: #001233;
    background-repeat: no-repeat;
}

a:hover {
    text-decoration: underline;
    color: #95203D;
}

a:active {
    text-decoration: none;
    color: #003333;
}

a.textLink, a:visited.textLink{
   color: #003333;
}

a:focus{
  outline:0;
  -moz-outline:0;
}

div#all{
    width:              985px;
    margin:             0 auto;
    padding:            0;
    min-height: 516px;
    height:             auto !important;
    height: 516px;

}

div#frame{
padding: 0 10px;
    background-image:   url(/backstage/dgg_ag/picpool/common/frame_bg.png); 
background-repeat: repeat-y;

}




.red{
    color:              #990033;
}

h1{
        font-size: 14px;
        color:              #990033;
}


div#footer{
    text-align:         left;
    width:              960px;
    margin:             0 auto;
    color:              #fff;
    font-size:          65%;
    background-color:        #990033;
    height:                            50px;
    
}

div#footerText{
    text-align:         left;
    width:              960px;
    margin:             0 auto;
    color:              #002d57;
    font-size: 70%;
    margin-top: 10px;
    margin-bottom: 20px;
}

div#footerText a{
    color:              #002d57;
    text-decoration: underline;
}

div#header{
    width: 985px;
    height: 68px;
    overflow:           hidden;
}


div#homeVisual{
    width:              935px;
    height:             400px;
    margin: 0px auto 5px auto;
    background-image:   url(/backstage/dgg_ag/picpool/common/home_visual_935x400_neu.jpg); 
}


div#headerVisual{
    width:              935px;
    height:             237px;
    margin: 0px auto 0px auto;
    border-bottom:      7px solid #a61b20;
    background-image:   url(/backstage/dgg_ag/picpool/common/header_visual_935x237.jpg); 
}



div#homeTeaser{
    margin-left:        15px;
    height:             100px;
    display: none; 
}

div#homeTeaser div{
    width:              230px;
    height:             100px; 
    overflow:           hidden;
    float:              left;
    margin-right:       5px;
}

div#homeTeaser div a{
    display:  block; 
    width:              230px;
    height:             100px; 
    overflow:           hidden;
}

div#homeTeaser div a:hover{
    background: white;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;

}

div#homeTeaser div a img{
border: none;
}


.menuHome{
    width:              965px;
    height:             44px;
    margin-top:         15px;
    background-image:   url(/backstage/dgg_ag/picpool/common/menu/menu_bg.jpg); 
    background-repeat: repeat-x;     
}

/*
############# Menu ######################
*/

div#mainMenu{
    height:             44px;
    background-color:   #103c68;
    background-image:   url(/backstage/dgg_ag/picpool/common/menu/menu_bg.jpg); 
    background-repeat: repeat-x;
}

div#mainMenu ul {
    float:              left; 
    margin:             0;
    padding:            0;
    height:             44px;
    list-style:         none;
    display:            inline;
    overflow:           hidden;
}
div#mainMenu li {
    margin:             0;
    padding:            0;
    list-style:         none;
    display:            inline;
    height:             44px;
    float:              left;
    margin-right:       24px;
}

div#mainMenu a {
    float:              left;
    padding:            44px 0 0;
    overflow:           hidden;
    height:             0px !important;
}


div#mainMenu li.unternehmen a{
    background:         url(/backstage/dgg_ag/picpool/common/menu/unternehmen.jpg) 0px 0px no-repeat;
    width:              106px;
}

div#mainMenu li.unternehmenSel a{
    background:         url(/backstage/dgg_ag/picpool/common/menu/unternehmen.jpg) 0px 0px no-repeat;
    width:              106px;
    background-position: 0px -44px;
}

div#mainMenu li.verkauf a{
    background:         url(/backstage/dgg_ag/picpool/common/menu/verkauf.jpg) 0px 0px no-repeat;
    width:              62px;
}

div#mainMenu li.verkaufSel a{
    background:         url(/backstage/dgg_ag/picpool/common/menu/verkauf.jpg) 0px 0px no-repeat;
    width:              62px;
    background-position: 0px -44px;
}

div#mainMenu li.aktuelles a{
    background:         url(/backstage/dgg_ag/picpool/common/menu/aktuelles-new.jpg) 0px 0px no-repeat;
    width:              75px;
}

div#mainMenu li.aktuellesSel a{
    background:         url(/backstage/dgg_ag/picpool/common/menu/aktuelles-new.jpg) 0px 0px no-repeat;
    width:              75px;
    background-position: 0px -44px;
}

div#mainMenu li.vermietung a{
    background:         url(/backstage/dgg_ag/picpool/common/menu/vermietung.jpg) 0px 0px no-repeat;
    width:              91px;
}

div#mainMenu li.vermietungSel a{
    background:         url(/backstage/dgg_ag/picpool/common/menu/vermietung.jpg) 0px 0px no-repeat;
    width:              91px;
    background-position: 0px -44px;
}

div#mainMenu li.referenzen a{
    background:         url(/backstage/dgg_ag/picpool/common/menu/referenzen.jpg) 0px 0px no-repeat;
    width:              85px;
}

div#mainMenu li.referenzenSel a{
    background:         url(/backstage/dgg_ag/picpool/common/menu/referenzen.jpg) 0px 0px no-repeat;
    width:              85px;
    background-position: 0px -44px;
}

div#mainMenu li.kontakt a{
    background:         url(/backstage/dgg_ag/picpool/common/menu/kontakt.jpg) 0px 0px no-repeat;
    width:              66px;
}

div#mainMenu li.kontaktSel a{
    background:         url(/backstage/dgg_ag/picpool/common/menu/kontakt.jpg) 0px 0px no-repeat;
    width:              66px;
    background-position: 0px -44px;
}

div#mainMenu li.standort a{
    background:         url(/backstage/dgg_ag/picpool/common/menu/standort.jpg) 0px 0px no-repeat;
    width:              76px;
}

div#mainMenu li.standortSel a{
    background:         url(/backstage/dgg_ag/picpool/common/menu/standort.jpg) 0px 0px no-repeat;
    width:              76px;
    background-position: 0px -44px;
}


div#mainMenu li a:hover {
    background-position: 0px -44px;
}
div#mainMenu li a:active {
    background-position: 0px -44px;
}


/*
############# Sub Menu ######################
*/
div#subMenu {
    margin: 88px 0 11px 0;
    padding: 0px 0 0 0px;
    list-style-type: none;
    width: 240px;
}

div#subMenu ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}


div#subMenu li {
    display: inline; 
}

div#subMenu li a{
    font-size: 13px;
    display: block;
    text-decoration: none;
    margin-bottom: 0px; 
    padding: 3px 0px 3px 4px;  
    color: #af0917;
  font-weight: bold;
}

div#subMenu li a.selected{
  font-weight: bold;
}


* html div#subMenu li a {
       margin-bottom: 0px; 
       padding-bottom: 0px;
}


div#subMenu ul.subSubMenu{
margin: 0px 0 6px 0px;
padding-left: 10px;
list-style-type: none;
color: #012c57;
}   



div#subMenu ul.subSubMenu li{
    display: block;

  background: none;
    list-style-type: none;  
}   

div#subMenu ul.subSubMenu li a{
    background: none;
    font-size: 12px;  
    font-weight: normal;
    /* border-bottom: 1px dashed #001225; */
    padding: 3px 0px 3px 0px; 
color: #012c57;

}   

div#subMenu ul.subSubMenu li a:hover{
 /* color: #fff; */
  font-weight: normal;
}   


div#subMenu ul.subSubMenu li a.selected{
 /* color: #fff; */ 
  font-weight: bold;
color: #012c57;
}


.footerBlock{
    padding:            0;
    min-height:         146px;
    height:             auto !important;
    height:             146px;
    width:              985px; 
background-image:         url(/backstage/dgg_ag/picpool/common/footer_bg.png);
    background-repeat:   no-repeat;
    background-position: bottom;
}

.newsBlock ul{
    list-style: none;
    margin: 0;
    padding: 15px; 
    color: #f1e5db;
    font-size: 11px;
}

.newsBlock li{
    margin: 3px 0;
}

.newsBlock li a{
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.newsBlock li a:hover{
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}




/*
############# Content ######################
*/

div#spalte1{
    width: 370px;
    float: left;
    }

div#spalte2{
    width: 570px;
    float: left;
    }

div#rubrikImg{
    margin-top:       10px;
}


div#pom{
    color:              #333;
    font-size:          11px;
    margin-top:         7px;
}

div#pom a, div#pom a:visited{
    color:             #333;
    
}


div#teaserBox{
    font-size: 12px;
    padding: 0px  0  10px 15px;
    margin-top: 57px;
    border-top: 0px solid #EFE4CC;
    color: #333;
}    

div#teaserBox p{
    margin: 10px 0;
}    

div#teaserBox img.borderDotted{
    border: 1px solid #D0D0D0;
}    


div#content{
    font-size:            12px;
    padding:              15px 0;
}


ul.listBoxen{
    float:              left;
    margin:             0;
    padding:            0;
    list-style-type:    none;
    font-size:          60%;
    margin-bottom:      10px;
    margin-left:        10px;
}

ul.listBoxen a, ul.listBoxen a:visited{
    text-decoration:    none;
    background-image:   url(/backstage/dgg_ag/picpool/common/pfeil.gif);
    background-repeat:  no-repeat;
    background-position: center left;
}

div#content h2{
   font-size:       18px;
    margin:           10px 0 0;
    padding:          0px;
    font-weight:    normal; 
    display:          block;
   color: #012C57;
  /*  border-bottom: 1px dotted #990033; */
   width: 500px;
   line-height: 1.3em;
}

div#content .panel h2{
   font-size:       14px;
    margin:           0;
    padding:          0px;
    font-weight:    normal; 
   color: #fff;
   border-bottom: none;
   width: auto;
}


div#content h4{
   font-size:       12px;
    margin:           10px 0 0;
    padding:          0px;
    font-weight:    bold; 
    display:          block;
   color: #012C57;
}


div#content h1{
   margin: 0px 0 6px 0;
   padding: 0;
   font-size: 20px;
   color: #012c57;
   line-height: normal;
}


/* ----------------------------------------------------
    Objekt
---------------------------------------------------- */

.teaserModul{
   border-top: 0px dotted #990033;
   margin-bottom: 20px;
}

.teaserModul .teaserImg{
   float: left;
   width: 180px;
}

.teaserModul .teaserTxt{
   float: left;
   width: 540px;
}

.teaserModul .teaserTxt h3{
  font-size: 11px;
  background: #012C57;
  color: #fff;
  padding: 0 8px;
  margin: 0;
  width: 300px;
  margin-bottom: 10px;
}

.teaserModul .teaserTxt ul{
   background: #fef3e8;
   padding: 10px 30px !important;
  margin: 0px !important;
   width: 250px;
  margin-bottom: 15px !important;
}


.teaserModul .teaserTxt ul.indexlist{
   padding: 0px 0px !important;
   margin: 0px 0 0 25px !important;
   list-style: none;
   width: 315px;
   background: none !important;
   list-style-image:url(/backstage/dgg_ag/picpool/common/pfeil.gif)
}

.teaserModul .teaserTxt ul.indexlist li{
  margin-bottom: 15px !important;
}

.teaserModul .teaserTxt ul.indexlist li a{
  text-decoration: none;
  color: #990033;
}




h3.epaper{
  font-size: 11px;
  background: #990033;
  color: #fff;
  padding: 0 8px;
  margin: 0;
  width: 134px;
}



.teaserTxt p{
   padding: 4px 0px;
   margin: 0px;
}



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 10px 18px;
padding: 0px;
}

ul.listBoxen li a{
    margin:           1px 0;
    padding:          0px;
    background-color: #E1D49E; 
    font-weight:      normal; 
    display:          block;
    width:            304px;
    padding-left:     12px;    
}

ul.listBoxen li a:hover{
    background-color: #fff; 
}


/* ----------------------------------------------------
   Kontakt..
---------------------------------------------------- */

form {
   margin: 0;
  padding: 0;
}

input, textarea{
    padding: 0.17em; /* 2px */
    border: 0 none;
    background-color: #fff;
    font-family: arial, helvetica, sans-serif;
   font-size: 11px;
}

 
label.left{
    float: left;
    width: 100px;
    margin: 0em 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: 8.33em;
    margin: 0 0.17em 0 0 ; /* 2px */
    background-color: #012C57;
    color: white;
    font-size: 11px;
}

/*
############# Helpers ######################
*/

a.pfeil, a:link.pfeil, a:visited.pfeil{
     font-size: 12px;
      text-decoration:none; 
      padding-left:12px;
      background-image:url(/backstage/dgg_ag/picpool/common/pfeil.gif);
      background-repeat:no-repeat;
      color: #990033;
}

a.pfeilBack, a:link.pfeillBack, a:visited.pfeillBack{
     font-size: 12px;
      text-decoration:none; 
      padding-left:12px;
      background-image:url(/backstage/dgg_ag/picpool/common/pfeil_back.gif);
      background-repeat:no-repeat;
      color: #001741;
}


a.pdfLink{
      padding-left:       30px;
      background-image:   url(/backstage/dgg_ag/picpool/common/pdf_icon.gif);
      background-repeat:  no-repeat;
      background-position: 0 0em;
      display:            block;
      text-decoration:    none;
      font-size:                     10px;
}  

.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;
}

.hellBlau{
  color: #185783;    
}


.floatright {
float: right;
}

.floatleft {
float: left;
}

div#karte {
    width: 599px;
    height: 570px;
    background-image:   url(/backstage/dgg_ag/picpool/common/karte_gross.jpg);   
}

.aktuellTeaser{
font-size: 11px;
padding: 6px;
}


a.btn_pdf img{
border: none;    
}

.trenner {
display: block;
clear: both;
border:0;
height:1px;
background-image:url(/backstage/dgg_ag/picpool/common/trenner_bg.gif);
margin: 15px 0 10px 0px;
}

* html .trenner {
display: block;
clear: both;
border:0;
height:1px;
overflow: hidden;
margin: 15px 0 10px 0px;
}

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
border: 0px solid #000;
background: #fef5eb; 
width: 460px; 
margin: 0; 
padding: 2px 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 0px;
width: 440px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 440px;
font: bold 13px Arial;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fef5eb;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #990033;
font: 13px Arial;
margin: 0 0px 0 0;
} 
ul.newsticker span {
margin: 0 5px 0 0;
}

table.contentTab{
border-spacing: 0px;
border-collapse: collapse;
border: none;
background: #fef5eb;
}

table.contentTab tr.trHead td{
  color: #fff;
  margin: 0px;
  padding: 0px 6px;
  font-weight: bold;
background: #990033; 
}

table.contentTab td{
  border-bottom:0px solid #fff;
  padding: 0.5em;
  vertical-align: top;
}

table.contentTab td li{
margin: 0px;
padding: 0px;
}
