body{
font-size: 14px;
font-family: Helvetica, Arial, Verdana, schreefloos;
background-color: #64a5cf;

}

a.edit_link{
display: none;
position: absolute;
left: 730px;
top: 125px;
font-size: 11px;
}

a.cms_link{
font-size: 12px;
color: #056290;
cursor: pointer;
text-decoration: none;
}

/* a.edit_link:hover */

h1{
font-style: normal;
font-weight: 100;
margin-bottom: 5px;
font-size: 24px;
}

#content a:link {
color: #60a4cf;
}

#content a:visited {
color: gray;
}

.header{
height:29px; 
}


#home_header{
width:582px;
height: 434px;
background-color: #64a5cf; 
margin-top:20px; 	
}



#logo{
margin-top: 20px;
margin-bottom: 40px;
}

#left_menu, #right_menu, #content{
margin-bottom: 20px;
padding: 0px;
}

#content{
position: relative;
top: -6px;
}



 

#right_menu{
 padding-top: 71px;
}


#right_menu{
margin-top: 40px;
}

#left_menu {
margin-top: 35px;
}



#bluebalk{
background-color: #60a4cf;
width:100%;
height:20px;
}


#logo{
height:64px;
width:249px;
background-image: url(../img/layout/gerbenwerkt_logo.jpg);
}


#content_holder{
width: 100%;
height: inherit;
background-color:#fff;
}





ul{
list-style-type: none;
margin-left: 0px;
padding:0px;

}

#image_grid {
margin-top:20px;

}


#image_grid ul li {
margin-right: 16px;
margin-left: 0px;

margin-bottom: 16px;
margin-top: 0px;
list-style-position: inside;
list-style-type: none;
width: 132px;
height: 132px;
float:left;
background-color: #c5c5c9;
border: 1px solid #c5c5c9;

padding: 0;
}

#image_grid ul li:hover {
	border-color: #72bbe8;
}

.hover_preview{
display: none; 
position: absolute; 
z-index: 2; 
padding-top: 1px;
font-size: 10px;
text-align: center;
width: 400px;
margin-left: -133px;

}

#image_grid ul li a{
width: 100%;
height: 100%;
display: block;
}


#project_photo  {
margin-top:35px;
position: relative;
left: -10px;
}

#project_photo li {
margin-right: 3px;
margin-left: 0px;
margin-bottom: 3px;
margin-top: 0px;
list-style-position: inside;
list-style-type: none;
width: 43px;
height:43px;
float:left;
background-color: #c5c5c9;

}

#project_photo li:hover img, #project_photo li.thumbActive img{
	border-color: #72bbe8;
	border-width: 1px;
	border-style: solid;
}


#project_photo li img {
border: 1px solid #ccc;
height: 41px;
width: 41px;
}


#biggy{
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #ddd;
width: 179px;
}

#biggy_fake{
margin-bottom: 5px;
position: relative;
left: 1px;
background: #eee;
width: 179px;
height: 179px;
}





/* footer */
#footer {
margin-top: 20px;
width:100%;
height:auto;
}

#footer_banner_left{
background-position: 0 23px;
width:100%;
height:121px;
background-color: #64a5cf;
background-image: url(../img/layout/t_footer.jpg);
background-repeat: no-repeat
}

#footer_banner_right{
width:257px;
height:121px;
position: absolute;
right:0;
background-image: url(../img/layout/rechts_onder_banner.jpg);
}

#naw {
margin-left:50px;
 
padding-top:23px;;
width: 200px
height:auto;
}

#naw a {
color:#000;
text-decoration: none;
}


/* option menu */

#options_bar{
position: absolute;
top: 0px;
width: 100%;
width: 100%;
background-image: url(../img/layout/optionbar.png);
background-repeat: repeat-x;
height: 27px;
padding: 1px 0px 2px 0px;
color: gray;
font-size: 11px;
z-index: 100;
}

#options_bar_margin {
height: 30px;
}

#options_bar a, #options_bar a:link, #options_bar a:visited, #options_bar a:active { color: gray; text-decoration: underline;}
#options_bar a:hover { color: #c87ec8; text-decoration: underline;}

.photo_holder{
position: absolute;
top: 220px;
right: -195px;
width: 180px;
}

.photo_thumb{
border: 1px solid #ccc;
margin: 0px;
margin-right: 7px;

}

#extra_menu{
margin-top: -20px;
position: absolute;
right: 5px;
color: #ccc;
}

#extra_menu a, #extra_menu a:link, #extra_menu a:visited, #extra_menu a:active { font-size: 11px; color: gray; text-decoration: none;}
#extra_menu a:hover {  color: #71BAE7; text-decoration: underline;}

.ie6_melding{
position: relative;
top: 10px;
width: 850px;
font-size: 12px;
padding: 10px;
border: 4px solid red;
}