/* CSS OM ALLE MARGINS AAN TE PASSEN VAN ELEMENTEN DIE PER BROWSER ANDERS ZIJN */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
div.print { display: none; }

/* OVERIGE CSS */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	background-repeat: repeat-x;
}

body.home {
	background-color: #009EE0;
	background-image: url(../images/bg_body_home.jpg);
}

body.pagina {
	background-color: #FE6C04;
	background-image: url(../images/bg_body_pagina.jpg);
}

body.contact {
	background-color: #019037;
	background-image: url(../images/bg_body_contact.jpg);
}

body.tipeenander {
	background-color: #FFCC00;
	background-image: url(../images/bg_body_tip.jpg);
}

/* CONTAINER */
#container {
	display: block;
	width: 960px;
	margin: 0 auto;
	position: relative;
}

/* CONTAINER > HEADER */
#header {
	display: block;
	width: 100%;
	height: 158px;
	padding-top: 20px;
}

/* CONTAINER > HEADER > LOGO */
#logo {
	display: block;
	width: 250px;
	height: 120px;
	padding-top: 16px;
	float: left;
	clear: right;
	margin-left: 10px;
}

/* CONTAINER > HEADER > HEADERTEXT */
#headertext {
	display: block;
	width: 500px;
	float: left;
	clear: right;
	padding-top: 25px;
	font-size: 12px;
	text-align: center;
	}
	

#headertext a {
	color: #E2007A;
	font-weight: bold;
	text-decoration: none;
}

body.home #headertext h3 {
	color: #40AC68;
	font-weight: bold;
	font-size: 14px;
}

body.pagina #headertext h3 {
	color: #E2001A;
	font-weight: bold;
	font-size: 14px;
	margin-top: 60px;
}

body.contact #headertext h3 {
	color: #FF6600;
	font-weight: bold;
	font-size: 14px;
	margin-top: 60px;
}

body.tipeenander #headertext h3 {
	color: #019037;
	font-weight: bold;
	font-size: 14px;
	margin-top: 60px;
}

/* CONTAINER > HEADER > ADDRESS */
#address {
	display: block;
	width: 140px;
	float: left;
	clear: right;
	margin-left: 45px;
	font-size: 11px;
	color: #009EE0;
	font-weight: bold;
	padding-top: 25px;	
}

#address a, #address a:hover, #address a:link {
	text-decoration: underline;
	color: #009EE0;
}

/* CONTAINER > MENU */
#menu {
	display: block;
	position: absolute;
	top: 153px;
	left: 260px;
	height: 25px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu ul {
}

#menu ul li {
	float: left;
}

#menu ul li a {
	display: block;
	width: 120px;
	height: 19px;
	text-align: center;
	color: #FFFFFF;
	margin-right: 2px;
	background-image: url(../images/bg_menu.gif);
	background-repeat: no-repeat;
	padding-top: 6px;
}

#menu ul li a.active, #menu ul li a:hover {
	background-image: url(../images/bg_menu_over.gif);
}

#menu ul li.tip a.active, #menu ul li.tip a:hover {
	background-image: url(../images/bg_menu_tip_over.gif);
}

#menu ul li.home a {
	background-image: url(../images/bg_menu_home.gif);
	padding-left: 10px;
	width: 110px;
}

#menu ul li.home a.active, #menu ul li.home a:hover {
	background-image: url(../images/bg_menu_home_over.gif);
}

#menu ul li.contact a {
	width: 130px;
	background-image: url(../images/bg_menu_contact.gif);
}

#menu ul li.contact a.active, #menu ul li.contact a:hover {
	background-image: url(../images/bg_menu_contact_over.gif);
}

/* CONTAINER > BODY */
#body {
	padding: 30px;
}

#body h1 {
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	margin-left: 15px;
}

/* CONTAINER > BODY > TEXT */
#text {
	background-color: #FFFFFF;
	padding: 15px 20px;
}

#text h1 {
	margin-left: 0px;
	margin-bottom: 5px;
	color: #40AC68;
	font-weight: bold;
	font-size: 18px;
}

#text h2 {
	color: #E2001A;
	font-weight: bold;
	font-style: italic;
	font-size: 15px;
}

#text p {
	margin-bottom: 20px;
}

#text a, #text a:hover, #text a:link {
	color: #FE6C04;
	text-decoration: underline;
}

#text ul {
	list-style-type: square;
	padding-left: 30px;
	margin-bottom: 20px;
}


#texttop {
	display: block;
	height: 15px;
	width: 900px;
	background-image: url(../images/bg_text_top.gif);
	background-repeat: no-repeat;
	margin-top: 13px;
}

#textbottom {
	display: block;
	height: 15px;
	width: 900px;
	background-image: url(../images/bg_text_bottom.gif);
	background-repeat: no-repeat;
}

#text div.hr {
  height: 2px;
  background: #019037 url(../bg_hr.gif) no-repeat scroll center;
  margin-bottom: 20px;
}

#text div.hr hr {
  display: none;
}

#text table {
	border-collapse: collapse;
	border-spacing: none;
	border: 1px solid #019037;
	margin-right: 10px;
}

#text table tr {
}

#text table tr.light {
	background-color: #FFFFFF;
}

