/*
Deze CSS stylesheet is gemaakt door E. Smeets, VALKmedia.com. Alle rechten voorbehouden.
*/

body {
	background: #000;
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFF;
	text-align: left;
}

a {
	color: #fff;
	/* background: #fff bottom left repeat-x; */

} 

a:hover {
	color: #fff;
	background: #000 bottom left repeat-x;

} 


#top {
	height: 20px;
	background: #000;
	display: block;
    margin-left: auto;
    margin-right: auto;
	letter-spacing: 1px;
	font-size: 10px;
	line-height: 20px;
	width: 900px;
	color: #aaa;
	text-align:center;
}

#header {
	height: 200px;
	background:#CC0000;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

#navigation {
	font-size: 14px;
	line-height: 22px;
	font-weight:800;
	width: 900px;
	background: #000;
	height: 42px;
    margin-left: auto;
    margin-right: auto;
}

#navigation ul {
	list-style: none;
	padding: 10px;
	margin: 0;
}

#navigation li {
	display: inline;
	text-align:center;
	margin: 0;
}

#navigation li a {
	background: #000 bottom left repeat-x;
	display: inline;
	padding: 6px 20px 6px 20px;
	text-align:center;
	color: #fff;
	text-decoration: none;
} 

#home #nav-home a, #irene #nav-irene a, #fotos #nav-fotos a, 
#verhuur #nav-verhuur a, #links #nav-links a, #contact #nav-contact a {
	background: #CC0000;
	display: inline;
	padding: 20px;
	text-align:center;
	color: #FFF;
}


#navigation li a:hover {
	background: #CC0000;
	display: inline;
	padding: 20px;
	text-align:center;
	color: #FFF;
} 

#content {
	width: 900px;
	background: #CC0000 url('images/content.gif') bottom right no-repeat;
	margin-left: auto;
    margin-right: auto;
}

#contentgf {
	width: 900px;
	background: #CC0000 url('images/contentgf.gif') bottom right no-repeat;
	margin-left: auto;
    margin-right: auto;
}

#contentfotos {
	width: 900px;
	height: 800px;
	background: #CC0000 url('images/contentgf.gif') bottom right no-repeat;
	margin-left: auto;
    margin-right: auto;
}

#contenthome {
	width: 900px;
	background: #CC0000 url('images/content.gif') bottom right no-repeat;
	margin-left: auto;
    margin-right: auto;
}

#contentklein {
	width: 900px;
	height: 350px;
	background: #CC0000 url('images/contentgf.gif') bottom right no-repeat;
	margin-left: auto;
    margin-right: auto;
}

#text {
	height: 525px;
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	padding-right: 15px;
}

#textirene, #textfotos, #textverhuur, #textlinks, #textcontact {
	height: 525px;
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	padding-right: 15px;
}


#thumbs a{
display: block;
margin: 22px;
float: left;
}

#thumbs a{
display: block;
width: 75px;
height: 75px;
background: #000;
padding: 2px;
}


#thumbs a:hover {
display: block;
width: 75px;
height: 75px;
background: #fff;
padding: 2px;
}

#dameshoeden a {
display: block;
width: 200px;
background: url('fotos/dameshoeden.gif')
}

#dameshoeden a:hover {
display: block;
width: 200px;
background: url('fotos/dameshoeden_up.gif')
}

#gelegenheid a {
display: block;
width: 200px;
background: url('fotos/gelegenheid.gif')
}

#gelegenheid a:hover {
display: block;
width: 200px;
background: url('fotos/gelegenheid_up.gif')
}

#haardeco a {
display: block;
width: 200px;
background: url('fotos/haardeco.gif')
}

#haardeco a:hover {
display: block;
width: 200px;
background: url('fotos/haardeco_up.gif')
}

#herenhoeden a {
display: block;
width: 200px;
background: url('fotos/herenhoeden.gif')
}

#herenhoeden a:hover {
display: block;
width: 200px;
background: url('fotos/herenhoeden_up.gif')
}

#footer, #footer a {
	font-size:11px;
	color: #666;
	width: 900px;
	background: #000;
	height: 25px;
	bottom:0;
	padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
}