@charset "utf-8";
/* CSS Document */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, 
img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td  {
	margin:0;
	padding:0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
}

img {
	border:none;
}

ul {
	list-style:none;
}

h1 {
	color:#c7c7c7;
	font-size:11px;
	font-weight:bold;
}

h2 {
	color:#c7c7c7;
	font-size:10px;
	font-weight:bold;
}

h3 {
	color:#c7c7c7;
	font-size:10px;
	font-weight:bold;
}

body {
	background:url(images/bg-body.gif) left top repeat;
}

#container {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:665px;
	min-height:700px;
	height:auto !important;
	height:700px;
}

#header {
	float:left;
	width:665px;
	height:85px;
}

ul#mainmenu {
	float:left;
	margin-top:24px;
	margin-left:62px;
	width:603px;
}

ul#mainmenu li {
	float:left;
}

ul#mainmenu li a:link, ul#mainmenu li a, ul#mainmenu li a:visited {
	float:left;
	display:block;
	padding-left:12px;
	padding-right:12px;
	height:24px;
	line-height:24px;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	background:url(images/mainmenuabg.gif) right center no-repeat;
}

ul#mainmenu li a:active, ul#mainmenu li:hover a , ul#mainmenu li.sfhover a, ul#mainmenu lia:hover {
	background:url(images/mainmenu-hover.png) left top repeat-x;
}

ul#mainmenu li ul {	
	position:absolute;
	width:237px;	
	left:-999em;
	list-style:none;
	margin-top:24px;
	color:#000000;

}

ul#mainmenu li:hover ul, ul#mainmenu li.sfhover ul  {
	position:absolute;
	width:253px;	
	list-style:none;
	margin-top:24px;
	color:#000000;
	left:auto;
	top:auto;
	margin-left:-14px;
	background:url(images/ulhoverbg-trans.png) no-repeat left top;
	padding-top:10px;
	padding-bottom:10px;
	z-index:1;
}

ul#mainmenu ul {
	float:left;
	width:237px;
}

ul#mainmenu ul li {
	float:left;
}

ul#mainmenu ul li a:link, ul#mainmenu ul li a:visited {
	float:left;
	display:block;
	background:none;
	width:203px;
	height:24px;
	line-height:24px;
	padding-left:34px;
}

ul#mainmenu ul li a:active, ul#mainmenu ul li a:hover {
	color:#6ec900;
}

ul#galmenu {
	float:left;
	margin-top:24px;
	margin-left:62px;
	width:603px;
}

ul#galmenu li {
	float:left;
}

ul#galmenu li a:link, ul#galmenu li a:visited {
	float:left;
	display:block;
	padding-left:12px;
	padding-right:12px;
	height:24px;
	line-height:24px;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	background:url(images/mainmenuabg.gif) right center no-repeat;
}

ul#galmenu li a:active, ul#galmenu li:hover a, ul#galmenu li.sfhover a {
	background:url(images/mainmenu-hover.png) left top repeat-x;
}

ul#galmenu li ul {	
	position:absolute;
	width:237px;	
	display:none;
	list-style:none;
	margin-top:24px;
	color:#000000;
	left:auto;
	top:auto;
}

ul#galmenu li:hover ul, ul#galmenu li.sfhover ul  {
	position:absolute;
	width:253px;	
	display:block;
	list-style:none;
	margin-top:24px;
	color:#000000;
	left:auto;
	top:auto;
	margin-left:-10px;
	background:url(images/ulhoverbg-trans.png) no-repeat left top;
	padding-top:10px;
	padding-bottom:10px;
	z-index:1;
}



ul#galmenu ul {
	float:left;
	width:237px;
}

ul#galmenu ul li {
	float:left;
}

ul#galmenu ul li a:link, ul#galmenu ul li a:visited {
	float:left;
	display:block;
	background:none;
	width:203px;
	height:24px;
	line-height:24px;
	padding-left:34px;
}

ul#galmenu ul li a:active, ul#galmenu ul li a:hover {
	color:#6ec900;
}



#content-container {
	float:left;
	width:665px;
	min-height:650px;
	height:auto !important;
	height:650px;
}

#logo {
	float:left;
	width:200px;
	height:83px;
}

ul#menu {
	float:left;
	margin-top:-29px;
	margin-left:53px;
	width:600px;
}

ul#menu li {
	float:left;
}

ul#menu li.bedrijf a {
	float:left;
	display:block;
	background:url(images/bedrijf.gif) left top no-repeat;
	width:200px;
	height:194px;
}

ul#menu li.bedrijf a:hover {
	background:url(images/bedrijf-hover.gif) left top no-repeat;
}

ul#menu li.bedrijf span {
	display:none;
}

ul#menu li.visie a {
	float:left;
	display:block;
	background:url(images/visie.gif) left top no-repeat;
	width:200px;
	height:194px;
}

