*{margin:0;padding:0;}

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 

 h1 {
 font-family: Arial, Helvetica, sans-serif;
 color: #377dad;
 font-size: 20px;
}

 h2 {
 font-family: Arial, Helvetica, sans-serif;
 color: #377dad;
 font-size: 16px;
}

p {
 font-family: Arial, Helvetica, sans-serif;
 color: #333333;
 font-size: 12px;
}

#container{ 
 width:900px; 
 text-align:left;
 margin-top:10px;  
 margin-left:auto; 
 margin-right:auto;
 border:#4a4a4a solid 1px;
 background-color:#333333; 
} 
 
#header{
 position:relative; 
 height:100px; 
 background-color:#333333;
 width:100%;
}

#headerlogo{
	float: left;
	width: 415px;
	border: none;
}

#headerlogo img{
	border: none;
}

#headerlist{
 float: left; 
 width: 470px;
 height: 100px;
}

#headerlist li
{
	list-style-type: none;
	text-align:right;
}

#headerlist a, #headerlist a:link, #headerlist a:visited {
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration: none;
	line-height: 14px;
	letter-spacing: 0px;	
}

#headerlist a:hover {
	color:#eaeaea;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration: underline;
}

#navigation{
	margin-top: 0px;
	height:108px;
	background-color:#333333;
	width:100%;
	clear: both;	
}

#menunavigation{
	height:30px; 
	background-color:#333333;
	width:100%;
	border-top:#ffffff solid 1px; 
	border-bottom:#ffffff solid 1px;
	margin-bottom: 8px; 	
}

#menucontent {
}

ul#navmenulist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
text-align: left;
}

#navmenulist li
{
display: inline;
list-style-type: none;
}

#navmenulist a {
	padding: 4px 10px;
}

#navmenulist a:link, #navmenulist a:visited
{
 font-family: Tahoma;
 color: #ffffff;
 font-size: 18px;
 line-height: 30px;
 background-color: #65b012;
 text-decoration: none;
}

#navmenulist a:hover
{
	color: #fff;
	background-color: #336f99;
	text-decoration: none;
}

* { padding: 0em; margin: 0em; }
/* ----------------------------- start #nav ----------------------------- */
#nav ul {text-align: center; margin-left: 10px;}
#nav img { }
#nav li { display: inline; list-style:none; }
#nav li a { float: left; display:block; width: 140px; height: 80px; margin: 0px; padding-right: 8px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; font-weight: bold; letter-spacing: 1px; }
#nav li a img {  border:1px; border-color: #ffffff; vertical-align:bottom; /* for IE6 */}
#nav li a:hover { visibility:visible; color: #65b012; }
#nav li a:hover img { visibility:visible; }
#nav li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}
/* ----------------------------- end #nav ----------------------------- */

/* ----------------------------- start #nav ids ----------------------------- */
#one { background:url(http://www.fotograaf.net/images/menu/menu-sport2.jpg) no-repeat left bottom; }
#two { background:url(http://www.fotograaf.net/images/menu/menu-persfotografie2.jpg) no-repeat left bottom; }
#three { background:url(http://www.fotograaf.net/images/menu/menu-groepsfotografie2.jpg) no-repeat left bottom; }
#four { background:url(http://www.fotograaf.net/images/menu/menu-studio2.jpg) no-repeat left bottom; }
#five { background:url(http://www.fotograaf.net/images/menu/menu-trouwfotografie1.jpg) no-repeat left bottom; }
#six { background:url(http://www.fotograaf.net/images/menu/menu-trouwfotografie2.jpg) no-repeat left bottom; }
/* ----------------------------- end #nav ids ----------------------------- */



#main{
	background-color: #333333;  
	float: left; 
	display:inline; 
	position: relative; 
	width: 100%; 
	height:105%; 
 }
 
#maincontent{
	background-color: #333333;  
	width: 100%;
	text-align:left;
 }
 
.maincontent2{
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 30px;	
	text-align:left;
 } 
 
a, a:link, a:visited, a:visited.link {
	color: #00CCFF;
	font-size: 12px;
}

a, a:link.link, a:visited, a:visited.link {
	color: #336f99;
	font-size: 12px;
}

a, a.link:hover {
	color: #65b012;
	font-size: 12px;
	text-decoration: underline;
}

a.links:link, a.links:visited, a.links:active {
color: #336f99;
text-decoration: none;
}

a.links:hover {
color: #65b012;
text-decoration: underline;
}


 .style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-bottom: 10px;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
 
#footer{
 height:25px; 
 background-color:#ffffff; 
 clear:both;
 } 
  
#footercontent{
 width: 100%;
 text-align:center;
 vertical-align: middle;
 font-family: Arial, Helvetica, sans-serif;
 color: #333333;
 font-size: 10px;
 letter-spacing: 1px;
 line-height: 25px;
 } 
 
#footercontent a, a:link, a:visited {
 color:#333333;
 font-family: Arial, Helvetica, sans-serif;
 font-size:10px;
 letter-spacing: 1px;
 line-height: 25px;
 text-decoration: none;
}

#footercontent a:hover {
 color:#666666;
 font-family: Arial, Helvetica, sans-serif;
 font-size:10px;
 letter-spacing: 1px;
 line-height: 25px;
 text-decoration: underline;
}
 
 /* *** 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 */