html, body{ 
background-color:#F5F980;
margin:0; 
padding:0; 
text-align:left;
font: 12px Arial;
/*letter-spacing:0.5px;*/
color: #ffffff;
line-height: 16px; 
} 

#pagewidth{ 
background-image:url('images/hg.jpg');
background-position:top center;
background-repeat: repeat-y;
width:940px;  
height:625px;
margin-left:auto;
margin-right:auto;

}

#leftcol{
background-image:url('images/hgkomplett_links.jpg');
height:625px;
width:343px; 
float:left; 
position:relative; 


}

#twocols{
min-width:940px; 
height:625px;
float:right; 
position:relative; 

}

#rightcol{
background-image:url('images/hgkomplett_rechts.jpg');
width:120px; 
float:right; 
position:relative; 
height:625px;

}

#maincol{ 
float: left; 
display:inline; 
position: relative; 
width:475px;
height:625px;
overflow:auto;
overflow-y:auto;
overflow-x:hidden;
max-height:625px;
}



/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.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 */  



/*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}



p.navi {
margin-left:180px;

}

#content_text {
margin-top:5px;
display:inline;
float:left;
margin-left:5px;
width:300px;

}

#content_pics {
display:inline;
width:145px;
margin-top:5px;
margin-left:0px;
margin-right:1px;
float:right;

}
p.text {
width:300px;
margin-top:95px;
}

p.flower {
position:absolute;
display:block;
padding:0px;
width:145px;

}

a {
text-decoration:none;
font:12px Arial bold;
}

a.low {
color:#ffffff;
}

a.low:hover {
color:#CDD85D;
}

a.high {
color:#CDD85D;
}