/* CSS Document */

* {
	
	margin: 0;
	padding: 0;
	
}

.clear {
	
	clear: both;
	
}

h1 {
	
	font-family: "Century Gothic", Tahoma;
		
}

a {
	
	color: #000;
	
}

img {
	
	border: 0;
	
}

fieldset {
	
	border: none;
	
}

body {
	
	background: #bfccac;
	font-family: Tahoma;
	font-size: 11px;
	color: #4d4d4d;
	
}

div#container {
	
	width: 918px;
	margin: 0 auto;
	background: url('images/container_bg.gif') repeat-y;
	
}

div#header {

	width: 918px;
	height: 203px;
	padding: 19px 0 0;
	background: url('images/header_bg.png');
	
}

div#header_content {
	
	width: 880px;
	height: 193px;
	margin: 0 auto;
	background: #ad190b;
	
}

div#header_content ul {
	
	width: 880px;
	height: 40px;
	
}

div#header_content ul li {
	
	float: left;
	list-style: none;
	
}

div#header_content ul li a {
	
	display: inline-block;
	height: 40px;
	padding: 0 10px;
	line-height: 40px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	
}

div#header_content ul li a:hover {
	
	background: url('images/menu_bg.png') repeat-x;
	
}

div#header_content div#header_text {
	
	width: 880px;
	height: 153px;
	background: url('images/header_img.jpg');
	
}

div#header_h1 {
	
	float: right;
	overflow: hidden;
	width: 410px;
	height: 40px;
	margin: 32px 0 0;
	
}

div#header_text h1 {
	
	width: 389px;
	height: 40px;
	padding: 0 10px;
	line-height: 40px;
	color: #fff;
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	
}

div#header img.img  {

                float: left;
                padding-left: 470px;
                margin: 25px 0 0;
                 width: 32px;
	height: 32px;

	
}
div#header img.img2  {

                float: left;
                padding-left: 505px;
                margin: -31px 0 0;
                width: 32px;
	height: 31px;

	
}


div#maand {
	
	width: 885px;
	height: 146px;
	margin: 0 auto;
	padding: 10px 0 0 15px;
	background: url('images/maand_bg.png') repeat-x;
	
}

div#maand h1 {
	
	color: #fff;
	font-size: 18px;
	font-style: italic;
	text-transform: uppercase;
	
}

div#maand div.aanbieding {
	
	float: left;
	width: 330px;
	margin: 10px 0 0;
	padding: 0 90px 0 0;
	
}

div.aanbieding div.img {

	float: left;
	width: 131px;
	height: 86px;
	margin: 0 5px 0 0;
	padding: 3px;
	background: #fff;
	border: 1px solid #4e7f0a;

}

div.aanbieding div.img img {
	
	width: 131px;
	height: 86px;
	
}

div.aanbieding h3 {
	
	color: #fff;
	font-size: 11px;
	line-height: 20px;
	
}

div.aanbieding p {
	
	height: 86px;
	color: #fff;
	line-height: 18px;
	
}

div.aanbieding p a {
	
	float: right;
	color: #fff;
	
}

div#content {
	
	width: 900px;
	margin: 0 auto;
	padding: 0 0 15px;
	
}

div#content div#left {
	
	float: left;
	width: 250px;
	
}

div#left h2 {
	
	font-size: 11px;
	color: #fff;
	line-height: 30px;
	border-bottom: 1px dashed #c1baa5;
	
}

div#left p {
	
	padding: 0 15px;
	line-height: 20px;
	
}

div#left div#inschrijving {
	
	width: 220px;
	padding: 0 15px;
	background: #ad190b;
	color: #fff;
	
}

div#inschrijving ul {
	
	width: 210px;
	height: 200px;
	margin: 5px auto;
	padding: 7px 5px 7px 5px;
	background: #b93b2f;
	color: #fff;
	
}

div#inschrijving ul li {

	float: left;
	list-style: none;
	line-height: 10px;
	
}

div#inschrijving ul li a {
	
	display: block;
	width: 13px;
	height: 10px;
	padding: 5px 4px;
	color: #000;
	text-decoration: none;
	
}

div#inschrijving ul li a.select {
	
	background: #fff;
	
}

div#inschrijving ul li a.select:hover {
	
	text-decoration: underline;
	
}

div#inschrijving form fieldset {
	
	width: 205px;
	height: 70px;
	padding: 10px 0 15px 15px;
	
}

div#inschrijving form fieldset input {
	
	width: 140px;
	height: 16px;
	margin: 3px 0 0;
	padding: 3px 5px 0;
	background: url('images/input_bg.gif') repeat-x;
	border: 1px solid #000;/*#4e7f0a;*/
	color: #4e7f0a;
	font-size: 11px;
	
}

div#inschrijving form fieldset a {
	
	float: right;
	margin: 10px 20px 0;
	color: #fff;
	
}

div#left div#admin {
	
	width: 220px;
	padding: 0 15px 20px;
	background: #ad190b;
	color: #000;
	
}

div#admin ul {
	
	padding: 10px 0 0 10px;
	
}

div#admin ul li {
	
	margin: 5px 0 0;
	list-style: none;
	font-weight: bold;
	
}

div#admin ul li a {
	
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	
}

div#left div#nieuws {
	
	width: 220px;
	height: 128px;
	padding: 0 15px;
	background: url('images/nieuwsbrief_bg.png');
	
}

