/* 
heierli-immo
schriftfarbe: #800000;
rot: #800000;
   */
   
   body{font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #80000;
	background-color: #800000;
	margin: 0; padding: 0;
	letter-spacing: 0.25em;
	line-height: 18px;
    background-image: url("http://www.heierli-immo.ch/heierli_bg/heierli_home_bg.jpg"); 
    background-repeat: no-repeat;
}
html, body, #wrap {height: 100%;}

body > #wrap {
height: auto; 
min-height: 100%;
color: #800000; 
margin: 0; padding: 0; 
}
#main {
position: relative;
top:0px;
width: 1100px;
padding:0px;
margin: 0px;
padding-bottom: 30px;
} 
p{
    letter-spacing: 0.25em;
	line-height: 18px;}
/*br{clear: both;}*/
td{
     padding: 3px 3px  3px 0 ;
     border-bottom: 0;}
td a{
     color: #800000;}

td.formular{border: 0 solid white;}
a:link, a:visited, a:active {
	color: #800000;
	text-decoration: none;
}


h1, h2, h3, h4, h5 {
	margin: 5px 0px 5px 0px;
}
#header {
    width: 400px;
	text-align: left;
	margin-left: 265px;
	height: 120px;
}
#header img{
margin-top: 85px;}

/* ---------navi---------------------*/

#menu {    
   position: absolute;
   top: 400px;
   left: 780px;
   padding: 0px;
	width: 207px;
	float: left;
	font-size: 12px;
    color: #fff;
	line-height: 22px;
    z-index: 1000;

}
#menu a {
    display: block;
    letter-spacing: 2px; 
        color: #fff;

 }
   

#menu a:hover { 
    letter-spacing: 2px; 
    z-index: 1000;
	background-color: #8000000;

	color: #fff;
	line-height: 22px;
    text-decoration: underline;
	

}


#menu ul, #menu li {
	list-style-type: none;
	display: block;
	margin-left: 0;
	padding-bottom: 0;
	padding-left: 0px;
	width: 180px;
	line-height: 22px;
}





/* -------------content-----------------*/


#content {
margin-top: 0px;
	width: 700px;
margin-left: 250px;
}

#content1 {
float: left;
margin-top: 0px;
	margin-left: 8px;
	padding-right: 0;
	width: 480px;
	line-height: 18px;
	font-size: 11px;
}
#content1 img {
padding:0;
margin-right: 5px;
margin-bottom: 10px;
font-size: 11px;
vertical-align: top;
}

#content1 h3{ padding:0;
margin: 0;
font-size: 12px;
line-height: 40px;}

#content1 a
{
text-decoration: underline;
}
#content1 a:hover
{
text-decoration: underline;
text-decoration: overline;

}




/*---------------adresse-------------*/


#adresse {
color: #800000;
position: absolute;
top: 435px;
left: 123px;
width: 800px;
height: 30px;
padding: 10px 0 0 20px;
font-size: 11px;
clear:both;
letter-spacing: 1px;
font-weight: normal;
}
	
#adresse a{
color: #666; 
font-weight: normal;
text-decoration: none;
}
#adresse a:hover{
color: #666;
text-decoration: underline;
}

#copix {
position: absolute;
left: 780px;
bottom: 20px;
color: #666;
font-weight: normal;
font-size: 9px;}
#copix a{

color: #666;
font-weight: normal;

font-size: 9px;}

/*---------------footer-------------*/

/*#footer {
position: relative;
top: 120px;
left:20px;;
width: 600px;
	text-align: left;
	font-size: 9px;
	height: 10px;
}*/

#footer {
color: #666;
position: relative;
margin-top: -30px; /* negative value of footer height */
margin-left: 245px;
width: 800px;
height: 30px;
padding: 10px 0 0 20px;
font-size: 9px;
clear:both;
letter-spacing: 1px;
font-weight: normal;
}
	
#footer a{
color: #666; 
font-weight: normal;
text-decoration: none;
}
#footer a:hover{
color: #666;
text-decoration: underline;
}
.rechts{
font-weight: normal;
padding-left: 515px;
padding-bottom: 10px;
padding-right: 20px;
}
.rechts a{
font-weight: normal;
}
#copix {
position: absolute;
left: 865px;
bottom: 4px;
color: #666;
font-size: 10px;}
#copix a{

color: #666;
font-size: 9px;}
.calendar a{color: #800000;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
	
	
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */