@CHARSET "ISO-8859-1";

/* import reset */
@import "reset.css";

body {
	margin: 0px;
	padding: 0px;
	background: #EEEEEE;
	text-align: center;
	font-family: Arial;
	font-size: 11px; 
	color: #666666;
}

h1, h2, h3, h4, h5, h6 {
	color: #333333;
}

.maincontentcontainer {
	width: 980px;
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 0px 3px;
	background: white;
	background-image: url('../images/shadow.jpg');
	background-repeat: repeat-y;
}

.container_960 {
	width: 960px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.container_960 .content {
	padding-left : 20px;
}

.highlight {
	color: #ec008c;
}

.caroussel_readmore {
	background: #ec008c;
	color: white;
}
a, a:visited {
	color: #ec008c;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

ul {
	margin :0px;	
}
ul li {
	list-style: none;
}
.left {
	float: left;	
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.contentpage h2 {
	font-size: 18px;
	color: #EC008C;
	font-weight: bold;
	margin: 30px 0 10px 0;	
}
.contentpage .leader {
	font-size : 14px;	
	color: #333333;
}
.pagecontent {
	margin : 20px 0px;
	font-size : 12px;
}
/** Blue top bar components **/
.headerbar {
	background: #1b144d;
	height: 70px;
}
.antalis {
	float: left; 
	height: 32px;
	margin-left: 20px;
	margin-top: 20px;
	color: white;
}

.headerbar .metanav_container {
	float: right;	
	margin: 18px 20px 0px 0px;
}
.margintop20 {
	margin-top: 20px;	
}
.margintop10 {
	margin-top: 10px;	
}
.margintop20.first {
	margin-top: 0px;
}
/** metanav **/
ul.metanav {
	display: inline;
	height: 20px;
	padding-left: 0px;
}

ul.metanav li {
	display: inline;
}

ul.metanav a,
ul.metanav a:visited {
	color: #bdb4c9;
	text-decoration: none;
}
ul.metanav a:active, ul.metanav a:hover {
	text-decoration: underline;
	color: white;
}
ul.metanav li.highlight{
	margin : 0px 5px;
}

/** Main navigation **/
.mainnavigation {
	font-size: 14px;
	background: #efefef;
}
.mainnavigation ul {
	height: 31px;
	padding : 0px;
}
.mainnavigation li {
	height: 24px;
	float :left;
	padding-top: 7px;
	border-right: 1px solid #D6D6D6;
	margin: 0px;
}

.mainnavigation li.active,
.mainnavigation li.hover {
	background: #EC008C;
}

.mainnavigation li.active a,v
.mainnavigation li.active a:hover,
.mainnavigation li.active a:active,
.mainnavigation li.active a:visited,
.mainnavigation li.hover a,
.mainnavigation li.hover a:hover,
.mainnavigation li.hover a:active,
.mainnavigation li.hover a:visited {
	color: white;	
}

.mainnavigation a {
	color :  #1b144d;
	text-decoration: none;
	margin: 0px 20px;
}

.mainnavigation a:hover, 
.mainnavigation a:active {
	color: #EC008C;
}
.mainnavigation .first{
	margin-left: 0px;
}

/** CRUMBPATH **/ 
.crumbpath {
	font-size: 11px;
	margin-left: 20px;
}
.crumbpath ul {
	height: 31px;
	padding : 0px;
}
.crumbpath li {
	height: 24px;
	float :left;
	padding-top: 7px;
}
.crumbpath li.highlight {
	margin :0px 10px;	
}

.crumbpath li a,
.crumbpath li a:visited {
	color: #666666;
	text-decoration: underline;
}

/** COLUMN DEFINITIONS **/
.column_single {
	width: 220px;
	float: left;
	margin-right: 20px;
}
.column_double {
	width: 460px;
	float: left;
	margin-right: 20px;	
}
.column_triple {
	width: 700px;
	float: left;
	margin-right: 20px;	
}

.column_single.omega,
.column_double.omega,
.column_triple.omega {
	margin-right: 0px;
}

/** MEGAFOOTER **/
.megafooter {
	width :960px;
	background: #333333;
	padding-left: 20px;
	color : #CCCCCC;
	margin-top: 30px;
	line-height: 17px;
}
.megafooter ul.metanav a,
.megafooter ul.metanav a:visited {
	color: #CCCCCC;
	text-decoration: none;
}
.megafooter ul.metanav li.highlight {
	color: #CCCCCC;
}
.megafooter ul.metanav li a:hover {
	color: white;
	text-decoration: underline;
}

.megafooter .column_single .contentblock {
	margin-top: 20px;
	width : 220px;
}
.megafooter .column_single .contentblock h2 {
	font-size: 14px;
	font-weight: bold;
}
.megafooter .column_single .contentblock h2 a,
.megafooter .column_single .contentblock h2 a:visited {
	color: white;
}
.megafooter .column_single .contentblock p {
	margin : 10px 0px;
}

.megafooter b {
	color: white;
 }
 
.megafooter h1,
.megafooter h2,
.megafooter h3,
.megafooter h4 {
	color : white;
}

.megafooter h2 {
	padding-bottom: 5px;
	border-bottom: 1px solid #666666;
}
.megafooter p {
	font-size: 11px;
}

.megafooter p,
.megafooter a,
.megafooter a:visited {
	color: #cccccc;
	text-decoration: none;
}

.megafooter a:hover,
.megafooter a:active {
	color: white;
	text-decoration: underline;
}

.megafooter .footernavigation_container {
	border-top: 1px solid #EC008C;
	width: 940px;
	height: 20px;
	padding-top: 10px;
	margin-top: 20px;
}

/** Caroussel **/
.carousselContainer {
	width : 700px;
	height: 231px;
	margin-top: 10px;
	position: relative;
}

ul.buttons {
	margin: 20px 20px 0;
	padding : 0px;	
	position: absolute; 
	bottom: 50px;
	left: 0px;
}
ul.buttons li {
	background: #EC008C;
	height : 20px;
	width: 96px;
	padding: 5px 7px;
}

ul.buttons li a,
ul.buttons li a:visited {
	color: white;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
}

/** Nieuwsberichten **/
.nieuwsbericht {
	border-bottom: 1px solid #cccccc;
	width: 220px;
	margin-bottom: 10px;
}

.nieuwsbericht .date {
	font-size: 11px;
	color: #333333;
	margin-bottom: 2px;
}
.nieuwsbericht p {
	font-size: 11px;
	margin: 7px 0px 12px 0px;
}
.nieuwsbericht a.headerlink,
.nieuwsbericht a.headerlink:visited {
	text-decoration : none;
	font-size: 12px;
	color: #333333;
}
.nieuwsbericht a.headerlink:hover ,
.nieuwsbericht a.headerlink:active {
	text-decoration : underline;
	color: #EC008C;	
}

/** Contentcomponent **/
.contentcomponent {
	margin: 20px 0px;
}

.contentcomponent h2 {
	font-weight: bold;
	font-size: 14px;
	color: #333333;
	margin : 12px 0px 0px 0px;	
}
.contentcomponent .leader {
	margin: 6px 0px; 	
	font-size: 11px;
	line-height: 16px;
}

a.readmore,
a.readmore:visited {
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #333333;
}
a.readmore:hover,
a.readmore:active {
	color:  #ec008c;
}

/** Toolingwidget **/
.megafooter .widget_top {
	padding-top: 41px;
}

.toolingwidget {
	border: 1px solid #ec008c;
	background-color: white;
	width: 198px;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 10px 0px;
	line-height: 16px;
	position: relative;
}

.toolingwidget .widgetcontent {
	width: 170px;	
}
.toolingwidget a,
.toolingwidget a:visited {
	color: #666666;
	text-decoration: none;
	font-size: 11px;
}

.toolingwidget .head {
	margin-bottom: 5px;
}
.toolingwidget .head a {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
}

.toolingwidget a.readmore,
.toolingwidget a.readmore:visited {
	font-size: 32px;
	color: #ec008c;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -12px;
}

.toolingwidget.hover {
	background-color: #ec008c;
	cursor: pointer;
}

.toolingwidget.hover a,
.toolingwidget.hover a.readmore,
.toolingwidget.hover a.readmore:visited,
.toolingwidget.hover a:visited {
	color: white;
}

/* BUTTON BASE */
button {
	border: 0 none;
	cursor: pointer;
	font-size: 10px;
	font-weight: bold;
	padding: 0 15px 0 0;
	text-align: center;
	height: 19px;
	line-height: 19px;
	width: auto;
}
button span {
	display: block;
	padding: 0 0 0 10px;
	position: relative;
	white-space: nowrap;
	height: 19px;
	line-height: 19px;
}
button { border: none; }
button::-moz-focus-inner { border: none; }

/* BLACK BUTTON */
.black {
	background: transparent url("/images/button_black_right.gif") no-repeat scroll top right;
	clear: left;
}
.black span {
	background: #000 url("/images/button_black_left.gif") no-repeat scroll top left;
	color: #fff;
}
/** Toolingwidget in the footer - colorscheme  **/
.megafooter .toolingwidget {
	border: 1px solid #666666;
	background: transparent;
}

.megafooter .toolingwidget a,
.megafooter .toolingwidget a:visited {
	color: #cccccc;
}
.megafooter .toolingwidget a:hover,
.megafooter .toolingwidget a:active {
	text-decoration: none;
}
.megafooter .toolingwidget a.readmore,
.megafooter .toolingwidget a.readmore:visited {
	color: #666666;
}

.megafooter .toolingwidget.hover {
	border-color: #ec008c;
}

.megafooter .toolingwidget.hover a,
.megafooter .toolingwidget.hover a:visited {
	color: white;
}
.megafooter .toolingwidget.hover a.readmore,
.megafooter .toolingwidget.hover a.readmore:visited {
	color: #ec008c;
}

ul.linklist {
	margin-top: 10px;
}
ul.newslist {
	margin-top: 3px;
	margin-bottom: 5px;
}
ul.indexed_list li {
	display: block;
	clear: both;
}
ul.newslist li {
	display: block;
	clear: both;
	padding : 7px 0px;
	border-bottom : 1px solid #666666;
}

ul.newslist .index,
ul.indexed_list .index {
	color: white;
	font-weight: bold;
	width: 15px;
	float : left;
}
ul.newslist .index.highlight {
	color: #ec008c;
}
ul.indexed_list .content,
ul.newslist .content {
	float: left;
	padding: 0px;
	width : 135px;
}

/* menu left */
ul.menu_left li {
	background: #fff url("/images/menu_left_normal.jpg") no-repeat scroll right 12px;
	border-bottom: 1px solid #efefef;
	padding: 9px 25px 9px 0;
}
ul.menu_left .first {
	border-top: 1px solid #efefef;
}
ul.menu_left li.hover,
ul.menu_left li.active {
	background: #fff url("/images/menu_left_hover.jpg") no-repeat scroll right 12px;
}

ul.menu_left li a {
	color: #666;
	font-size: 12px;
}

ul.menu_left li a:hover,
ul.menu_left li.active a {
	color: #ec008c;
	text-decoration: none;
}

h3 {
	color: #1b144d;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.subpage {
	padding: 20px;
	background: #efefef;
	border-bottom: 1px solid white;
}

.subpage h3,
.subpage h3 a{
	color: #333333;
	margin: 0px;
}

.subpage p.leader {
	margin: 8px 0 10px 0;
	color: #666666;
	font-size: 11px;
}
.subpage p a,
.subpage p a.subpage_leader,
.subpage p a:visited {
	color: #000000;
}

.related {
	padding: 10px;
	border : 1px solid #cccccc;
	border-width: 0px 1px 1px 1px;
	line-height: 16px;
}

.related h3{
	color: #333333;
	margin :0px;
}

.related.first {
	border-top-width : 1px;
	margin-top: 20px;	
}
.related ul {
	margin-top: 5px;
}
.related.files ul li {
	list-style: disc;
	
}
.related ul li {
	height: 18px;
}

.related ul li a,
.related ul li a:visited {
	color: #666666;
	margin-left:5px;
}

.banner {
	margin-top: 20px;
}
.carousselContainer div.hide,
.hide {
	
	display: none;
}


ul.caroussel_navigation {
	margin : 10px;  
}

ul.caroussel_navigation li{
	font-size: 11px;
	margin: 0px 1px 0px 0px;
}

ul.caroussel_navigation li a,
ul.caroussel_navigation li a:visited{
	font-size: 11px;
	color : #1b144d;
	font-weight: bold;
}

ul.caroussel_navigation li.selected a,
ul.caroussel_navigation li.selected a:visited {
	color: #ec008c;
}
ul.buttons li {
	background: #EC008C url('../images/leesmeer_link.jpg') repeat scroll 0 3px;
}

/** Lightbox **/
#lightboxWindow {
	padding: 0px 15px 10px 20px;
	width : 860px;
}
#lightboxWindow .topbar h3{
	color : #EC008C;
	margin-top:5px;
	font-size:12px;
}
#lightboxWindow .topbar {
	height: 25px;
	width: 860px;
	margin-bottom:20px;
}

#lightboxWindow .topbar a {
	background: url('/images/close_cross.jpg') top right no-repeat;
	font-size: 11px;
	color: black;
}

#lightboxWindow .topbar a:hover {
	color: #EC008C;
}

#lightboxWindow iframe {
	width : 860px;
}