/**
 * ----------------------------------------------------------------------------
 * Stylesheet for HVB Immobilien AG (www.hvbimmobilien.com)
 * Autor: Johannes Hentrich, XLcontent GmbH
 * Last changed: 2.2.2009
 * ----------------------------------------------------------------------------
 */

/**
 * Page and content areas
 */
body { 
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	text-align: center;
}

#page
{
 	margin:0 auto;
 	text-align:left;
 	width:1024px;
}

#navigation {
 	width:100%;
 	height:21px;
 	left:0px;
 	top:0px;
 	background:url(images/menubar.jpg) top left repeat;
}

#logo {

	width:305px;
	height:65px;
	margin-top:30px;
	left:26px;
	z-index:40;
}

#h-header
{

        background:url(images/home_hvbi_en.jpg) bottom left no-repeat;
        left:0px;
         margin-top:-5px;
       	width:1111px;
        height:238px;
    }

#u-header
{
        background:url(images/company.jpg) bottom left no-repeat;
        margin-left:222px;
        margin-top:33px;
        width:756px;
        height:105px;
    }
    
#n-header
{
        background:url(images/nachhaltigkeithvbi.jpg) bottom left no-repeat;
        margin-left:222px;
        margin-top:33px;
        width:756px;
        height:105px;
    }


#k-header
{

        background:url(images/contact.jpg) bottom left no-repeat;
        margin-left:222px;
        margin-top:33px;
        width:756px;
        height:105px;
    }

#i-header
{
        background:url(images/whats_available.jpg) bottom left no-repeat;
        margin-left:222px;
        margin-top:33px;
        width:756px;
        height:105px;
}
    
#a-header
{

        background:url(images/news.jpg) bottom left no-repeat;
        margin-left:222px;
        margin-top:33px;
        width:756px;
        height:105px;
    }

#teaserbox
{
        background:url(images/blase_blau.jpg) top left no-repeat;
        background-color: #e3e3e3;
        border: 1px solid #bfbfbf;
        left:796px;
        margin-top:48px;
        padding-top:41px;
        padding-left:0px;
        padding-bottom:0px;
        padding-right:0px;
        width:196px;
        min.-height:215px;
        float:right;
}

#projekt-box
{
        float:left;
        background:url(images/schweif.gif) bottom left no-repeat;
        margin-left:12px;
        margin-top:33px;
        width:182px;
        height:105px;
    }



#content
{
	float:left;
	width:754px;
	margin-top:0px;
	margin-left:-12px;
	border-left: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
}

#content-immo
{
	float:left;
	width:756px;
	margin-top:33px;
	margin-left:-12px;
	border-top: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
}

#content-table2
{
	float:left;
	width:518px;
	margin-top:33px;
	margin-left:-12px;
	border-top: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
}

#content-table3
{
	float:left;
	width:756px;
	margin-top:33px;
	margin-left:-12px;
	border-top: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
}

#content-home
{
	float:left;
	width:516px;
	margin-top:48px;
	margin-left:-12px;
	padding-top:0px;
        padding-left:0px;
        padding-bottom:0px;
        padding-right:0px;
}

.homebox
{
	float:left;
	width:516px;
	min-height:90px;
	border: 1px solid #C0C0C0;
}

.homebox-bild
{
	float:right;
}

#main-menu
{
	float:left;
	width:222px;
	margin-top:0px;
	margin-left:12px;
	padding: 0px;
}

#projekt-main-menu
{
	float:left;
	width:222px;
	margin-top:150px;
	margin-left:-180px;
	padding: 0px;
}

#main-menu-home
{
	float:left;
	width:222px;
	margin-top:48px;
	margin-left:12px;
	padding: 0px;
}

ul#main-menu li
{
	list-style-type: none;
	padding: 0px;
}

ul#main-menu-home li
{
	list-style-type: none;
	padding: 0px;
}

ul#main-menu li li
{
	list-style-type: none;
	padding: 12px;
}

.list
{
	margin-left:-15px;
}

.menu_list li
{
	list-style-type: none;
	padding: 0px;
	
}

#main-menu a:hover
{
	color:#E2001A; 
}

#main-menu-home a:hover
{
	color:#E2001A; 
}


.no-active {
	width:182px;
        background-image: url(images/red_arrow_no_active.gif);
        background-position: left;
        background-repeat: no-repeat;
        padding:0px 0px 7px 14px;
        z-index:20;
}

