/* CSS Document */

/* Saxonia CSS Document Copyricht 2007 www.point4media.nl */
body {
text-align:center;
background:url(../images/bg_big.gif) center 194px no-repeat;
margin:0;
padding:0;
}

#frame {
background:url(../images/bg_frame.gif) center top repeat-y;
width:830px;
margin:0 auto;
padding:0 0 20px;
}

#main-wrapper {
width:784px;
min-height:500px;
margin:0 auto;
padding:0;
}

#top-bar {
margin:0 auto;
}

.generic-menu {
height:22px;
padding-top:14px;
float:left;
}

.generic-menu a {
float:left;
font-size:10px;
text-decoration:none;
color:#636363;
}

.generic-menu a img {
border:none;
width:11px;
height:10px;
margin-left:10px;
margin-right:2px;
}

.generic-menu a:hover {
text-decoration:none;
color:#bc0075;
}

.generic-menu span {
float:left;
margin-left:4px;
margin-right:4px;
}

#language {
	float:				right;
	width:				146px;
	margin-top:			12px;
}

#language span {
	font-weight:		bold;
	float:				left;
}

#language a:hover {
	filter:				alpha(opacity=100);
	-moz-opacity:		.99;
}

#language a {
	float:				left;
	margin-top:-4px;
	filter:				alpha(opacity=30);
	-moz-opacity:		.30;
}

#language a.flag-active {
	float:				left;
	margin-top:-4px;
	filter:				alpha(opacity=100);
	-moz-opacity:		.99;
}

#language img {
border:none;
float:left;
padding-top:4px;
margin-left:3px;
margin-right:3px;
}

#header {
height:156px;
margin:0 auto;
position:relative;
float:left;
width:784px;
}

#header a {
height:96px;
width:110px;
float:left;
margin:28px 0 0 44px;
}

#header a img {
border:0;
margin:-1px 0 0 2px;
padding:0;
}

#main-menu-bar {
height:30px;
margin:0 auto;
padding:0;
}

#pathway p {
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#777;
font-size:9px;
margin:0 auto;
padding:3px 0 3px 10px;
}

.wrapleft {
width:160px;
margin:0 4px 0 0;
padding:1px 1px 1px 0;
}

/*---------------submenu + backbutton / verschilt per hoofdmenu item----------------------*/
a.back {
display:block;
background-color:#c90d82;
text-decoration:none;
color:#fff;
width:150px;
margin-top:14px;
text-align:left;
font-weight:700;
font-size:10px;
padding:4px 0 4px 10px;
}

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

ul#submenu {
list-style:none;
text-align:left;
margin:14px 6px 10px 8px;
padding:0;
}

ul#submenu li {
float:left;
width:150px;
list-style:none;
}

ul#submenu li a {
text-decoration:none;
float:left;
color:#636363;
background:url(../images/arrow_gray.gif) 0 7px no-repeat;
padding-left:9px;
font-size:10px;
line-height:12px;
padding-top:3px;
margin:2px 0 2px 0;
}

ul#submenu li a:hover {
color:#c90d82;
background:url(../images/arrow_pink.gif) 0 7px no-repeat;
}

ul#submenu li a.submenu-active {
background:url(../images/arrow_pink.gif) 0 7px no-repeat;
font-weight:700;
color:#c90d82;
}

/* hier style voor sub sub navigatie */
ul#submenu li ul {
margin:0;
margin-left:-8px;
padding:2px 0 2px 0;
float:left;
font-size:9px;
}

ul#submenu li ul li a {
font-size:9px;
margin:0;
line-height:12px;
background:none;
}

ul#submenu li ul li a:hover {
font-size:9px;
background:none;
}

ul#submenu li ul li a.submenu-active {
background:none;
font-size:9px;
font-weight:normal;
}


/*---------------close submenu + backbutton / verschilt per hoofdmenu item----------------------*/
.left-items-wrapper {
background:url(../images/bg_left_column.gif) top right repeat-y;
width:162px;
float:left;
border-bottom:1px solid #dedede;
overflow:hidden;
margin:30px 0 14px -2px;
}

#left-column .side-item p {
font-size:9px;
font-weight:400;
padding:4px 0 4px 4px;
}

#left-column .side-item-list img {
float:left;
border:none;
margin:4px;
padding:1px;
}

/*------------------- images list ---------------------*/
ul#images-list {
margin:0;
padding:0;
}

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

ul#images-list li a img {
border:none;
}

