/*
  Colors:
    
    blue     : #005ea8
    darkblue : #003882
    lightblue: #e0ebf4
    grey     : #9d9ea0
    darkgrey : #555;   
    lightgrey: #ddd; 
   
*/

img, div { behavior: url(/public/styles/default/iepngfix.htc) }


sup, sub {
	font-size: 70%;
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
    
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

.clear {
  clear: both;  
}

html {
  background-color: #fff;
}

body {
  background-color: transparent;
  color: #111;
  font-family: Arial, Verdana, Helvetica;
  margin: auto;
  width: 960px;
}

/* Header */
.header {
  margin-top:    15px; 
  margin-bottom: 12px;  
}

.header .logo {
  float: left;
  width: 340px; 
}

.header .graphic {
  background: url("/public/themes/default/images/header.jpg") no-repeat top;
  height: 150px;
  width: 620px;
  float: right; 

}
/* */
a {
  color: #003882;   
} 
/* */


.container_12 {
   margin-top:10px;	
}

/* ----- Navigation: Start ------------------------------------------------- */

ul.nav {
  background-color: #005ea8;
  height: 25px;
  margin-bottom:1px;
  padding-left: 290px;  
  width: 670px;
}

ul.nav li {
  background-color: #e0ebf4;
  border-left: 1px solid #fff;
  float: left;
  font-weight: bold;    
  line-height: 24px;
  text-align: center;
  width: 94px;  
}

ul.nav li.activ {
  background-color: #003882;
}


.navLastElement {
  border-right: 1px solid #fff;
  width: 94px;
}


ul.nav li a {
  color: #003882;	
  font-size: 14px;	
  text-decoration: none;
}

ul.nav li.activ a {
  color: #fff;   
}




ul.subnav{
  background-color:  #bbb;
  height: 24px;
}

ul.two {
  padding-left: 409px; 
  width: 551px;
}

ul.three {
  padding-left: 370px; 
  width: 590px;
}


ul.subnav li {
  background-color: #eee;
  border-left: 1px solid #fff;
  float: left;    
  font-weight: bold;
  line-height: 23px;
  text-align: center;
  width: 70px;  
}

ul.subnav li.activ {
  background-color: #9d9ea0;
} 


ul.subnav li a {
  color: #555;   
  font-size: 12px;  
  text-decoration: none;
}

ul.subnav li.activ a {
  color: #fff;   
}

ul.subnav li.subnavLastElement {
  border-right: 1px solid #fff;
  width: 71px;
}





/* ----- Navigation: End --------------------------------------------------- */

/* ----- Footer: Start ----------------------------------------------------- */

.footer {
  background-color: #ccc;
  color: #003882; 
  margin-top: 10px;
  padding: 5px 0px; 
}

.footer .left,
.footer .middle,
.footer .right {    
  float: left;
  font-size: 12px;
} 

.footer .left   { text-align:   left; width: 310px; padding-left:  10px;}
.footer .middle { text-align: center; width: 320px;}
.footer .right  { text-align:  right; width: 310px; padding-right: 10px;}
 
.footer .middle a {
  color: #003882;	
} 
/* ----- Footer: End ------------------------------------------------------- */

/* ----- Content: Start ------------------------------------------------------- */

h1,h2 {
  color: #003882;
  font-size: 14px;	
  font-weight: bold;
  line-height: 16px;
  margin-bottom: 10px;
}

h2 {
  color: #003882;
  font-size: 14px;  
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 10px;
}

h2.nomarginbottom {
  color: #003882;
  font-size: 14px;  
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 0px;	
}

.uppercaseWhite {
  color: #fff;  
  font-size: 26px;
  margin-right: 4px;
  text-transform:uppercase; 
}

.uppercaseLightblue {
  color: #e0ebf4;	
  font-size: 26px;
  margin-right: 4px;
  text-transform:uppercase; 
}

.uppercaseBlue {
  color: #003882;   
  font-size: 26px;
  margin-right: 4px;
  text-transform:uppercase; 
}


p {
  font-size: 12px;
  line-height: 20px;    	
  margin-bottom: 10px;
}  	

.lightbblueBox {
  background: #e0ebf4;
  margin: 0 7px;
  padding-bottom: 5px; 
}

.lightbblueBox p { 
  padding: 0 8px;  
}

.topimmo {
  background: #fff url("/public/themes/default/images/top-immobilie.gif") no-repeat top; 	
  margin:0px 8px 8px 8px;
  padding: 40px 4px 4px 4px;
  width: 262px;	
}

.topimmo-infotext {
  background-color: #003882;
  color: #fff;
  padding: 5px;
  font-size: 12px;
  line-height: 20px;
  font-weight: bold;  
}

.topimmo-infotext a {
  color: #fff;
  text-decoration: none;
}

/* References */

.references {
  background: #E8E8E8 url(/public/useruploads/images/referenzen/essnerstrasse.jpg) no-repeat;
  padding: 2px; 
  height: 280px;
  margin-bottom: 15px;		
}

.references .title {
  background: #003883 url(/public/themes/default/images/title_bg.gif) repeat-x;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 2px;
  padding: 4px 2px;
}

.references .title .left {
  margin-left:5px;	
  float: left;
}

.references .title .right {
  margin-right:5px;
  float: right;
}

.references .content {
  
}

.references .content .referenceinfo {
  width: 290px;
  height: 65px;
  margin-left: 325px;
  
}

.references .subtitle {
  font-size: 16px;
  font-weight: bold;
  height: 28px;
  padding-top: 2px;	
}

.references .smallsubtitle {
  font-size: 14px;
  font-weight: bold;
  height: 28px;
  padding-top: 2px; 
}

.references .info {
  font-size: 16px;
  font-weight: bold;    
}

.references .info span {
  font-size: 10px;
  font-weight: bold;    
}

/* ImmoSearch*/

.information {
  background-color: #e0ebf4;
  padding: 5px 10px;
  margin-bottom: 16px;  	
}

.imagepreview {
  background-color: #fff;	
  float: left;
  height: 190px;
  margin-right: 4px;
  width: 300px;
}

.information .title {
  background: #003883 url(/public/themes/default/images/title_bg.gif) repeat-x;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 4px 2px;
}

.information .rooms,
.information .living_space,
.information .price {  
  float:left;  	
}

.information .rooms,
.information .living_space,
.information .price,
.information .available {
  font-size: 18px;
  font-weight: bold;
}
    
.information .rooms div,
.information .living_space div,
.information .price div,
.information .available div {
  font-size: 10px;
  font-weight: bold;  
}

.information .rooms        { width:  60px; }
.information .living_space { width: 100px; }
.information .price        { width: 120px; }

/*


.information .available {
  width: 80px; 
		
}

*/

.information .extras {
   float:left;
   font-size: 10px;
   margin-top: 25px;
   padding-bottom:5px;
   vertical-align: bottom;
   width: 300px;
}

.information .extras span {
   margin-right: 2px;	
}

.information .extras .garten {
   background-color: #009933;
   color: #fff;     
   padding:0px 2px; 
}

.information .extras .balkon {
   background-color: #993399;
   color: #fff;     
   padding:0px 2px; 
}

.information .extras .ebk {
   background-color: #006699;
   color: #fff;     
   padding:0px 2px; 
}



.information .extras .stellplatz {
   background-color: #000;
   color: #fff;     
   padding:0px 2px; 
}    


.information .extras .erstbezug {
   background-color: #e8e836;
   color: #000; 	 
   padding:0px 2px;	
}



    
.information .details {
   color: #fff;
   float:right; 
   font-size: 16px;
   margin-top: 25px;
   padding-bottom: 5px;   
}    
    
.information .details a {
   background: #369 url("/public/themes/default/images/button_bg.gif") repeat-x;
   color: #fff;
   font-weight: bold;
   padding: 2px 5px;
   text-decoration: none;   
}

.information .details a:hover {
   text-decoration: underline;   
}

/* Detailseite */

#details_head {
	
}    
    