.active {
	width:182px;
        background-image: url(images/red_arrow_active.gif);
        background-position: left;
        background-repeat: no-repeat;
        padding: 0px 0 7px 14px;
        z-index:30;
}

.sec-no-active
{
	width:168px;
        background-position: left;
        padding:0px 0px 7px 14px;
}
.sec-active
{
	width:168px;
        background-position: left;
        padding:0px 0px 7px 14px;    
}

#main-menu .no-active
{
        font-family:'Trebuchet MS';
        font-size:12px;
        font-weight:bold;
        text-decoration:none;
        text-transform:uppercase;
        color:#383838;
        display:block;      
}

#projekt-main-menu .no-active
{
        font-family:'Trebuchet MS';
        font-size:12px;
        font-weight:bold;
        text-decoration:none;
        text-transform:uppercase;
        color:#383838;
        display:block;      
}

#main-menu .active
{
       font-family:'Trebuchet MS';
        font-size:12px;
        font-weight:bold;
        text-decoration:none;
        text-transform:uppercase;
        color:#383838;
        display:block;  
}

#projekt-main-menu .active
{
       font-family:'Trebuchet MS';
        font-size:12px;
        font-weight:bold;
        text-decoration:none;
        text-transform:uppercase;
        color:#383838;
        display:block;  
}

#main-menu-home .no-active
{
       font-family:'Trebuchet MS';
        font-size:12px;
        font-weight:bold;
        text-decoration:none;
        text-transform:uppercase;
        color:#383838;
        display:block;      
}


#main-menu-home .active
{
        font-family:'Trebuchet MS';
        font-size:12px;
        font-weight:bold;
        text-decoration:none;
        text-transform:uppercase;
        color:#383838;
        display:block;  
}

#main-menu .sec-no-active
{
        font-family:Arial;
        font-size:11px; 
        text-decoration:none;
        color:#555555;
        display:block;      
}


#projekt-main-menu .sec-no-active
{
        font-family:Arial;
        font-size:11px; 
        text-decoration:none;
        color:#555555;
        display:block;      
}

#main-menu .sec-active
{
       font-family:Arial;
       font-size:11px; 
       text-decoration:none;
       display:block;
       color:#E2001A;     
}

#projekt-main-menu .sec-active
{
       font-family:Arial;
       font-size:11px; 
       text-decoration:none;
       display:block;
       color:#E2001A;     
}

#clear
{
	clear: both;
}
 
.spacer
{
	height:10px;
 	width: 753px;
}

.homespacer
{
 	clear: both;
 	height:15px;
 		width: 500px;
 border:0px;
}
 
p#fusszeile
{
 	clear: both;
 	text-align: left;
 	margin-left:12px;
 	margin-top: 42px;
	 font-family: Arial; font-size:9px;
	 color:#ACACAC;
	 margin-bottom:22px;
}
 
#left-menu-home
{
 	position: absolute;
 	width:182px;
 	left:6px;
 	top:348px;
}


A.impressum {font-family: Arial; font-size:9px; color:#ACACAC; text-decoration:none;}

a:hover {
	 color:#E2001A; 
}

#content A
{
        background-image: url(images/link_arrow.gif);
        background-position: left;
        background-repeat: no-repeat;
        padding:0px 0px 0px 32px;
        height:21px;
        text-decoration:none;
        font-family: Arial;
        font-size:12px;
        color:#555555;	
}

#content-immo A
{
        background-image: url(images/link_arrow.gif);
        background-position: left;
        background-repeat: no-repeat;
        padding:0px 0px 0px 12px;
        height:9px;
        text-decoration:none;
        font-family: Arial;
        font-size:12px;
        color:#555555;	
}

#content-immo a:hover {
	 color:#E2001A; 
}

#content-table2 A
{
        background-image: url(images/link_arrow.gif);
        background-position: left;
        background-repeat: no-repeat;
        padding:0px 0px 0px 12px;
        height:9px;
        text-decoration:none;
        font-family: Arial;
        font-size:12px;
        color:#555555;	
}

#content-table2 A:hover
{
color:#E2001A; 
}

#content-table3 A
{
        background-image: url(images/link_arrow.gif);
        background-position: left;
        background-repeat: no-repeat;
        padding:0px 0px 0px 12px;
        height:9px;
        text-decoration:none;
        font-family: Arial;
        font-size:12px;
        color:#555555;	
}


