@charset "UTF-8";


@font-face {  
    font-family:"AlegaBold";  
    src: url("/fonts/AlegaBold.eot");
    src: local("AlegaBold"), url("/fonts/AlegaBold.ttf") format("truetype");  
}

* {
	padding:0;
	margin:0;
	border:0;
	outline:none;
}

html {
	width:100%;
	overflow:auto;
}

body {
	position:relative;
	width:100%;
	font-family:Arial;
	font-size:12px;
	color:#007E87;
	background:#fff;
}

a { color:#942119; text-decoration:underline; }
a:hover{ text-decoration:none; }

a *{ cursor:pointer; }

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

ol,
ol li{
	margin:0;
	padding:0;
	list-style:decimal;
}

h1, h2 {
	font-size:20px;
	margin:0 0 0 0;
	padding:0;
	color:#007387;
}

fieldset{
	padding:0;
	margin:0;
}

textarea{
	overflow:auto;
	font-family:Arial;
	font-size:11px;
}

label{
	cursor:pointer;
}


/* SITE OPBOUW */
#site {
	position:relative;
	margin:0 auto;
	width:1000px;
	z-index:1;
}

#top{
	position:relative;
	width:1000px;
	height:333px;
}

#top h1{
	display:none;
}

#logo{
	position:absolute;
	top:9px;
	left:62px;
	width:221px;
	height:77px;
}

#service {
	position:absolute;
	top:60px;
	right:285px;
}

#service LI {
	list-style:none;
	float:left;
	margin-right:5px;
	height:20px;
	line-height:20px;
}

#service .twitter{
	background:url(../images/common/sprite.png) no-repeat -727px -682px;
	text-indent:25px;
}

#service .inloggen{
	background:url(../images/common/sprite.png) no-repeat -727px -772px;
	text-indent:25px;
}

#header{
	height:228px;
	left:-20px;
	position:absolute;
	top:105px;
	width:1000px;
	zoom:1;
}

#header .krant,
#header .informatie,
#header .kennis{
	position:relative;
	float:left;
	display:inline;
	height:228px;
	background:url(../images/common/sprite.png) no-repeat;
}

#header .informatie{
	background-position:0 -448px;
	width:330px;
}

#header .informatie:hover{
	background-position:0 -220px;
	z-index:2;
}

#header .kennis{
	background-position:-330px -448px;
	width:230px;
}

#header .kennis:hover{
	background-position:-330px -220px;
	z-index:2;
}

#header .krant{
	background-position:-560px -448px;
	width:190px;
}

#header .krant:hover{
	background-position:-560px -220px;
	z-index:2;
}





#header-bg{
	position:absolute;
	top:113px;
	left:0;
	width:100%;
	height:215px;
	background:url(../images/common/sprite.png) repeat-x left top;
}

#header .banner{
	background:url(../images/common/header-button.jpg) no-repeat 0 bottom;
	color:#fff;
	display:block;
	font-family:"AlegaBold", "Trebuchet MS";
	font-size:21px;
	font-weight:normal;
	height:44px;
	right:5px;
	line-height:44px;
	position:absolute;
	text-decoration:none;
	text-align:center;
	top:48px;
	width:249px;
	z-index:500;
}

#header .melding{
	color:#fff;
	line-height:160%;
	position:absolute;
	right:35px;
	top:115px;
	width:188px;
}

#search{
	position:absolute;
	top:59px;
	right:35px;
	width:227px;
	height:24px;
	background:url(../images/common/sprite.png) no-repeat -3px -681px;
}

#search .input-search{
	height:14px;
	background:none;
	padding:5px 0 5px 10px;
	width:190px;
	color:#999;
}

#search .submit-search{
	width:24px;
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	height:24px;
	background:none;
}


#right-col{
	position:relative;
	float:right;
	display:inline;
	width:210px;
	margin:31px 40px 35px 0;
	overflow:hidden;
}

#breadcrumb{
	margin:6px 0 19px 0;
} 

#breadcrumb a{
	display:inline-block;
	font-size:11px;
	text-decoration:none;
} 

#breadcrumb a:hover{
	text-decoration:underline;
}

#breadcrumb span{
	display:inline-block;
	color:#942119;
	margin:0 5px 2px 5px;
	width:3px;
	height:5px;
/*	background:url(../images/common/sprite.png) no-repeat -401px -916px; */
} 

