/* ALGEMEEN */

			body		{
				background-color:#ebebeb;
				background-image:url(../images/design/bg-green.png);
				background-repeat:repeat-x;
				background-position:0px -4px;								
				margin-top:0px;
				padding:0px;
			}
			
			body.homepage		{
				background-position:0px 0px;								
			}
	
			body, div, p, td, th	{
				font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
				font-size:13px;
			}
			p {margin:0px;padding:0px;}
			body + div {
				text-align:left;
			}
			
			a {color:#009037;}
			a:hover {color:coral;}
			h1{
				font-size:22px;
				color:#fff;
				margin-bottom:23px;
				margin-left:16px;
			}
			h2, h3 {font-size:15px;color:#ooo;margin-top:20px;margin-bottom:5px;}
			h1.streep {border-bottom:2px solid #6699CC;}
			h2.streep {border-bottom:1px solid #FF6666;}
			h3.streep {border-bottom:1px solid #000;}
			h1.balk, h2.balk, h3.balk {
				margin: 0px 0px 10px 0px;
				padding: 6px 8px 6px 8px;
				background-color:#979797;
				color:#fff;
				font-size:15px;
			}
			#content_right h3.balk{padding: 17px 8px 16px 8px;}
			
/* BASISLAYOUT */

			#wrapper {
				background-color:#fff;
				width:1000px;
				min-height:600px;
				margin:0px;
				text-align:left;
			}
			
			#logo_area {
				background-color:#fff;
				border-left:4px solid #fff;
			}
			
			#menu_area{
				background-image:url(../images/design/bg_paperbundle.png);
				background-repeat:no-repeat;
				width:740px;
				height:32px;
				float:left;
				text-align:left;
				border-left:10px solid #fff;
			}
			
			#menu_area.home{
				height:482px;			
			}
			
			#content {
				background-image:url(../images/design/bg_paperbundle_slice.png);
				background-repeat:no-repeat;
				background-position:0px -73px;								
				width:740px;
				min-height:250px;
				padding:69px 0px 20px 0px;
				margin-left:10px;
				float:left;
				text-align:left;
			}
			
			#content>.tekst {
				line-height:160%;	
				padding: 10px 40px 10px 15px;	
			}
			
			#content.home {
				background-image:none;
				padding:10px 0px 20px 0px;
				
			}
			
			#content_right {
				margin-right:10px;
				margin-top:50px;
				float:right;
				width: 230px;
				font-size:10px;
				text-align:center;							
				border:0px solid #000;
			}
			
			#footer {
				background-color:#000;
				min-height:100px;
				padding: 20px 20px 20px 20px;
				margin-top:-5px;
			}
			
/* MENU */	
			
			div.menu{
				margin-top:0px;
				margin-right:0px;
				height:40px;
				overflow:hidden;	
			}
			
			div.menu table{
				
				margin: 0px;
				padding: 0px;
			}
			
			div.menu td{
				padding-left:9px;
				width:90px;
			}
			div.menu td:first-child{
				padding-left:0px;
			}
				
			div.menu td a{
				background-image:url(../images/design/bg_trans_knop_30_red.png);
				display:block;
				padding:8px;
				color:#fff;
				text-align:center;
				height:16px;
				text-decoration:none;
				letter-spacing:1px;
			}

			div.menu td a.active{
				background-image:none;
				background-color:#fff;
				color:#666666;
			}

			div.menu td a:hover{
				background-image:none;
				background-color:#fff;
				color:#009037;
			}
		
			
/* COLUMNS */
	
			.column_2 {
				float:left;
				width: 300px;
				margin-right:40px;	
				border: 0px dotted #979797;			
			}

			.column_home {
				float:left;
				width: 365px;				
			}

			.column_home:first-child {
				margin-right:10px;
			}
			
			.column_home>.tekst {
				line-height:160%;	
				border-right: 2px dotted #979797;	
				padding: 0px 20px 0px 8px;
				height:325px;
				overflow:hidden;	
			}

			#footer div.column {
				float:left;
				width: 333px;
				height:115px;
				margin-left:20px;
				color:#fff;
				border-left: 2px dotted #fff;	
			}

			#footer div.column.eerste {
				margin-right:0px;
				margin-left:0px;
				border-width: 0px;	
			}
			#footer div.column.laatste {
				width:200px;	
				margin-left:40px;
				}
			
			#footer div.column .text_link {
				display:block;
				height:20px;
				padding:10px;
				padding-left:20px;
				text-align:left;
				text-decoration:none;
				font-weight:bold;
				color:#fff;
			}			
			
			
