/* CSS Document */

body {
	margin:0;
	background:#ffd0ea url(../images/background.gif) left top repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	height:100%;
}

h1, .componentheading {
	font-size:12px;
	color:#ff1193;
	margin:0;
	padding:0;
	font-weight:bold;
}

.componentheading {
	margin:0 0 10px 0;
}

	a h1 {
		text-decoration:none;
	}

a {
	color:#ff1193;
}

	a:hover {
		color:#01a3e7;
	}

/* Relative ------------------------------------------------------------------ */

#tekstvlak {
	position:relative;
	margin:14px 299px 0 299px;
	line-height:22px;
	color:#1b1c20;
	z-index:1000;
	max-width:800px;
}

/* Absolute ------------------------------------------------------------------ */

#crull {
	position:absolute; top:0; left:0;
	z-index:1;
	width:100%;
}

	.moduletableCrull {
		position:absolute; top:0; left:0;
		z-index:1;
		width:100%;
	}
	
#fotos {
	position:absolute; top:0; right:0;
	width:100%;
	z-index:600;
	text-align:right;
}

	.moduletableFoto {
		position:absolute; top:0; right:0;
		width:100%;
		z-index:600;
		text-align:right;
	}
	
#menuLeeg {
	position:absolute; top:303px; left:158px;
	background:transparent url(../images/menu.gif) top left repeat-x;
	width:73.5%;
	height:32px;
	z-index:2;
}

/* HTML ------------------------------------------------------------------ */

table.contentpaneopen {
	margin:0 0 0 0;
}

div.contentpaneopen {
	margin:0 0 15px 0;
}

.timg, .timg2, .timg3 {
	border:1px solid #000;
	margin:10px 0 10px 0;
}

.timg2 {
	clear:left;
}

.timg3 {
	margin:0 0 10px 10px;
}

.timg4 {
	border:1px solid #000;
	margin:0 10px 10px 0;
}

.pagenav_prev , .pagenav_next {
	font-size:10px;
}

/* menu ------------------------------------------------------------------ */

#menu {
	position:relative;
	font-size:10px;
	margin:302px 0 0 193px;
	height:32px;
	z-index:1100;
}

	#menu ul {
	}
		
		#menu ul li {
		}
		
		#menu ul li a {
			color:#FFFFFF;
			text-decoration:none;
			font-weight:bold;
			padding:0 0 8px 0;
		}

			#menu ul li a:hover {
				color:#c7e6f6;
			}
			
/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
/** customize colors here */
a.mainlevel-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal,
a.mainlevel-son-of-suckerfish-horizontal:link, a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link,
a.mainlevel-son-of-suckerfish-horizontal:visited, a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited {

}

a.mainlevel-son-of-suckerfish-horizontal:hover, a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover {

}

a.sublevel-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal,
a.sublevel-son-of-suckerfish-horizontal:link, a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link,
a.sublevel-son-of-suckerfish-horizontal:visited, a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited {

}

a.sublevel-son-of-suckerfish-horizontal:hover, a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover {

}

ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal,
ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:link, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:link, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:link,
ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:visited, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:visited, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:visited {

}

ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:hover, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:hover, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:hover {

}

ul.mainlevel-son-of-suckerfish-horizontal ul .expanded {
	display: block;
}


/** customize style / layout here */

a.mainlevel-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal, span.mainlevel-son-of-suckerfish-horizontal,
a.mainlevel-son-of-suckerfish-horizontal:link, a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link,
a.mainlevel-son-of-suckerfish-horizontal:visited, a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited,
a.mainlevel-son-of-suckerfish-horizontal:hover, a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover,
a.sublevel-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal, span.sublevel-son-of-suckerfish-horizontal,
a.sublevel-son-of-suckerfish-horizontal:link, a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link,
a.sublevel-son-of-suckerfish-horizontal:visited, a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited,
a.sublevel-son-of-suckerfish-horizontal:hover, a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover {
	text-align: left;
	display: block;
}

a.mainlevel-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal, span.mainlevel-son-of-suckerfish-horizontal {
}

a.sublevel-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal, span.sublevel-son-of-suckerfish-horizontal {
	height: 1%;	/* this is required for the IE to cause the "hasLayout" property and make the whole anchor clickable - "Holly Hack" */
}

#active_menu-son-of-suckerfish-horizontal,
a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal,
a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link,
a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited,
a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover,
a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal,
a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link,
a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited,
a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover {

}

ul.mainlevel-son-of-suckerfish-horizontal, .mainlevel-son-of-suckerfish-horizontal ul {
	z-index: 1000;
	margin:0;
	padding:0;
}

ul.mainlevel-son-of-suckerfish-horizontal li {
	float: left;
	display:inline;
	margin:12px 35px 0 0;
	z-index: 1500;
}

ul.mainlevel-son-of-suckerfish-horizontal ul {
	display: block;
	position: absolute;
	left: -999em;
	width:auto;
	height:auto;
	border-left:1px solid #01a3e7;
	border-right:1px solid #01a3e7;
	border-bottom:1px solid #01a3e7;
	z-index:2000;
}

