/* CSS Document */


/************************

 * Kleuren
 #31319A - hoofdmenu
 #07A35D - zoeken
 
 ************************/






BODY {
  height:100%;
  margin:0;
  padding:0;
}


/************************
 * Layout
 ************************/
div#totallayout {
  	width:973px;
	height:604px;
	margin:20px auto 0 auto;
}
span.logo {
	margin:0 0 0 62px;
}
div.head01 {
	float:left;
	margin:20px 0 0 0;
	width: 105px;
}
div.head02 {
	float: left;
	width: 166px;
}
div.head03 {
	float:left;
	margin:20px 0 0 0;
	width: 702px;
}
div#center {
  	width:973px;
	margin:-4px 0 0 0;
	clear:both;
}
div#content_holder {
	width:592px;
	float:left;
}
div#content {
	margin:0 73px 0 73px;
}


/************************
* Elementen
************************/
/* Pagetitle */
#content h1.title {
	font:bold 0.8em verdana;
	color:#31319A;
	margin:28px 0 0 0;
}
/* Paragraaf */
#content div.paragraaf {
	padding:15px 0 0 0;
}
#content div.paragraaf p.normal {
	font:0.8em verdana;
	line-height:16px;
	margin:0;
}
#content div.paragraaf h2.header {
	font:bold 0.8em verdana;
	color:#848484;
	margin:0;
}

#content div.paragraaf a {
	color:#31319A;
	text-decoration:none;
}




/* WYSIWYG */
#content div.html_par {
	padding:15px 0 0 0;
}
#content div.html_par span.normal {
	font:0.8em verdana;
	line-height:16px;
}
#content div.html_par h2.header {
	font:bold 0.8em verdana;
	color:#31319A; 
	margin:0;
}

/* Uploads: images */
#content img {
	padding:15px 5px 5px 5px;
}


/* Downloads */
#content h2.normal {
	text-align:left;
	font:bold 0.8em verdana;
}
#content h2.normal a  {
	color: #AAA094;
	text-decoration: none;
}
#content th.header {
	color:#AAA094;
	margin:0 0 15px 0;
	text-align:left;
	font:bold 0.8em verdana;
}


/************************
* Nieuws (mediabank)
************************/
table.mediacollection {
	margin:15px 0 0 0;
}
/*Titel*/
table.mediacollection td.header {
	font:bold 0.8em verdana;
	color:#31319A;
	padding:0 0 0 10px;
}
/*Datum*/
table.mediacollection td.date {
	font:0.8em verdana;
	color:#31319A;
	padding:0 0 0 10px;
}
/*Lead*/
table.mediacollection td.lead {
	font:0.8em verdana;
	line-height:16px;
	padding:0 0 10px 10px;
}
/*'Leesverder'-link*/
table.mediacollection td.lead a.navigation {
	color:#31319A;
	text-decoration:none;
}


/**************************
* Nieuwsbericht (mediabank)
**************************/
table.bericht {
	margin:15px 0 0 0;
}
/*Titel*/
table.bericht td.header {
	font:bold 0.8em verdana;
	color:#31319A;
	padding:0 0 0 10px;
}
/*Datum*/
table.bericht td.date {
	font:0.8em verdana;
	color:#31319A;
	padding:0 0 0 10px;
}
/*Lead*/
table.bericht td.lead {
	font:0.8em verdana;
	line-height:16px;
	padding:0 0 0 10px;
}
/*Volledig bericht*/
table.bericht td.content {
	font:0.8em verdana;
	line-height:16px;
	padding:10px 0 0 10px;
}


/************************
 * Alle Formulieren
 ************************/
form {
	padding:0;
	margin:0;
}
div#shared_form {
	margin:15px 0 0 0;
}
#shared_form label.header {
	font:0.8em verdana;
}
#shared_form div.formcontent input.normalclass {
	border:1px solid #31319A;
	background-color:#E9E9E9;
	width:230px;
}
/* Text Area */
#shared_form div.formcontent textarea.normalclass {
	border:1px solid #31319A;
	background-color:#E9E9E9;
	width:230px;
}
#shared_form div.formcontent select {
	border:1px solid #31319A;
	background-color:#E9E9E9;
	width:232px;
}
#shared_form td.submitbutton {
	padding:5px 0 0 0;
}


/************************
 * Path
 * Fat Erik's Breadcrumbs
 * http://css.maxdesign.com.au/listamatic/horizontal33.htm
 ************************/
div#pad {
	float:left;
	width:532px;
}
UL#path {
	list-style:none;
  	padding:0;
  	font:0.7em verdana;
  	margin:10px 0 0 11px;
}
#path LI {
  	display:inline;
 	padding:0;
  	margin:0;
  	color:#31319A;
}
#path LI A {
  	text-decoration:none;
  	color:#31319A;  
}
/*#path LI A:hover {
  	color : #454569;
}*/