/* Social Media links */	
		
			img.social_icon {
				margin-bottom:5px;
				width:33px;
				float:left;
				clear:both;
			}
				
			a.social.text_link {
				float:left;	
			}			
			
/* CAROUSSEL SPONSORS*/

			#carousel  {
				padding: 0px;
				margin: 0px;
			}

			#carousel img {
				border: 0;
				width:230px;
				height:154px
			}
			
			#ui-carousel-next, #ui-carousel-prev {
				width: 40px;
				height: 40px;
				background: url(../images/design/prev.png) #fff center center no-repeat;
				display: block;
				position: relative;
				left:94px;
				z-index: 100;
			}
			
			#ui-carousel-next {
				background-image: url(../images/design/next.png);
				margin-bottom:10px;
			}
			
			#ui-carousel-prev {	
			margin-bottom:20px;
			
			}
			
			#ui-carousel-next > span, #ui-carousel-prev > span {
				display: none;
			}	

/* KNOPPEN */
			
			a.knop{
				display:block;
				height:18px;
				background-color:#fff;
				margin: 6px 0px 6px 0px;
				padding: 7px 0px 5px 10px;
				font-size:13px;
				font-weight:900;
				color:#000;
				text-align:left;
				text-decoration:none;
			}
			
			a.knop:hover{
				background-color:#979797;
			}
			
			a.knop.zwart{
				background-color:#000;
				color:#fff;
			}
			
			a.knop.zwart:hover{
				background-color:#979797;
			}


/* HOMEPAGE */

			div.week_area{
				float:left;
				margin-left:50px;
				margin-top:25px;
				width:350px;
				color:#fff;
				font-size:12px;
				text-align:center;
			}
			
			h2.week {
				color:#fff;
				font-size:83px;
				font-weight:bold;
				border-bottom: 2px dotted #fff;	
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 10px 0px;
				text-align:center;
			}
			
			div.pdf_area{
				float:right;
				margin:50px;
				margin-top:146px;
				width:155px;
				color:#fff;
				font-size:12px;
				text-align:center;
			}
			div.pdf_area img{
				width:155px;
				height:220px;
				color:#fff;
				font-size:12px;
				-moz-box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.2);
				-webkit-box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.2);
				box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.2);
			}
			
			div.fb_area{
				float:left;
				margin-left:0px;
				margin-top:213px;
				width:200px;
			}
			div.fb_area img{
				
				margin-left:10px;
				margin-bottom:5px;
				
			}
			
		
				
/* ARCHIEF */

			.archief-item {
				float:left;
				background-color:gainsboro;
				width:218px;
				padding: 10px 10px 10px 10px;
				text-align:center;
				margin: 0px 10px 10px 0px;
				border: 1px solid gainsboro;	
			}
			.derde {
				margin: 0px 0px 10px 0px;
			}
			
			.archief-item img {
				width:218px;
				height:300px;
				margin-bottom:6px;
			}

			.archief-item h3 {
				margin-top:0px;
				font-size:13px;
				letter-spacing:1px;
			}
			.archief-item h3 span{
				color:grey;
			}

/* DIVERSE CONTENT ELEMENTEN */
			.rubrieken ul {
				list-style:none;
				margin: 0px;
				padding: 0px;
			}
			.rubrieken ul li {
				margin: 15px 0px 0px 0px;	
			}
			.rubrieken ul li a {
				color:#000;
				text-decoration:none;
				font-weight:bold;
			}
			.rubrieken ul li a:hover {
				text-decoration:underline; 
			}
			
			
			
			.reacties {
				width:700px;
				max-height:400px;
				overflow:auto;
				padding-bottom:5px;
					
			}
			.reactie {
				margin:10px 10px 0px 0px;
				padding: 8px;
				width:200px;
				float:left;
				min-height:100px;
				border: 1px dotted gainsboro;
				-moz-box-shadow:    3px 3px 5px 0px #ccc;
				-webkit-box-shadow: 3px 3px 5px 0px #ccc;
				box-shadow:         3px 3px 5px 0px #ccc;
				-moz-border-radius:		4px;
				-webkit-border-radius:	4px;
				border-radius:			4px;
				background-color:whitesmoke;
				}	
			
			
			.reactietekst {
				color:#6699CC;
				}	
			.reactiedatum {
				font-weight:bold;
				font-size:10px;
				text-transform:uppercasde;
				color:#666;
				text-align:right;
				}	
			.reactienaam {
				font-style:italic;text-transform:uppercasde;
				color:#666;
				text-align:right;
				}	
			
			
			
			
			
			