#breadcrumb h1{
	color:#007387;
	display:inline-block;
	font-family:"AlegaBold", "Trebuchet MS";
	font-size:25px;
	font-weight:normal;
	letter-spacing:1px;
	line-height:25px;
/*
	height:25px;
	margin:6px 0 -6px 0;
*/
} 

#content{
	display:inline;
	float:left;
	margin:0 40px 0 0;
	padding:31px 0;
	position:relative;
	width:480px;
}


#footer{
	border-top:1px solid #A6D2D5;
	height:35px;
	line-height:35px;
	width:492px;
	margin:0 auto;
	position:relative;
	left:-34px;
}

#footer a{ color:#007E87; }


/* CONTENT ELEMENTEN */

.content {
	line-height:175%;
}

.content h1{
	font-family:"Trebuchet MS";
	font-size:25px;
	font-weight:bold;
	color:#007387;
}

#content h2{
	margin:30px -17px 25px -17px;
	background:url(../images/common/sprite.png) no-repeat -3px -749px;
	text-indent:17px;
}

.content h2{	
	color:#007387;
	display:block;
	font-family:"AlegaBold", "Trebuchet MS";
	font-size:25px;
	font-weight:normal;
	letter-spacing:1px;
	height:40px;
	line-height:40px;
	margin:0 0 11px 0;
}

.content h3{
	font-size:12px;
}

.content p, .content ul, .content ol, .content table {
	margin:0 0 20px 0;
}

.content ul{
	margin:0 0 25px 20px;
}

.content li {
	list-style:disc outside;
	padding:0 0 0 5px;
}

.content ol{
	margin:0 0 25px 20px;
}

.content ol li{
	list-style:decimal;
	padding:0 0 0 5px;
}

.content strong{
	font-weight:bold;
}

.content a {
	text-decoration:underline;
}

.content a:hover {
	text-decoration:none;
}


.downloads{
	line-height:0;
}

.downloads a{
	color:#007E87;
	display:block;
	height:40px;
	line-height:40px;
	text-indent:53px;
	margin:0;
	background:url(../images/common/sprite.png) no-repeat -486px -790px;
}

.downloads .odd{
	background:url(../images/common/sprite.png) no-repeat -3px -790px;
}


/* LIJSTEN HORIZONTAL */
.content .horizontal{ margin:0; }

.horizontal li{
	display:inline;
	float:left;
	list-style:none;
	padding:0;
	position:relative;
}


/* LIJSTEN VERTICAL */
.content .vertical{ margin:0; }

.vertical li{
	list-style:none;
	padding:0;
	position:relative;
}

.archive{
	
}

.archive li{
	clear:both;
	margin-bottom:25px;
}

.archive img{
	display:inline;
	float:left;
	height:80px;
	margin:5px 10px 10px 0;
	width:80px;
}

.object{

}

.object img{
	display:inline;
	float:left;
	height:132px;
	margin:0 10px 10px 0;
	width:132px;
}

.actions{
	margin:0;
}

.actions li{
	padding:0 0 0 15px;
}

.actions .rss{
	background:url(../images/common/sprite.png) no-repeat -731px -710px;
}

.actions .twitter{
	background:url(../images/common/sprite.png) no-repeat -731px -736px;
}

/* PAGINATION */
.pagination{	
	font-size:11px;
	height:20px;
}

.pagination li{
	padding:0;
	margin:0 5px 0 0; 
}

.pagination a,
.pagination span{
	background:url(../images/common/sprite.png) no-repeat -612px -702px;
	color:#942119;
	display:block; 
	height:20px;
	line-height:20px;
	overflow:hidden;
	text-align:center;
	text-decoration:none;
	width:20px;
}