ul.mainlevel-son-of-suckerfish-horizontal li li {
	position: relative;
	display: block;
	line-height:26px;
	color:#ff1193;
	background:#FFFFFF url(../images/menu-achter.gif) top left repeat-x;
	margin:0;
	padding:0 10px 0 10px;
	width:125px;
	border-top:1px solid #01a3e7;
	border-left:0px;
	border-right:0px;
	border-bottom:0px;
	z-index:2500;
}

	#menu ul.mainlevel-son-of-suckerfish-horizontal li li:hover {
		background:#FFFFFF;
	}

		#menu ul.mainlevel-son-of-suckerfish-horizontal li li a {
			font-weight:normal;
			color:#ff1193;
			padding:0;
		}


			#menu ul.mainlevel-son-of-suckerfish-horizontal li li a:hover {
				color:#01a3e7;
			}
	
ul.mainlevel-son-of-suckerfish-horizontal li li ul {
	margin: -1.8em 0 0 10em;
	z-index: 3000;
}

ul.mainlevel-son-of-suckerfish-horizontal li:hover ul,
ul.mainlevel-son-of-suckerfish-horizontal li.hover ul {
	left: auto;
}

ul.mainlevel-son-of-suckerfish-horizontal li:hover ul ul,
ul.mainlevel-son-of-suckerfish-horizontal li.hover ul ul {
	left: -999em;
}

ul.mainlevel-son-of-suckerfish-horizontal li:hover ul li:hover ul,
ul.mainlevel-son-of-suckerfish-horizontal li.hover ul li.hover ul {
	left: auto;
}


ul.mainlevel-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal li li {
	clear: left;
}

/** separator */
span.mainlevel-son-of-suckerfish-horizontal, span.sublevel-son-of-suckerfish-horizontal {
	display: block;
	width: 1em;
	border-width: 0px;
	margin-left: 1em;
	padding: 0;
	padding-top: 1px;
}

/** IE5.0/win workaround: the ">" is handled like a "," */
ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal {
	position: absolute;
	top: 5em;	/* change the absolute position for IE5.0 here */
}
ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal li.hover ul {
	margin: 0.1em 0 0 0em;	/* top, right, bottom, left */
}
ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal li.hover ul ul {
	margin: -1.6em 0 0 10em;	/* top, right, bottom, left */
}

/* vertaal --------------------------------------------------- */

h3 {
	font-size:10px;
	margin:0 25px 0 0;
	padding:0;
	float:left;
}

#moduletableTaal {
	margin:0;
}

#jflanguageselection {
	float:left;
	margin:0 0 5px 0;
}

ul.jflanguageselection {
	margin:0;
	clear:both;
	list-style:none none;
}

	ul.jflanguageselection li {
		float:left;
		margin:0 25px 0 0;
	}

		ul.jflanguageselection li a {
			font-size:10px;
			font-weight:normal;
		}
		
				ul.jflanguageselection li a:hover {
					color:#000;
				}

hr {
	clear:both;
	margin:5px 0;
	padding:0;
	color:#f5cce2;
	height:2px;
	border:1px solid #f5cce2;
}

/* Contact --------------------------------------------------- */

.adres1, .adres2, .adres2aangepast, .adres3  {
	float:left;
	margin:0 30px 0 0;
	padding:0 30px 0 0;
}

.adres1 {
	border-right:1px dotted #ff1193;
}

.adres2, .adres2aangepast {
	margin:0;
}

.adres3 {
	border-left:1px dotted #ff1193;
	padding:0 0 0 30px;
}

	.adres1 h2, .adres2 h2, .adres2aangepast h2, .adres3 h2 {
		font-size:11px;
		margin:0 0 5px 0;
		color:#01a3e7;
	}
	
.adres2aangepast {
	border-top:1px dotted #01a3e7;
}


/* mail a friend --------------------------------------------------- */

span.buttonheading {
	clear:both;
}

body.contentpane {
	background:none #FFF;
	margin:0px;
	padding:15px 0px 0px 15px;
}
			
body.contentpane td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}


body.contentpane .inputbox {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* Footer --------------------------------------------------- */

#footer {
	position:relative;
	margin:10px 299px 0 299px;
	padding:0 0 10px 0;  
	font-size:9px;
	line-height:18px;
	color:#373d3c;
	z-index:1050;
}
	
	#footer a {
		color:#01a3e7;
	}
	
		#footer a:hover {
			color:#ff1193;
		}
	
	#footer a.wendrich {
		color:#373d3c;
		text-decoration:none;
	}
	
	#footer ul {
		margin:0;
		padding:0; 
		list-style:none none;
	}	
	
			#footer ul li {
				float:left;
				margin:0 15px 0 0;
			}	
			
/*---------video---------------------------------------------*/

.allvideos {
	float: left;
	width: 300px;
	height: 240px;
	text-align: left;
	padding-right: 10px;
}