/*
created by:
http://www.mooiedingenmaken.nl
frank@mooiedingenmaken.nl

COLORS:
100% green:	117,176,54
30% green:	213,231,194
*/

/* clear stuff */
html, body, form, fieldset, div, table, td {
margin: 0;
padding: 0;
font: 13px/1.3em Helvetica, Arial, sans-serif;
color:#000;
}

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
margin: 0 0 0.7em 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6 {
line-height:1.2;
}

a img {
border:none;
}

/* done clearing stuff */

body {
background:#FFF;
}

a {
text-decoration:none;
}

h1 {
font-size:20px;
line-height:1.2;
}

#topbar {
height:35px;
}

#top {
width:800px;
text-align:left;
background:#EEE;
padding-bottom:20px;
}

#menutop {
text-align:center;
float:right;
width:486px;
padding:7px 0;
background:transparent url('../../layoutimg/bgtopmenu.gif') bottom center no-repeat;
}
#menutop a {
margin:0 5px;
color:#FFF;
font-weight:bold;
}
#menutop a:hover {
color:rgb(213,231,194);
}

#header {
width:800px;
/* height:310px; */
}
#header .overemc {
height:218px;
}

#articles {
float:left;
width:569px;
background:#FFF;
}
#articles a {
color:rgb(117,176,54);
font-weight:bold;
}
#articles a:hover {
color:#666;
}

.articleSummary {
margin-bottom:1em;
font-weight:bold;
}

.article,
.vacature,
.kandidaat {
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid rgb(117,176,54);
}

.accent {
padding:8px 10px 0 10px; 
background:rgb(213,231,194);
font-size:0.9em;
border:none;
}

.article h1 {
font-size:20px;
}
#articles h1 a {
color:#000;
text-decoration:none
}

.accent h1 {
font-size:18px;
}
.accent h1 a {
color:#000;
text-decoration:none
}

.article p {
margin-top:0.4em;
}
.article img {
float:left;
margin:2px 10px 10px 0;
}
td.imagelisttd {
padding:0 0 0.8em 0;
}
.content li {
margin-left:30px;
margin-right:50px;
list-style-type:square;
}
.content table {
margin-bottom:1em;
}
.articleText{
margin-bottom:1em;
}

.vacature,
.kandidaat {
line-height:1.2em;
}
.vacature h2 {
margin-bottom:0.3em;
}

.moreinfo {
display:none;
}

.readon {
font-weight:bold;
}

.rounded {
font-size:1px;
line-height:1px;
height:12px;
}

.content {
padding:8px 20px;
}
.contentright {
margin:8px 10px;
}
.contentspacer {
background:#EEE;
}
.content h3 {
margin-bottom: 0.3em;
}
.content h4 {
font-size:1.1em;
}
.filter {
background:rgb(166,210,131);
}

#menuright {
float:right;
width:200px;
background:rgb(117,176,54);
margin-bottom:2px;
}

.magazine {
background:#FFF;
}

#menuright h2 {
font-size:16px;
text-transform:uppercase;
color:rgb(213,231,194);
padding-bottom:5px;
margin-bottom:0;
}
#menuright .magazine h2 {
color:rgb(117,176,54);
}
#menuright a {
display:block;
border-top:1px solid #FFF;
color:#FFF;
font-size:14px;
font-weight:bold;
padding:5px 0;
}
#menuright .magazine a {
border-top:1px solid rgb(117,176,54);
color:#333;
}
#menuright a:hover {
color:rgb(213,231,194);
}
#menuright .magazine a:hover {
color:#666;
}

#bottom {
width:800px;
text-align:left;
padding:20px 0;
}

.vacatures {
width:270px;
float:left;
margin-right:30px;
}
.vacatures h2 {
font-size:16px;
text-transform:uppercase;
color:#666;
padding-bottom:5px;
margin-bottom:0;
}
.vacatures a {
display:block;
border-top:1px solid rgb(117,176,54);
color:#000;
font-size:14px;
font-weight:bold;
padding:5px 0 4px 0;
}
.vacatures a:hover {
color:rgb(117,176,54);
}
.vacatures a .small {
font-size:11px;
font-weight:normal;
}

.posted {
font-size:0.8em;
}

#menuright .contentright a.login {
display:inline;
border:none;
color:#FFF;
font-size:11px;
line-height:1.6em;
font-weight:normal;
padding:0;
}
#menuright .contentright a.login:hover {
color:rgb(213,231,194);
}
.loginput {
width:180px;
color:#666;
}

#seals {
width:200px;
float:right;
border-top:20px solid #FFF;
background:#FFF;
}
#seals img {
float:left;
margin-right:10px;
border:none;
}

#footer {
margin:50px 0 30px 0;
width:800px;
font-size:0.9em;
color:#666;
}
#footer a {
color:#666;
text-decoration:underline;
}
#footer a:hover {
color:rgb(117,176,54);
}

.clear {
clear:both;
font-size:1px;
line-height:1px;
margin:0;padding:0;
}

.aanmeldform td {
padding-bottom:1em;
}


.vacature i {
color:#FFF;
background:rgb(117,176,54);
font-weight:bold;
font-style:normal;
padding-left:2px;
padding-right:2px;
}

#VisualMODE {
display:none;
}