/* forms */
			.formbox{
				background-color:whitesmoke;
				padding:20px;
				border:1px solid gainsboro;
			}
			
			.formtable{
				width:100%;
			} 
			.formtable tr td{
				background-color:#ebebeb;
				padding: 7px;
				vertical-align:middle;		
				border-top:10px solid white;
			}
			.formtable tr td.alternate{
				background-color:#d9eee1;
			}
			.formtable tr td.zenden{
				padding: 8px 15px 5px 5px;
				background-color:#009037;
			}
			
			.formtable input{
				font-size:14px;
				background-color: rgba(255, 255, 255, 0.6);
				width:100%;
				Height:25px;
				border:0px solid #fff;
				border-left:1px solid #fff;
				
			}
			.formtable select{
				width:200px;
				height:25px;
				border:1px solid silver;
				margin-top:2px;
				background-color:#ebebeb;
				
			}	
			.formtable input.formknop{
				background-color:#009037;
				width:200px;
				color:#FFFFFF;
				text-align:left;
				border-width:0px;
				cursor:pointer;
				margin-bottom:2px;
			}
			.formtable textarea{
				background-color: rgba(255, 255, 255, 0.6);
				width:100%;
				border:0px solid #fff;
				border-left:1px solid #fff;
                
			}
			.formtable tr td.alternate textarea,
			.formtable tr td.alternate input,
			.formtable tr td.alternate select {
			    background-color: #d9eee1;
			}
            .formtable tr td.alternate textarea,
            .formtable tr td.alternate input,
            .formtable tr td.alternate select {
                background-color: rgba(255, 255, 255, 0.6);
            }			
            .formtable small{
				color:grey;
			}
			.formtable input.character-count {
				font-weight: bold; 
				width: 560px;
				border-width:0px;
				color:#336633;
			}
			/* Custom checkbox - referencing to Jquery*/
			fieldset    { border: 0; padding-bottom: 0px; }
			label       { display: block; cursor: pointer; line-height: 25px; padding-bottom: 3px; text-shadow: 0 -1px 0 rgba(0,0,0,.2); }
			.radios     { padding-top: 18px; background: url(http://webdesign.maratz.com/lab/fancy-checkboxes-and-radio-buttons/divider.png) repeat-x 0 0; }
			.label_check input,
			.label_radio input  { margin-right: 5px; }
			.has-js .label_check,
			.has-js .label_radio    { padding-left: 35px; margin-left:-8px;}
			.has-js .label_radio    { background: url(http://webdesign.maratz.com/lab/fancy-checkboxes-and-radio-buttons/radio-off.png) no-repeat; }
			.has-js .label_check    { background-color:red; background: url(check_off.png) no-repeat; }
			.has-js label.c_on      { background-color:red; background: url(check_onn.png) no-repeat; }
			.has-js label.r_on      { background-color:red; background: url(http://webdesign.maratz.com/lab/fancy-checkboxes-and-radio-buttons/radio-on.png) no-repeat; }
			.has-js .label_check input,
			.has-js .label_radio input  { position: absolute; left: -9999px; }
			
/* images */
			.rimage {
				float:right;
				width:250px;
				margin-left:35px;
				padding:0px;
				border:0px solid gainsboro;
			}
			.limage {
				float:left;
				width:250px;
				margin-right:20px;
				margin-top:5px;
				padding:0px;
				border:0px solid gainsboro;
			}
			.cimage {
				max-width:685px;
				margin:10px 0px;
				padding:0px;
				border:0px solid gainsboro;
			}
			
			div.raadhuisje {
				float:left;
				width:250px;
				font-family:"Courier New", Courier, monospace;
				margin: 10px 10px 10px 0px;
				padding:10px;
				border:1px solid gainsboro;
				color:#111;
				text-align:justify;
				font-size:14px;
				background-color:#whitesmoke;
			}
			
/* menu/archief dropdown */
			
			ul.subnav{
				margin:0;
				padding:0;
				list-style:none}
			ul.subnav li{
				display:block;
			}
			ul.subnav li ul{
				display:none;
				margin:0;
				padding:0;
			}
			ul.subnav li li a{
				padding: 8px 0px 6px 0px;
			}
			ul.subnav li:hover ul{ 
				display:block; 
				position:absolute
			}
			ul.subnav li:hover li{ 
				border-top:1px solid #fff;
				clear:left; 
				width:97px;
			}