﻿/*
CSS Quercis Software

Built by Wendrich Reclame
*/

body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica;
	font-size:11px;
	line-height:20px;
	color:#444134;
	background:#767470;
}

h1 {
	font-size:23px;
	text-transform:uppercase;
	color:#565345;
	font-weight:bold;
}

td.contentheading h1 {
	margin:8px 0 8px 0;
}

a h1 {
	text-decoration:none;
}

a {
	color:#000000;
}

a:hover {
	color:#bead60;	
}

.blog h1 {
	font-size:12px;
	text-transform:none;
	margin:0;
	color:#000;
}

.klein {
	font-size:9px;
	color:#444134;
}

.rechts {
	float:right;
}

iframe {
	border:1px solid #000;
	margin:8px 0 0 0;
}

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

#topflash {
	position:relative;
}

#midden {
	position:relative;
	padding:14px 0 0 362px;
	background:#dad9d6 url('../images/background.gif') no-repeat left top;
}

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

#left {
	position:absolute;
	top:334px;
	width:300px;
}

/* Menu --------------------------------------------------------------------- */

#menu {
	position:relative;
	background:transparent url('../images/menu-acht.gif') repeat-x left top;
	height:37px;
	z-index:900;
}

.moduletableMenu {
	padding:2px 0 9px 0;
}


	.moduletableMenu ul {
	}
	
		.moduletableMenu li {
		}

		.moduletableMenu li:hover {
			background:transparent url('../images/bg-menu-items-roll.gif') no-repeat left top;
		}


			.moduletableMenu li a {
				color:#FFFFFF;
				text-decoration:none;
			}

div.menu-son-of-suckerfish-horizontal {
	padding:0 0 26px 0;
}

/** 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 0 0 342px;
	padding:0;
	list-style-image:none;
	border:0;
}

ul.mainlevel-son-of-suckerfish-horizontal li {
	float: left;
	display:inline;
	margin:0;
	line-height:25px;
	padding:0px 25px 8px 20px;
	background:transparent url('../images/bg-menu-items.gif') no-repeat left top;
}

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

ul.mainlevel-son-of-suckerfish-horizontal li li {
	position: relative;
	display: block;
	width:136px;
	line-height:normal;
	background:transparent url('../images/bg-menu-items-sub.gif') no-repeat left top;
	padding:5px 0 5px 20px;
	border-top:1px solid #16150d;
	border-left:0px;
	border-right:0px;
	border-bottom:0px;
	font-size:10px;
	z-index:2500;
}

	ul.mainlevel-son-of-suckerfish-horizontal li li:hover {	
		background:transparent url('../images/bg-menu-items-sub-roll.gif') no-repeat left top;
	}

		ul.mainlevel-son-of-suckerfish-horizontal li li a {
			font-weight:bold;
			color:#36342d;
		}

			ul.mainlevel-son-of-suckerfish-horizontal li li a:hover {
				color:#FFFFFF;
			}
	
ul.mainlevel-son-of-suckerfish-horizontal li li ul {
	margin: -1.8em 0 0 13.6em;
	z-index: 3000;
	width:auto;
}

	ul.mainlevel-son-of-suckerfish-horizontal li li li {
		width:160px;
		background:transparent url('../images/bg-menu-items-sub2.gif') no-repeat left top;
	}
		
		ul.mainlevel-son-of-suckerfish-horizontal li li li a {
			color:#FFFFFF;
		}
	
		ul.mainlevel-son-of-suckerfish-horizontal li li li:hover {
			background:transparent url('../images/bg-menu-items-sub2-roll.gif') no-repeat left top;
		}

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 */
}

/* Pathway -------------------------------------------------- */

.pathway {
	font-size:9px;
	color:#9c8d46;
	text-transform:lowercase;
}

/* zoeken -------------------------------------------------- */

.moduletableZoek input {
	font-size:10px;
	border-top:1px solid #bead60;
	border-right:0px;
	border-bottom:1px solid #bead60;
	border-left:1px solid #bead60;
	background:#f0f0ef;
	padding:1px 2px 1px 2px;
}

	.moduletableZoek input.buttonZoek {
		background:#767470;
		text-transform:lowercase;
		color:#FFFFFF;
		border:1px solid #bead60;
		margin:0 0 0 -2px;
		padding:0;
		line-height:normal;
		height:17px;
	}

/* Nieuws -------------------------------------------------- */