#content-table3 A:hover
{
color:#E2001A; 
}
#content A.without-arrow
{
        background-image: url(images/spacer.gif);
        padding:0px 0px 0px 0px;
        text-decoration:none;
        font-family: Arial;
        font-size:12px;
        color:#555555;	
}

#content-immo A.without-arrow
{
        background-image: url(images/spacer.gif);
        padding:0px 0px 0px 0px;
        text-decoration:none;
        font-family: Arial;
        font-size:12px;
        color:#555555;	
}

.without-arrow
{
        background-image: url(images/spacer.gif);
        padding:0px 0px 0px 0px;
        text-decoration:none;
        font-family: Arial;
        font-size:12px;
        color:#555555;	
}

#content-home A.with-arrow
{
        background-image: url(images/link_arrow.gif);
        background-position: right;
        background-repeat: no-repeat;
        padding:0px 26px 0px 0px;
        text-decoration:none;
        font-family: Arial;
        font-size:12px;
        color:#E2001A;	
}

#content-home A.without-arrow
{
        padding:0px 0px 0px 0px;
        text-decoration:none;
        font-family: Arial;
        font-size:12px;
        color:#555555;	
}

#content-home A.headline
{
	font-family:'Trebuchet MS','Sans-serif';
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#3E77B3;
	margin-left:21px;
	margin-right:21px;
}


#content a:hover
{
     color:#E2001A; 
}

#content p
{
 	font-family: Arial;
 	font-size:12px;
	 color:#555555;	
 	margin-left:21px;
 	margin-right:21px;
}

#content-immo p
{
 	font-family: Arial;
 	font-size:12px;
 	color:#555555;	
 	margin-left:21px;
 	margin-right:21px;
}

#content-immo .no-padding
{
 	font-family: Arial;
 	font-size:12px;
 	color:#555555;
 	margin-left:0px;
}

#content-table2 p
{
 	font-family: Arial;
	font-size:12px;
 	color:#555555;	
 	margin-left:21px;
 	margin-right:21px;
}
#content-table3 p
{
 	font-family: Arial;
	font-size:12px;
 	color:#555555;	
 	margin-left:21px;
 	margin-right:21px;
}

#teaserbox P
{
 	font-family: Arial;
 	font-size:11px;
 	color:#555555;	
 	margin-left:14px;
 	margin-right:14px;
}


#teaserbox A
{
        padding:0px 0px 0px 0px;
        text-decoration:none;
        font-family: Arial;
        font-size:12px;
        color:#555555;	
}

.noindent
{
 	font-family: Arial;
 	font-size:12px;
 	color:#555555;	
 	margin-left:0px;
}

.headline
{
	font-family:'Arial','Helvetica','Sans-serif';
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#3E77B3;
	margin-left:21px;
	margin-right:21px;
}

.immoheadline
{
	font-family:'Trebuchet MS','Sans-serif';
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#3E77B3;
	margin-left:21px;
	margin-right:21px;
}

.headlinespacer
{
	margin-top:6px;
	margin-bottom:-6px;
}

#content-home p
{
 	font-family: Arial;
 	font-size:12px;
 	color:#555555;	
 	line-height:16px;
 	margin-left:21px;
 	margin-right:21px;
}

#content h1
{
  	font-family:'Trebuchet MS';
  	font-size:18px;
  	text-transform:uppercase;
  	color:#E2001A;
  	margin-top:28px;
  	margin-left:21px;
}

#content-immo h1
{
  	font-family:'Trebuchet MS';
  	font-size:18px;
  	text-transform:uppercase;
  	color:#E2001A;
  	margin-top:28px;
  	margin-left:21px;
}

#content-table2 h1
{
	font-family:'Trebuchet MS';
 	 font-size:18px;
  	text-transform:uppercase;
  	color:#E2001A;
 	 margin-top:28px;
  	margin-left:21px;
}

#content-table3 h1
{
	 font-family:'Trebuchet MS';
 	 font-size:18px;
  	text-transform:uppercase;
  	color:#E2001A;
 	 margin-top:28px;
  	margin-left:21px;
}

#content ul
{
 	font-family: Arial;
 	font-size:12px;
 	color:#555555;	
 	margin-left:21px;
	 margin-right:21px;
 	padding-left:21px;
}

#content-immo ul
{
 	font-family: Arial;
 	font-size:12px;
 	color:#555555;	
 	margin-left:21px;
 	margin-right:21px;
 	padding-left:21px;
}

