/* ============================================
Stylesheet des Unternehmens Bossimmobilien

Stand: erzeugt
Datei: main.css
Datum: 09. Juli 2009
Autor: Thomas Zitta

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles fuer Layoutbereiche
        4. Sonstige Styles
=============================================== */


/* ==================================
   1. Kalibrierung
   =============================== */
   
  * { margin:0; padding:0; }

/* ==================================
   2. Allgemeine Styles
   =============================== */
   
  body{   	
    font-size: 0.9em;
    font-family: Verdana, 'Tw Cen Mt', arial, helvetica, clean, sans-serif;
    text-align:left;
    background-image: url(../img/main_gradient.png);
    background-repeat: repeat-x;
  }
  
  p{
    padding-bottom: 1em;
  }
  
  ul {
    padding: 0 20px 1em 20px;
  }
  
  li{
    padding: 0 0 3px 5px;
  }
  
  h1{
    border-bottom: 2px solid #DEDEDE;
    font-size: 1.35em;
    font-weight: bold;
    padding: 15px 0 5px 0;
    text-transform:uppercase;
    color: #808080;
  }
  
  .csc-textpicHeader h1{
    border: none;
    font-size: 1.3em;
    padding: 0 0 15px 0;
    text-transform: none;
  }
  
  h2{
  
  }
  
  h3{
    color: #006FB4;
    padding-bottom: 6px;
  }
  
  /* ==================================
		DropDown Menu
   	=============================== */
       
  /*#nav_main ul {
    list-style-type: none;
  }
  
  #nav_main ul li{
    padding: 0;
  }
  
  #nav_main ul:hover, #nav_main td.nav_main_item:hover ul, #nav_main td.nav_main_item:hover ul  {
    display:block;
  }
  
  #nav_main ul {
      margin-left:0;
      padding: 0;
      position: absolute;
      background-color: #0772B5;
      display:none;
      min-width:146px;
  }
  
  #nav_main .nav_main_item ul a{
    border-top:1px solid #ABABAB;
    font-size:0.8em;
    padding:5px;
  }
  
  .nav_main_curitem ul a{
    background-color: #0772B5;
  }
  
  #nav_main li:hover {
    background-color: #1075B8;
  }*/
  
  #nav_main_row { display:block; position:absolute; clear:both; margin:0px; padding:0px; text-align:left; list-style-type:none; text-align:center; float:none; left:0px; top:0px; }
  #nav_main_row li { float:left; padding:0;}
  #nav_main_row li ul { margin:0px; padding:0px; list-style-type:none; min-width:146px; background-color: #0772B5;}
  #nav_main_row li ul li { display:block; float:none; clear:both; }
  #nav_main_row li ul li a { display:block; border-top:1px solid #ABABAB; font-size:0.8em; padding:5px; }
  .nav_main_curitem li a{ background-color: #0772B5; }  
   
	/* ==================================
		Hyperlinks
   	=============================== */
  a {
    text-decoration: none;
    outline: none;
    color: #006fb4;
    font-size: 12px;
  }
  
  a:link {
    text-decoration: none;
    outline: none;
    color: #006fb4;
  }
  a:visited{
    text-decoration: none;
    outline: none;
    color: #006fb4;
  }
  a:active {
    
  }
  a:hover {
    font-weight: bold;
  }
  
  .download{
    color: white !IMPORTANT;
  }
  
  .nav_main_item{    
    color: white;
    font-weight: bold;
    width: 145px;
    text-align: center;
    border-right: 1px solid #ababab;
  }
  
  .nav_main_item a{
    color: white;
    display: block;
    padding:53px 0 10px;
    font-size: 14px;
  }
  
  .nav_main_item a:hover{
    background-color: #ababab;
    border-right-color: #d5d5d5;
  }
  
  .nav_main_curitem a{
    background-color: #ababab;
    border-right-color: #d5d5d5;
  }
  
  .nav_sub_item a{
    font-weight: bold;
    color: white;
    font-size: 110%;
  }
  
  .impressum a{
    color: white;
  }
   
	/* ==================================
   	Klassen und IDs
   	=============================== */
    
  #shaped_pop_up{
    left:250px;
    position:absolute;
    top:200px;
  }
   
  #logo{
    background-color: white;    
    float: right;
    padding: 0 10px 8px 0;
  }
    
  .boss_name{
    font-weight: 900;
  }
  
  .required_field{
    font-weight: bold;
    color: red;
    text-align: center;
  }
  
  .border_field{   	
    text-align: center;
    background-image: url(../img/border_field.png);
    background-repeat: no-repeat;
    vertical-align: middle;
  }
  
  .border_field table{
    width: 235px;
    height: 175px;
    padding: 10px;
  }
  
  .align-center{
    text-align: center;
  }
  
  #dm_sub{				
    font-size: 80%;					
    margin-right: 10px;
    padding-top: 10px;
    text-align: right;
  }
  
  #dm_sub input{
    width: 120px;
    border: 0px;
    margin: 2px 0 2px 2px;
    padding: 2px 0;
  }
  
  #dm_sub_send input{
    color: white;
    font-weight: bold;
    width: 60%;
    border: 3px outset #006fb4;
    background-color: #006fb4;
    padding: 2px;
    margin-top: 3px;
  }
  
  #clearer{
    clear: both;
  }
   