.wrapcenter {
width:430px;
margin:0 9px;
padding:1px;
}

#center-column {
text-align:left;
}

#center-column p {
padding:6px 0;
}

#center-column p a {
	color:					#bc0075;
}

#center-column p a:hover {
	color:					#bc0075;
}

#center-column img {
background:#fff;
border:1px solid #dcdcdc;
padding:3px;
}

.main-item {
margin-bottom:24px;
}


.sub-items-box {
width:422px;
border:1px solid #d7d7d7;
padding:3px;
}

.sub-item {
background:#f9f9f9;
padding:10px 10px 4px 10px;
text-align:left;
}

.sub-item h2 {
display:block;
width:400px;
padding:0px 0 10px;
text-align:left;
font-size:13px;
}

.sub-item h3 {
font-size:11px;
}

#center-column .sub-item img.thumb, #center-column .sub-item img.thumb-article {
border-bottom:1px solid #bababa;
float:left;
background:#fff;
margin:4px 10px 4px 0px;
padding:0 0 2px;
}

#center-column .sub-item img.thumb-article {
margin:11px 11px 4px 0px;
}

.readmore {
height:17px;
display:block;
margin-bottom:-4px;
margin-right:-12px;
margin-top:10px;
}

.sub-item .readmore a {
background:#ededed;
border-bottom:1px solid #cacaca;
font-size:9px;
font-weight:700;
text-decoration:none;
float:right;
margin:0 3px;
padding:0 6px;
}

.sub-item .readmore a:hover {
background:#8c8c8c;
border-bottom:1px solid #dbdbdb;
color:#fff;
}

.separator {
background:url(../images/separator.gif) left repeat-x;
height:6px;
display:block;
position:relative;
width:422px;
margin:0;
padding:0;
}

.separator2 {
background:none;
height:1px;
display:block;
position:relative;
width:422px;
background:url(../images/separator.gif) bottom left repeat-x;
margin:8px 0 14px;
padding:0;
}

/*-------------------right column----------------------*/
#right-column {
float:right;
margin:0;
}

.wrapright {
width:158px;
overflow:hidden;
margin:0 0 0 4px;
padding:22px 0 1px 1px;
}

#right-column .side-item p {
font-size:9px;
font-weight:400;
padding:4px 4px 4px 2px;
}

/*------teaser list (tips etc..)----------*/
ul.teaser-list li {
list-style:none;
width:156px;
display:block;
border-bottom:2px solid #e8e8e8;
float:left;
background:none;
}

ul.teaser-list li.even {
background:#fafafa;
}

h3.no-link {
padding:6px 0 0 2px;
}

/*-------- side items (left & right column ---------------*/
.side-item {
padding-bottom:24px;
line-height:13px;
float:left;
}

#left-column .side-item h2 {
	width:152px;
}

#left-column .left-items-wrapper .side-item h2  {
	width:155px;
}

span.side-item-intro {
font-size:9px;
font-weight:400;
display:block;
float:left;
cursor:pointer;
padding:4px 3px 4px 0;
}

ul.side-item-list li {
list-style:none;
width:156px;
display:block;
background:url(../images/dotted_line.gif) bottom left repeat-x;
float:left;
padding-bottom:1px;
}

.side-item-readmore {
display:block;
float:right;
font-size:9px;
font-weight:700;
color:#a7a7a7;
text-decoration:underline;
padding-right:8px;
cursor:pointer;
margin:10px 4px 0 0;
}

.short {
margin:36px 4px 0 0;
}

a.side-item-readall {
font-size:9px;
font-weight:700;
float:left;
margin:6px 2px 2px;
}

/*-------- close side items (left & right column ---------------*/
ul.side-item-list li.faq {
width:154px;
display:block;
text-decoration:none;
float:left;
border-bottom:none;
background-color:#f9f9f9;
padding:0;
background:none;
margin-bottom:-35px;
}

ul.side-item-list li.faq a {
background:url(../images/bg_faq.gif) center left no-repeat;
width:154px;
display:block;
text-decoration:none;
height:90px;
float:left;
padding:0 0 0 2px;
}

ul.side-item-list li.faq a:hover {
background:url(../images/bg_faq_hover.gif) center left no-repeat;
width:154px;
display:block;
height:90px;
text-decoration:none;
}

/*---------footer--------*/
#footer {
background:url(../images/bg_footer.gif) center bottom no-repeat;
width:830px;
height:184px;
margin:0 auto;
}