/*IE workaround*/
/*All IE browsers*/
#path LI {
	background:  url(gfx/gt.gif) no-repeat 0 60%;
  	padding: 0 0.2em 0 1.2em;
  	margin: 0 1em 0 -1em;
}

/*Win IE browsers - hide from Mac IE\*/
html #path { height: 1%; }

/*End hide*/
/*Mac IE 5*/
html #path li:first-child { background-image: none; }


/************************
* Hoofdmenu
************************/
div#hoofdmenu {
	float:left;
	background-color:#31319A;
	width:599px;
	height:26px;
}
div#hoofdmenu ul.horizontal { 
  	list-style:none;
  	padding:0;
  	margin:5px 0 0 12px;
}
#hoofdmenu ul.horizontal li {
	font:bold 0.8em verdana;
	display:inline;
	padding:0;
 	margin:0 15px 0 0;
}

#hoofdmenu ul.horizontal li a { color:#ffffff; text-decoration:none; }
#hoofdmenu ul.horizontal li a:hover { color:#07A35D; }


/************************
* Submenu
************************/
div#submenu_holder {
	float:left;
}
div#submenu {
	width:211px;
	background:url(gfx/submenu.gif) repeat-y;
	height:358px;
}
div#submenu_onder {
	background:url(gfx/submenu_bottom.gif) no-repeat;
	width:211px;
	height:6px;
}
#submenu ul {
 	list-style:none;
  	padding:5px 0 0 0;
	margin:0;
	text-align:right;
	width:198px;
	float:right;
}
#submenu ul li {
	margin:0 0 6px 0;		
}
#submenu ul li a {
	font:bold 0.7em verdana;
	color:#31319A;
	text-decoration:none;
	padding:0 19px 0 0;
	margin:0;
}
#submenu ul li a.subNavigatieActief {
	background:url(gfx/subblok.gif) no-repeat top right;
}


/************************
* Subsubmenu
************************/
#submenu ul ul {
	list-style:none;
	margin:0;
	padding:0;
}
#submenu ul ul li {
	display:inline;
}
#submenu ul ul li a {
	color:#07A35D;
	display:block;
	margin:6px 0 0 0;
}
#submenu ul ul li a.subSubNavigatieActief {
	background:url(gfx/subsubblok.gif) no-repeat top right; 
}


/************************
 * Submenu home
 ************************/ 
div#submenu_home {
	background:url(gfx/home/submenu_home.jpg) no-repeat;
	height:364px;
	width:211px;
}


/************************
 * Zoeken
 ************************/
div#zoek {
	float:right;
	background-color:#07A35D;
	height:27px;
	margin:1px 0 0 0;
	padding:8px 0 0 0;
	width:170px;
}
/*fieldset zoeken*/
#zoek fieldset.searchfield {
	margin:0;
	padding:0;
	border:none;
}
/*input text-veld*/
#zoek fieldset.searchfield input.normal {
	border: 1px solid #A6A5BD;
	background-color:#E5E2E1;
	margin:0 0 0 10px;
	padding:0;
}


/************************
* Zoekresultaten
************************/
div#zoekresultaten {
	font:0.8em verdana;
}
div#zoekresultaten p {
	line-height:16px;
	margin:0;
}
/* Navigatie */
div#zoekresultaten a {
	color:#31319A;
	text-decoration:none;
}
/* Paginatitels */
div#zoekresultaten dl dt {
	font-weight:bold;
	color:#31319A;
}
/* Verkorte inhoud */
div#zoekresultaten dl dd p {
	line-height:16px;
}


/************************
 * Inzetten (blocks)
 ************************/
div#blocks {
	width:170px;
	float:right;
}


/************************
 * Quicklinks
 ************************/
#quicklinks fieldset.form {
	background:url(gfx/kader_select.gif) no-repeat;
	height:149px;
	border:none;
	margin:15px 0 0 0;
	padding:17px 13px 0 13px;
}
#quicklinks fieldset.form span.qmenu_text {
	font:bold 0.7em verdana;
	color:#31319A;
	margin:0 0 0 2px;
	padding:0;
}
#quicklinks div.formcontent {
	margin:11px 0 0 0;
	padding:0;
}
#quicklinks select {
	font-size:0.7em;
	color:#31319A;
	width:140px;
	height:19px;
	margin:0;
	padding:0;
}
#quicklinks div.submitbutton {
	padding:8px 0 0 0;
	height:33px;
}
#quicklinks label, #quicklinks br {
	display:none;
}


