@charset "utf-8";
/* CSS Document */

body { font:  75%/1.6em Georgia, "Times New Roman", Times, serif } 
h1 { font: 2.4em interstate, Georgia; text-transform:uppercase; padding: 0 0 0 0px;}
#main_wrapper { width: 860px; margin: 0 auto; } 
#header { text-align: center; }
.nav { margin: 35px 0px; }
.nav li{ display: inline; }
.navpadding { padding-right: 0px; }
#content { border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6d; overflow:auto; padding: 25px 0px; }
#main_wrapper p { margin: 10px 0px; }
.kolom { width: 260px; float: left; padding: 10px; }
.kolomimg { padding-left: 20px; }
.kolom p, .bredekolom p { padding: 5px 0px; }
.bredekolom { border-left: 1px solid #d6d6d6; width: 520px; float: left; padding-left: 15px; font-size: 90%; line-height: 1.5em;}
.centerkol { border-right: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6;  }
#links li a{ width: 230px; }
#stuurdoor, #contact { width: 500px; margin:0 auto; }
#frm_stuurdoor { padding-top: 25px; }
#frm_stuurdoor input { margin-bottom: 25px;  }
#footer { margin-top: 20px; }
#footer ul { text-align: center; }
#footer ul li { display: inline; }

.highlite { color: #d80000; font-style:italic;}
.bold { font-weight: bold; }

/* -- Slider -- */

/*
	WIDGET STRUCTURE
*/
#blogSliderWrap 					{ width: 860px; margin: 0px auto; padding-bottom: 50px; position: relative; }
#blogSlider 						{ margin-left: 0px; padding: 25px 0px 0px 0px; width: 860px; }
.stripViewer 						{ position: relative; overflow: hidden; clear: both; }
.stripViewer .panelContainer 		{ position: relative; left: 0px; top: 0px; padding-top: 20px; border-top: 1px solid #d6d6d6;}
.stripViewer .panelContainer .panel { float: left; position: relative; width: 860px; }

.innerWrap 							{ width: 860px; overflow: hidden; }
#push 								{ height: 35px; }


/* 
	MAIN TABBED NAVIGATION
*/
.stripNav 							{ position: relative; top: 18px; z-index: 99; width: 860px; margin: 0 auto; padding-bottom: 20px;}
.stripNav ul li 					{ float: left;}

.stripNav li a 						{ /* Generic "CSS image replacement" */
									  display: block; height: 51px; text-indent: -9999px; }
/* The below class names are auto-generated by the JavaScript */
.stripNav li.tab1 a { background: url(../img/situatie.jpg) top center no-repeat; width: 195px; }
.stripNav li.tab2 a { background: url(../img/verstuur.jpg) top center no-repeat; width: 320px; }
.stripNav li.tab3 a { background: url(../img/stuurdoor.jpg) top center no-repeat; width: 195px; }
.stripNav li.tab4 a { background: url(../img/contact.jpg) top center no-repeat; width: 155px; }

.stripNav li a:hover, 
.stripNav li a:active, 
.stripNav li a:focus 				{ /* Restore focus styling that we removed when we removed outlines */
									  background-position: top center; }

/* It is neccessary to repeat the image paths here */
.stripNav li.tab1 a.current { background: url(../img/situatie.jpg) bottom center no-repeat; }
.stripNav li.tab2 a.current { background: url(../img/verstuur.jpg) bottom center no-repeat; }
.stripNav li.tab3 a.current { background: url(../img/stuurdoor.jpg) bottom center no-repeat; }
.stripNav li.tab4 a.current { background: url(../img/contact.jpg) bottom center no-repeat; }


/* 
	SUB NAVIGATION
*/
.stripNavL a, .stripNavR a 			{ display: block;   }
/*.stripNavL a						{ bottom: 35px; left: 45px; background: url(img/situatie.jpg); }
.stripNavR a 						{ bottom: 35px; right: 45px; background: url(img/situatie.jpg); } */


/* 
	HEADLINES STYLING 
*/
.panel ul 							{ width: 860px; }
.panel ul li a 						{ border-bottom: 1px solid #C1B599; color: #303030;
						  		  	  display: block; padding: 7px 0px; }
.panel ul li:last-child a 			{ /* Remove bottom border on last list item
	   							  	  Hooray for pseudo selectors! */
								  	  border: none; }
								  	  /* Unique rollover colors for each list */
.panel ul#psd-list li a:hover 		{ background: #b20202; color: white; }
.panel ul#net-list li a:hover 		{ background: #4a8c7f; color: white; }
.panel ul#vector-list li a:hover 	{ background: #1f5293; color: white; }
.panel ul#audio-list li a:hover 	{ background: #4f7c11; color: white; }