#bottom-bar {
border-top:2px solid #f4f4f4;
width:780px;
margin:0 auto;
}

.generic-menu.bottom {
height:16px;
padding-top:10px;
float:none;
clear:both;
margin:0 auto;
}

.generic-menu.bottom span {
float:none;
}

.generic-menu.bottom a {
height:16px;
float:none;
clear:both;
margin:0 auto;
}

.generic-menu.bottom p {
padding-top:10px;
float:none;
font-size:10px;
text-align:center;
}

.generic-menu.bottom p a {
float:none;
font-size:10px;
color:#636363;
text-decoration:underline;
}

.generic-menu.bottom a:hover {
color:#bc0075;
text-decoration:underline;
}

p.abs-btm {
font-size:9px;
text-align:center;
width:740px;
padding-top:12px;
color:#a8a8a8;
margin:0 auto;
}

/*--------------------forms--------------------------*/
form {
text-align:left;
margin:0;
padding:0;
}

input {
font-family:Verdana, Arial, Helvetica, sans-serif;
}

input.inputfield {
width:138px;
height:14px;
border:none;
background:url(../images/bg_input.gif) top left no-repeat;
background-color:#fff;
border-bottom:1px solid #ececec;
border-right:1px solid #ececec;
font-size:9px;
font-weight:400;
color:gray;
padding-left:4px;
padding-top:3px;
margin:8px 0 0 7px;
}

input.inputfield.right {
float:right;
margin:8px 7px 0 0;
}

input.button {
background:url(../images/bg_button.gif) top left repeat-x;
color:#fff;
border:none;
font-size:9px;
font-weight:700;
font-family:Verdana, Helvetica, Arial, sans-serif;
cursor:pointer;
float:right;
margin:5px 7px 8px 0;
padding:2px 5px 5px;
}

input.button:hover {
color:#ffc5e9;
}

input.button.right {
float:right;
margin:5px 7px 8px 0;
}

/*-------------------main menu-----------------------*/
ul#main-menu {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
list-style:none;
}

ul#main-menu li {
float:left;
list-style:none;
}

ul#main-menu li a {
height:20px;
display:block;
float:left;
text-decoration:none;
color:#fff;
font-weight:700;
padding:3px 12px 0;
}

ul#main-menu li a:hover {
height:20px;
border-top:6px solid #fff;
text-decoration:none;
margin-top:-6px;
position:relative;
}

ul#main-menu li a.pink {
color:#bc0075;
background-color:#bc0075;
}

ul#main-menu li a.pink:hover {
background-color:#fff;
color:#bc0075;
}

ul#main-menu li a.green {
color:#68b800;
background-color:#68b800;
}

ul#main-menu li a.green:hover {
background-color:#fff;
color:#68b800;
}

ul#main-menu li a.lightblue {
color:#55bcbc;
background-color:#55bcbc;
}

ul#main-menu li a.lightblue:hover {
background-color:#fff;
color:#55bcbc;
}

ul#main-menu li a.yellow {
color:#ffa800;
background-color:#ffa800;
}

ul#main-menu li a.yellow:hover {
background-color:#fff;
color:#ffa800;
}

ul#main-menu li a.purple {
color:#59357d;
background-color:#59357d;
}

ul#main-menu li a.purple:hover {
background-color:#fff;
color:#59357d;
}

ul#main-menu li a.darkgreen {
color:#726a2c;
background-color:#726a2c;
}

ul#main-menu li a.darkgreen:hover {
background-color:#fff;
color:#726a2c;
}

ul#main-menu li a.blue {
color:#00a8df;
background-color:#00a8df;
}

ul#main-menu li a.blue:hover {
background-color:#fff;
color:#00a8df;
}

ul#main-menu li a.active {
background-color:#fff;
border-top:6px solid #fff;
margin-top:-6px;
position:relative;
}

ul#main-menu li a.nonactive {
color:#fff;
}

span.date {
text-align:left;
clear:both;
width:100%;
text-align:left;
font-size:9px;
margin:0 0 8px 2px;
}

#language a,#language a.flag-active {
float:left;
padding-top:4px;
}

#left-column,#center-column {
float:left;
margin:0;
}

ul.teaser-list a,ul.side-item-list a {
width:156px;
display:block;
text-decoration:none;
float:left;
padding:6px 0;
}

ul.teaser-list a:hover,ul.side-item-list a:hover {
background:#f4f4f4;
color:#bc0075;
}

