*{ margin: 0px; padding: 0px; }

/* ############# */
/* #   Basis   # */
/* ############# */
html, body
{
min-height: 100%;
height: 100%;
background: #666666;
}

body { background: #FFFFFF; margin-top: 5px; }

a img, a:link img { border: none; }

h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; font-family: georgia; color: #4D207A; font-weight: normal; margin-bottom: 10px; }

h1 a, h1 a:link, h2 a, h2 a:link, h3 a, h3 a:link, h4 a, h4 a:link { color: #4D207A; }

span {  }

p { margin-bottom: 10px; }

body, html, div, td 
{
font: 9pt Arial;
color: #444444;
line-height: 13pt;
vertical-align: top;
}

.clearer
{
clear: both;
font-size: 1px;
height: 1px;
}

/* ################### */
/* #   Basis layout  # */
/* ################### */
#page
{
width:100%;
min-height: 100%;
position: relative;
background: #FFFFFF url('../images/ns/top.gif') no-repeat top center;
}

#centered
{
width: 998px;
margin: auto;
background: url('../images/ns/bgr.gif') repeat-y top center;
}

#header
{
position: absolute;
top: 0;
width: 998px;
height: 188px;
margin: 0px;
padding: 0px;
background:  url('../images/ns/top.gif') no-repeat top center;
clear: both;
}


/* ####################### */
/* #   Content Elements  # */
/* ####################### */
#main_container
{
padding: 188px 0px 0px 0px;
width: 998px;
}

#content
{
padding: 0px 25px;
min-height: 265px;
margin-bottom: 20px;
}

.nonvisual, .skip, .hidden
{
	position: absolute;
	left: -9999em;
}

a, :link
{
color: #8B53EB;
text-decoration: none;
}

a.more, a:link.more
{
background: url('../images/ns/bullet.png') no-repeat right 5px;
padding-right: 10px;
}

a.more:hover
{
text-decoration: underline;
}

/*.right
{
	float: right;
	margin-top: 7px;
	margin-left: 15px;
	margin-bottom: 15px;
}*/

/*p, li, td
{
	line-height: 150%;
}*/

/*p.first:first-letter
{
	font-size: 2em;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	font-family: georgia,times;
	font-style: italic;
	padding: 5px;
	color: #fff;
	background: #606060;
}*/

#content ul
{
	padding: 0;
	margin-left: 15px;
}

h1{
	font-size:1.8em;
	line-height: 1.3em;
}

h2{
	font-size:1.5em;
	line-height: 1.2em;
}

h3{
	font-size:1.3em;
}

h1 .highlighted, h2 .highlighted, h3 .highlighted
{
	display: none;
	font-size: .8em;
	font-weight: normal;
	font-family: georgia,times;
	font-style: italic;
}


/* HEADER ELEMENTS */
/*#header {
	position: absolute;
	top: 0;
	width: 960px;
	height: 15em;
	margin: 0px;
	padding: 0px;
	background:  url('../images/ns/logo.png') no-repeat 0px 30px;
	clear: both;
}*/

#logo{ width: 600px; }
#logo a, #logo a:link
{
display: block;
margin-left: 16px;
margin-top: 22px;
}

/* ################ */
/* #   Mainmenu   # */
/* ################ */

/* Level 1 */
#menu
{
position: absolute;
top: 81px;
width: 950px;
height: 85px;
margin: 0;
padding: 0;
list-style: none;
margin-left: 24px;
background: url('../images/ns/tab.gif') no-repeat top left;
}

#menu li, #menu .menuh
{
width: 130px;
height: 85px;
float: left;

}
#menu li a
{
display: block;
height: 36px;
width: 96px;
padding-left: 10px;
padding-right: 29px;
padding-top: 45px;
vertical-align: middle;
background: url('../images/ns/tab.gif') no-repeat top right;
color: #FFFFFF;
text-decoration: none;
font-size: 14px;
}

#menu li a:hover
{
color: #FFFFFF;
background: #FFFFFF url('../images/ns/tab_rollover.png') no-repeat center 10px;
}

#menu li .active
{
color: #444444;
background: #FFFFFF url('../images/ns/tab_active.png') no-repeat 46px 10px;
}

#menu li li a.active
{
background: none;
background-color: #FFFFFF;
color: #51007A;
}

/* Level 2 */
#menu ul
{
list-style: none;
position: absolute;
top: auto;
border: 1px solid #EEEEEE;
background: #FFFFFF;
z-index: 6;
}

#menu li li{ float: none; height: auto; width: auto; position: relative;}

#menu li li a, #menu li li a:link
{
float: none;
display: block;
width: 165px;
padding: 5px 20px;
margin: 0px;
color: #444444;
font-size: 13px;
height: auto;
border-bottom: 1px solid #e7e7e7;
}

#menu li li a:active, #menu li li a:hover{ color: #000000; background: #F5F5F5; border-bottom: 1px solid #CFCFCF;}

#menu li:hover ul
{ 
	border-left: 4px solid #CCCCCC;
}

/* Level 2 */
#menu li ul ul
{
position: absolute;
left: 205px;
top:0px;
margin-top: -1px;
}

/* RollOver Magic */
#menu li ul, #menu li ul ul, #menu li:hover ul ul { display: none; }
#menu li:hover ul,
#menu li:hover ul li:hover ul
 { display: block; }




/* ############### */
/* #   Zoekveld  # */
/* ############### */
#search
{
width: 250px;
position: absolute;
top: 43px;
right: 10px;
}

/* TODO: Geadvanceerd zoeken is niet opgenomen in het ontwerp, moet dit verborgen worden of ergens anders geplaatst */
#search a	
{
margin-top: -1px;
color: #b494ea;
text-decoration: none;
font-size: 8pt;
margin-left: 6px;
float: left;
}

#search a:hover
{
color: #fff;
}

#search  fieldset {
	border: none;
	float: left;
}

#zoek {
	width: 179px;
	height: 21px;
	float: left;
	background: #FFFFFF;
	border: none;
	font-size: 9pt;
	padding-top: 3px;
	padding-left: 6px;
	color: #AAAAAA;
}
#search_button {
	width: 60px;
	height: 24px;
	float: left;
	background: url('../images/ns/btn_search.gif') no-repeat top left;
	border: none;
	cursor: pointer;
}
#search legend{
	display:none;
}