#text table tr.dark {
	background-color: #B5CFBF;
}

#text table tr th {
	background-color: #019037;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding: 2px;
}

#text table tr td {
	padding: 2px;
}

/* TIP EEN ANDER PAGINA */
#tiptop {
	display: block;
	height: 15px;
	width: 900px;
	background-image: url(../images/bg_tip_top.gif);
	background-repeat: no-repeat;
	margin-top: 13px;
}

#tipbottom {
	display: block;
	height: 15px;
	width: 900px;
	background-image: url(../images/bg_tip_bottom.gif);
	background-repeat: no-repeat;
}

/* CONTAINER > BODY > CONTACT */
#contact {
	background-color: #FFFFFF;
	padding: 15px 260px 15px 20px;
}

#contact h1 {
	color: #E2007A;
	font-size: 18px;
	font-weight: bold;
	margin-left: 0px;
	margin-bottom: 5px;
}

#contact p {
	margin-bottom: 5px;
}

#contact p.error,
#tipeenander p.error {
	color: #FF0000;
	font-weight: bold;
}

#contact ul.error,
#tipeenander ul.error {
	list-style-type: square;
	padding-left: 30px;
	color: #FF0000;
}

#contact form,
#tipeenander form {
	margin-top: 20px;
}

#contact form label,
#tipeenander form label {
	float: left;
	width: 115px;
	font-size: 13px;
	font-weight: bold;
	color: #9B9B9B;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
}

#contact form input,
#tipeenander form input {
	width: 170px;
	height: 15px;
	background-image: url(../images/bg_input.gif);
	background-repeat: no-repeat;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
}

#contact form input.huisnummer {
	width: 65px;
	background-image: url(../images/bg_input_huisnummer.gif);
}

#contact form input.postcode {
	width: 90px;
	background-image: url(../images/bg_input_postcode.gif);
}

#contact form textarea,
#tipeenander form textarea {
	width: 370px;
	height: 90px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/bg_textarea.gif);
	background-repeat: no-repeat;
	padding: 5px;
	border: 0px;
	overflow: auto;
	font-weight: normal;
}

#contact form button,
#tipeenander form button {
	width: 95px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/bg_button.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	border: 0px;
	text-align: center;
}

#contact form div.left, #contact form div.right,
#tipeenander form div.left, #tipeenander form div.right {
	float: left;
	clear: right;
	margin-bottom: 10px;
	width: 300px;
}

#contact form div.right,
#tipeenander form div.right {
	margin-left: 20px;
}

#contacttop {
	display: block;
	height: 15px;
	width: 900px;
	background-image: url(../images/bg_contact_top.gif);
	background-repeat: no-repeat;
	margin-top: 13px;
}

#contactbottom {
	display: block;
	height: 15px;
	width: 900px;
	background-image: url(../images/bg_contact_bottom.gif);
	background-repeat: no-repeat;
}

/* HOME */
#album {

}

div.item {
}

div.item h1 {
	margin-bottom: 13px;
}

/*div.fotos1, div.fotos2, div.fotos3 {
	display: block;
	width: 900px;
	height: 150px;
	background-image: url(../images/bg_album_item_fotos.gif);
	background-repeat: no-repeat;
	margin-bottom: 25px;
}*/

div.fotos {
	display: block;
	width: 900px;
	height: 150px;
	background-image: url(../images/bg_album_item_fotos.gif);
	background-repeat: no-repeat;
	margin-bottom: 25px;
}

div.pijl {
	display: block;
	float: left;
	clear: right;
	width: 125px;
	height: 115px;
	text-align: center;
	padding-top: 35px;
}

div.thumb {
	display: block;
	float: left;
	clear: right;
	width: 130px;
	height: 150px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}

div.thumb img {
	margin-top: 14px;
	margin-bottom: 5px;
}

div.fake1 {
	display: block;
	width: 98px;
	height: 103px;
	border: 2px solid #FD6903;
	margin-top: 14px;
	margin-bottom: 5px;
	margin-left: 14px;
}

img.image1 {
	border: 2px solid #FD6903;
}

div.fake2 {
	display: block;
	width: 98px;
	height: 103px;
	border: 2px solid #218B22;
	margin-top: 14px;
	margin-bottom: 5px;
	margin-left: 14px;
}

img.image2 {
	border: 2px solid #218B22;
}

div.fake3 {
	display: block;
	width: 98px;
	height: 103px;
	border: 2px solid #E2011B;
	margin-top: 14px;
	margin-bottom: 5px;
	margin-left: 14px;
}

img.image3 {
	border: 2px solid #E2011B;
}

span.subalbumnaam1 {
	display: block;
	color: #FD6903;
}

span.subalbumnaam2 {
	display: block;
	color: #218B22;
}

span.subalbumnaam3 {
	display: block;
	color: #E2011B;
}

/* LIGHTBOX / FOTOBOEK */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	/*background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink, #prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 15% no-repeat; }
#nextLink, #nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 100px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #F0F0F0;
}

/* CLEAR FIXES */
div.clearIe7 {
	display: none;
}

div.clear {
	width: 100%;
	height: 1px;
	line-height: 1px;
	clear: both;
	font-size: 1px;
}