.pagination .active{ background:url(../images/common/sprite.png) no-repeat -585px -702px; color:#fff; }

.pagination .prev,
.pagination .next{ display:none; }




/* STANDAARD FORMULIEREN */
.form-file,
.form-text,
.form-textarea{
	height:14px;
	line-height:100%;
	padding:5px 0 5px 5px;
	width:333px;
}
.form-select{ width:350px; }
.form-textarea{ height:130px; }
.form.radio,
.form-checkbox{ margin:0 5px 0 0; }


.form-submit{
	cursor:pointer;
	height:21px;
	padding:0;
	width:82px;
	text-align:center;
}

/* FORM MODULE */
.form{ line-height:100%; margin:20px 0 20px 0; }
.form li{ clear:both; height:25px; margin:0 0 9px 0; width:100%; }

.form label,
.form .label{
	display:inline;
	float:left;
	height:26px;
	line-height:26px;
	width:114px;
}

.form .space{ margin:0 0 30px 0; }
.form .values{ display:inline; float:left; }
.form .values li{ clear:none; height:20px; line-height:20px; margin:0; width:auto; }
.form .values label{ display:inline-block; float:none; margin:0 20px 0 0; width:auto; }

.form .normal{ display:inline; float:left; padding:0; margin:0; }
.form .normal p{ 
	display:none; 
	margin:0;
}
.form .error p{ color:#942119; display:block; font-size:11px; padding:3px 0 5px 5px; }

.form .verplicht{
	height:22px;
	line-height:22px;
	left:463px;
	overflow:hidden;
	position:absolute;
	top:6px;
	width:17px;
}

.form .form-submit{	margin:0 0 0 114px; }

.form > li{ clear:none; height:auto; margin:0 0 9px 0; width:auto; }
.form > li .values{ display:inline-block; float:none; margin:0 0 7px 0; }
.form > li .normal{ display:inline-block; float:none; padding:0; margin:0; }




.form-submit{ background:url(../images/common/sprite.png) no-repeat -424px -682px; color:#fff; }
.form .verplicht{ font-size:20px; }
.form .form-text,
.form .form-textarea{ border:1px solid #CCDCDF; }

/* AANMELDEN */

.aanmelden{
	position:absolute;
	top:110px;
	right:15px;
	width:225px;
	z-index:5;
}

.aanmelden li{
	height:24px;
}

.aanmelden label,
.aanmelden .label{
	display:none;
}

.aanmelden .verplicht{
	display:none;
}

.aanmelden .form-text{
	background:url(../images/common/sprite.png) no-repeat -4px -715px;
	border:none;
	color:#999;
	padding:5px 0 5px 10px;
	width:225px;
}

.aanmelden .form-submit{
	background:url(../images/common/sprite.png) no-repeat -255px -715px;
	height:24px;
	left:88px;
	position:absolute;
	top:0;
	width:24px;
}

.aanmelden .error p{
	display:block;
	background:url(../images/common/sprite.png) no-repeat -516px -683px;
	height:15px;
	left:230px;
	line-height:15px;
	overflow:hidden;
	padding:0;
	position:absolute;
	text-indent:100%;
	top:5px;
	width:15px;
}

/* TABELLEN */

table{
	width:100%;
}

table tr td{ 
	height:30px;
	line-height:30px;
}

table tr.even td{
	background:#F7F7F7;
	border-top:1px dotted #C1C1C1;
	border-bottom:1px dotted #C1C1C1;
}

table tr td.first{ 
	padding:0 0 0 25px;
}

table tr td.last{ 
	padding:0 145px 0 0;
	text-align:right;
}

/* HULPELEMENTEN */

.clear {
	clear:both;
	overflow:hidden;
	height:0;
	width:0;
}

.horline{
	height:1px;
	width:100%;
	background:#E1DDCB;
	margin-bottom:50px;
	overflow:hidden;
}

.inline{
	float:left;
	margin:0 25px 25px 0;
	display:inline;
    width:auto;
}

.hide{
	display:none;
}

.left{
	float:left;
	display:inline;
	width:350px;
}

.right{
	float:right;
	display:inline;
	width:350px;
}

.red{
	color:#942119;
}


.menu{
	float:left;
	margin:77px 30px 35px 0;
	overflow:hidden;
	padding:0;
	position:relative;
	text-align:right;
	width:200px;
}

.menu li{
	list-style:none;
	margin:5px 0;
	padding:0;
	width:200px;
}

.menu a{
	display:block;
	height:21px;
	line-height:21px;
	margin:0 0 0 33px;
	padding:0 12px 0 0;
	text-decoration:none;
	width:155px; /*11*/
}

.menu .active a{
	color:#fff;
	background:url(../images/common/sprite.png) no-repeat -256px -682px;
}

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

.content .submenu{
	float:none;
	display:block;
	padding:0 0 25px 0;
	margin:0;
	text-align:left;
}

.submenu li a{
	text-align:left;
	padding:0;
	margin:0;
}

#verzend,
#reageer{
	display:none;
}

#film{
	height:270px;
	margin:0 0 50px 0;
}