/**
* CSS
* 
* @version 1.0
* @name herrfotograf
* @author Marten Brosch
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 93%;
	font-family: Arial, Verdana, sans-serif;
	background: #fff url('') no-repeat top left;
	color:#000;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color:#666; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: none; color: #ccc; }

a img { border: none; }

#wrapper {
	postion:relative;
	margin:110px 0 0 40px;
}

#header {
	margin-bottom:30px;
	margin-top:-60px;
}

#header h1 {
	font-size:1em;
}

#header h1 a{
	width:610px;
	height:50px;
	display:block;
	background: url('logo.gif');
}

#header h1 a span{
	display:none;
}

#menu {
    width: 160px;
	float:left;
}

#menu ul { 
color: #000000; 
font-size: 11px; 
font-family: Arial, Verdana, sans-serif;
font-weight: normal; 
line-height: 15px; 
text-decoration: none; 
list-style: none; 
vertical-align: text-top; 
margin-top: 7px; 
margin-bottom: 3px; 
text-indent:0;
}

#menu ul li.section-title {
color: #000000;
font-size: 12px; 
font-family: Arial, Verdana, sans-serif; 
font-weight: bold; 
line-height: 10px; 
text-decoration: none; 
vertical-align: text-top; 
margin-bottom: 4px; 
list-style-image: none;
text-indent:0;
cursor:pointer; 
text-transform: uppercase;
}

#menu ul li.section-title:hover {
color: #cccccc;
font-size: 12px; 
font-family: Arial, Verdana, sans-serif; 
font-weight: bold; 
line-height: 10px; 
text-decoration: none; 
vertical-align: text-top; 
margin-bottom: 4px; 
list-style-image: none;
text-indent:0;
cursor:pointer; 
text-transform: uppercase;
}

#menu li:hover { 
	text-decoration: none;
	color:#cccccc;
}

#menu_last {
margin-top: 20px;
} 
		
#title { 
color: #333;
font-size: 11px; 
font-family: Arial, Verdana, sans-serif;
font-weight: bold; 
line-height: 12px; 
text-decoration: none; 
margin-top: 4px;
margin-bottom: 0;
cursor:pointer;
text-transform: uppercase
}

#title_top { 
color: #333; 
font-size: 11px; 
font-family: Arial, Verdana, sans-serif; 
font-weight: bold; 
line-height: 15px; 
text-decoration: none; 
margin-top: 8px;
margin-bottom: 0;
text-transform: uppercase
}

.contact {
	color:#666;
	font-size:0.65em;
}

.contact a:link,
.contact a:visited,
.contact a:hover{
	color:#666;
}

.meta {
	margin-top:20px;
	font-size:0.65em;
	color:#373737;
}

.meta a:link,
.meta a:visited,
.meta a:hover{
	color:#535353;
	text-decoration:none;
}

#content {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	padding-top:20px;
	margin-left:150px;
}


#left {
   float: left;
   width: 280px;
   left: 220px;
   top:127px;
   position: absolute;
   line-height:16px;
}

#right {
   float: left;
   width: 280px;
   left: 530px;
   top:127px;
   position: absolute;
   line-height:16px;
}

#hothorse {
   float: left;
   margin-left:410px;
   margin-top:36px;
   background: #fff url('hh_logo.gif') no-repeat top left;
   width:200px;
}

#content p { font-size: 11px; width: 294px; margin-bottom: 9px; margin-top:-3px; text-align: justify; }

p {
    margin: 0 0 9px 0;
    font-size: 11px;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }



#once { clear: left; }