/*
 * 
 * 
 */
 


/******* Structure *******/

* {
	padding: 0;
	margin: 0;
}

body {
	color: #222;
	background: #FFF;
	font: 0.9em/1.2em 'Trebuchet MS', Arial, Tahoma, Verdana, sans-serif;
	margin: 1em 0 2em 0;
	letter-spacing:0.04em;
}

#package {
	position: relative;
	width: 976px;
	text-align: left;
	margin: 0 auto;
}

#content {
	padding: 30px;
	background: #E2E2E2;
}

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

.clear{
	clear:both;
	padding:0;
	margin: 0;
}

.hide{
	display:none;
}


/******* Sections *******/
.section{
	background-color:#FFFFFF;
	padding:15px;
	margin: 0 0 30px 0;
	border-radius: 1em;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
}

.section:hover{
	border-radius: 1em;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
}

.section:first-child{
	margin: 0 0 0 0;
}

.section p{
	margin-bottom:2em;
}

.section p:last-child, .section p:only-child{
	margin-bottom:0;
}

.section h1, .section h2, .section h3, .section h4, .section h5, .section h6 {
	margin:0 0 0.5em 0;
	font-size:1em;
	font-weight:bold;
}

.section .date{
}

.section dl{
	margin-top:1em;
}

a.section{
	display:block;
	color:#222;
}

a.section:hover{
	background-color:#CCC;
	color:#222;
}

/******* Links *******/

a {
	color: #3f6b95;
	text-decoration: none;
}

a:hover {
	color: #65aae8;
}

#content a {
	border-bottom: 1px dotted #a2c7f0;	
}

#content a.section{
	border-bottom: 0px;
}

#content h2 a {
	border: none;
}


/******* Masthead *******/

#masthead {
	background-color:#222222;
	position: relative;
	width: 976px;
	margin: 0 auto;
}

#masthead>div{
	padding:30px;
}

#masthead>div.clear{
	padding:0px;
}

#masthead h1{
	margin-bottom:0;
	font-size:2em;
}

#masthead h1 sub{
	color:#FFFFFF;
	font-size:0.3em;
}

#masthead h1 a {
	color:#FFFFFF;
	text-transform:none;
}

#masthead h1~p{
	font-style:italic;
	color:#FFFFFF;
}

#masthead-info>div{
	width:27.8%;	
	float:left;
	margin: 30px 0px 30px 30px;
	background-color:#FAFAFA;
	color:#444444;
}

#masthead-info h1, #masthead-info h2, #masthead-info h3, #masthead-info h4{
	height:2em;
	font-weight:bold;
	font-size:1em;
}

#masthead-info>div:first-child{
	margin: 30px 0 0 0;
}

#show-masthead-info{
	float:right;
	color:#FFFFFF;
	margin: 0 5px 5px 0;
}

/******* Menu *******/

ul#menu, ul#sub-menu {
	position: relative;
	width: 976px;
	margin: 0 auto;
	text-align:right;
	margin-bottom:5px;
	font-size:0.8em;
}

ul#menu li, ul#sub-menu li {
	display: inline;
}

ul#menu li:before, ul#sub-menu li:before { content: ' |'; }
ul#menu li:first-child:before, ul#sub-menu li:first-child:before { content: ''; }


ul#menu a, ul#sub-menu a {
	color: #222222;
	margin-left: 0.5em;
}

ul#menu a:hover, ul#menu a.active, ul#sub-menu a:hover, ul#sub-menu a.active {
	color: #3f6b95;
}

 ul#sub-menu{
 	float:right;
	margin: -15px 0 30px 0;
 }

/******* Typography *******/

h1, h2, h3, h4, h5, h6 {
	font-size:1.25em;
	margin:0 0 0.5em 0;
	text-transform:uppercase;
	line-height:1.3em;
}

ul {
	list-style: square;
	margin: 0 15px;
}

ol li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:decimal;
	margin-left:3em;
}

li {
	margin: 0.5em 0;
}

dl{
	margin-bottom:2em;
}

dl:last-child{
	margin-bottom:0;
}

dt{
	margin-bottom:5px;
	font-weight:bolder;
}

dd{
	margin: 5px 5px 15px 10px;
}

small{
	
}

sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size:0.5em;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

strong{
	font-weight:bold;
}

/******* Form *******/

form {
	overflow: hidden;
	margin-top: 20px;
	background-color: #FFFFFF;
}

form label {
	display: block;
	position: relative;
	margin-bottom: 15px;
	text-transform:uppercase;
	font-size:0.8em;
}

form label small {
	color: #626262;
	font-size: 90%;
	text-transform: none;
	margin-left: 1em;
	float:right;
}

form label small a:hover {
	color: #ccc;
	border-color: #888; 
}

form input[type="text"], form textarea {
	display: block;
	width: 99%;
	padding: 3px;
	background-color: #ffffff;
	border: thin dotted #A2A2A2;
	margin: 3px 0 0 0 ;
}

form input[type="text"]{
}

form input[type="radio"]{
	margin-right:15px;
}

form input[type="submit"]#submit {
	display: block;
	float: right;
}

form label.form-required-error{
	font-weight:bold;
	color:#CC0000;
}

form label.form-required-error:before{
	content:"Vergeet niet uw ";
}

form fieldset{
	padding: 0 5px 0 0;
	margin: 0 0 15px 0;
	border-bottom: thin dashed #CCCCCC;
}

form fieldset p{
	margin-bottom: 15px;
	font-size:0.8em;
}

.success {
	color: #2c421b;
	background-color: #8acd55;
	padding: 5px 15px;
}

.error {
	color: #FFF;
	background-color: #555;
	padding:4px;
}

/******* Footer *******/

ul#footer {
	background-color:#111111;
	color: #FFFFFF;
	width: 976px;
	margin: 0 auto;
	font-size:0.8em;
}

ul#footer .section{
	background-color:#111111;
	color:inherit;
}

ul#footer>div:first-child{
	padding:15px;
}

ul#footer>div>div{
	width:285px;
	float:left;
}

ul#footer a{
	color:#FFF;
	border-bottom: thin dotted #FFF;
}