/************************
* Poll
************************/
div#poll fieldset.poll {
	background:url(gfx/kader_poll.gif) no-repeat;
	height:166px;
	border:none;
	padding:19px 13px 0 13px;
}
/*Stelling*/
#poll fieldset.poll p {
	font:bold 0.7em verdana;
	color:#FFFFFF;
}
/*Opties*/
#poll fieldset.poll div.formcontent {
	font:0.7em verdana;
	color:#FFFFFF;
}
/*'Stem'-knop*/
#poll fieldset.poll input {
	padding:0 0 0 15px;
}
/*'Stem'-knop (TEMP)*/
#poll fieldset.poll img {
	padding:0 0 0 15px;
}


/************************
 * PollResults
 ************************/
/*Stelling*/
#poll h2 {
	font:bold 0.7em verdana;
	color:#FFFFFF;
}
/*Opties & percentages*/
#poll table.pollresult th {
	font:0.7em verdana;
	color:#FFFFFF;
}





/************************
* Sitemap
************************/
#content ul#sitemap {
	list-style:none;
}
#content ul#sitemap li {
	
}
/* Niveau 1 */
#content ul#sitemap li a {
	color:#31319A;
	text-decoration:none;
	font:bold 0.8em verdana;
}
/* Niveau 2 */
#content ul#sitemap ul {
	list-style:none;
}
#content ul#sitemap ul li a {
	font:0.8em verdana;
}
/* Niveau 3 */
#content ul#sitemap ul ul {
	
}
#content ul#sitemap ul ul li a {
	
}


/************************
 * Footer
 ************************/
DIV#boxfooter {
	/*width:869px;*/
	width:975px;
	height:5px;
	margin: 0;
	padding-top: 25px;
	clear: both;
	/*border-top: 1px solid blue;*/

}


/************************
 * Sitewidepages
 * Fat Erik's Breadcrumbs
 * http://css.maxdesign.com.au/listamatic/horizontal33.htm
 ************************/

UL#sitewidepages li {
  float:right;
  padding-left:20px;
  display:block;
  text-align:center;
}

UL#sitewidepages li a {
  font-family:verdana;
  font-size:0.7em;
  font-weight:bold;
  color:#333366;
  text-decoration:none;
}

UL#sitewidepages {
  margin: 0 171px 0 284px;
  /*border-top: 1px solid #31319A;*/
}


/************************
 * shanks logo right
 ************************/

#shanks_logo {
	float:right;
	padding-right: 58px;
	padding-top: 13px;
	}

/************************
 * Content homepage
 ************************/

#content_top {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	}
	
#content_top h1.title {
	font:bold 0.9em verdana;
	color:#31319A;
	margin:0;
}	
	
	
#content_bottom {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

#content_bottom img{
	padding: 10px 20px 0 0;
	} 
 
.content_vlak {
	float:left;
	width: 200px;
	} 

.content_vlak a{
	color:#31319A;
	text-decoration:none;
	font:bold 0.9em verdana;
	} 
	
/************************	SVI  ************************/
/* Toevoegingen aan klikdemo-css */
/************************	SVI  ************************/
div#poll {
	margin:10px 0 0 0;
}
#shanks_logo {
	top:548px;
	}
	
 /* Scheider*/
DIV.column { float:left; width: 50%; }

/************************
* Content homepage
************************/
div.links_homepage {
	float:left;
	margin:20px 0 0 0;
}
.links_homepage a {
	color:#31319A;
	text-decoration:none;
	font:bold 0.8em verdana;
}

/* SVI 20080402 */
/**************************
* Inzet: laatse nieuws
**************************/
div#nieuws {
	margin:15px 0 0 0;
}
/* Titel */



#nieuws table.inzet_nieuws td.nieuws_titel {
	font:bold 11px verdana;
	color:#31319A;
	border-left:1px solid black;
	border-right:1px solid black;
	padding:11px 0 11px 8px;
}

/* Nieuwsitem */
#nieuws table.inzet_nieuws td.blok_nieuws {
	padding:4px 8px 20px 8px;
	vertical-align:top;
	border-left: 1px #000000 solid;

}
#nieuws table.inzet_nieuws td.header {
	padding:0 0 20px 0;
	border-right:1px solid black;
	
	
}
#nieuws table.inzet_nieuws td.header a {
	font:11px verdana;
	color:#000000;
	text-decoration:none;
}
/* SVI 20080407: aanpassen mediaListNieuws + bullets  */	
.blok_nieuws {
	background:url('gfx/blok_nieuws.gif') no-repeat 5px 3px;
}
/* Top & bottom */
#nieuws table.inzet_nieuws td.nieuws_top {
	background:url('gfx/nieuws_top.gif') no-repeat;
	font-size:5px;
}
#nieuws table.inzet_nieuws td.nieuws_bottom {
	background:url('gfx/nieuws_bottom.gif') no-repeat;
}