/* General styles */

html {
	overflow-y: scroll;
}

html,body { 
       background: #f0f0f0 url(vspf06/images/i/bg.gif) repeat-x; 
       margin: 0px; 
       padding: 0px; 
       border: 0; 
       font-family: tahoma, Arial, Helvetica, sans-serif;
       text-align: center;
}

a { text-decoration: none; }

img { border: 0; margin-right:10px; }

#container { 
       text-align: left;
       background: #fff url(vspf06/images/i/flag.gif) no-repeat right bottom; 
       width: 989px;
       border-right: 1px solid #b6b6b6;
       border-left: 1px solid #b6b6b6;
       padding-right: 1px;
       padding-left: 1px;
       margin-top: 0px;
       margin-left: auto;
       margin-right: auto;
       margin-bottom: 0px;
}

#breadcrumbs{
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#breadcrumbs a {
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}

#content div#startpagina_rechts {	
       float: right;
       padding: 1px;
       margin-left: 10px;
       margin-bottom: 10px;       
}

#content div#startpagina_rechts a {	
	text-decoration: none;
}

#content div#themasmetfoto {	
       float: right;
       padding: 1px;
       margin-left: 10px;
       margin-bottom: 10px;       
}

#content div#themasmetfoto img { 
       border: 2px solid #b6b6b6;
       padding: 1px;
       margin-top: 30px;
       margin-bottom: 30px;
       margin-left: 10px;
}

#content div#themas {	
       float: right;
       padding: 1px;
       width:200px;
       /*margin-top: 30px;*/
       margin-bottom: 50px;
       margin-left: 10px;       
}

table#minheightspacer {
	float: left;
	text-align:justify;
	width: 520px;
}

table#minheightspacer td.spacer {
	
	vertical-align: top;
	width: 520px;
}


/* Header */

#header { 
       height: 119px;
       background: url(vspf06/images/i/header.gif) no-repeat;
       border-bottom: 1px solid #fff;
}
       
#header_img {
       margin-left: 61px;
}

/* Navigation */
#navbar #active { 
	background: url(vspf06/images/i/nav_hover.gif) repeat-x; 
	color: #b1b1b1; 
}
#sidebar #activesub { 
	background: url(vspf06/images/i/arrow.gif) no-repeat 2px 11px; 
	color: #77066D;
}
#sidebar #activesubsub { 
	color: #000; 
}
	
#navbar {
       height: 28px;
       background: #8eb500 url(vspf06/images/i/nav_bg.gif) repeat-x; 
       margin: 0;
}

#navbar ul {
       font-size: 0.7em;
       list-style: none;
       display: inline;
       margin: 0;
       padding: 0;
}

#navbar ul li {
       display: inline;
       line-height: 2.5em;
}

#navbar ul li a {
       display: block;
       height: 28px;
       text-decoration: none;
       color: #fff;
       border-right: 1px solid #6EA600;
       border-left: 1px solid #8BC300;
       float: left;
       padding-right: 8px;
       padding-left: 8px;

}

#navbar ul li a#first {
       border-left: 0;
}

#navbar ul li a:hover {
       background: #d63334 url(vspf06/images/i/nav_hover.gif) repeat-x; 
       color: #b1b1b1;
}

#navbar ul li a#last {
       background: none; 
       border-right: 0;
}

#navbar ul li a#last:hover {
       background: none; 
       border-right: 0;
}

/* Diagonals */

.diag {
       display: block;
       height: 8px;
       background: #fff url(vspf06/images/i/s-light.gif); 
       border-top: 1px solid #fff; 
       border-bottom: 1px solid #fff;
       overflow: hidden;
}

html>body .diag {
       overflow: visible;
}

#diagbottom {
    clear: both;
}

/* Sidebar */

#sidebar {
       width: 189px;
       float: left;
}

#sidebar a{
	font-size:11px;
	color: #333;
}

#sidebar a:hover{
	font-size:11px;
	color: #8BC300;
}

#sidebar ul {
       list-style: none;
       margin-top: 55px;
       margin-left: 10px;
       padding: 0;
       width: 165px;
       font-size: 11px;
}