#content-table2 ul
{
 	font-family: Arial;
 	font-size:12px;
 	color:#555555;	
 	margin-left:21px;
 	margin-right:21px;
 	padding-left:21px;
}

#content-table3 ul
{
 	font-family: Arial;
 	font-size:12px;
 	color:#555555;	
 	margin-left:21px;
 	margin-right:21px;
 	padding-left:21px;
}

#content h2
{
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  color:#555555;
  margin-left:21px;
}

#content-immo h2
{
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  color:#555555;
  margin-left:21px;
}

#content-table2 h2
{
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  color:#555555;
  margin-left:21px;
}

#content-table3 h2
{
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  color:#555555;
  margin-left:21px;
}

#content h3
{
 font-family: Arial;
 font-size:12px;
 color:#555555;	
 font-weight:bold;
}

#content-immo h3
{
 font-family: Arial;
 font-size:12px;
 color:#555555;	
 font-weight:bold;
}

.contenttable
{
 margin-left:21px;
 }

.ptable
{
 font-family: Arial;
 font-size:12px;
 color:#555555;
 font-weight:bold;
 }

#logobox
{
padding-top:38px;
}

.immobox
 {
  font-family:Arial;
  font-size:13px;
  color:#ACACAC;
  font-weight:bold;
  padding-left:15px;
  }
 
 .ort
 {
  font-family:Arial;
  font-size:13px;
  color:#ACACAC;
  font-weight:bold;
  padding-left:15px;
  margin-top:12px;
  }
  
.projektname
 {
  font-family:Arial;
  font-size:13px;
  color:#E2001A;
  font-weight:bold;
  padding-left:15px;
  }

/**
 * Hauptnavigation
 */
 
  .home {
    
        margin-left:370px;
        margin-top:-20px;
        padding-top:1px;
        padding-left:0px;
        padding-bottom:0px;
        padding-right:0px;
        width:45px;
        height:17px;
        z-index:40;
    }
    
    .company {
     
        margin-left:418px;
        margin-top:-18px;
        padding-top:1px;
        padding-left:0px;
        padding-bottom:0px;
        padding-right:0px;
        width:84px;
        height:17px;
    }
    
     .whats-available 
     {
        margin-left:476px;
        margin-top:-18px;
        padding-top:1px;
        padding-left:0px;
        padding-bottom:0px;
        padding-right:0px;
        width:88px;
        height:17px;

    }
    .nachhaltigkeit {
      
        margin-left:582px;
        margin-top:-18px;
        padding-top:1px;
        padding-left:0px;
        padding-bottom:0px;
        padding-right:0px;
        width:89px;
        height:17px;
    }
    .aktuell {
     
        margin-left:681px;
        margin-top:-18px;
        padding-top:1px;
        padding-left:0px;
        padding-bottom:0px;
        padding-right:0px;
        width:52px;
        height:17px;
    }
    .kontakt {
      
        margin-left:741px;
        margin-top:-18px;
        padding-top:1px;
        padding-left:0px;
        padding-bottom:0px;
        padding-right:0px;
        width:58px;
        height:17px;
    }
    
    .switch {
     
        margin-left:800px;
        margin-top:-18px;
        padding-top:1px;
        padding-left:0px;
        padding-bottom:0px;
        padding-right:0px;
        width:65px;
        height:17px;
        }
        

    .group {
     
        margin-left:873px;
        margin-top:-20px;
        padding-top:0px;
        padding-left:12px;
        padding-bottom:0px;
        padding-right:0px;
        width:108px;
        height:21px;
        background:url(images/ucr.gif) bottom left no-repeat;
    }
    
    .navitext {
        font-family:'Trebuchet MS';
        font-size:10px;
        text-decoration:none;
        text-transform:uppercase;
        color:#383838;
    }
    
    .menu-inactive {
        font-family:'Trebuchet MS';
        font-size:10px;
        text-decoration:none;
        text-transform:uppercase;
        color:#C0C0C0;
    }
    
    A.naviwhite {
         font-family:'Trebuchet MS';
        font-size:11px;
        text-decoration:none;
        color:white;
    }
    
    .para0 {
        text-align:center;
    }

.required
{
 	font-family: Arial;
 	font-size:12px;
 	color:#E2001A; 
}

.pktable
{
 	font-family: Arial;
 	font-size:12px;
 	color:#555555;	
}

.pctable
{
 	font-family: Arial;
 	font-size:12px;
 	color:#555555;	
}


.link-home {
	margin-top:-4px;
	}