/* General tags */
body {font-size: 100.1%}
a {background-color:inherit; color:#000000; text-decoration:none}
a:hover {text-decoration:none}
img {margin:0.5em 0.5em 0.5em 0.5em}

#container{
margin:auto;
width:58em;
height:45em}

#header1{background-image:url(../images/header1.jpg);background-position:top left;background-repeat:no-repeat;background-color:#E0E4F1;float:left;width:40em;height:9em;border-left:0.5em solid #FFFFFF}
#header2{background-image:url(../images/header2.jpg);background-position:top left;background-repeat:no-repeat;background-color:#E0E4F1;float:left;width:40em;height:9em;border-left:0.5em solid #FFFFFF}
#header3{background-image:url(../images/header3.jpg);background-position:top left;background-repeat:no-repeat;background-color:#E0E4F1;float:left;width:40em;height:9em;border-left:0.5em solid #FFFFFF}
#header4{background-image:url(../images/header4.jpg);background-position:top left;background-repeat:no-repeat;background-color:#E0E4F1;float:left;width:40em;height:9em;border-left:0.5em solid #FFFFFF}
#header5{background-image:url(../images/header5.jpg);background-position:top left;background-repeat:no-repeat;background-color:#E0E4F1;float:left;width:40em;height:9em;border-left:0.5em solid #FFFFFF}
#header6{background-image:url(../images/header6.jpg);background-position:top left;background-repeat:no-repeat;background-color:#E0E4F1;float:left;width:40em;height:9em;border-left:0.5em solid #FFFFFF}
#header7{background-image:url(../images/header7.jpg);background-position:top left;background-repeat:no-repeat;background-color:#E0E4F1;float:left;width:40em;height:9em;border-left:0.5em solid #FFFFFF}
#header8{background-image:url(../images/header8.jpg);background-position:top left;background-repeat:no-repeat;background-color:#E0E4F1;float:left;width:40em;height:9em;border-left:0.5em solid #FFFFFF}
#header9{background-image:url(../images/header9.jpg);background-position:top left;background-repeat:no-repeat;background-color:#E0E4F1;float:left;width:40em;height:9em;border-left:0.5em solid #FFFFFF}
#header10{background-image:url(../images/header10.jpg);background-position:top left;background-repeat:no-repeat;background-color:#E0E4F1;float:left;width:40em;height:9em;border-left:0.5em solid #FFFFFF}
#header11{background-image:url(../images/header11.jpg);background-position:top left;background-repeat:no-repeat;background-color:#E0E4F1;float:left;width:40em;height:9em;border-left:0.5em solid #FFFFFF}
#header12{background-image:url(../images/header12.jpg);background-position:top left;background-repeat:no-repeat;background-color:#E0E4F1;float:left;width:40em;height:9em;border-left:0.5em solid #FFFFFF}
#header13{background-image:url(../images/header13.jpg);background-position:top left;background-repeat:no-repeat;background-color:#E0E4F1;float:left;width:40em;height:9em;border-left:0.5em solid #FFFFFF}
#header14{background-image:url(../images/header14.jpg);background-position:top left;background-repeat:no-repeat;background-color:#E0E4F1;float:left;width:40em;height:9em;border-left:0.5em solid #FFFFFF}
#header15{background-image:url(../images/header15.jpg);background-position:top left;background-repeat:no-repeat;background-color:#E0E4F1;float:left;width:40em;height:9em;border-left:0.5em solid #FFFFFF}
#header16{background-image:url(../images/header16.jpg);background-position:top left;background-repeat:no-repeat;background-color:#E0E4F1;float:left;width:40em;height:9em;border-left:0.5em solid #FFFFFF}
#header17{background-image:url(../images/header17.jpg);background-position:top left;background-repeat:no-repeat;background-color:#E0E4F1;float:left;width:40em;height:9em;border-left:0.5em solid #FFFFFF}
#header18{background-image:url(../images/header18.jpg);background-position:top left;background-repeat:no-repeat;background-color:#E0E4F1;float:left;width:40em;height:9em;border-left:0.5em solid #FFFFFF}
#header19{background-image:url(../images/header19.jpg);background-position:top left;background-repeat:no-repeat;background-color:#E0E4F1;float:left;width:40em;height:9em;border-left:0.5em solid #FFFFFF}
#header20{background-image:url(../images/header20.jpg);background-position:top left;background-repeat:no-repeat;background-color:#E0E4F1;float:left;width:40em;height:9em;border-left:0.5em solid #FFFFFF}