#sidebar ul li {
	margin: 0;
	padding: 0;	
	display: inline;
	
}

#sidebar ul li a {
	display: block;
	color: #333;
	border-bottom: 1px solid #cfcfcf;
	background: url(vspf06/images/i/arrow.gif) no-repeat 0px 7px;
	padding-left: 16px;
	padding-bottom: 6px;
	line-height: 20px;              
}


#sidebar ul li a:hover {
       color: #8BC300;
       background: url(vspf06/images/i/arrow.gif) no-repeat 0px 7px;
}

ul#subsub {
       margin: 0;       
       padding-top: 6px;       
       padding-bottom: 6px;       
       width: 165px;
       border-bottom: 1px solid #cfcfcf;
}


ul#subsub2 {
       margin: 0;       
       padding-top: 0px;       
       padding-bottom: 4px;       
       width: 165px;
       border-bottom: 1px solid #cfcfcf;
}


ul#subsub li a {
       display: block;
       background: none;
       font-size: 11px;
       color: #707070;
       border: 0;
       line-height: 15px;
       margin-bottom: 7px;
}

ul#subsub2 li a {
       display: block;
       background: none;
       font-size: 11px;
       padding-left:35px;
       color: #707070;
       border: 0;
       line-height: 15px;
       margin-bottom: 7px;
}

ul#subsub2 li a:hover {
       background: none;
       color: #707070;
       text-decoration:underline;
}

ul#subsub li a:hover {
       background: none;
       color: #000;
}


#linksList {
	margin-top: 0px;
}

/* Content */

#content {
       position: relative;
       width: 740px;
       color: #000;
       float: right;
       padding-top: 20px;
       padding-right: 30px;
       padding-bottom: 4px;
       padding-left: 30px;
       margin-bottom: 30px;
		min-height:350px;
}

span#thema {
	font-size: 10px;
	display: block;
	color: #4e4e4e;
}


#content h1 , .content h1 {
       font-size: 15px;
       font-weight: lighter;
       color: #6EA600;
       margin: 0;
       margin-bottom: 15px;
}

#content h1.first , .content h1.first  {
       padding-top: 3px;
}

#content h2, h2 , .content h2  {
       font-size: 13px;
       font-weight: lighter;
       color: #999;
       margin: 0;
       padding-top: 8px;
}

#content h3 , .content h3  {
       font-size: 11px;
       font-weight: bold;
       color: #666;
       margin: 0;
       padding-top: 18px;
}

#content p , .content p  {
       font-size: 11px;
       color: #666;       
       margin: 0;
       padding-bottom: 12px;
}

#content td , .content td  {
       font-size: 11px;
       color: #666;
       line-height: 16px;
       margin: 0;
       padding-bottom: 12px;
}

#content th , .content th  {
       font-size: 11px;
       color: #d63334;
       line-height: 16px;
       margin: 0;
       padding-bottom: 12px;
}

#content p.dots, p.dots, .content p.dots {
       border-bottom: 1px dotted #cfcfcf;
       padding-bottom: 21px;
}

p.dots_margin {
	border-bottom: 1px dotted #cfcfcf;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#content ul, ul , .content ul {
       font-size: 11px;
       color: #666;
       line-height: 18px;
} 

#content a:link , .content a:link  {
        color: #8BC300;
        text-decoration: none;
}

#content a:visited , .content a:visited  {
        color: #8BC300;
        text-decoration: none;
}

#content a:hover , .content a:hover  {
        color: #77066D;
        text-decoration: none;
}


/* relatief aan de footer gepositioneerd */
/* Footer*/

#footer {
       height: 24px;
       background: #fff url(vspf06/images/i/footer.gif) no-repeat; 
       border-bottom: 1px solid #fff;
       font-size: 10px;
       color: #666;
       padding-top: 10px;
       padding-left: 12px;
}

#footer a { 
       color: #666;
       text-decoration: underline;
}

#footer a:hover { 
       color: #fff;
       text-decoration: none;
}

