/*
achtergrond #EAE7C1
kop #C87A37
kaders #C2BA7B
tekst #F4F3E0
*/

body,html
{
	height: 100%;
	width: 100%;
}

body
{ font-family: "Myriad Pro", Verdana, Arial, Helvetica, sans-serif; background-color: #c87a37; text-align: center; }

*
{
	margin: 0;
	padding: 0;
	border: none;
}

/*Indeling*/
#wrapper { margin: 0 auto; }
#inhoud { }
#nav { width: 100%; }
#logo-home
{
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
}

#flashcontent { }

/*Typografie*/
body
{
	color: #f8f8f9;
	font-size: 85%;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
}

h1
{
	font-size: 1.2em;
	letter-spacing: 0.2em;
}

h2 { font-size: 1em; }

p
{ font-size: 0.8em; line-height: 1.4em; margin-bottom: 2em; }

a:link, a:visited, a:hover { text-decoration: none; }
/*Navigatie*/
#navbar ul
{
	list-style-type: none;
	padding: 0;
}

#navbar li
{
	display: block;
	float: left;
	width: 170px;
}

#home
{
	position: relative;
	width: 200;
	height: 21px;
	margin: 0;
	padding: 0;
	overflow: visible;
}

#home span
{
	background: url("../images/gerardroos.gif") no-repeat left top;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 200px;
	height: 30px;
}

#home:hover span { background: url("../images/gerardroos-over.gif") no-repeat left top; }

#websites
{
	position: relative;
	width: 200px;
	height: 21px;
	margin: 0;
	padding: 0;
	overflow: visible;
}

#websites span
{
	background: url("../images/websites.gif") no-repeat left top;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 200px;
	height: 30px;
}

#websites:hover span { background: url("../images/websites-over.gif") no-repeat left top; }

#fotografie
{
	position: relative;
	width: 200px;
	height: 21px;
	margin: 0;
	padding: 0;
	overflow: visible;
}

#fotografie span
{
	background: url("../images/fotografie.gif") no-repeat left top;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 200px;
	height: 30px;
}

#fotografie:hover span { background: url("../images/fotografie-over.gif") no-repeat left top; }

#contact
{
	position: relative;
	left: 400;
	width: 200px;
	height: 21px;
	margin: 0;
	padding: 0;
	overflow: visible;
}

#contact span
{
	background: url("../images/contact.gif") no-repeat left top;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 400;
	width: 200px;
	height: 30px;
}

#contact:hover span { background: url("../images/contact-over.gif") no-repeat left top; }
#footer {  }
#footer ul { list-style-type: none; display: block; }
#footer ul li { float: left; padding: 20px; }

#footer ul li a{ color: #c87a37; text-decoration: underline; }
/*Navigatie-web*/
#navbar-web
{
	position: absolute;
	top: 60px;
	height: 20px;
}

#navbar-web ul
{
	list-style-type: none;
	padding: 0;
}

#navbar-web li
{
	display: block;
	float: left;
	width: 170px;
}

#home
{
	position: relative;
	width: 200;
	height: 21px;
	margin: 0;
	padding: 0;
	overflow: visible;
}
/*Contact*/
#contact { width: 750px; margin-right: auto; margin-left: auto; }
address { font-size: 1.2em; font-weight: normal; font-style: normal; line-height: 1.5em; text-align: left; position: relative; float: right; margin-top: 50px; margin-right: auto; display: block; }
#meebo { position: relative; float: left; margin-top: 40px; }