html {overflow: -moz-scrollbars-vertical;}
body {
text-align: center;
min-width: 940px;
}
#wrapper {
width: 940px;
margin: 0 auto;
text-align: left;
}
h1 {font-family: Arial; font-size: 16px; padding: 2px;}
h2 {font-family: Arial; font-size: 14px; padding: 2px; text-align: left;}
h3 {font-family: Arial; font-size: 13px; padding: 2px; text-align: left;}
h4 {font-family: Arial; font-size: 18px; padding: 3px; text-align: right;}
h5 {font-family: Arial; font-size: 18px; padding: 3px; text-align: left;}
h6 {font-family: Arial; font-size: 12px; padding: 2px; text-align: left;}
h7 {font-family: Arial; font-size: 21px; padding: 2px;}
p {font-family: Arial; font-size: 12px; padding: 2px;}
.hierbentu {font-weight: bold; font-style: italic; color: #666666; padding: 6px;}
.hierbentu a {color: #666666;}
.rechts {text-align: right; font-style: italic;}
.pyellow-l {display: block; background-color: #ffffd5; color: #ffffd5;}
.pwhite {color: white;}
.margri {margin-right: 4px}
.vatme {margin: 5px}
.notxtdec {text-decoration: none}
.inspringen {padding-left: 30px}
* {
margin: 0;
padding: 0;
}
img {border: 0;}
.boximg {border: 2px solid white; margin: 5px 5px 5px 33px;}
.boximg2 {border: 2px solid white; margin: 5px 5px 5px 20px;}
.top {border-bottom: 1px solid white;}
#kop {
width: 940px;
}
#inhoud {
width: 940px; /* news and main + secondary */
}
#newsContent {
width: 200px;
min-height: 500px;
float: left;
border-left: #c0c0c0 solid 1px;
border-right: #c0c0c0 solid 1px;
background: #ffffd5;
}
#content {
width: 730px;
float: right; /* main and secondary */
}
#mainContent {
width: 495px;
float: left;
}
#secondaryContent {
width: 230px;
float: right;
background: #6699ff;
}
#footer {
clear: both; text-align: center;
border-top: #6699ff solid 3px;
}
/* navigatie */
#mainNav {
width: 940px; font-family: Arial; font-weight: bold;
}
#mainNav ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
width: 938px;
background: #999999;
border: solid 1px #999999;
}
#mainNav ul li {
float: left;
}
#mainNav ul a {
display: block;
float: left;
padding: 0 2em;
line-height: 1.6em;
border-right: solid 1px white;
text-decoration: none;
color: #fff;
}
#mainNav ul a:hover {
color: #333;
background: #666
}
#secNav {
margin-left: 6px; margin-right: 6px; font-weight: bold;
}
#secNav ul {
margin: 0px;
padding: 0px;
list-style-type: none;
background: #999999;
border: solid 1px #999999;
}
#secNav ul a {
display: block;
text-decoration: none;
color: #fff;
text-indent: 5px
}
#secNav a:hover {
background-color: white;
color: #000; 
}
#secNav ul a:active {
background-color: white;
color: #000; 
}
#boxHier {
display: block;
width: 60%;
float: left;
border-left: #c0c0c0 solid 1px;
}
#boxBack {
display: block;
width: 32%;
float: right;
border-right: #c0c0c0 solid 1px;
}
#home .home,
#projecten .projecten,
#projects .projects,
#modellen .modellen,
#carbonfootprint .carbonfootprint,
#databaseCO2L .databaseCO2L,
#bedrijfsvoetafdruk .bedrijfsvoetafdruk,
#voetafdruk .voetafdruk,
#relatie-LCA .relatie-LCA,
#voetafdruk-varianten .voetafdruk-varianten,
#CO2-voetafdruk .CO2-voetafdruk,
#models .models,
#publicaties .publicaties,
#publications .publications,
#contact .contact,
#sitemap .sitemap {
background-color: white; 
color: #000; 
}
/* content */
#boxPrim {
margin: 1px;
width: 99,5%;
border-left: solid 1px #c0c0c0;
border-bottom: solid 1px #c0c0c0;
}
#boxPrim:hover {
background-color: #C0C0C0;
}
#boxPrim a {
display: block;
text-decoration: none;
color: #000000;
}
#boxHRe {
margin: 1px;
width:  49%;
min-height: 100px;
border-left: solid 1px #c0c0c0;
border-bottom: solid 1px #c0c0c0;
float: right;
}
#boxHRe:hover {
background-color: #C0C0C0;
}
#boxHRe a {
display: block;
text-decoration: none;
color: #000000;
}
#boxHLi {
margin: 1px;
width:  49%;
min-height: 100px;
border-left: solid 1px #c0c0c0;
border-bottom: solid 1px #c0c0c0;
}
#boxHLi:hover {
background-color: #C0C0C0;
}
#boxHLi a {
display: block;
text-decoration: none;
color: #000000;
}
#boxHRe2 {
margin: 1px;
width:  59%;
float: right;
}
#boxHLi2 {
margin: 1px;
width:  39%;
min-height: 120px;
}
#boxSec {
margin: 4px;
min-height: 100px;
border: solid 1px black;
}
#boxSec:hover {
background-color: #C0C0C0;
}
#boxSec a {
display: block;
text-decoration: none;
color: #000000;
}
#boxSite {
display: block;
color: #ff9933;
font-family: Arial;
letter-spacing: 2px;
font-size: 18px;
background-color: #000080;
text-align: center;
}
#boxP2 {
margin-left: -164px;
margin-top: 10px;
width: 655px;
margin-bottom: 10px;
border: solid 1px #c0c0c0;
background-color: white;
}
#boxP2HLi {
margin: 3px;
width: 49%;
border-top: dotted 1px #c0c0c0;
border-bottom: dotted 1px #c0c0c0;
background-color: white;
}
#boxP2HRe {
margin: 3px;
width: 49%;
float: right;
border-top: dotted 1px #c0c0c0;
border-bottom: dotted 1px #c0c0c0;
background-color: white;
}
.blue-d {display: block; background-color: #000080;}
.blue-l {display: block; background-color: #6699ff;}
.aquamarine {display: block; background-color: #7fffd4;}
.aquamarine-m {display: block; background-color: #66cdaa;}
.green-d {display: block; background-color: #006633;}
.green-l {display: block; background-color: #99ffcc;}
.orange {display: block; background-color: #ff9933;}
.orange-l {display: block; background-color: #ffcc99;}
.red-d {display: block; background-color: #fa5a32;}
.red-l {display: block; background-color: #ffc0cb;}
.seagreen {display: block; background-color: #8fbc8f;}
.turqoise {display: block; background-color: #afeeee;}
.wheat {display: block; background-color: #f5deb3;}
.yellow-d {display: block; background-color: #ffd200;}
.yellow-l {display: block; background-color: #ffffd5;}
.zand {display: block; background-color: #f4a460;}
#boxYellow-l {
height: 100px; background-color: #ffffd5;
}
#boxEmpty {
margin: 15px; min-height: 100px;
}
#boxEmpty2 {
margin: 15px;
min-height: 300px;
}
#boxLink {
margin: 13px; min-height: 100px;
}
#boxLink a {
text-decoration: none;
}