#curious {
	font-size: 10px;
	color: #212121;
	float: right;
	margin-right: 10px;
	position: relative;
	bottom: 5px;
}

#curious a {
       color: #8BC300;
       text-decoration: none;
       font-weight: bold;
}

#curious a:hover { color: #77066D; }

#bottom {
       height: 8px;
       background: #525151;
}

/* Form*/

form {
       margin-top: 22px;
       font-size: 10px;
       color: #666;
}

form td {
	margin:0px;
	padding:0px;
}

.formText {
       display: block;
       width: 150px;
       float: left;
       vertical-align: middle;
       padding-top: 4px;
}

#content select {
       margin-bottom: 5px;
       font-size: 11px;
}

#content input {
       width: 250;
       margin-bottom: 5px;
       border-color: 1px solid #333;
       font-size: 11px; 
       color: #333;
}


#content .button {
       border: 0;
       width: 100px;
       background: #cc0000;
       color: #fff;
       font-size: 11px;
       padding: 2px;
}
/* Kalender styles */

tr.week{
     text-align: right;
     vertical-align: top;
}

tr.holiday{
     font-weight: bold;
     color: #FFFFFF;
     background-color: #FE6802;
     vertical-align:top;
}

tr.day_name{
     background-color: #d63334;
     color: #FFFFFF;
     font-size: 7pt;
}

th.day_name_title {
	color: white;
}

tr.day_name th {
	color: #FFF;
}

td.right_box{
     text-align: left;
}

td.left_box{
     text-align: right;
}

.weekend_link{
     color: #FFFFFF;
     font-size: 8pt;
}

.weekend_box{
     background-color: #EEE;
     border-bottom: thin solid #E0E0E0;
     color: #FFFFFF;
     width: 50pt;
     height: 36pt;
}

td.dark_date_box{
     background-color: white;
     width: 50pt;
     height: 36pt;
}

td.date_box{
     background-color: #E0E0E0;
     width: 50pt;
     height: 36pt;
}

div.hoverdiv {
   position: absolute;
   background: white;
   padding: 4px;
   border: 1px solid gray;
   text-align:left;
   width:200px;
}

td.today_date_box{
     background-color: #d63334;
     width: 50pt;
     height: 36pt;
     color:#FFFFFF;
}

td.date_box{
     background-color: #E0E0E0;
     width: 50pt;
     height: 36pt;
}

div.hoverdiv {
   position: absolute;
   background: white;
   padding: 4px;
   border: 1px solid gray;
   text-align:left;
   width:200px;
}

table.list {
	border-collapse: collapse;
}

table.list th {
	text-align: center;
	line-height: 12px !important;
	padding-bottom: 3px !important;
}

table.list td {
	border: 1px solid #EEE;
	padding: 3px;
	vertical-align: top;
}


/* Downloads */

div.downloads
{
	margin:0 0 1.5em 0;
	line-height:1.2em;
	font-size:11px;
	list-style-type:none;
}

div.downloads a
{
	font-weight:bold;
	margin:0.25em 0 0;
	margin:0;
	padding:0.7em 0 0.7em 3em;
	border-bottom:1px solid #E7E7E7;
	background-repeat:no-repeat;
	background-position:left 50%;
	display:block;
}

a#pdf
{
	background-image:url(vspf06/images/icon_pdf.gif);
}

a#word
{
	background-image:url(vspf06/images/icon_word.gif);
}

a#web
{
	background-image:url(vspf06/images/icon_web.gif);
}

a#xls
{
	background-image:url(vspf06/images/icon_xls.gif);
}

a#ppt
{
	background-image:url(vspf06/images/icon_ppt.gif);
}

a#doc
{
	background-image:url(vspf06/images/icon_doc.gif);
}

a#zip
{
	background-image:url(vspf06/images/package.png);
}


/* Page Counter */

div.page-counter {
	font-size: 12px;
	border-bottom: 1px solid #EEE;
	margin-bottom: 10px;
	text-align: center;
}

