
/**********************************************
STANDAARD ELEMENTEN
**********************************************/
body			{ color: #333333; font-size: 12px; line-height:20px; font-family: Arial; }
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.gif); background-repeat: no-repeat; background-position: 0px 8px; }*/
img				{ border:0px; padding:0px; }
.clearfix		{ clear:both; height:0px; line-height:0px; font-size:0px;}
span 			{ line-height:normal}


/**********************************************
LINKS
**********************************************/
a:hover, a:visited, a:active, a:link							{ outline: none; color:#264f90;text-decoration:none;font-weight:bold; }
.wit a:hover, .wit a:visited, .wit a:active, .wit a:link		{ color:#FFF; text-decoration:underline; }

#bg_splash		{ position:relative; height:100%; background-image:url('../images/pattern.gif'); background-position:50% 0%; background-repeat:repeat-x;}
#bg_titel		{ position:absolute; height:500px; width:100%;}
#bg_splash2		{ min-height:100%; height:100%;  background-image:url('../images/regel.gif'); background-position:50% 100%; background-repeat:repeat-x;}
#bg_splash2 #content { position: absolute; width:600px; left:50%; margin-left:-300px; margin-right:auto; top:50%; margin-top:0px; }
#bg_splash2 #logo { border:0px solid #FFF;}
#bg_splash2 #langnav { margin:0px 0px 0px 0px; background-color:#0093d0; margin-top:10px;padding:8px;}
#bg_splash2 #langnav a { display:block; color:#FFF; text-indent:-9999px; float:left;}
#bg_splash2 #langnav .split { display:block; color:#FFF; text-indent:-9999px; float:left; background-color:#FFF; width:1px; height:20px;}


#container					{ position: relative; width:970px; left:50%; margin-left:-485px; background-image:url('../images/bgsite.gif'); margin-top:30px;}

#container #column_1		{ position: relative; width:247px; float:left; min-height:400px; _height:400px;}
#container #column_2		{ position: relative; width:476px; float:left; }
#column_2 #content 			{ padding:25px 25px 25px 25px }

#container #column_3		{ position: relative; width:247px; float:left;}

#column_1 .menu0			{display:block; height:20px; text-indent:-9999px; background-repeat:no-repeat; background-position:0px 0px;}
#column_1 .menu0:hover,
#column_1 #actiefMain.menu0 {background-position:0px -100px;}
#column_1 .menu1			{display:block; height:20px; text-indent:-9999px; background-repeat:no-repeat; background-position:0px 0px;}
#column_1 .menu1:hover,
#column_1 #actiefMain.menu1 {background-position:0px -100px;}
/**********************************************
MAIN DIVS
**********************************************/

.aanmeldform input[type=text], 
.aanmeldform textarea 				{ width:250px;padding:2px;border:1px solid #00a9db;height:18px;}
.aanmeldform td 					{ padding-right:0px;}
.aanmeldform td:first-child 		{ padding-right:10px; width:130px; vertical-align:top; color:#1d1d1d; padding-top:7px; text-align:right;}

a.archief, a.archiefActief			{ color:#bcb9b9;display:block; float:left; margin:0px 10px 10px 0px;}
a.archief:hover, a.archiefActief	{ color:#0092cf}

a.fotoalbum, a.fotoalbumActief			{ background-image:url('../images/arrow_sub_1.gif'); background-position:0px 33px; background-repeat:no-repeat; color:#FFF;display:block; margin:0px 10px 5px 10px; padding:0px 0px 0px 10px;}
a.fotoalbum:hover, a.fotoalbumActief	{ background-position:0px 6px}



.downloadblock 			{ color:#000000; position:relative; display:block; border-bottom:1px solid #b9cbe2; padding: 14px 0px 4px 0px; height:30px; background-position: 400px 18px; background-repeat:no-repeat; vertical-align:middle;}
.downloadblock:link, .downloadblock:visited, .downloadblock:active 	{ color:#000000;}
.downloadblock:hover 	{ color:#5c9f5c;}

.locaties_container						{ display:block; position:relative; clear:both;}
.locaties_container>a					{ display:block; width:100%;  margin:0px; padding:0px; line-height:normal; }
.kunstenaar, #kunstenaaractief			{ height:14px; clear:both; background-color:#ddecf6; color:#000; margin-top:8px; padding:5px 0px 5px 30px; cursor:pointer; background-image:url(../images/arrow_locatie_off.gif); background-repeat:no-repeat; background-position:0px 0px;}
.kunstenaar a							{ color:#000;}
.kunstenaar:hover, #kunstenaaractief	{ background-color:#0092cf; color:#FFF; background-image:url(../images/arrow_locatie_on.gif);}
.kunstenaar:hover a, #kunstenaaractief a { color:#FFF;}




.kunstenaar_container				{ display:block; position:relative; clear:both; overflow:hidden;}
.balk, .balkactief, 
#balkactief							{ height:14px; line-height:normal; clear:both; background-color:#ddecf6; color:#000; padding:5px 0px 5px 30px; margin-top:8px; cursor:pointer; background-image:url(../images/arrow_locatie_off.gif); background-repeat:no-repeat; background-position:0px 0px;}
.balk a								{ color:#000;}
.balk:hover, .balkactief, 
#balkactief							{ background-color:#0092cf; color:#FFF; background-image:url(../images/arrow_locatie_on.gif);}




.programma_container				{ display:block; position:relative; clear:both;}
.balk, .balkactief, 
#balkactief							{ height:14px; line-height:normal; clear:both; background-color:#ddecf6; color:#000; padding:5px 0px 5px 30px; margin-top:8px; cursor:pointer; background-image:url(../images/arrow_locatie_off.gif); background-repeat:no-repeat; background-position:0px 0px;}
.balk a								{ color:#000;}
.balk:hover, .balkactief, 
#balkactief							{ background-color:#0092cf; color:#FFF; background-image:url(../images/arrow_locatie_on.gif);}
.balk:hover a, .balkactief a, 
#balkactief a						{ color:#FFF;}

.tekstcontainer						{ overflow:hidden; position:relative;}
.tab_on, .tab_off					{ position:relative; cursor:pointer; float:left; border:1px solid #0092cf; border-bottom:1px solid #0092cf; margin:10px 5px -1px 0px; padding:2px 5px 0px 5px; color:#7c7979; font-weight:bold;}
.tab_on								{ border-bottom:1px solid #FFF; color:#0092cf;}
.tab_content_on, .tab_content_off	{ display:none; clear:both; border:1px solid #0092cf; 
									  border-bottom:0px; padding:10px 0px 10px 0px; position:relative;}
.tab_content_on						{ display:block;}
.tab_lt								{ position:absolute; left:-1px; top:-1px;}
.tab_rt								{ position:absolute; right:-1px; top:-1px;}

.tijd_1, .tijd_2, .tijd_split		{ color:#00a3d8; font-weight:bold; }
.tijd_split							{ width:8px; }
.tijd_1								{ padding-left:5px; width:35px}
.tijd_2								{ padding-right:20px; border-right:1px solid #bcb9b9}
.tijd_kunstenaar					{ width:180px; cursor:pointer; background-image:url(../images/programma_arrow.gif); background-repeat:no-repeat; background-position: 13px 4px; padding:0px 0px 0px 25px; font-weight:bold; color:#54b948}
.tijd_kunstenaar:hover				{ background-position: 13px -15px; color:#0092cf}

/**********************************************
FORM ELEMENTS
**********************************************/
input, textarea, select{ font-size: 11px; line-height:13px; font-family:Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
input, textarea, select{ padding:4px; }
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; }

/**********************************************
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:0px; }
.img_noalign_border{ margin:0px; }
.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;}