/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
/*  einde reset stylesheet */
/* En hier nog een kleine correctie van mijzelf (Dick) on Firefox in het gareel te laten lopen.
	 Firefox neemt altijd één row extra voor de scrollbar. Daardoor zijn de Firefox textarea's hoger 
	Dit zorgt ervoor dat er geen regel gebruikt wordt voor de scrollbar, want die komt er toch niet.
	Idee van stack overflow: height-of-textarea-does-not-match-the-rows-in-firefox 
*/
textarea {overflow-x: hidden;}
html, body
{
	height:100%;
	background-color:white;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:justify;
}
	
#container
{
	margin: 0 auto;
	width: 100%;
	max-width:1024px;
	background:white;
	color: #000;

}

.red{
	 color:#C4122E;/* was C00*/
}
	
.lightBG{
	background-color:#09F;
}

a:visited { color:#A5122A; text-decoration:none;}
a:link {color:#A5122A; text-decoration:none;}
a:hover { color:#F00; text-decoration:none;}

#header
{
	margin-bottom:10px;
	border-bottom: 1px solid #C4122E;
}

#header img 
{
}

#header h1 { margin: 0; }

#homenavigation{

	margin: 0;
	display:block;
	width:100%;
}


#navigation
{
	padding-left:20px;
	margin: 0 0 0 10%;
	width:100%;
	display:block;

}

#navigation, #homenavigation ul
{
	margin-left:20%;
	margin: 0;
	padding: 0;
}

#navigation, #homenavigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation, #homenavigation li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color:#A5122A;
	margin:2px;
	background:#FCD05D;
	text-decoration: none;
	font-size:larger;
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
}

#navigation, #homenavigation img.flag{
float:right;
margin-right:20px;
padding-top:5px;
border:0;
}

#navigation, #homenavigation li a:hover { 

	background:#FC0; 
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	}

#content-container1
{
	float: left;
	width: 100%;

}

#content-container2
{
	float: left;
	width: 100%;

}

.right{
	float:right;
	text-align:right;
}

.left{
	float:left;
	text-align:left;
}

.paragraphimage{
	float:left;
	text-align: left;
	padding-top: 4px;
	padding-right:5px;
}

.italic{
	font-style:italic;
}

.bold{
	font-weight: bold;
}

.small{
	font-size:smaller;
}


.main_item {
  position:relative;
  float:left;
  margin:0;
  height:200px;
  width:49%;
  padding:4px 2px;

}

.main_item img {
  position:absolute;
  left:0;
  border: 0px;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.main_item img.top:hover {
  opacity:0;
}


#section-navigation
{
	float: left;
	width: 12%;
	padding: 60px 0 30px;
	margin: 0;
	display: inline;
	text-decoration: none;
}

#section-navigation ul
{
	margin: 0;
	padding: 0;
}


#section-navigation ul li
{
	margin: 0 0 1em;
	padding: 0;
	list-style-type: none;
	text-align: left;
}

#content
{
	float: left;
	width: 60%;
	padding: 10px 0 25px;
	margin: 0 0 0 2%;

}

p	
{
padding: 5px 0 0;
}

h3, h4 {
	padding:0;
	margin:0;
}

ul{
	margin: 0;
	padding: 0 0 0 25px;
} 

#content ul
{
	text-align: left;
}

ul.clean
{
list-style-type:none;
width:100%;
margin:0;
padding:0;
}

li.doubleleft{
width:33%;
float:left;
}

li.doubleright{
width:66%;
float:left;
}
/* description list op de anbi-pagina */
dt{
	font-weight:bold;
	float:left;
	clear:left;
	width:140px;
}
dd{
	margin-left:140px;
	padding: 0 0 1em 0;
}


h2 { margin: 10px 0 0; color: #C4122E; }
 
.redbold {
font-weight:bold;
color: #C4122E;
font-size:14px;
}

#content ul.small
{
	font-size: small;
}

#content img.right
{
	float:right;
	clear:right;
	padding-left:10px;
}

#content img.left
{
	float:left;
	clear:left;
	padding-right:10px;
}

#content p.left
{
	float:left;
}

#content img.logo
{
	display:block;
	padding-bottom:10px;
	padding-top:5px;
}
#aside
{
	float: right;
	width: 20%;
	padding: 0 0 0 2px;
	margin: 45px 0 20px 2px;
	display: inline;

}
#asidehome
{
	float: right;
	width: 25%;
	padding: 0 0 0 2px;
	margin: 0 2% 20px 2px;
	display: inline;

}
#aside img {margin-top:15px;}

#aside h3 { margin: 0; color: #C4122E; }
#aside h2 { color: #C4122E; }

#footer
{
	clear: both;
	background: #FCD05D;
	color: #C4122E;
	margin-top:2px;
	width:100%;
	position:relative;
	text-align:right;
	padding-bottom:1px;
} 

#footer .left
{
float:left;
text-align:left;
position: absolute; 
margin-left:10px;
margin-top:2px;
font-size: x-small;
}


#footer ul{
	padding:0;
	margin-top:2px;
}

#footer li{
	list-style-type: none;
	display:inline;
	padding-right:15px;
}

#footer a
{	font-size: larger;
	color: #C4122E;
	background :#FCD05D;
	text-decoration: none;
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
}
#footer a:hover { 
	background: #FC0; 
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	}

#footer img
{
width:24px;
height:24px; 
border:none;
margin-top:2px;
vertical-align:middle;
}

/* Vanaf hier form style */

form, button{
	border:0; 
	margin: 0; 
	padding:0;}

#forms
{
margin: 20px 0 10px;
float:left;
border:solid 2px #CCC;
width:76%;
background:#FFF;
padding:10px;
text-align:left;
}
label {padding:10px 10px 10px 0px;}

legend {font-weight:bold;}

fieldset {border: 1px solid #FFF;}

#warning {
	color:#900;
}

#section-navigation.kleinere-afstand ul li
{
	margin-bottom: 0.5em;
}
#section-navigation.kleinere-afstand ul li.bold
{
	margin-top: 1.5em;
}