#details_head .title {
  background: #003883 url(/public/themes/default/images/title_bg.gif) repeat-x;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 4px 10px;
}      

#details_head .expose {
  background: #369 url(/public/themes/default/images/button_bg.gif) repeat-x;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 4px 2px;
  float: right;  
}      

.preview {
  padding: 5px;
  background-color: #fff;
  line-height: 120px;
  margin: 10px; 
}

#mainImg {
  background: transparent url(/public/themes/default/images/ajax-loader.gif) no-repeat 50% 25%;
  margin: 20px 0;
  height: 400px;
  width: 580px;
}
#mainImg img {
  display:block;margin:auto;		
}

.imagepreview img {
  display:block;margin:auto;        		
}

/* Detailseite - ende*/

.sitemap {
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  margin: 50px 0px;  
}

.sitemap h1 {
  font-size: 24px;  
}

.sitemap h2 {
  font-size: 16px;  
}


.sitemap ul {
  padding-left: 10px;
  padding-bottom: 16px;
}   
    
.sitemap li {
  padding-left: 10px;
}   

/* standardbox - Detailsseite*/

#details_content {
    padding: 10px;  
}

.standardbox {
   width: 284px;
   border: 3px solid #fff;
   padding-bottom: 15px;
   margin-bottom: 15px;	
}   

.standardbox h3 {
   font-size: 1x;
   line-height: 20px;
   font-weight: bold;
   border-bottom: 1px solid #ccc;	
}

.standardbox .header {
   height: 20px;
   line-height: 20px;
   font-size: 14px; 
   background-color: #fff;
   margin: 0px;
   font-weight: bold;
   padding-left: 4px; 
}   

.standardbox .label {
   padding-top: 10px;
   font-size: 12px;	
   width: 130px;
   line-height: 16px;
   float: left;
   padding-left: 10px; 	
}

.standardbox .value {
   padding-top: 10px;
   font-size: 12px;   
   line-height: 16px;
  
}

.standardbox .footer {
   height: 20px;
   line-height: 20px;
   font-size: 14px; 
   background-color: #fff;
   margin: 0px;
   font-weight: bold;
   padding-left: 4px; 
}   

.imagepreview img {
  display:block;margin:auto;                
}
 
p.contactinfomessage {
   font-size: 16px;
   padding: 20px;
   color: #003882;
   font-size:bold;	
}