/*
-
- Concept, design and implementation by
- Futurecom interactive AG
- P.O. Box
- 8037 Zurich
- Switzerland
- http://www.futurecom.ch
-
- NMC: cts
- NMD: wro
- ITS: pj, agl
-
*/
/***************************************************
imported styles
***************************************************/
/*@import url("implenia_realestate_navigation_styles.css");
@import url("implenia_realestate_reference_styles.css");*/

/***************************************************
top styles
***************************************************/
body, Form {
  margin: 0px;
  padding: 0px;
  background-color: #fff;
  height:100%;
  text-align:center;    /*for ie only*/
    
  font-family: Arial, Tahoma, Helvetica, Sans-Serif;
  font-weight: normal;
  font-size: 14px;
  color:#000;
}
div.spacer 
{
  font-size:0%;
  margin:0px;
  padding:0px;
  background-color:transparent;
}
img 
{
  /*display:block;*/
  border:none;
}
/***************************************************
layout
***************************************************/
#page {
  position: relative;
  margin: 0px auto;
  
  width:100%;
  min-height:100%;
  text-align:center;    /* overwrite ie attribute from above */
  
  background-color: #fff; /* set here content background */
    
  font-family: Arial, Tahoma, Helvetica, Sans-Serif;
  font-weight: normal;
  font-size: 14px;
  color:#000;
}
div#contentBorder{
  position: relative;
  margin: 0px auto;
  
  width:970px;
  text-align:center;  /* overwrite ie attribute from above */
  
  border-right:1px solid #e3e3e3;
  border-bottom:1px solid #e3e3e3;
  border-left:1px solid #e3e3e3;
  }
#header {
  position: relative;
  margin: 0px auto;
  
  width:970px;
  text-align:left;  /* overwrite ie attribute from above */
  
  background-color: #000; /* set here content background */
    
  font-family: Arial, Tahoma, Helvetica, Sans-Serif;
  font-weight: normal;
  font-size: 11px;
  color:#ccc;
}
#contentWrapper {
  position: relative;
  margin: 0px  auto;
  width:970px;
  text-align:left;    /* overwrite ie attribute from above */
}
#leftNav 
{
  float:left;
  display:inline;
  margin: 0px 0px 30px 50px;
  width:145px;
  font-size: 12px;
  border-top:1px solid #cccccc;
  }
#mainContentArea 
{
  float:left;
  display:inline;
  margin: 0px 0px 30px 25px;
  width:540px;
  }
#sideContent 
{
  float:left;
  display:inline;
  margin: 0px 7px 30px 33px;
  width:170px;
  }
#footer 
{
  background-color:#f7f7f7;
  border-top: 1px solid #e3e3e3;
  padding: 4px 10px 5px 10px;
  font-size:11px;
  color:#000;
  width:950px;
  }
/***************************************************
header styles
***************************************************/
div#logo {
  float:left;
  display:inline;
  /*padding-top:13px;*/
  padding-left:13px;
  }
div#utilities 
{
  float:right;
  display:inline;
  color:#000;
  height:65px;
  width:325px;
  text-align:left;
  padding-right:10px;
  }

div#utilities div#home{
    float:left;
    padding-top:32px;
}

div#utilities div a, div#utilities div a:active, div#utilities div a:visited {
  color:#fff;
  }
div#utilities div a:hover {
  color:#767676;
  text-decoration:none;
  }
  
div#headVisual 
{
  position:relative;
  margin: 0px 0px 25px 0px;
  padding: 0px;
  width:970px;
  height:230px;
  background-repeat:no-repeat;
  /* caution: actual image from markup */
  text-align:right;

  /*border-top:3px solid #ffde00;
  border-bottom:3px solid #767676;*/
}
  
/***************************************************
footer styles
***************************************************/
div#copy {
  float:left;
  width:209px;
  }
  
div#update 
{
  /*padding-left:115px;*/
  float:left;
  }
  
div#footerLinks {
  float:right;
  }
#footer a, #footer a:active, #footer a:visited {
  color:#767676;
  } 
#footer a:hover {
  color:#000;
  text-decoration:none;
  } 
/***************************************************
sidecontent styles
***************************************************/
div.sideContentBox 
{
  background-color:#f7f7f7;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  padding:7px;
  margin-bottom:15px;
  padding-bottom:5px;
  }
  
div.sideContentBox h4 
{
  margin: 0px 0px 3px 0px;
  padding:0px;
  font-size:11px;
  font-weight:bold;
  color:#000;
  }
div.sideContentBox img {
  width:156px;
  height:70px;
  margin: 0px 0px 5px 0px;
  }
div.sideContentBox p 
{
  font-size:11px;
  line-height:15px;
  margin: 0px 0px 3px 0px;
  }
div.sideContentBox ul {
  font-size:11px;
  line-height:15px;
  margin: 5px 0px 5px 15px;
  padding: 0px;
  list-style-type:square;
  }
div.sideContentBox li {
  margin: 5px 0px 5px 0px;
  padding: 0px;
  }
div.sideContentBox a, div.sideContentBox a:active, div.sideContentBox a:visited{
 color:#767676;
  }
div.sideContentBox a:hover {
 color:#000;
 text-decoration:none;
  }
/***************************************************
maincontent styles
***************************************************/
h1 {
  margin: 0px 0px 15px 0px;
  font-family: Arial, Helvetica, Tahoma, Sans-Serif;
  font-size:24px;
  color:#a9a300;
  font-weight:bold;
  }
  
