/* Basis style sheet voor alle sites */

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

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #666666;
	background: url("../img/bg.jpg") #150001 repeat-y top center;
}

img {border:none;}

a {color: #622081;text-decoration:none;}
a:hover {text-decoration:underline;}
/*donker:311c1d*/
h1 {font-size:14px;}
#wrapper {
	position:relative;
	width:988px;
    margin:0 auto 0px auto;
   	background-color:#311c1d;
}

#header {width:988px;height:575px;background: url("../img/header.jpg") #311c1d no-repeat top left;}

#sprakel_content_frame {
	position:absolute;
	top:260px;
	left:10px;
	width: 778px;
	background: url("../img/sprakel.gif") #f8f5e6 no-repeat bottom right;
}

#menucontainer {BACKGROUND: #ddd; MARGIN: 0px; WIDTH: 780px; POSITION: relative; top:-19px;}

ul#menu {
	MARGIN: 0px;
	PADDING: 0px 0px 0px 5px;
	DISPLAY: block; 
	BACKGROUND: url("../img/sprakel_menu_bg.jpg") no-repeat 0px 0px; 
	LEFT: 0px; 
	WIDTH: 780px; 
	POSITION: absolute; 
	HEIGHT: 38px
}

ul#menu li {
	PADDING: 0px; 
	DISPLAY: block; 
	font-size: 12px; 
	font-weight: bold; 
	BACKGROUND: url("../img/menu_delimeter.gif") no-repeat 100% 100%; 
	FLOAT: left; 
	MARGIN: 0px; 
	OVERFLOW: visible; 
	WIDTH: 120px; 
	POSITION: relative; 
	HEIGHT: 38px;
	line-height: 38px; 
	color: #fff; 
}

ul#menu li a {
	display: block; 
	width: 118px; 
	color: #fff; 
	line-height: 38px; 
	POSITION: relative; 
	HEIGHT: 38px; 
	TEXT-AliGN: center
}

ul#menu li A.selected {BACKGROUND: url("../img/menu_bg_active.gif") #5d090b repeat-x 0px 0px; COLOR: #fff; TEXT-DECORATION: none}
ul#menu li A.selected:hover {BACKGROUND: url("../img/menu_bg_active.gif") #5d090b repeat-x 0px 0px; COLOR: #fff; TEXT-DECORATION: none}
ul#menu li.hover A.selected {BACKGROUND: url("../img/menu_bg_active.gif") #5d090b repeat-x 0px 0px; COLOR: #fff; TEXT-DECORATION: none}
ul#menu li.hover A {BACKGROUND: url("../img/menu_bg_active.gif") #5d090b repeat-x 0px 0px; COLOR: #fff; TEXT-DECORATION: underline}
ul#menu li A:hover {BACKGROUND: url("../img/menu_bg_active.gif") #5d090b repeat-x 0px 0px; COLOR: #fff; TEXT-DECORATION: underline}
ul#menu li.first A:hover {BACKGROUND: url("../img/menu_bg_active.gif") #5d090b repeat-x 0px 0px}
ul#menu li.first-hover A:hover {BACKGROUND: url("../img/menu_bg_active.gif") #5d090b repeat-x 0px 0px}

ul#menu ul {BORDER-RIGHT: #5d090b 1px solid; BORDER-TOP: #5d090b 1px solid; DISPLAY: none; 
	Z-INDEX: 555; BACKGROUND: #5d090b; FILTER: alpha(opacity=90); LEFT: 0px; MARGIN: 0px 0px 0px -1px; 
	BORDER-LEFT: #5d090b 1px solid; WIDTH: 175px; BORDER-BOTTOM: #5d090b 1px solid; POSITION: absolute; HEIGHT: auto; opacity: 0.9; -moz-opacity: 0.9}
ul#menu .hover ul {DISPLAY: block}
ul#menu .hover ul li {DISPLAY: block}

ul#menu ul li {	DISPLAY: none; 
				FONT-SIZE: 10pt; 
				Z-INDEX: 555; 
				BACKGROUND: none transparent scroll repeat 0% 0%; 
				FLOAT: none; 
				MARGIN: 1px; 
				OVERFLOW: hidden; 
				WIDTH: 175px; 
				WHITE-SPACE: nowrap; 
				HEIGHT: 32px}
ul#menu ul li.delimeter {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1px; BACKGROUND: url("../img/sub_menu_delimeter.gif") no-repeat 50% 0px; 
	PADDING-BOTTOM: 0px; MARGIN: 8px 1px 4px; liNE-HEIGHT: 0px; PADDING-TOP: 0px; HEIGHT: 0px}
ul#menu li.hover ul li A {PADDING-RIGHT: 6px; PADDING-LEFT: 6px; Z-INDEX: 555; BACKGROUND: none transparent scroll repeat 0% 0%; 
	PADDING-BOTTOM: 0px; WIDTH: auto; COLOR: #fff; LINE-HEIGHT: 30px; PADDING-TOP: 0px; HEIGHT: 32px; TEXT-AliGN: left}

ul#menu ul li A {
			FONT-SIZE:11px;
			PADDING-RIGHT: 6px; 
			PADDING-LEFT: 6px; 
			Z-INDEX: 555; 
			BACKGROUND: none transparent scroll repeat 0% 0%; 
			PADDING-BOTTOM: 0px; 
			WIDTH: auto; 
			COLOR: #fff; 
			LINE-HEIGHT: 30px; 
			PADDING-TOP: 0px; 
			HEIGHT: 32px; 
			TEXT-ALIGN: left;
}
ul#menu li.hover ul li A:hover {BACKGROUND: url("../img/sub_menu_active.gif") #5d090b repeat-x 0px 0px; COLOR: #fff; TEXT-DECORATION: none}
ul#menu ul li A:hover {BACKGROUND: url("../img/sub_menu_active.gif") #5d090b repeat-x 0px 0px; COLOR: #fff; TEXT-DECORATION: none}

#text {text-align:left;padding:40px 25px 50px 25px;}

#bottom {width:778px;height:37px;background: url("../img/bottom_bg.gif") repeat-x top left;text-align:left;}
#contact {height:37px;background: url("../img/bottom_left.gif") no-repeat top left;}
#contact p {
	height:37px;
	background: url("../img/bottom_right.gif") no-repeat top right;
	color:#FFFFFF;
	line-height: 37px;
	text-align:center;
	font-size: 12px;
}
#contact p a {
	color: #FFFFFF;
}

#sprakel_img_frame {
	position:absolute;
	top:284px;
	right:10px;
	width: 195px;
	height: 700px;
	background:transparant;
}
/* het nieuws-scrollertje */
.highlights {
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#FFFFFF;
	background-color:#000000;
	overflow-x:hidden;
	overflow:hidden;
	margin:0px;
	border:1px solid #000000;
	height:150px;
}

/* Navigatie 1-2-3 pagina's
------------------------------------ */
	
div.navigator{
	padding:5px;
	text-align:center;
}

div.totalpagesdisplay{
	float:right;
	padding:5px;
	color: #535353; 
}

.navigator a, span.inactive{
	margin-left:0px;
	padding: 0px 5px 2px 5px;
}

.navigator a:link, .navigator a:visited, .navigator a:hover,.navigator a:active{
	color: #535353; 
	font-weight : bold;
	text-decoration: none;
}

span.inactive{
	/*color: #535353; */
	color: #004792;
	font-weight : bold;
	font-style :italic;
}