ul#menu li.visie a:hover {
	background:url(images/visie-hover.gif) left top no-repeat;
}

ul#menu li.visie span {
	display:none;
}

ul#menu li.contact a {
	float:left;
	display:block;
	background:url(images/contact.gif) left top no-repeat;
	width:200px;
	height:194px;
}

ul#menu li.contact a:hover {
	background:url(images/contact-hover.gif) left top no-repeat;
}

ul#menu li.contact span {
	display:none;
}

ul#menu li.modern a {
	float:left;
	display:block;
	background:url(images/modern.gif) left top no-repeat;
	width:200px;
	height:194px;
}

ul#menu li.modern a:hover {
	background:url(images/modern-hover.gif) left top no-repeat;
}

ul#menu li.modern span {
	display:none;
}

ul#menu li.landelijk a {
	float:left;
	display:block;
	background:url(images/landelijk.gif) left top no-repeat;
	width:200px;
	height:194px;
}

ul#menu li.landelijk a:hover {
	background:url(images/landelijk-hover.gif) left top no-repeat;
}

ul#menu li.landelijk span {
	display:none;
}

ul#menu li.mediterraan a {
	float:left;
	display:block;
	background:url(images/mediterraan.gif) left top no-repeat;
	width:200px;
	height:194px;
}

ul#menu li.mediterraan a:hover {
	background:url(images/mediterraan-hover.gif) left top no-repeat;
}

ul#menu li.mediterraan span {

	display:none;
}

ul#menu li.tijdloos a {
	float:left;
	display:block;
	background:url(images/tijdloos.gif) left top no-repeat;
	width:200px;
	height:194px;
}

ul#menu li.tijdloos a:hover {
	background:url(images/tijdloos-hover.gif) left top no-repeat;
}

ul#menu li.tijdloos span {
	display:none;
}

ul#menu li.levendig a {
	float:left;
	display:block;
	background:url(images/levendig.gif) left top no-repeat;
	width:200px;
	height:194px;
}

ul#menu li.levendig a:hover {
	background:url(images/levendig-hover.gif) left top no-repeat;
}

ul#menu li.levendig span {
	display:none;
}

ul#menu li.klassiek a {
	float:left;
	display:block;
	background:url(images/klassiek.gif) left top no-repeat;
	width:200px;
	height:194px;
}

ul#menu li.klassiek a:hover {
	background:url(images/klassiek-hover.gif) left top no-repeat;
}

ul#menu li.klassiek span {
	display:none;
}


/*----- BEGIN NORMALE PAGINA -----*/
#inner-content {
	float:left;
	margin-top:-29px;
	margin-left:53px;
	width:600px;
}

.foto-links {
	float:left;
	width:200px;
	height:194px;
	overflow:hidden;
}

.vlak-rechts {
	float:left;
	background:url(images/vlak1.gif) left top no-repeat;
	width:400px;
	height:194px;
	overflow:hidden;
}

.tekst a {
	color:#6e9f05;
	text-decoration:none;
}

.tekst a:hover {
	text-decoration:underline;
}

.tekst {
	float:left;
	margin-top:16px;
	margin-left:25px;
	width:340px;
	line-height:20px;
	color:#c7c7c7;
	font-size:10px;
	text-align:justify;
}

.tekst a {
	font-size:10px;
	font-weight:bold;
	color:#6e9f05;
	text-decoration:none;
}

.tekst a:hover {
	text-decoration:underline;
}

.vlak-links {
	float:left;
	background:url(images/vlak2.gif) left top no-repeat;
	width:400px;
	height:194px;
	overflow:hidden;
}

.foto-rechts {
	float:left;
	width:200px;
	height:194px;
	overflow:hidden;
}
/*----- EINDE NORMALE PAGINA -----*/




/*----- BEGIN CONTACT FORMULIER -----*/
#contact-links {
	float:left;
	width:200px;
}

.contact-foto {
	width:200px;
	height:194px;
	overflow:hidden;
}

#contact-rechts {
	float:left;
	background:url(images/bg-contactformulier.gif) left top no-repeat;
	width:400px;
	height:582px
}

#bedrijfsnaam {
	float:left;
	margin-top:15px;
	margin-left:29px;
	color:#c7c7c7;
	font-size:10px;
	font-weight:bold;
}

#adres {
	float:left;
	margin-top:15px;
	margin-left:38px;
	color:#c7c7c7;
	font-size:10px;
}

#postcode-plaats {
	float:left;
	margin-top:15px;
	margin-left:38px;
	color:#c7c7c7;
	font-size:10px;
}

#tabel {
	float:left;
	margin-top:130px;
	margin-left:80px;
	width:350px;
}

