/* General settings */
* { margin: 0; padding: 0; }
body { font-family: arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.6;}

#paars { background:url(/images/bg.gif) repeat-x #5d2d63; }
#blauw { background:url(/images/bgr-blauw.gif) repeat-x #84a7d1; }
#groen { background:url(/images/bgr-groen.gif) repeat-x #5eb477; }
#oranje { background:url(/images/bgr-oranje.gif) repeat-x #f1995e; }
#rood { background:url(/images/bgr-rood.gif) repeat-x #ec5c7f; }


a { font-weight: bold; color:#543162; text-decoration: none;}
h1 { font-size: 24px; color: #543162; text-transform: uppercase;}
h2 { font-size: 13px; color: #543162; text-transform: uppercase;}
h3 { font-size: 14px; color: #543162;}
h4 { font-size: 14px; color: #bbd1ea; text-transform: uppercase;}
h5 { font-size: 13px; }
hr {color: #543162; background-color: #fff; height: 1px; margin: 15px 0 10px 0;}

#container { width: 100%; height: 100%; margin: 0; background:url(/images/bg_shadow.png) repeat-y center top; text-align:center; position: relative;}

#page-wrap { max-width: 977px; min-width: 977px; margin: 0 auto; position: relative; }

/* header */
/* #header { max-width: 1033px; min-width: 977px; height:191px; background:url(/images/header_pic1.jpg) center top no-repeat; margin: 0px auto 0; position: relative;} */
#header { max-width: 1033px; min-width: 977px; height:191px; background:url(/images/header.gif) center top no-repeat; margin: 0px auto 0; position: relative;}
	#header h1#title { padding:64px 0 55px 36px; text-align:left;}
#logo { position:absolute; top:0; right:0; width:182px; height:182px; background: url(/images/logo_pas.png) right 14px no-repeat; z-index: 10;}

/* submenu */
#nav2 { position:absolute; height: 40px; top:151px; left:179px; background:url(/images/shadow-right.png) left repeat-y #543162; width:826px; }
	#nav2 #sub { padding-left: 20px; color: #FFF; text-align: left; text-transform: uppercase;}
	#nav2 #sub a { color: #FFF; margin-left: 10px; margin-right: 10px;}
	#nav2 #sub ul li { display: inline; line-height: 40px; }
#menu2 { position: absolute; top: -30px; left: 169px; width: 806px; color: #FFF; text-align: left; text-transform: uppercase;}
#menu2 ul li { display: inline; line-height: 40px; }
#menu2 ul li a { color: #FFF; margin-left: 0px; margin-right: 10px;}

/* content */
#main-content { padding: 0 0 0 175px; background:url(/images/shadow-right.png) 151px top repeat-y #FFF; text-align: left; min-height: 710px;}
#main { padding: 20px 20px 20px 0; }
	#main ul { margin: auto auto auto 24px; }

/* linkerbalk oa. menu */
#main-sidebar { position: absolute; left: 0; top: 0; width: 151px; bottom: 0; background: url(/images/bg_menu.gif) center top repeat-x #3a2243;  text-align: left;}
	/* #main-sidebar ul li {list-style-image:url(/images/bullet.png); line-height: 1.6; list-style-position:outside; margin-left: 21px; padding-bottom:0px; } */
	#main-sidebar ul li {list-style-type: none; line-height: 1.6; padding-left: 12px; border: solid 1px #65386b; margin: 0 0 2px 0; }
	#main-sidebar ul li ul { list-style-type: none; line-height: 1.1; padding-bottom:0px; border: 0;}
	#main-sidebar ul li ul li { list-style-type: none; line-height: 1.1; padding-bottom:0px; border: 0;}
	#main-sidebar ul li ul li a {color:#FFF; text-decoration:none; text-transform: uppercase; display: inline;}
	#main-sidebar a { display: block; color:#bad1ea; text-decoration:none; }
	#main-sidebar #adres { position: absolute; top: 400px; font-size: 11px; padding: 0 10px 0 10px; color: #FFF; line-height: 1.2;}
	#main-sidebar #adres a { display: inline; color:#bad1ea; text-decoration:none; }

/* homepage */
#whatsnext { position: relative; float: left; top: 0; width: 420px;}
	#whatsnext a { color: #000; font-weight: normal;}
	#whatsnext .date { width: 118px; float: left; }
	#whatsnext .date a { color: #000; font-weight: normal;}
	#whatsnext h3 { display:inline;}
	#whatsnext h3 a { font-weight: bold; color: #543162; }
	#whatsnext .not { display:inline; color: #FF0000; font-weight: bold; text-transform: uppercase; width: 90px; white-space: nowrap; overflow: hidden;}
	
	#spotlight {
		width: 418px;
		border: solid 1px #000;
		height: 90px;
		white-space: nowrap;
		overflow:hidden;
		background: url(/images/uitgelicht_bg2.gif) left top no-repeat #bad1ea;
		margin: 0 0 10px 0;
	}
		#spotlight .txt {
			width: 275px;
			float: left;
			padding: 6px 12px 6px 6px;
			line-height: 16px;
		}
		#spotlight img {
			float: right;
			width: 90px;
			height: 90px;
			border: 0;
		}
		#spotlight .txt h1 {
			font-size: 16px;
			font-weight: bold;
			color: #543162;
			text-transform: normal;
			margin: 0 0 6px;
		}
		#spotlight .txt datum, #spotlight .txt uitvoerende {
			font-size: 12px;
			line-height: 10px;
			font-weight: bold;
		}
		#whatsnext #spotlight .txt a {
			color: #543162;
			font-weight: bold;
			font-size: 14px;
		}
	
	.lnieuws {
		width: 418px;
		border: solid 1px #000;
		height: 65px;
		margin: 0 0 10px 0;
	}
		.lnieuws .txt {
			width: 275px;
			float: left;
			padding: 6px 6px 6px 12px;
		}
		.lnieuws .txt h1 {
			font-size: 16px;
			font-weight: bold;
			color: #543162;
			text-transform: normal;
			line-height: 16px;
		}
		#whatsnext .lnieuws .txt a {
			color: #543162;
		}
		.lnieuws img {
			float: left;
			width: 125px;
			height: 65px;
			border: 0;
		}
	
	#icons {
		width: 420px;
		border-top: solid 1px #000;
	}
		#icons img {
			float: left;
			margin: 10px 15px 10px 0;
			border: 0;
		}