/* ==================================
   3. Styles f�r Layoutbereiche
   =============================== */
   
  #boss{
    width: 1000px;
    padding: 20px 5px 5px 5px;
    margin: auto;
  }
   	
    #header_wrap{
      
    }
   	
      #nav_main{
        width: 730px;
        float: left;
        border: 0 solid white;
        border-width: 8px 10px 16px 0;
        display:block;
        position:relative;
        margin:0px auto 0px;
        height:80px;
      }
      
      #nav_main table{
        border-collapse: collapse;
      }
   		
    #body_wrap{
      margin-top: 20px;
    }
   		
      #left_wrap{
        float: left;
      }
      
        #content_wrap{   		
          background-color: white;
          width: 730px;
          min-height: 370px;
          max-height: 685px;          
          
        }
          #c_top{
            background-image: url(../img/body_top.png);
            background-repeat: no-repeat;
            width: 730px;
            height: 20px;
          }
          
        	#content_header{
        	  text-align: left;
        	  border-bottom: 2px solid black;
        	  padding: 0 0 5px 0;
        	  margin: 0 30px 10px;
        	  font-weight: bold;
        	  font-size: 1.5em;
        	  height: 1.2em;
        	}
        	
        	#detail #content_header{
        	 margin: 0 0 10px;
        	}
        	
        	#karte #content_header{
        	 margin: 0 0 10px;
        	}
        	
          #detail #content {
            font-size: 100%;
          }
          
          #geschaeftsbedingung #content {
            text-align: justify;
          }
          
        	#content{
        	  padding: 0 30px;
        	  font-size: 12px;
        	  overflow: auto;        	  
        	  max-height: 550px;
        	}
        	
        	#c_bottom{
            background-image: url(../img/body_bottom.png);
            background-repeat: no-repeat;
            width: 730px;
            height: 20px;
          }
			
      #right_wrap{
        float: right;
        display: table;
        color: white;
        font-size: 105%
      }
      
        #nav_sub{
          margin-bottom: 50px;
        }				

    #footer_wrap{
      font-size: 90%;
      clear: both;			
      color: white;
      padding: 15px 30px 0 20px;
    }
    
        #f_right{
          font-style: italic;
          float: right;
        }
        
        #f_left{
          float: left;
        }
   
/* ==================================
   4. Sonstige Styles
   =============================== */
   
/***** Immobilien - Uebersicht *****/

  #uebersicht #content .contenttable tr:hover {
    background: none;
  }
  #uebersicht #content .contenttable tr td {
    width: 50%;
    padding: 0;
    border: 0;
  }
  #uebersicht #content table{
    border: 0;
  }
  
  #uebersicht #content .contenttable tr td:hover {
    background-color: #E1EAF5;	
  }

  #uebersicht #content p {
    text-align: center;
  }
  
  #uebersicht #content p a {
    background:transparent url(../img/immouebersicht/pfeil1.png) no-repeat scroll 120px 50%;
    padding: 5px 0;
    font-size: 13pt;
    color: black;
    font-weight: bold;
  }
  
  #uebersicht #content p a:hover {
    background:transparent url(../img/immouebersicht/pfeil2.png) no-repeat scroll 120px 50%;
  }  
  
  #right_data .csc-textpic{
    margin-top: 0;
  }
  .csc-textpic{
    margin-top: 25px;
  }
  
  #right_data .csc-textpic-image{
    margin-left: 0 !IMPORTANT;
  }
  
  .csc-frame-frame1 {
    border-bottom: 2px solid #A8A8A8;
    margin-bottom: 10px;
  }
  
  .contenttable {
    width: 100%;
  	border-collapse: collapse;
  	border: 1px solid #A8A8A8;
  	margin: 5px 0 20px 0;
  }
  
  #contact .contenttable {
  	border: none;
  }
  
  .contenttable p {
  	padding: 0;
  }
	.contenttable caption {
		background: transparent;
		font-size: 1.15em;
		font-weight: bold;
		color: #006fb4;
		padding-bottom: 10px;
	}
	
	.contenttable td, 
	.contenttable th {
		border: 1px dashed #A8A8A8;
		padding: .8em;
	}
	
	#contact .contenttable td, 
	#contact .contenttable th {
		border: none;
	}
	
	.contenttable thead th, 
	.contenttable tfoot th {
		text-align: center;
		border: 1px solid #A8A8A8;;
		background: #006fb4;
		color: white;
		padding-top:6px;
	}
	
	.contenttable .tr-even{
  		background: #c0d7f3;
	}
	
	.contenttable tbody th,
	.contenttable tbody td {
		vertical-align: top;
		text-align: left;
	}
	
	#contact .contenttable tbody th,
	#contact .contenttable tbody td {
		vertical-align: middle;
	}

	.contenttable tbody tr:hover {
		background: #E1EAF5;
	}
	
	.contenttable tbody .tr-1:hover {
		background: transparent;
	}
	
	.contenttable tbody .tr-1 .td-0:hover {
		background: #E1EAF5;
	}
	
	#contact .contenttable tbody tr:hover {
		background: #FFFFFF;
	}
	
	.contenttable tbody tr:hover th,
	.contenttable tbody tr.tr-even:hover th {
		background: #E1EAF5;
	}
	
	.vermittlungsprovision .td-0 {
		width: 200px;
	}
	
	.internal-tdlink {
    display: block;
    height: 100%;
    width: 100%
  }