/* ALGEMEEN */
#container {
width:950px;
margin:30px auto;
position:relative;
}
#leftside, #content {
display:inline;
float:left;
}
#leftside {
width:250px;
background:url(images/stippellijn.jpg) repeat-y right top;
}
#content {
width:660px;
}

/* LINKERKANT */
#logo {
margin-top:42px;
}
/* MENU */
.submenu {
width: 200px;
border-top:1px solid #ccc;
margin:45px 0 65px 30px;

}
.submenu li {
border-bottom:1px solid #ccc;
}
.submenu a {

text-decoration:none;
font-size:80%;
line-height:1.5em;
padding-left:28px;
text-transform:uppercase;
font-weight:bold;

}
.submenu a.currentpage, .submenu a.activeparent {
background:url(images/bulletNavigatie.jpg) no-repeat 0px center;
}
.submenu ul ul .currentpage, .submenu ul ul .activeparent {
background:none;
font-weight:bold;
color:#333;
}
.submenu ul ul ul .currentpage, .submenu ul ul ul .activeparent {
color:#333;
}
.submenu a:hover {
color:#333;
}
.submenu ul ul {
margin-left:30px;
}
.submenu ul ul ul {
margin-left:15px;
margin-bottom:5px;
}

.submenu ul ul li {
border-bottom:#fff 1px solid;
}
.submenu ul ul a {
text-transform:lowercase;
font-size:80%;
line-height:1.2em;
font-weight:normal;
padding:0;
}
/* LOGIN */
.login {
background:url(images/bgLogin.jpg) no-repeat left top;
height:165px;
margin-left:30px;
}
.login h3 {
font-size:130%;
margin:0 15px 5px 25px;
padding-top:15px;
display:inline;
float:left;
padding-right:25px;
background:url(images/bulletNavigatie.jpg) no-repeat right 22px;
font-weight:normal;
}
.login input {
margin:5px 10px 3px 15px; 
width:170px;
background:transparent url(images/bgLoginInput.jpg) no-repeat left top;
border:none;
padding-left:10px;
color:#62656f;
}
.login a {
display:block;
margin:5px 10px 5px 25px; 
font-size:75%;
text-decoration:none;
line-height:1.1em;

}
.login a:hover {
text-decoration:underline;
}

/* CONTENT */
#content {
margin-left:20px;
}
#topmenu {
margin-bottom:10px;
text-align:right;
}
#topmenu li {
display:inline;
}
#topmenu a {

text-decoration:none;
font-size:80%;
line-height:1.5em;

text-transform:uppercase;
font-weight:bold;

margin-right:20px;
}
#topmenu a:hover {
color:#333;
}
#topmenu a.currentpage, #topmenu a.activeparent {
color:#0090c6;
}

#topmenu li.jobs a {
margin-right:0;
}

.content {
margin-top:10px;
}
.content h1 {
font-size:200%;


text-transform:uppercase;
font-weight:normal;
margin-bottom:20px;
width:360px;
}
#content p, #content a, #content li {
font-size:80%;
}
#content a.readmore {
font-size:100%;
font-weight:bold;
text-decoration:none;
}
#content a.readmore:hover {
text-decoration:underline;
}
#content h2 {
font-size:140%;

font-weight:normal;
text-transform:uppercase;
margin:20px 0 5px;
width:360px;
}
#content h3 {
font-size:95%;
font-weight:bold;
margin:10px 0 5px;
}

/* NEWS */
p.article {
border-bottom:1px solid #0090c6;
padding:6px 0;
}
p.article a.readmore {
color:#0090c6;
}


.content, .promoarea {
display:inline;
float:left;
}
.content {
width:350px;
}

/* PROMO AREA */
.promoarea {
width:290px;
float:right;
background:url(images/stippellijn.jpg) repeat-y left top;
margin-left:10px;
margin-top:50px;
padding:20px 0;
}
.promo {
margin-left:15px;
}
#container #content .promo h2 {width:auto;}

#promo2 {
margin-top:30px;
}
#promo2 .holder, #promo2 img {
display:inline;
float:left;
}
#promo2 .holder {
width:170px;
}


/* SUBSITES */
#subsites {
position:absolute;
left:633px;
top:290px;
width:500px;
}
#subsites li {
display:inline;


}
#subsites a {
font-size:75%;
text-decoration:none;
display:inline;
float:left;
padding:5px 0 5px 23px;
margin-right:15px;
background:no-repeat left center;

filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

#subsites a.currentpage, #subsites a.activeparent, #subsites a:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}
#subsites .food a {
background-image:url(images/bulletFood.jpg);
}
#subsites .pharma a {
background-image:url(images/bulletPharma.jpg);
}
#subsites .facilities a {
background-image:url(images/bulletFacilities.jpg);
}
#subsites .farming a {
background-image:url(images/bulletFarming.jpg);
}



/* FOOTER */
#footer {

margin-top:0px;
margin-bottom:0px;
display:block;
text-align:right;
margin-right:15px;
}
#footer li {
display:inline;
font-size:75%;
line-height:1.3em;
}
#footer a {
text-decoration:none;
padding:0px 0px;
font-size:75%;
font-weight:normal;
}
#footer a:hover {
color:#333;
}