* {
	margin: 0px;
	padding: 0px;
}
html {
	height: 100%;
}

body {
	background-color: white;
	background-image: url(../images/background.png);
	background-position: top left;
	background-repeat: repeat-x;
	color: #003366;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

a {
	color: #036BAA;
	text-decoration: underline;
}
a:visited {
	color: #BC9F7F;
}
a:hover {
	color: #BA8136;
	text-decoration: underline;
}

img {
	border: none;
}

p {
	margin: 0px;
	margin-bottom: 15px;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#003366;
}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#003366;
}
h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003366;
}

hr {
	border-top: 1px solid #003366;
}

div {
	margin: 0px;
	padding: 0px;
}


div.superholder {
	background-image:url(../images/background.gif);
	background-repeat: repeat-y;	
	background-position: top left;
	border-left: 3px solid #cc3333;
	border-right: 3px solid #cc3333;
	min-height: 100%;
	margin: auto;
	width: 994px;
}

div.holder {
	border-top: 10px solid #CC3333;	
}

div.holder div.balk_boven {
	background-color: #CC3333;
	height: 12px;
	font-size: 10px;
	padding: 4px;
	text-align: right;
	color: white;
}

div.holder div.balk_boven a:link,
div.holder div.balk_boven a:visited {
	color: white;
	text-decoration: none;
}

div.holder div.balk_boven a:hover {
	color: white;
	text-decoration: underline;
}

div.holder div.topline {
	border-top: 5px solid #705Ea5;
}
div.holder_links {
	background-color: #FEFFE8;
	float: left;
	overflow: hidden;
	width: 200px;
}

div.links_inhoud {
	padding: 10px;
}

div.logo_serveit {
	border-top: 1px solid #cc3333;
	margin: 15px 10px 0px 10px;
	padding: 15px 0px 0px 0px;
	text-align: center;	
}

div.logo_serveit img.logo_serveit {
	height: 59px;
	width: 160px;
}


div.holder_rechts {
	float: right;
	/*margin-right: 3px;*/
	/*overflow: hidden;*/
	width: 790px;
}

div.rechts_logo {
}

div.rechts_logo img {
	border: none;
}

div.rechts_inhoud {
	padding: 10px;
	width: 765px;
}

div.rechts_inhoud p  {
	margin: 0px;
	padding-bottom: 10px;
}

div.content_small {
	width: 625px;
}

div.kruimelpad {
	font-size:10px;
	margin: 0px;
	padding: 10px;
}

/***********************************/
/* NAVIGATIE 					   */
/***********************************/
div.navigatie {
	border-left: 3px solid #cc3333;
	border-right: 3px solid #cc3333;
	border-top: none;
	height: 28px;
	background-color:#cc3333;	
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
div.navigatie ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div.navigatie ul li {
	float: left;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
div.navigatie ul li a, div.navigatie ul li a:visited {
	color: #ffffff;
	display: block;
	padding: 5px;
	text-decoration: none;
}
div.navigatie ul li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #cc3366;
}
/* Niveau 2 */
div.navigatie li ul {
	left: 0px;
	position: absolute;
	top: 28px;
	width: 170px;
/*	white-space: nowrap;*/
}
div.navigatie ul li ul li {
	border-left: 1px solid #BC9F7F;
	border-right: 1px solid #BC9F7F;
	/*background: url("../images/transparant.png");
	background-repeat: repeat;*/
	background-color: #cc3333;
	position: relative;
/*	filter: Alpha(Opacity=92, FinishOpacity=92, Style=1);*/
	float: none;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 27px;
	margin: 0px;
	/*opacity: 0.99;*/
	padding: 0px;
	/*-moz-opacity: 0.99;*/
}
div.navigatie ul li ul li.last {
	border-bottom: 1px solid #BC9F7F;
}

div.navigatie ul li ul li:hover {
	background-color: #FF9900; /* Als je dit weglaat zullen voorgaande geselecteerde menu items wit blijven */
	color: #BA8136;
	z-index: 1;
}			
div.navigatie ul li ul li a {
	display: block;
	padding: 5px 0px 5px 5px;
	height: 17px;
	margin: 0px;
}
div.navigatie ul li ul li a:hover {
	margin: 0px;
}

/* Niveau 3 */
div.navigatie ul li ul li ul {
	border-top: 1px solid #BC9F7F;
	position: absolute;
	left: 155px;
	top: 4px;
}
div.navigatie ul li ul li ul li {
	/*filter: Alpha(Opacity=92, FinishOpacity=92, Style=1);*/
}
div.navigatie li a.metsubs {
	background: url("../images/menu_arrow_normal.gif") no-repeat;
	background-position: 145px; /*155px;*/
}
div.navigatie li a.metsubs:hover {
}

/* hovers with specificity */
/* voor uitleg, zie: http://www.naarvoren.nl/artikel/hover.html */

/* Niveau 3 */
ul ul, li:hover ul ul {
	/* waarde: 2 en 13 */
	display:none;
}
li:hover ul, li:hover li:hover ul {
	/* waarde: 12 en 23 */
	display:block;
}

/* Niveau 4 */
ul ul ul, li:hover li:hover ul ul  {
	/* 3 en 24 */
	display: none;
}
li:hover li:hover ul, li:hover li:hover li:hover ul {
	/* 23 en 34 */
	display: block;
}

/* Niveau 5 */
ul ul ul ul, li:hover li:hover li:hover ul ul  {
	/* 4 en 35 */
	display: none;
}
li:hover li:hover li:hover ul, li:hover li:hover li:hover li:hover ul {
	/* 34 en 45 */
	display: block;
}

/* Fix IE. Hide from IE Mac */
* html div.navigatie ul li ul li  { float: right; height: 1%; }
* html div.navigatie ul li ul li a { height: 1%; }
/*********************************/


div.clearer {
	clear: both;
}

	
/**********************/
/*	MOVIES
/**********************/
p.movie {
	/*clear: left;*/
	margin: 0px;
}

div.movie240x180 {
	float: left;
	margin: 0px 11px 0px 11px;
	width: 240px;
}

div.movie512x384 {
	margin: 0px auto 0px auto;
	width: 512px;
}

div.movie352x288{
	margin: 0px auto 0px auto;
	width: 352px;
}

div.movie240x180 p.omschrijving,
div.movie352x288 p.omschrijving,
div.movie512x384 p.omschrijving {
	font-style: italic;
	text-align: center;
	margin: 5px 0px 15px 0px;
}

div.movie240x180 p.omschrijving {
	font-size: 0.85em;
}

/**********************/
/*	KLOKKEN
/**********************/
div.holder_klokken {
	width: 100px;
	float: right;
/*border-left: 1px solid red;
	border-bottom: 1px solid red;*/
	padding: 0px 10px 0px 10px;
}

div.holder_klokken div.klok {
	text-align: center;
	margin-bottom: 20px;
}

div.holder_klokken div.klok h2 {
	color: black;
	font-family: Arial, Helvetica, sans-serif;;
	font-weight: bold;
	font-size: 1.1em;
	margin: 5px 0px 0px 0px;
}

div.sociallinks {
	margin: 0px 10px 5px 10px;
	text-align: center;
}

div.sociallinks a {
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	color: #036BAA;
	text-decoration: none;
}

div.sociallinks a:hover {
	text-decoration: underline;
}

div.sociallinks a.hyves {
	background-image: url(../images/hyves.png);
	margin-right: 5px;
}

div.sociallinks a.twitter {
	background-image: url(../images/twitter.png);
}