h2 {
  margin: 0px 0px 10px 0px;
  font-family: Arial, Helvetica, Tahoma, Sans-Serif;
  font-size:18px;
  color:#000;
  font-weight:bold;
  }
  
h3 {
  margin: 0px 0px 5px 0px;
  font-size:14px;
  font-weight:bold;
  }
  
p {
  margin: 0px 0px 15px 0px;
  line-height:18px;
  }
  
p img.left
{
  width:169px;
  margin: 4px 12px 12px 0px;
  float:left;
  }
a:link, a:active, a:visited {
  color:#767676;
  }
a:hover {
  color:#000000;
  text-decoration:none;
  }
hr 
{  
  height: 1px;
  color: #e3e3e3;
  background-color: #e3e3e3;
  border: none;
  }
#mainContentArea ul {
  margin: 0px 0px 15px 0px;
  padding:0px;
  }
  
#mainContentArea ul li {
  margin: 0px 0px 5px 20px; 
  list-style-type:square;
  }
#mainContentArea ol {
  margin: 25px 0px 25px 0px;
  padding:0px;
  font-weight:bold;
  }
#mainContentArea ol li {
  margin: 0px 0px 15px 25px;
  }
#mainContentArea ol li span
{
  font-weight:normal;
  }
div.paging {
  float:left; 
  margin-top: 3px; 
  text-align:center; 
  width:410px;
  }
div.imgTxtBox {
  border-bottom: 1px solid #e3e3e3;
  margin-bottom:20px;
  }
img.collumnImage {
   margin-right:12px; 
   margin-bottom:15px;
   }
.greyTextBox {
  border-top:1px solid #e3e3e3;
  border-bottom:1px solid #e3e3e3;
  background-color:#f7f7f7;
  font-size:12px;
  }
  
div.refSearchTit {
  background-color:#dddddd;
  padding: 3px 10px 3px 10px;
  font-weight:bold;
  }
.dnldFile {
  width:90px;
  height:66px;
  border-right:1px solid #ffffff;
  padding-bottom:10px;
  }
.dnldFile div{
  margin: 10px 0px 5px 10px;
  }
.dnldFile a {
  margin: 0px 0px 12px 10px;
  } 
.dnldDescription h3 {
  margin: 10px 10px 1px 10px;
  }
.dnldDescription p {
  margin: 0px 0px 10px 10px;
  }
div.textHighlight {
  background-color:#fee2ca;
  padding:10px;
  font-size:12px;
  line-height:16px;
  }
div.textHighlightGrey {
  background-color:#dddddd;
  padding:10px;
  font-size:12px;
  line-height:16px;
  }
/***************************************************
form styles
***************************************************/
input.reg {
  width:225px;
  border: 1px solid #767676;
}
input.sml {
  width:40px;
  border: 1px solid #767676;
  margin-right:7px;
}
input.med{
  width:250px;
  border: 1px solid #767676;
}
input.lrg{
  width:300px;
  border: 1px solid #767676;
}
select {
  /*width:300px;*/
  width:100%;
  border: 1px solid #767676;
  }
textarea {
  width:300px;
  height:75px;
  border: 1px solid #767676;}
  
input.search {
  width:150px;
  height:16px;
  border: 1px solid #a9a300;
  margin-right:5px;
  color:#fff;
  background-color:#1b1b1b;
}
input.searchBtn {
  height:21px;
  margin:0px;
  padding:0px;
}
fieldset.refSearch {
  border:none;
  margin: 0px;
  padding: 10px;    
  display: block;             
  clear: both;
  }
  
.refSearch label 
{
  font-weight:bold;
  display: block;
    width: 217px;
    float: left;
  }
  
.refSearchOv
{
    border:solid 1px #fff;
}
  
.refSearchOv th {
  font-size:12px;
  font-weight:bold;
  background-color:#dddddd;
  padding: 3px 5px 4px 5px;
  white-space:nowrap;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  }
.refSearchOv th > span {
  float:left; 
  clear:both;
  }
.refSearchOv th > a 
{
  margin-top:3px;
  float:left;
  }
.refSearchOv td 
{
  font-size:12px;
  background-color:#f7f7f7;
  padding: 3px 5px 4px 5px;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #e3e3e3;
  }  

#contactForm {
  width: 500px;
  background-color:#f7f7f7; 
  border-top:1px solid #e3e3e3; 
  border-bottom:1px solid #e3e3e3; padding:10px;
  float: left;
  }
  
  
/***************************************************
brochure bestellen
***************************************************/
.bro_wrapper
{
    float: left;
    padding-bottom: 15px;
    padding-left: 10px;
    background-color:#f7f7f7; 
    border-top:1px solid #e3e3e3;
 
   
}
.b1
{
    width: 170px;
    float: left;
}
.b2
{
    width: 170px;
    float: left; 
}
.b3
{
    width: 170px;
    float: left;
    
}
.bro_titel
{
    height: 50px;
    vertical-align: bottom;
    
}
.bro_table
{
    font-size: 12px;
    width: 110px;
    margin: 0px;
      
    
}
.bro_down
{
     vertical-align: bottom;
     
}
.bro_titeltext
{
    margin: 0;
    padding-bottom: 7px;
}
#bro_order 
{
    width: 520px;
    height: 35px;
    background-color:#f7f7f7; 
    border-top:1px solid #e3e3e3; 
    float: left;
    text-align: center;
    padding-top: 10px;
  }
  
.orderFontStyle
{
    width: 220px;
    text-align: left;
    
 }
 
.notunderlined {
    text-decoration:none;
}