ul.teaser-list a:hover span.side-item-readmore,ul.side-item-list a:hover span.side-item-readmore {
color:#bc0075;
display:block;
float:right;
}

ul.teaser-list .thumb,.side-item .thumb {
float:left;
border:1px solid #e1e1e1;
background:#fff;
margin:4px 4px 4px 0;
padding:1px;
}

ul.teaser-list a:hover .thumb,ul.side-item-list a:hover .thumb {
border:1px solid #b7b7b7;
}

#attachements {
text-align:left;
}

#attachements ul li {
display:block;
height:20px;
}

#attachements ul li img {
border:0px;
float:left;
}

.pagination-info {

display:block;
clear:both;
}

#pagination p a {
padding:0px 5px 3px 5px;
border:1px solid #d8d8d8;
margin-right:5px;
display:block;
float:left;
}

#pagination p a:hover {
text-decoration:none;

}

#pagination p a.active {
color:#fff;
text-decoration:none;
border:1px solid #d8d8d8;
background:#bc0075;
}

#pagination p a.active:hover {
color:#fff;

}

div#page-options {
	margin:0;
	padding:0;
	clear:both;
	text-align:right;
	width:100%;
	border-top:1px dashed #c2c2c2;
	padding-top:5px;
	padding-bottom:7px;
}

#page-options a {
	text-decoration:none;
	font-size:9px;
	letter-spacing:-1px;
}

#page-options a.print-button {
	padding:2px 0px 4px 17px;
	background:url(../images/icon_print.gif) left no-repeat;
}

.book {
background-image:url(../images/paper.gif);
background-repeat:no-repeat;
background-position:top center;
display:block;
width:410px;
height:587px;
margin-top:20px;
padding-top:20px;
}

.book2 {
background-image:url(../images/paper2.gif);
background-repeat:no-repeat;
background-position:top center;
display:block;
width:410px;
height:587px;
margin-top:20px;
padding-top:20px;
}

div.book p, div.book2 p {
width:310px;
margin:0 auto;
padding:40px;
font-family:times new roman;
font-size:13px;
}

div.book h3, div.book2 h3 {
font-family:times new roman;
font-size:14px;
font-weight:bold;
padding-left:50px;

}

/* List item center-column*/
.main-item ul {
list-style:none;
text-align:left;
margin-bottom:20px;
}

#center-column h3.faq-item-title {
margin-top:14px;
border-top:1px dashed #dadada;
padding-top:10px;
}

/* FAQ module */
.faq-list {
text-align: left;
margin-top:30px;
}

.faq-list ul {
list-style:decimal;
margin:0px 0px 0px 24px;
padding:0px;
}

.faq-list ul li {
margin:12px 0px 0px 0px;
}

.faq-list ul li a {
text-align: left;
font-weight: bold;
}

.faq-list ul li ul {
margin:6px 0px 0px 24px;
}

.faq-list ul li ul li {
text-align: left;
font-weight: normal;
margin:4px 0px 0px 0px;
}

.faq-list ul li ul li a {
text-align: left;
font-weight: normal;
font-weight:normal;
}

.link-faq {
background:url(../images/icon_faq.gif) left no-repeat;
padding-left:14px;
margin-left:5px;
padding-bottom:2px;
font-size:9px;
letter-spacing:-1px;
margin-left:314px;
text-decoration:none;
}

.link-up {
background:url(../images/icon_up.gif) left no-repeat;
padding-left:12px;
margin-left:5px;
padding-bottom:2px;
font-size:9px;
letter-spacing:-1px;
text-decoration:none;

}

a.back-button {
background:url(../images/icon_back.gif) left no-repeat;
padding-left:12px;
margin-left:5px;
padding-bottom:2px;
font-size:9px;
letter-spacing:-1px;
}

.form {
background:#F3F3F3;
padding:6px;
}

.form td {
padding:2px;
}

.form th {
font-size:10px;
padding:2px;
text-align:right;
}

.form input {
font-size:10px;
}

#form-errors {
text-align:left;
color:red;
padding:12px;
border:1px solid red;
margin:4px;
}

#sitemap {
margin:12px 0px 0px 12px;
list-style:none;
}

#sitemap li.break {
padding-top:12px;
}

#sitemap li {
padding:2px 0px 0px 0px;
}

#sitemap ul {
margin:0px 0px 0px 24px;
list-style:none;
}