#language{
float:right;
position:relative;
right:1em;
top:7em;
display:block;
background-color:#333333;
width:auto;
line-height:1.3em;
padding:0em 0.5em 0em 0.5em}

.language {color:#FFFFFF; text-decoration:none}
.language:hover {color:#FFFFFF; text-decoration:underline}
.currentlanguage {color:#FFFFFF; font-weight:bold}

#special{
float:right;
position:relative;
right:1.5em;
top:7em;
display:block;
background-color:#1659CC;
width:auto;
line-height:1.3em;
padding:0em 0.5em 0em 0.5em}

.special {color:#FFFFFF; text-decoration:none}
.special:hover {color:#FFFFFF; text-decoration:underline}

#left{
float:left;
background-image:url(logo.jpg);
background-repeat:no-repeat;
background-position:top right;
width:15em;
height:45em}

/* menu container */

#menu {
float:left;
margin-top:1em;
width:10em;
height:auto;
border-left: 0.5em solid #FFFFFF}

/* menu1 */
.menu1 {
float:right; 
width:8.5em; 
line-height:1.5em; 
display:block; 
background-color:#F1F4FD; 
color:#666666; 
font-weight:bold;
padding:0em 0.5em 0em 0.5em; 
border-right:0.5em solid #FFFFFF; 
border-bottom:0.05em solid #E6E6E6;
margin-bottom:0.2em}

.menu1:hover {
background-color:#8D9CCB;
width:9em;
border-right:0em;
color:#FFFFFF; 
text-decoration:none;}

.menu1-select {
float:right; 
width:9em; 
line-height:1.5em; 
display:block; 
background-color:#E0E4F1; 
color:#666666; 
font-weight:bold;
padding:0em 0.5em 0em 0.5em; 
border-bottom:0.05em solid #E6E6E6;
margin-bottom:0.2em}

.h2 {color:#8D9CCB; font-weight:bold; line-height:1.5em; padding-left:0.5em}

/* menu2 */
.menu2 {
float:right; 
width:8.5em; 
line-height:1.5em; 
display:block; 
background-color:#EBF4E2; 
color:#666666; 
font-weight:bold;
padding:0em 0.5em 0em 0.5em; 
border-right:0.5em solid #FFFFFF; 
border-bottom:0.05em solid #E6E6E6;
margin-bottom:0.2em}

.menu2:hover {
background-color:#566B41;
width:9em;
border-right:0em; 
color:#FFFFFF; 
text-decoration:none;}

.menu2-select {
float:right; 
width:9em; 
line-height:1.5em; 
display:block; 
background-color:#D4E4C4; 
color:#666666; 
font-weight:bold;
padding:0em 0.5em 0em 0.5em; 
border-bottom:0.05em solid #E6E6E6;
margin-bottom:0.2em}

.h3 {color:#566B41; font-weight:bold; line-height:1.5em; padding-left:0.5em}

/* Content */
#main-green{
float:left;
width:28em; 
height:32em;
overflow:auto;
-webkit-overflow-scrolling: touch;
background-image:url(top-green.gif);
background-repeat:no-repeat;
background-color:#D4E4C4;
border-top:0.1em solid #FFFFFF;
padding:1em 1em 1em 1em}

.subjectgreen {color:#566B41; font-size:1.5em; line-height:1.5em}
.h1 {color:#566B41; font-weight:bold}
.highlightgreen {color:#566B41; text-decoration:none}
.highlightgreen:hover {color:#566B41; text-decoration:underline}


#main-blue{
float:left;
width:28em; 
height:32em;
overflow:auto;
-webkit-overflow-scrolling: touch;
background-image:url(top-blue.gif);
background-repeat:no-repeat;
background-color:#E0E4F1;
border-top:0.1em solid #FFFFFF;
padding:1em 1em 1em 1em}

.subjectblue {color:#004080; font-size:1.5em; line-height:1.5em}
.subblue {color:#004080; font-weight:bold}
.highlightblue {color:#004080; text-decoration:none}
.highlightblue:hover {color:#004080; text-decoration:underline}


#main-gray{
float:left;
width:28em; 
height:32em;
overflow:auto;
-webkit-overflow-scrolling: touch;
background-image:url(top-gray.gif);
background-repeat:no-repeat;
background-color:#E8E8E8;
border-top:0.1em solid #FFFFFF;
padding:1em 1em 1em 1em}

.subjectgray {color:#393939; font-size:1.5em; line-height:1.5em}
.subgray {color:#393939; font-weight:bold}
.highlightgray {color:#393939; text-decoration:none}
.highlightgray:hover {color:#393939; text-decoration:underline}

.brochure{
display:block;
float:right;
height:3em;
width:15em;
padding-right:3em;
background-image:url(pdfreader.gif);
background-repeat:no-repeat;
background-position:right;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:0.8em;
font-style:italic;
color:#566B41;
text-align:right}

.brochure:hover{text-decoration:underline}


/* Footer */
#footer {
float:left; 
width:40em; 
line-height:1.7em;
text-align:right; 
background-color:#E8E8E8;
background-image:url(footer.gif);
background-repeat:no-repeat;
background-position:right;
border-left:0.5em solid #FFFFFF;
border-top:0.1em solid #FFFFFF}

.credits {color:#999999; margin-right:5.5em}
.credits:hover {color:#000000; text-decoration:none}

/* pagina-specifieke opmaak */

/* pagina "mensen" */

.personalia1{
display:block;
margin-bottom:0.3em;
width:26.5em;
height:10.2em;
background-color:#F3F5FB;
border:0.05em solid #8D9CCB;
padding:0.5em}

.personalia2{
display:block;
margin-bottom:0.3em;
width:26.5em;
height:auto;
background-color:#F3F5FB;
border:0.05em solid #8D9CCB;
padding:0.5em}

.personalia3{
display:block;
margin-bottom:0.3em;
width:26.5em;
height:29em;
background-color:#F3F5FB;
border:0.05em solid #8D9CCB;
padding:0.5em}	

.img-personalia{margin:0em 0.2em 0.2em 0em}
.img-personalia2{margin:0.2em 0.2em 20em 0.5em}

/* pagina "branche" */

.branche{
display:block;
margin-bottom:0.3em;
width:25em;
height:6em;
padding:0.5em}

/* pagina "contact" */

.contact1{
display:block;
margin-bottom:0.3em;
width:auto;
height:10em;
padding-left:9em;
background-image:url(mail.gif);
background-repeat:no-repeat;
background-position:left}

.contact1:hover{text-decoration:underline}

.contact2{
display:block;
margin-bottom:0.3em;
width:auto;
height:10em;
padding-left:9em;
background-image:url(nederland.gif);
background-repeat:no-repeat;
background-position:left}

.contact2:hover{text-decoration:underline}

#adress{
display:block;
float:left;
margin-bottom:1em;
margin-right:0.4em;
width:auto;
height:auto;
padding:0.2em;
background-color:#F3F5FB;
border:0.05em solid #8D9CCB}

.img-adress {margin:0.5em 0em 0.5em 0em}

.route{border-style: none}

/* content styles */

.large{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:1.3em;color:#000000;line-height:1.3em}
.bold{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:0.8em;font-weight:bold;color:#000000}
.info{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:0.8em;color:#000000}
.italic{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:0.8em;font-style:italic;color:#000000}

.text {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:0.8em; line-height:1.3em}