/**********************************************
STANDAARD ELEMENTEN
**********************************************/
body			{ color: #222222; font-size: 12px; line-height:18px; font-family:  Arial, Trebuchet MS, Helvetica;}
img				{ border:0px; }
p				{ margin:10px 0px 0px 0px; }
ul				{ margin:0px; padding:0px; list-style: none; }
li				{ padding-left: 17px; background-image: url(../images/bullet.png); background-repeat: no-repeat; background-position: 0px 3px; }
img				{ border:0px; padding:0px; }
h1,h2,h3,h4		{ text-indent: -9999px; padding:0px; margin:0px; background-repeat:no-repeat; background-position:0px 0px;}
.clearfix		{ clear:both; height:0px; font-size:1px;}

/**********************************************
MAIN DIVS
**********************************************/
#cc 					{ height:300px; }
#bg_sun					{ position:absolute; left:0px; top:0px; width:100%; height:383px;background-image:url(../images/gradient_top.gif); background-repeat:repeat-x; background-position:50% 0%; z-index:1; text-align:center; overflow:hidden;}
#bg_splatter			{ position:absolute; left:50%; top:320px; margin-left:-640px; width:466px; height:504px; background-image:url(../images/splatters.png); background-position:0px 0px;background-repeat:no-repeat;}

#container			{ position:absolute; left:50%; margin-left:-495px; z-index:3; padding:100px 0px 0px 0px;}

#pics				{ position:absolute; left:-20px; top:0px; width:787px; height:600px; z-index:1}
#content			{ display:block; position:relative; width:787px; margin:0px 0px 200px 203px; z-index:2}
#menu				{ position:absolute; left:0px; top:0px; width:990px; height:100px; z-index:3}

#content_top 		{ background-image:url('../images/content_top.png'); width:787px; height:12px; font-size:1px;}
#content_middle 	{ background-color:#FFFFFF; min-height:400px; _height:400px;}
#content_bottom 	{ background-image:url('../images/content_bottom.png'); width:787px; height:12px; font-size:1px;}
#contents			{ padding:2px 10px 2px 10px;}

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

.contactformuliertable tr td:first-child{
	text-align:right;
	font-weight:bold;
	color:#FFF;
	padding-right:5px;
}
/**********************************************
LINKS
**********************************************/
a:hover, a:visited, a:active, a:link							{ color:#d31145;text-decoration:none;	font-weight:bold; }
.wit a:hover, .wit a:visited, .wit a:active, .wit a:link		{ color:#FFF; text-decoration:underline; }

a.link {color:#FFF; display:block; padding:2px 0px 1px 18px; background-image:url(../images/arrow_links.gif); background-position:8px 7px; background-repeat:no-repeat; }
a.link:hover{
	background-color:#dedede;
	color:#333;
}
/**********************************************
FORM ELEMENTS
**********************************************/
input, textarea, select{ font-size: 11px; line-height:18px; font-family:Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
input, textarea{ padding:6px; }
textarea{ line-height:18px; }

/**********************************************
TBMODULE
**********************************************/
.tbmodule{ background-color:#ea0082; color:#FFF; padding:20px; margin:15px 0px 15px 0px; text-align:center; font-weight:bold; border:dotted 1px #000000; }

.programma_row{
	border-top:2px dotted #FFFFFF;
	padding:5px 5px 2px 110px;
	background-position:10px 5px;
	background-repeat:no-repeat;
	cursor:pointer;
	height:30px;
	display:block;
	
}
.programma_row:first-child{
	border-top:0px;
}
.programma_row:hover, #programma_row_active{
	background-position:10px -45px;
}

.fotonav_cijfer, .fotonav_cijfer_active{
	width:16px;
	height:16px;
	margin-right:2px;
	display:block;
	float:left;
	text-align:center;
	background-position:30px 0px;
	background-repeat:no-repeat;
	color:#000;
	background-image:url('../images/fotonav_hover.gif');
}

.fotonav_cijfer:link, .fotonav_cijfer:visited, .fotonav_cijfer:active{
	color:#000000;
}

.fotonav_cijfer:hover, .fotonav_cijfer_active{
	background-position:0px 0px;
	color:#FFF;
}
.fotonav_cijfer_active:link, .fotonav_cijfer_active:visited, .fotonav_cijfer_active:active{
	color:#FFF;
}


#fotonavbar{
	background-image:url(../images/fotoalbum_bg.gif);
	float:left;
	background-repeat:repeat-x;	
	margin-bottom:10px;
	height:30px;
}


/**********************************************
IMAGES VANUIT TOOLBOX
**********************************************/
.img_left_border{ float:left; margin-right:15px; margin-bottom:5px; }
.img_left_noborder{ float:left; margin-right:15px; margin-bottom:5px; }
.img_right_border{ float:right; margin-left:15px; margin-right:4px;	margin-bottom:5px; }
.img_right_noborder{ float:right; margin-right:4px;	margin-left:15px; margin-bottom:5px; }
.img_noalign_noborder{ margin:5px; display: block; margin-left: auto; margin-right: auto; }
.img_noalign_border{ margin:5px; display: block;  margin-left: auto;  margin-right: auto; }
.cssbutton{ cursor:pointer; border:1px solid #FFF; background-color:#00457c; color:#FFF; background-image:url('../images/arrow_rechts.gif'); background-repeat:no-repeat; background-position:100% 50%; text-align:left; text-indent:4px;	padding-left:4px; padding-right:20px; padding-top:3px; padding-bottom:3px;	font-size: 12px; float:left;}
.cssfield{ padding:5px; line-height:11px;border:1px solid #4db3d0; font-size:11px;}
.boekField{ border:1px solid #dedede; padding:2px 0px 2px 4px; height:18px;}