.moduletableNieuws {
	margin:15px 0 0 31px;
	font-size:9px;	
}

	.moduletableNieuws h3 {
		font-size:10px;
		line-height:normal;	
		margin:0;
		padding:0;
		color:#bead60;
	}
	
	.moduletableNieuws ul {
		margin:0;
		padding:0;
		list-style:none none;
	}
	
		.moduletableNieuws ul li {
			margin:0 15px 0 0;
			padding:0 0 0 6px;
			background:transparent url('../../images/M_images/arrow.gif') no-repeat left 50%;
		}

		.moduletableNieuws ul li a {
			color:#444134;	
		}

			.moduletableNieuws ul li a:hover {
				color:#bead60;	
			}

/* Midden -------------------------------------------------- */

#midden table.contentpaneopen {
	width:90%;
}

#midden #tekst {
	max-width:1000px;
}

	#midden #tekst ul {
		list-style:square none;
		margin:0 0 10px 17px;
		padding:0;
	}

#prijzentabel td {
	background:#AAAAAA;
	padding:2px 8px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	color:#000000;	
}

	#prijzentabel #titelTable td {
		background:#999999;
		filter:alpha(opacity=75);
		-moz-opacity:0.75;
		-khtml-opacity: 0.75;
		opacity: 0.75;
		color:#000000;
	}

/* blokken -------------------------------------------------- */

h1#titelblok {
	background:transparent url(../../images/stories/titelblok.jpg) top left no-repeat;
	width:576px;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px 0 6px 15px;
	margin:0;
	font-size:11px;
	text-transform:uppercase;
}

	h1#titelblok span {
		text-transform:lowercase;
		font-weight:normal;
	}

#blok {
	width:192px;
	height:192px;
	float:left;
}

	a #blok {
		text-decoration:none; 
	}

	#blok h1 {
		font-size:17px;
		color:#FFFFFF;
		font-weight:normal;
		margin:92px 0 0 0;
		padding:0;
		width:192px;
		text-align:center;
		text-transform:none;
	}
	
		.blog a #blok h1, .blog a #blok p  {
			text-decoration:none;
		}
	
	#blok p {
		margin:11px 0 0 15px;
		padding:0;
		line-height:18px;
		color:#000000;
	}
	
		#blok p span {
			color:#FFFFFF;
			text-decoration:underline;
		}

.blok1 {
	background:transparent url(../../images/stories/blok-u-s.jpg) no-repeat top left;	
}

.blok2 {
	background:transparent url(../../images/stories/blok-e-u.jpg) no-repeat top left;	
}

.blok3 {
	background:transparent url(../../images/stories/blok-w-m.jpg) no-repeat top left;	
}

.blok4 {
	background:transparent url(../../images/stories/blok-p-o.jpg) no-repeat top left;	
}

.blok5 {
	background:transparent url(../../images/stories/blok-p-p.jpg) no-repeat top left;	
}

.blok6 {
	background:transparent url(../../images/stories/blok-c-m-p.jpg) no-repeat top left;	
}

	a .blok1:hover, a .blok2:hover, a .blok3:hover, a .blok4:hover, a .blok5:hover, a .blok6:hover {
		background:transparent url(../../images/stories/blok-roll.jpg) no-repeat top left;
		cursor:pointer;	
	}

/* Boxen -------------------------------------------------- */

.moduletableBoxen {
	margin:0 0 0 12px;
}

	.moduletableBoxen h1 {
		font-size:11px;
		margin:0 0 0 19px;
		padding:0;	
	}
	
	.moduletableBoxen p {
		margin:2px 0 10px 19px;
		padding:0;
		font-size:10px;
	}

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

#footer {
	position:relative;
	background:#767470 url('../images/footer-acht.gif') repeat-x left top;
	margin:0;
	height:54px;
	padding:15px 0 55px 31px;
	font-size:9px;
	line-height:normal;
	color:#444134;
}

	#footer table ul {
		list-style:none outside;
		margin:0 50px;
	}
	
		#footer table ul li {
			margin:0 15px 0 0;
			padding:0 0 0 8px;
			background:transparent url('../images/bullet-footer.gif') no-repeat left 50%;
			float:left;
		}

	#footer a {
		color:#444134;
	}
	
		#footer a:hover {
			color:#FFFFFF;
		}

.wendrich {
	text-decoration:none;
	color:#444134;
}

	#footer a.wendrich:hover {
		color:#444134;
	}
	
.wendrich2 {
	color:#444134;
}