/* ################## */
/* #   Actionmenu   # */
/* ################## */
#action_menu
{
	position: absolute;
	top: 5px;
	right: 290px;
	color: #8b53eb;
}

#action_menu ul
{
	list-style: none;
	position: relative;
}

#action_menu ul li
{
	margin-right: 5px;
}

#action_menu .print, #action_menu .readspeak, #action_menu .rss
{
font-size: 11px;
font-weight: bold;
}

#action_menu .text_sml
{
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	text-transform: capitalize;
}

#action_menu .text_mid
{
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	text-transform: capitalize;
	margin-top: -.2em;
	top: -.1em;	
}

#action_menu .text_lrg
{
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	text-transform: capitalize;
	top: -.3em;
}

#action_menu .rss
{
	display: block;
}

#action_menu .print
{
	display: block;
}

#action_menu .readspeak
{
	background: url('../images/ns/readspeak.gif') no-repeat 0px 1px;
	display: block;
	padding-right: 15px;
	padding-left: 25px;
}

#action_menu ul li
{
	float: left;
}

#action_menu a:hover{ color: #b18fea; }


/* ################# */
/* #   Assistent   # */
/* ################# */
#header_navigation
{
position: absolute;
top: 5px;
right: 30px;
width: 260px;
}

#header_navigation ul
{
margin: 0;
padding: 0;
list-style: none;
}

#header_navigation li
{
float: right;
}


#header_navigation li a
{
text-decoration: none;
font-weight: bold;
font-size: 10px;
color: #444444;
border-right: 1px solid #636363;
padding: 0px 10px;
}

#header_navigation li a.button { color: #222222; }
#header_navigation li a:hover { text-decoration: none; color: #8B53EB; }

/* ########################### */
/* #   Klikpad / Breadcrumb  # */
/* ########################### */
#klikpad
{
	color: #444444;
	width: 575px;
	margin-left: 271px;
	margin-right: 25px;
	padding-top: 10px;
}

#klikpad a, #klikpad strong
{
	color: #444444;
	text-decoration: none;
	font-weight: bold;
}