.velden input[type="text"] {
	float:left;
	margin-bottom:5px;
	background:url(images/bg-input.png) left repeat-x;
	border:none;
	padding-left:5px;
	height:16px;
	width:205px;
	color:#c7c7c7;
	font-size:10px;
}

.grootveld textarea {
	float:left;
	background:url(images/bg-input.png) left repeat;
	border:none;
	padding-left:5px;
	height:16px;
	width:205px;
	height:120px;
	color:#c7c7c7;
	font-size:10px;
	font-family:Tahoma, Arial, Verdana;
}

#verzenden {
	float:left;
	margin-top:5px;
	margin-left:140px;
	width:74px;
	height:22px;
}

#telefoonnummer {
	float:left;
	margin-top:90px;
	margin-left:29px;
	color:#c7c7c7;
	font-size:10px;
	font-weight:bold;
}

#faxnummer {
	float:left;
	margin-top:90px;
	margin-left:28px;
	color:#c7c7c7;
	font-size:10px;
}

#email a {
	float:left;
	margin-top:90px;
	margin-left:28px;
	color:#c7c7c7;
	font-size:10px;
	text-decoration:underline;
}



/*----- CONTACT FORMULIER ------*/

#footer {
	float:left;
	width:700px;
}

#footer-menu {
	float:left;
	margin-top:10px;
	margin-left:68px;
	padding-bottom:20px;
	width:570px;
	color:#757575;

}

#footer-menu a:link, #footer-menu a:visited {
	color:#757575;
	text-decoration:none;
}

#footer-menu a:active, #footer-menu a:hover {
	color:#ffffff;
}

.foto-rechtsimg, .foto-linksimg {
	width:179px;
	height:179px;
	overflow:hidden;
	float:left;
}

.foto-linksimg  {
	margin-left:13px;
	margin-top:5px;
}

.foto-rechtsimg {
	margin-top:9px;
	margin-left:7px;
}

#sitemap {
	margin-top:50px;
	float:left;
	width:100%;
	padding:20px;
	border:2px dashed #4e4e4e;
}

#sitemap ul {
	margin-left:30px;
}

#sitemap h1 {
	font-size:14px;
	font-weight:bold;
	display:block;
	margin-bottom:15px;
	color:#fff;
}

#sitemap li {
	color:#fff;
}

#sitemap ul {
	list-style:square;
}

#sitemap ul ul  {
	list-style:circle;
}

#sitemap li a:link, #sitemap li a:visited, #sitemap li a:active {
	color:#5da409;
	text-decoration:none;
}

#sitemap li a:hover {
	text-decoration:underline;
}

.div_photogallery_thumbnails {
	padding-left : 9px;
}

.div_photogallery_thumbnail {
	float : left;
	padding-left : 9px;
	padding-right : 8px;
	padding-top : 14px;
	width : 80px;
	height : 80px;
	cursor : pointer;
}

.div_photogallery_photo {
	width : 100%;
	height : 381px;
	margin-left:1px;
	background-image : url(/Images/photogallery_border_big.png);
	background-repeat : no-repeat;
}

.preload {
	display:none;
}

.gallerijen {
	margin:0;
}

a span .green_href {
	color:#6e9f05;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

a:hover span .green_href {
	text-decoration:underline;
}

#tekst-pagina {
	float:left;
	margin-top:-29px;
	margin-left:53px;
	width:600px;
	height:582px;
	background:url(images/dienstpakket_background.gif) left top no-repeat;
}

#tekst-pagina-tekst {
	float:left;
	margin-top:15px;
	margin-left:40px;
	width:530px;
	height:547px;
	line-height:20px;
	color:#c7c7c7;
	font-size:10px;
	font-weight:normal;
}

#tekst-pagina-tekst a {
	font-size:10px;
	font-weight:bold;
	color:#6e9f05;
	text-decoration:none;
}

#tekst-pagina-tekst a:hover {
	text-decoration:underline;
}

#tekst-pagina-tekst ul {
	float:left;
}

#tekst-pagina-tekst ul li {
	float:left;
	margin-left:20px;
	width:200px;
	list-style:square;
	color:#c7c7c7;
	font-size:10px;
	font-weight:normal;
	line-height:20px;
}

#contentvlak-home {
	float:left;
	margin-top:50px;
	margin-left:67px;
	padding-bottom:10px;
	width:573px;
	height:359px;
}

#contentvlak-top {
	float:left;
	background:url(images/bg-content-top.png) left top no-repeat;
	width:573px;
	height:11px;
}

#contentvlak-bottom {
	float:left;
	background:url(images/bg-content-bottom.png) left top no-repeat;
	width:573px;
	height:348px;
}

#contentvlak-inner {
	float:left;
	margin-top:11px;
	margin-left:20px;
	width:532px;
	height:328px;
	line-height:20px;
	color:#c7c7c7;
	font-size:10px;
	text-align:justify;
}