#whatsnext2 { width: 755px; }
	#whatsnext2 a { color: #000; font-weight: normal;}
	#whatsnext2 .date { width: 118px; float: left; }
	#whatsnext2 .date a { color: #000; font-weight: normal;}
	#whatsnext2 h3 { display:inline; }
	#whatsnext2 h3 a { font-weight: bold; color: #543162; }
	#whatsnext2 .not { display:inline; color: #FF0000; font-weight: bold; text-transform: uppercase;}

#uitgelicht { position: relative; float: right; top: 0; width: 336px; height: 200px; background: url(/images/uitgelicht_bg.gif) center top no-repeat #bad1ea; text-align: left; }
	#uitgelicht #con { padding: 13px 13px 0 13px; font-weight: bold;}
	#uitgelicht h1 { margin-top: -10px;}
	#uitgelicht #u01 {  position: relative; float:left; width: 135px;}
	#uitgelicht #u01 img {  border: 0; margin-top: 2px; margin-bottom: 5px; width: 135px; height: 145px; }
	#uitgelicht #u02 {  position: absolute; width: 160px; left: 158px; bottom: 12px;}
	#uitgelicht #u02 a {  color: #000; text-decoration: none;}
	#uitgelicht #u02 h2 a { color: #543162;}

#latest { position: relative; float: right; width: 336px; margin: 0;}
	#latest h1 { margin: -10px 0 0;}
	#latest h5 { margin-top: 15px;}
	#latest h5 a { color: #000; }
	#latest .date { font-size: 11px; width: 98px; float: left;}
	#latest .date a { color: #000; font-weight: normal;}
	#latest h3, #latest .date { line-height: 18px;}
	#latest .vst {  float: left; width: 238px; white-space: nowrap; overflow: hidden; } 
	

	
.not { display:inline; color: #FF0000; font-weight: bold; text-transform: uppercase;}

#prog { position: relative; float: right; }
#prog .progimg { border: 0; width: 400px; margin-left: 12px;}

/* Form dingetjes */

#main form {
	line-height: 30px;
}

#main label {
	clear: both;
	float: left;
	width: 250px;
	line-height: 30px;
}
#main input, select, textarea { 
	width: 250px; 
	float: left;
	margin: 6px 0;
}
#main input[type="radio"], #main input[type="checkbox"] { 
	width: 15px;
	height: 30px;
}
hr {
	clear: both;
	width: 75%;
}
fieldset {
	padding: 20px; 
	border: 0;
}
.aanhef {
	float: left;
	width: 70px;
	line-height: 30px;
	height: 30px;
	padding: 0 0 0 4px;
	margin: 6px 0 0 0;
	
}
.errors {
	color: #FF0000;
	font-weight: bold;
}
