/*-----------------------------------------------------------------------------
Prototype Style Sheet

version:	1.0
date:		dd/mm/yyyy
author:		Voor Beeld - Admium
e-mail:		voorbeeld@admium.nl
website:	http://www.voorbeeld.nl/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* Resetclearfix */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

pre {
	font-size: 12px;
	line-height:1.4em;
	padding: 10px;
	background-color: #ffffee;
	border: solid 1px #ddd;
	margin: 0 0 20px 0;
}

.left{float:left;margin-right:1em;}
.right{float:right;margin-left:1em;}
.center{text-align:center;}

.clear{clear:both; height: 0px; overflow: hidden;}
.first{margin-left:0 !important;}
.last{margin-right:0 !important;}
.top{margin-top:0 !important;}
.bottom{margin-bottom:0 !important;}	
.hidden, .print{display:none!important;}
.leftMargin { margin-left: 1em; }
.rightMargin { margin-right: 1em; }

.shadowBlack {
	text-shadow: #828282 1px 1px 1px;
}

.shadowWhite {
	text-shadow: #fff 1px 1px 1px;
}

.bijlagen {
	line-height: 23px;
}

blockquote{
	margin-left:2em;
	border-left:1px solid #ccc;
	font-style:italic;
	padding: 0px 0px 0px 2em;
}

/* =Document
-----------------------------------------------------------------------------*/

body {
	font: 75%/1.5  Helvetica, Arial, "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
	background-color: #7a398a;
	background-image: url(../images/background.jpg);
	color: #676767;
}

#stars {
	position: absolute;
	z-index: -999;
	width: 100%;
	height: 249px;
	background-image: url(../images/stars.png);
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0 auto;
}

#wrapper { 
	position: relative;
	z-index: 1;
	width: 960px; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin-left:auto; 
	margin-right:auto; 
	margin-bottom: 1.5em;
	background-image: url(../images/wrapper_bg.png);
	background-repeat: repeat-y;
	padding: 0 11px 0 10px;
}

/* =Typography
-----------------------------------------------------------------------------*/

h1 {
	color: #781a8f;
	text-transform: uppercase;
	font-size: 2.5em; /* 20 pt */
	line-height: 0.9em; /* 20 * line-height = 18pt */
	margin-bottom: 10px;
}

h2 {
	color: #155896;
	text-transform: uppercase;
	font-size: 1.6666666666666667em; /* 20 pt */
	line-height: 0.9em; /* 20 * line-height = 18pt */
	margin-bottom: 0.9em; /* 20 * margin-bottom = 18pt */
}

h3 {
	clear: left;
	color: #b8b8b8;
	font-weight: normal;
	font-size: 2.5em; /* 18 pt */
	line-height: 1em; /* 18 * line-height = 18pt */
	margin-bottom: 1em; /* 18 * margin-bottom = 18pt */
}

h4 {
	color: #781a8f;
	font-size: 13px; 
	line-height: 1.5em; /* 18 * line-height = 18pt */
	margin-bottom: 0; /* 18 * margin-bottom = 18pt */
}

h5 {
	font-size: 1.1666666666666667em; /* 14 pt */
	line-height: 1.2857142857142858em; /* 18 * line-height = 18pt */
	margin-bottom: 1.2857142857142858em; /* 18 * margin-bottom = 18pt */
}

h6 {
	font-size:1em; /* 12 pt */
	line-height: 1.5em; /* 18 * line-height = 18pt */
	margin-bottom: 1.5em; /* 18 * margin-bottom = 18pt */
}
	