div#nieuws form fieldset {
	
	width: 215px;
	padding: 15px 0 0 5px;
	
}

div#nieuws form fieldset input {
	
	width: 140px;
	height: 16px;
	margin: 3px 0 0;
	padding: 3px 5px 0;
	background: url('images/input_bg.gif') repeat-x;
	border: 1px solid #4e7f0a;
	color: #4e7f0a;
	font-size: 11px;
	
}

div#nieuws form fieldset a {
	
	float: right;
	margin: 10px 20px 0;
	color: #fff;
	
}

div#left div#weetje {
	
	width: 220px;
	padding: 0 15px;
	
}

div#nieuws h2 {
	
	color: #fff;
	
}

div#weetje h2 {

	color: #7abe1a;
	border-bottom-color: #7abe1a;
	
}

div#content div#right {
	
	position: relative;
	float: left;
	width: 650px;
	background: url('images/content_spacer.png') repeat-x;
	
}

div#right h1 {
	
	width: 620px;
	padding: 10px 15px;
	color: #be2b1a;
	font-size: 17px;
	font-weight: normal;
	
}

div#right p {
	
	padding: 0 15px 15px;
	line-height: 20px;
	
}

div#right div#welkom_img {
	
	float: right;
	position: relative;
	width: 212px;
	height: 138px;
	margin: 5px 15px 0 5px;
	padding: 3px;
	background: #fff;
	border: 1px solid #4e7f0a;
	
}

div#right div#welkom_img img {
	
	top: 0;
	left: 0;
	width: 212px;
	height: 138px;
	
}

div#right div#diensten {
	
	width: 621px;
	padding: 0 14px 0 15px;
	
}

div#diensten div {
	
	float: left;
	width: 182px;
	height: 95px;
	padding: 7px 15px 5px 10px;
	
}

div#diensten div#rood {
	
	background: url('images/dienst_rood.jpg') no-repeat;
	
}

div#diensten div#groen {
	
	background: url('images/dienst_groen.jpg') no-repeat;
	
}

div#diensten div#blauw {
	
	background: url('images/dienst_blauw.jpg') no-repeat;
	
}

div#diensten div#oranje {
	
	background: url('images/dienst_oranje.jpg') no-repeat;
	
}

div#diensten div#paars {
	
	background: url('images/dienst_paars.jpg') no-repeat;
	
}

div#diensten div#lime {
	
	background: url('images/dienst_lime.jpg') no-repeat;
	
}

div#diensten div h1 {
	
	width: auto;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 19px;
	line-height: 17px;
	font-weight: normal;
	
}

div#diensten div p {
	
	width: auto;
	margin: 0;
	padding: 0;
	
}

div#diensten div p a {
	
	color: #fff;
	font-weight: bold;
	
}

div#footer {
	
	width: 918px;
	height: 49px;
	background: url('images/footer_bg.png');
	
}

div#footer p {
	
	line-height: 40px;
	color: #fff;
	text-align: center;
	
}

div#footer p a {
	
	color: #fff;
	
}

div#footer div#social_twitter img {
	
	float: right;
	padding: 30px 10px 0 30px;

	
}


div#right #UBB_help {
	
	width: 500px;
	margin: 20px auto 5px;
	border: 2px solid #000;
	background: #fff;
	
}

div#right #UBB_help table tr td {
	
	width: 140px;
	padding: 5px;
	border-bottom: 1px solid #000;
		
}

div#right #UBB_help table tr td.left {
	
	width: 340px !important;
	border-right: 1px solid #000;
		
}

div#right #UBB_help table tr td h1 {
	
	color:#BE2B1A;
	font-size:17px;
	font-weight:normal;
	padding:0;
	width: auto;

}

div#right #UBB_help table tr.tr_head td {
	
	background:#ad190b;
	font-weight: bold; 
	color: #fff;
	
}

.kalendertable {		/* Gehele tabel */
border-collapse: collapse;
width: 220px;			/* width hokje (active of passive) * 7 */
text-align: center;
}

.kalenderhead {			/* Eerste kolom (datum+link ga verder/ga terug */
font-size: 8pt;
}

.active, .passive {		/* Hokjes */
width: 15px;
height: 15px;
text-align:center;
padding-left: 5px;
font-size: 7pt;
border: 1px solid #000;
}

.kalendertable a {
color: black;
}

.days {				/* Hokjes met dagen */
background-color: #B63A30;
color: black;
text-align: center;
}

.active {			/* Als er op de dag iets te doen is */
background-color: white;
color: black;
}

.passive {			/* Als er op de dag niets te doen is */
background-color: #B63A30;
color: black;
}

div#solliciteren {

	float: left;
	width: 626px;
	margin: 0 0 0 5px;
	padding: 10px 0 10px 10px;
	border: 1px solid #000;

}

div#solliciteren p {
	
	float: left;
	width: auto;
	padding: 0;
	margin: 0;
	text-align: left;
	
}

div#solliciteren img.img {

	float: right;
	padding: 30px 10px 0 30px;
	
}

div#solliciteren h1 {
	
                float: left;
	width: 585px;
	color: #be2b1a;
	font-size: 17px;
	font-weight: normal;
	background: url('images/content_spacer.png') repeat-x;
}