div.page-counter-bottom {
	font-size: 13px;
	border-top: 1px solid #EEE;
	margin-top: 10px;
	text-align: center;
}


div.page-counter a, div.page-counter-bottom a {
	text-decoration: none !important;
}

div.page-counter a.selected, div.page-counter-bottom a.selected {
	color: red !important;
	font-weight: bold;
}


#submitbutton {
	display: block;
	background: white;
	border: outset;
	color: maroon;
	width: 100%;
	margin-top: 20px;
	font-weight: bold;
}

span.error {
	font-size: 14px;
	font-weight: bold;
	color: maroon;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

table.formTable td {
	vertical-align: top;
	padding-bottom: 0px !important;
}

table.formTable td input {
	vertical-align: middle;
}


#textarea-nota {
	width: 100%;
}

div.startpagina-nieuws {
	text-align:justify;	
}

div.startpagina-nieuwslink {	
	float: right; 
	position: relative;
	bottom: 17px; 
}


a.pdf
{
	background-image:url(vwv/images/icon_pdf.gif);
}

a.word
{
	background-image:url(vwv/images/icon_word.gif);
}

a.web
{
	background-image:url(vwv/images/icon_web.gif);
}

a.xls
{
	background-image:url(vwv/images/icon_xls.gif);
}

a.ppt
{
	background-image:url(vwv/images/icon_ppt.gif);
}

a.doc
{
	background-image:url(vwv/images/icon_doc.gif);
}

a.zip
{
	background-image:url(vwv/images/package.png);
}

div.messageblock
{
	border-left:1px solid #96a4e7;
	border-bottom:1px solid navy;
	border:1px solid #EEE;
	padding:5px;
	margin-bottom:5px;
}

div.messageblock .title
{
	margin:0;
	color:#535d8d;
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #96a4e7;
	margin-bottom:5px;
	padding-bottom:2px;
}

/* Kalender styles */
tr.week
{
	text-align:right;
	vertical-align:top;
}

tr.holiday
{
	font-weight:bold;
	color:#FFFFFF;
	background-color:#FE6802;
	vertical-align:top;
}

tr.day_name
{
	background-color:maroon;
	color:#FFFFFF;
	font-size:8pt;
}

td.right_box
{
	text-align:left;
}

td.left_box
{
	text-align:right;
}

.weekend_link
{
	color:#FFFFFF;
	font-size:8pt;
}

.weekend_box
{
	background-color:#EEE;
	border-bottom:thin solid #E0E0E0;
	color:black;
	width:72pt;
	height:36pt;
}

td.dark_date_box
{
	background-color:white;
	width:72pt;
	height:36pt;
}

td.today_date_box
{
	background-color:#FFBC90;
	width:72pt;
	height:36pt;
}

td.date_box
{
	background-color:#E0E0E0;
	width:72pt;
	height:36pt;
}

div.hoverdiv
{
	position:absolute;
	background:white;
	padding:4px;
	border:1px solid gray;
	text-align:left;
	width:400px;
	overflow: scroll;
	height: 200px;
}

td.today_date_box
{
	background-color:#FFBC90;
	width:72pt;
	height:36pt;
}

td.date_box
{
	background-color:#E0E0E0;
	width:72pt;
	height:36pt;
}

div.hoverdiv
{
	position:absolute;
	background:white;
	padding:4px;
	border:1px solid gray;
	text-align:left;
	width:200px;
}



/* LIST STyles */

table.list
{
	border-collapse:collapse;
}

table.list td
{
	border:1px solid #EEE;
	padding:3px;
	vertical-align: top;
}

div.links
{
	background:#B0B4CD;
	margin:20px 14px 10px 0;
	padding:4px;
}

div.links h1
{
	margin:0;
	margin-bottom:5px;
	color:white;
	font-size:14px;
	color:#535D8D;
}

div.links a
{
	color:white;
}

div.links a:visited
{
	color:white;
}
div.autocomplete {
	position:absolute;
	width:400px;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
}
div.autocomplete ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	height:20px;
	cursor:pointer;
}

fieldset legend {
	font-size: 14px;
}