p, q, cite, address {
	font-size: 14px; /* 12 pt */
	line-height: 1.8em; /* 18 * line-height = 18pt */
	margin-bottom: 1.5em; /* 18 * margin-bottom = 18pt */
}
.item { font-size: 13px; line-height: 1.5em; float: left; margin-bottom: 0.9em; }
.item img { float: left; margin: 7px 10px 0 0; }
.postedDate { font-size: 13px; color: #cccccc; }

ul, ol, dl {
	font-size: 1em; /* Equivalent to 12pt */
	margin-bottom: 1.5em; /* margin-bottom = 18pt */
}

li, dd, dt {
	font-size: 1em; /* Equivalent to 12pt */
}

.content li {
	font-size: 14px;
}

dd {
	margin-left: 2em;
}

li {
	margin: 0 0 0 1.5em;	
}

sub {
	font-size: smaller;
	vertical-align: sub;
}

sup {
	font-size: smaller;
	vertical-align: super;
}

/* =Links
-----------------------------------------------------------------------------*/

a:link {
	font-size: 14px;
	color: #781a8f;
	text-decoration: underline;
}

a:visited {
	color: #781a8f;
	text-decoration: underline;
}

a:hover {
	color: #1f519d;
	text-decoration: underline;
}

a:active {
	color: #781a8f;
	text-decoration: underline;
}


/* =Cols
-----------------------------------------------------------------------------*/

.cols{ } /* main column container class */
.col{
	float:left;
	display:inline-block;
	width:46%;margin-left:5%; /* 2 equal width columns layout - default */
	}	
.cols3 .col{width:28%;margin-left:5%;} /* 3 equal width columns layout */
.cols4 .col{width:22%;margin-left:4%;} /* 4 equal width columns layout */
.cols5 .col{width:16%;margin-left:5%;} /* 5 equal width columns layout */

/* =Tables
-----------------------------------------------------------------------------*/

table { 
	width: 100%;
  	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid #ccc;
	margin: 1em 0;
}

caption {
	text-align: left;	
	font-size:1em; /* 12 pt */
	line-height: 1.5em; /* 18 * line-height = 18pt */
}

th, tfoot td {
  	text-align: left;
	font-weight: bold;
	border: 1px solid #ccc;
	padding: .25em; /* 3px */
	background-color: #ccc;
}

td {
  	text-align: left;
	font-weight: normal;
	border: 1px solid #ccc;
	padding: .25em; /* 3px */
}


/* =Notifications
-----------------------------------------------------------------------------*/

.error, .alert, .notice, .success, .info { padding:0.8em; margin-bottom:1em; border:2px solid #ddd; }
.error, .alert { background:#fbe3e4; color:#8a1f11; border-color:#fbc2c4; }
.notice { background:#fff6bf; color:#514721; border-color:#ffd324; }
.success { background:#e6efc2; color:#264409; border-color:#c6d880; }
.info { background:#d5edf8; color:#205791; border-color:#92cae4; }
.error a, .alert a { color:#8a1f11; }
.notice a { color:#514721; }
.success a { color:#264409; }
.info a { color:#205791; }

/* =Forms
-----------------------------------------------------------------------------*/

#search-form {
	width: 350px;
	float: right;	
}
		
		#search-form label {
			width: auto;
		}
		
		#search-form fieldset {
			border: 0;
			height: 30px;
		}
		
		#search-form legend {
			display: none;
		}
		
		#search-form input {
			clear: none;
			margin: 0 0 0 1em;
		}

.content .required {
	color: #d60000;
}

.content form {
	margin-bottom: 1.5em;	
}

.content fieldset {
	border: 1px solid #ccc;	
	padding: 0.25em; /* 3px */
}

.content label {
	width: 195px;
	clear: left;
	float: left;
	margin-bottom: 1.5em;	
}

.content input.button,
.content input.checkbox,
.content input.file,
.content input.password,
.content input.radio,
.content input.reset,
.content input.text,
.content input.submit,
.content textarea {
	float: left;	
}

.content input.password, .content input.text {
	width: 200px;
	border: 1px solid #ccc;	
	padding: 0.25em;
}

.content input.file {
	padding: 0.25em;
}

.content input.submit {
	clear: left;	
}

.content textarea {
	width: 200px;
	border: 1px solid #ccc;	
	resize: none;
}

/* =Misc
-----------------------------------------------------------------------------*/

.readMore {
	color: #781a8f;
}

	.readMore a {
		color: #781a8f;
	}
	.readMore a:hover {
		color: #464646;
	}
	
a.pageBack {
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	margin-bottom: 8px;
	font-size: 15px;
	display: inline-block;
}
	
.greyLine {
	border-top: 1px solid #e8e8e8;
	margin: 30px 0 30px 0;
}