/*#inloggen_link, #uitloggen_link
{
	position: absolute;
	right: 35px;
	top: 91px;
	color: #777;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
	width: 90px;
	padding-top: 6px;
	height: 25px;
	text-align: center;
}*/

/* ###################### */
/* #   Footer Elements  # */
/* ###################### */
#footer
{
	position: relative;
	clear: both;
}

#footer #bar
{
height: 2px;
font-size: 1px;
background: #6c39b2;
clear: both;
margin: 0px 20px 0px 20px;
}

#footer #footermenu
{
margin: 0px 14px;
background: #4d207a;

}

#footermenu ul
{
float: left;
list-style: none;
padding-top: 7px;
margin-bottom: 7px;
margin-left: 27px;
}

#footermenu ul li{ padding: 3px 0px; float: left; width: 147px; }
#footermenu ul li a, #footermenu ul li a:link{ color: #FFFFFF; }
#footermenu ul li a:hover, #footermenu ul li a:active{ color: #E30000;}

#footermenu ul.first li a{ font-weight: bold; }

#footer #adres
{
background: url(../images/ns/footer.png) no-repeat bottom center;
padding-left: 43px;
padding-top: 20px;
min-height: 98px;
height: auto;
}


#footer #adres #title{ width: 144px; float: left;}
#footer #adres .block { width: 148px; float: left; margin-top: -2px; }
#footer #adres .last { width: 190px; }
#footer #adres .block p { color: #FFFFFF; }
#footer #adres span{ display: block; }
#footer #adres a, #footer #adres a:link { color: #FFFFFF; text-decoration: underline; }
#footer #adres a:hover, #footer #adres a:active { color: #E30000; }

#footer #pol
{
background: url(../images/ns/title_poll.jpg) no-repeat top left; 
border-left: 2px solid #6c39b2;
width: 253px;
min-height: 90px;
float: right;
margin-top: 14px;
margin-bottom: 20px;
padding-left: 80px;
color: #FFFFFF;
}

#footer #pol h2 { display: none; }
#footer #pol .date, #footer #pol .total, #footer #pol .close,
#footer #pol .antwoord, #footer #pol .votesnumber, #footer #pol .votespercentage,
#footer #pol .votes span, #footer #pol .view
{ display: none; } 
#footer #pol span, #footer #pol td  { color: #FFFFFF; }
#footer #pol .option { width: 70px; color: #FFFFFF; }
#footer #pol .perc { width: 100px; text-align: right; }
#footer #pol .perc .bar { display: block; background:#FFFFFF; font-size: 1px; height: 14px; color: #FFFFFF; float: right;}
#footer #pol .perc span{ float: right; display: block;}
#footer #pol .question { font-weight: bold; }

#footer #pol ul { width: 200px; margin-bottom: 0px; }
#footer #pol ul li {padding: 1px 0px; }

/* ####################### */
/* #   Sitemap Elements  # */
/* ####################### */
.sitemap{ margin-left: 20px;}
.sitemap ul{ list-style: decimal; width: 300px; }
.sitemap li{ margin: 10px;}
.sitemap li a, .sitemap li a:link{ font-size: 11pt; color: #51007d; font-weight: bold;}

.sitemap li a:active, .sitemap li a:hover{ text-decoration: underline;}

.sitemap ul ul{ width: auto; margin: 5px; }
.sitemap ul ul ul {  }
.sitemap li li { float: none; margin: 0px;}
.sitemap li li a, .sitemap li li a:link{ color: #444444; font-size: 11pt; font-weight: normal;}
.sitemap li li li a, .sitemap li li li a:link{ color: #444444; font-size: 9pt;}
.sitemap li.element a, .sitemap li.element a:visited {color: #444444; font-weight: normal;}
.sitemap li.category a {color: #51007d; font-weight: bold;}
#relaties h2{padding-top: 15px;} 

#relaties .related
{
	position: absolute;
	left: -9999em;
}

#relaties ul
{
	line-height: 150%;
}

#banners img { margin-bottom: 15px; }


/*CVDR form*/
div.cvdrform form
{
	background: #eee;
	padding: .5em 1em;
}

div.cvdrform p a.advanced
{
	font-size: .9em;
}