html {
margin: 0px;
padding: 0px;
width: 100%;
background-color: #ffffff;
}

body {
margin: 0px;
padding: 0px;
width: 100%;
background-image: url(../img/grondbovenb.jpg); 
background-repeat:no-repeat; 
background-position: 50% 30px;
}

img {
margin: 0px;
padding: 0px;
border: 0px;
}

/* container ID's */

#headertopcontainer {


background-image: url(../img/blackwhitebg27p.png);
background-repeat: no-repeat;
background-position: 50% 108px;
border-bottom:solid red 2px;
height: 135px;
}

#headerbottomcontainer {
background-image: url(../img/carbon.png);
background-repeat: repeat-x;
padding-bottom: 4px;
border-bottom:solid red 8px; 
}

#contentcontainer {
background-image: url(../img/grondonderb.jpg); 
background-repeat:no-repeat;
background-position: top center;
}

#footercontainer {
clear: both;
height: 38px;
background-color:red;
}


/* main ID's */

#headertop {
position: relative;
height: 135;
}

#headertop img {
float: left;
}

#menu {
z-index: 900;
position: absolute;
right: 0px;
width: auto;
margin-top: 108px;
height: 27px;
}

#menu_image {
float: right;
width: 20px;
height: 27px;
background-image: url(../img/menu.png); 
background-repeat:no-repeat;
background-position: top left;
background-color: red; 
}

#menu ul{
float: right;
margin: 0px;
padding: 0px;
list-style: none;
}

#menu ul li {
position: relative;
float: left;
height: 27px;
margin: 0px;
padding: 0px;
display:inline; 
}

#search {
position: absolute;
top: 25px;
right: 0px;
border : 1px solid red;
width: 195px;
height: 23px;
padding-left:5px;
}

#search input {
color: red;
border : 0px;
}

#searchimage {
float: right;
border-left : 1px solid red;
padding: 3px;
}

#headerbottom {
position:relative;
height: 260px;
z-index:10;
}

#content {
position:relative;
min-height: 400px;
width: 922px;
}

#contentleft {
float: left;
width: 500px;
margin: 30px 0px;
}

#subpages {
margin: 10px 0px 10px 0px; 
}

#page img {
max-width: 500px;
border:solid black 1px;
}

#contentright {
float: right;
width: 350px;
margin: 30px 0px;
padding-left: 20px;
border-left: dotted silver 1px;
}

#contentright p{
padding-left: 26px;
}

#contentright ul{
padding-left: 26px;
}

#contentright h2 img{
margin-right: 13px;
}

#projects {
padding-bottom: 50px;
background-image: url(../img/projects.png); 
background-repeat:no-repeat; 
background-position: bottom;
}

#projects p{
width: 220px;
}


#footer {
position: relative;
top: 8px;
text-align: center;
}

/* overlay ID's */

#overlay {
position: absolute;
z-index: 1000;
top: 200px;
width:1070px;
left:50%;
margin-left:-583px;
}

#overlayimage {
float: left;
}

#slider {;
float: right;
margin-top: 50px;
width: 270px;
}

#slider img {
float: right;
}
  

/* Classes */

.wrapper {
width: 100%;
} 

.center {
position: relative;
width: 922px;
margin: 0 auto;
}

.contentright {
margin-bottom: 50px;
}

.menuimg{
width: 20px;
}

.menu{
background-color: black;
}

#news_category_holder {
    
    background-color: #fff;
    border: 1px solid #ccc; 
    padding: 3px;
    height: 25px;

    
}

#news_category_holder .news_category {
 position: relative;
 float: left; 
 margin-right: 15px;
 color: red; 
}

#news_category_holder a:hover { 
    color: #000;
}


#breadcrumbs a:hover {
    color: #000;
}

#contentright a:hover { 
    color: #000;
}

.MsoNoSpacing  { margin-top: 0; font-size: 12px;}
.item   { margin-top: 0; font-size: 12px }
h2 { padding: 0; margin: 0}