/* ================================================== BODY ================================================== */

BODY {
	font-family:Arial, Helvetica, sans-serif;
	margin:0 5px 0 5px;
	scrollbar-3dlight-color:#9D9FA2;
	scrollbar-arrow-color:#9D9FA2;
	scrollbar-base-color:#7F7F7F;
	scrollbar-track-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#9D9FA2
}
BODY.menu { margin:0; padding:0; }

/* ================================================== ZIJKANTEN ================================================== */

.frame_left_td1 { background: #fff url('images/randen/rand_grijs.gif') repeat top left; }
.frame_left_td2 { background: #fff url('images/randen/randlinks_top.jpg') no-repeat top left; }
.frame_left_td3, .frame_left_td4  { background: #fff url('images/randen/randlinks_down.jpg') repeat top left; }

.frame_right_td1 { background: #fff url('images/randen/randrechts_top.jpg') no-repeat top right; }
.frame_right_td2 { background: #fff url('images/randen/rand_grijs.gif') repeat top right; }
.frame_right_td3, .frame_right_td4 { background: #fff url('images/randen/randrechts_down.jpg') repeat top right; }

/* ================================================== FORMULIEREN ================================================== */

INPUT { margin-top:2px; }
INPUT.button, INPUT.button0, INPUT.button1, INPUT.button2, INPUT.button200, INPUT.button3, INPUT.button4, INPUT.button5, INPUT.button_play, INPUT.button_slide {
	background:url('images/pictogrammen/icecube2.gif') repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:Black;
	margin-bottom:2px;
	padding:0 4px;
	cursor:pointer;
	overflow:visible;
}
INPUT.button0		{ width:80px; }
INPUT.button1		{ width:100px; }
INPUT.button2		{ width:400px; }
INPUT.button3		{ width:250px; }
INPUT.button4		{ width:150px; }
INPUT.button5		{ width:75px; }

INPUT.button200		{ width:200px; }

INPUT.button_play	{ width:40px; font-size:75%; }
INPUT.button_slide	{ width:30px; font-size:75%; }

INPUT.teller {
	border:0 none;
	color:#0066CC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	padding:0;
	width:30px;
}
.active { color:#0066CC !important; font-weight:normal; }

/* ================================================== AFBEELDINGEN ================================================== */

img			{ filter:blendTrans(duration=0.5); }
img.left	{ margin:0 10px 10px 0; }
img.right	{ margin:0 0 10px 10px; }

/* ================================================== LIJNEN ================================================== */

HR { height:1px !important; color:#0066CC; margin:5px; }

/* ================================================== PROJECTEN2 ================================================== */

#projecten2			{ width:85px; height:430px; overflow:hidden; white-space:nowrap; margin:0 0 0 5px; padding:0; clear:both; }

.spacer10			{ width:1px; height:10px; line-height:10px; clear:both; }
.spacer20			{ width:1px; height:20px; line-height:20px; clear:both; }

#fotostrip		 	{ width:85px; height:350px; background:#fff; border-top:5px solid #fff; border-bottom:5px solid #fff; overflow:hidden !important; padding:0 5px; margin:2px 0; white-space:nowrap; }

.buttonblok		 	{ width:85px;  height:30px; line-height:30px; background:#eee url('images/pictogrammen/icecube2.gif') no-repeat top left; clear:both; overflow:hidden; padding:0; margin:0; }
.scrollbutton	 	{ width:85px;  height:30px; cursor:pointer; text-align:center; }
.scrollbuttonup		{ background:url('images/pictogrammen/arrowup.gif') no-repeat center center; }
.scrollbuttondown	{ background:url('images/pictogrammen/arrowdown.gif') no-repeat center center; }

#pagina_projecten2	{ margin:0; padding:0; overflow:hidden; white-space:nowrap; text-align:left; }

p.projecten2		{ font-family:Verdana, Arial, sans-serif; color:#888 !important; margin:1px 0 0 0 !important; text-align:center; }
.projecten2_space	{ width:1px; height:5px; line-height:1px; clear:both; }
.projecten2_lijn	{ width:75px; height:1px; line-height:1px; clear:both; border-bottom:1px solid #aaa; margin-bottom:5px; }

/* ================================================== ZOEKBOX ================================================== */

#mailbox { position:absolute; top:5px; right:10px; width:34px; height:37px; }
#zoekbox { position:absolute; top:5px; right:10px; width:300px; height:25px; }

fieldset {
	border:none;
	padding:0 !important;
	margin:0 !important;
}
form#formzoek {
	background:transparent url('images/pictogrammen/zoeken_background.gif') no-repeat scroll left top;
	height:22px;
	margin:0;
	padding:0;
	width:250px;
}
form#formzoek input.txt {
	background-color:transparent;
	border:medium none;
	color:#888;
	height:20px;
	line-height:20px;
	margin:0;
	padding:0;
	width:221px;
}
form#formzoek input.sbmt {
	background-color:transparent;
	border:medium none;
	height:22px;
	margin:0;
	padding:0;
	width:25px;
	cursor:pointer;
}

/* ================================================== LIJSTEN ================================================== */

UL, LI {
	color:#0066CC;
	border-left:0 none ;
	border-collapse:collapse;
	margin-left:9px;
	text-indent:0;
}
UL.lijst li { line-height:15px; list-style:square; }

li.square	{ list-style:square; }
li.circle	{ list-style:circle; }
li.disc		{ list-style:disc; }

/* ================================================== HEADERS ================================================== */

H1, H1 A, H1 A:HOVER, H1 A:ACTIVE, H1 A:VISITED {
	color:#FFFFFF;
	font-family:Courier New, Verdana, Arial, sans-serif;
	font-size:180%;
	margin:0 5px 0 5px;
	text-align:left;
	text-indent:0;
	text-decoration:none;
}
H1.sub { font-size:110%; font-weight:bold; }

H2, H3, H4, H5, H6 {
	margin-left:5px;
	margin-right:5px;
	margin-top:20px;
	margin-bottom:10px;
	padding-bottom:2px;
	color:#0066CC;
	font-family:Verdana, Arial, sans-serif;
	font-size:90%;
	text-align:left;
	text-indent:0;
	border-bottom:1px solid #0066CC;
}
H4 a {
	color:#0066CC;
	font-family:Verdana, Arial, sans-serif;
	text-decoration:none;
}
H3 { color:#0099CC; font-weight:bold; font-size:100%; border-bottom:1px solid #0099CC; }
H5 { color:#000; font-size:75%; background-color:Yellow; }

.clear { clear:both; }

P {
	margin:0 5px 0 5px;
	color:#0066CC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	text-align:justify;
}
P A, P A:HOVER, P A:ACTIVE	{ color:#0099CC; text-decoration:underline; }
P A:VISITED		  			{ color:#0066CC; text-decoration:underline; }

/* ================================================== MENUS ================================================== */

P.menulogo	{ margin:0 0 0 10px; }
.menuvlagNL	{ margin:0 0 0 10px; display:inline !important; }
.menuvlagEN	{ margin:0 0 0 5px; display:inline !important; }

P.menugroep {
	margin:10px 5px 0 10px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:95%;
	text-align:left;
	font-weight:bold;
}
P.hoofdmenu			 	  		   		 { color:#FFFFFF; margin:0 5px 0 10px; }
P.hoofdmenu A:LINK, .hoofdmenu A:VISITED { color:#FFFFFF; padding-left:2px; text-decoration:none; display:block; filter:blendTrans(duration=0.5); }
P.hoofdmenu A:HOVER, .hoofdmenu A:ACTIVE { color:#8A8A95; padding-left:2px; text-decoration:none; display:block; filter:blendTrans(duration=0.5); background:#FFF; }

P.menu A:LINK, .menu A:VISITED { color:#FFFFFF; padding-left:2px; text-decoration:none; }
P.menu A:HOVER, .menu A:ACTIVE { color:#8A8A95; padding-left:2px; text-decoration:none; background:#FFF; }


.broodkruimels, .broodkruimels A:LINK, .broodkruimels A:VISITED, .broodkruimels A:HOVER, .broodkruimels A:ACTIVE { 
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:GRAY !important;
	margin-top:5px;
	white-space:nowrap;
	word-spacing:1px;
}

p.subtitel { font-size:12pt; font-weight:bold }

.intro { font-size:80%; font-weight:bold; }

.pageheader, .pagefooter { background:#8A8A95; color:#FFFFFF; text-align:left; vertical-align:top; }

.pagemenu { float:right; padding:0 0 2px 0; background:#8A8A95; }
.pagemenu .buttonbg { background:#fff; }

#header, #header_en {
	height:55px;
}
.headertext, .footertext {
	margin:0 5px 0 5px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}
#footer, #footer_en {
	height:750px;
}

.mapkop A:LINK, .mapkop A:VISITED		{ font-weight:bold; text-decoration:none; }
.mapkop A:HOVER, .mapkop A:ACTIVE	{ font-weight:bold; text-decoration:underline; }
.mapitem A:LINK, .mapitem A:VISITED		{ font-weight:normal; text-decoration:none; }
.mapitem A:HOVER, .mapitem A:ACTIVE	{ font-weight:normal; text-decoration:underline; }

/* ================================================== FOTOBLOKKEN ================================================== */

.home_img {
	float:left;
	margin:0 10px 5px 0;
	width:140px;
	height:100px;
	overflow:hidden;
}

.fotoblokhome {
	float:left;
	padding:0 none;
	margin:0 5px 0 0;
}

.fotoblokright {
	display:inline;
	float:right;
	padding:0 none;
	margin:0 5px 0 0;
	border-left:15px solid #fff;
	border-bottom:10px solid #fff;
	background:#fff;
}
.fotoblokleft {
	display:inline;
	float:left;
	padding:0 none;
	margin:0 0 0 5px;
	border-right:15px solid #fff;
	border-bottom:10px solid #fff;
	background:#fff;
}
.fotosubblok {
	display:inline;
	float:left;
}
.width100px		{ width:90px; }
.width200px		{ width:190px; }
.width300px		{ width:290px; }
.width400px		{ width:390px; }
.width500px		{ width:490px; }

/* ================================================== TABLES ================================================== */

TABLE {
	border:0 none;
	border-width:0;
	width:100%;
	margin:0;
	padding:0;
	border-collapse:collapse;
}
TD, TR {
	border:0 none;
	border-width:0;
	margin:0;
	padding:0;
	vertical-align:top;
	border-collapse:collapse;
}
TD.indent { padding-left:40px; }

TABLE.overzicht { margin-left:5px; margin-right:5px; width:98%; }

TABLE.overzichtiframe { margin-left:-1px; margin-right:0; width:100%; }

/* code voor tabellen (materiaaloverzichten en sponsors) */

.kopblauw, .kopschema {
	background-color:#0066CC;
	border:solid 1px #0066CC;
	color:#FFFFFF;
	font-weight:bold;
}
.randblauw, .randschema {
	background-color:#FFFFFF;
	border:1px solid #0066CC;
	color:#999AA2;
	font-weight:normal;
}
.noright	{ border-right:none; }
.noleft		{ border-left:none; }
.textschema {
	color:#0066CC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	font-weight:normal;
	margin:0 5px 0 5px;
	text-align:left;
}

/* code voor tabellen (lijsten) */

.kopregel {
	background-color:#0066CC;
	border:solid 1px #0066CC;
	color:#FFFFFF !important;
	font-size:75%; 
	font-weight:bold;
	line-height:135%;
	text-indent:5px;
}
.kopregel a:link, .kopregel a:visited, .kopregel a:hover, .kopregel a:active {
	border:none;
	color:#fff;
	line-height:135%;
	text-indent:5px;
}
.kopregel TD.klik { cursor:pointer; text-align:center; }

.regelwit {
	background:FFFFFF;
	border:none;
	color:#0066CC;
	font-size:75%;
	line-height:135%;
	text-indent:5px;
}
.regelblauw {
	background:#B0D0EE;
	border:none;
	color:#0066CC;
	font-size:75%;
	line-height:135%;
	text-indent:5px;
}
.regelkleur {
	background:#CCC;
	border:none;
	color:#0066CC;
	font-size:75%;
	line-height:135%;
	text-indent:5px;
}

.regelwit A:LINK, .regelwit A:HOVER, .regelwit A:ACTIVE			{ color:#0099CC; text-decoration:underline; }
.regelwit A:VISITED		  				  						{ color:#0066CC; text-decoration:underline; }
.regelblauw A:LINK, .regelblauw A:HOVER, .regelblauw A:ACTIVE	{ color:#0099CC; text-decoration:underline; }
.regelblauw A:VISITED		  									{ color:#0066CC; text-decoration:underline; }

.lite, .dark { text-align:center; }

/* ================================================== kleuren ================================================== */

.red		{ color:red; font-weight:normal; }
.orange		{ color:orange; font-weight:normal; }
.white		{ color:#FFFFFF; font-weight:normal; }
.blue		{ color:#0066CC; font-weight:normal; }
.zwart		{ color:#000; font-weight:normal; }
.grijs		{ color:gray; font-weight:normal; }

P.center	{ margin-top:5px; color:#999AA2; text-align:center; }
P.right		{ margin:0 5px 0 5px; text-align:right; }

.pointer	{ cursor:pointer; }

/* ================================================== FOOTER ================================================== */

.footer a:link, .footer a:visited { color:#999AA2; text-decoration:none; }
.footer a:hover, .footer a:active { color:#999AA2; text-decoration:none; }

/* ================================================== EINDE ================================================== */