body {
	margin: 0px;
	padding: 0px;
	background: #636958;
	font-family:  Verdana, Arial, sans-serif; /* "Trebuchet MS", */
	color:#333;
	font-size:small; 
}

body.homepage #rightcol{ /* hack schrijven ! */
	visibility:hidden;
	width: 0px;
}

body.homepage #maincol{ /* hack schrijven ! */
	width: 720px; /* 720 */
}

/*body.homepage  #title{
	visibility:hidden;
	height:0px;
}*/

#main-wrapper{
	font-size:95%;
	position:relative;
	padding:0px 15px;
	margin: 0px auto;
	text-align:left;
	background: #fff url(../img/layout-bg.gif) center top repeat-y;	
	width: 760px;
}

/* ---[ top ]------------------- */

/* logo */

#logo{
	position:absolute;
	top:0px;
	left:15px;
	margin: 0px;
	padding: 0px;
	height:188px;
	background: url(../img/edwinvoogd_stripe.gif) no-repeat;
	z-index:1;
}

#logo span{
	visibility:hidden;
}

/* quicksearch */

#quicksearch{
	margin: 0px 0px 20px 0px;
	padding: 10px 10px 20px 10px;
	background: #eaf6c1 url(../img/box-footer.gif) center bottom no-repeat;
}

#quickseach-query{
	float:left;
	margin: 0px 3px 0px 0px;
	padding: 2px;
	width: 100px;
	height:14px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 100%;
	color: #666;
	background: #fff;
	border: 1px solid #ccc;
}

#quicksearch-btn{
	width: 41px;
	height: 20px;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: url(../img/src-btn.gif) center top no-repeat;
	text-indent: -1000em;
	vertical-align: middle;
	z-index: 0;
	cursor: pointer;
}

/* textsizemenu */

#textsizemenu{
	position:absolute;
	top: 20px;
	right: 35px;
	height:20px;
	margin: 0px;
	padding: 0px;
	list-style:none;
	display:inline;
	z-index:1;
}

#textsizemenu li{
	margin: 0px;
	padding: 0px;
	list-style:none;
	display:inline;
}

#textsizemenu a{
	float: left;
	height: 20px;
	width:20px;
	padding: 0px;
	margin: 0px 3px 0px 0px;
	text-indent:-5000px;
	text-decoration:none;	
	background-repeat:no-repeat;
}

#textsizemenu a:hover {
	background-position: left top;
}

#t-small{
	background: url(../img/text-small.gif);
	background-position: left top;
}

#t-medium{
	background: url(../img/text-medium.gif);
	background-position: left bottom;
}

#t-large{
	background: url(../img/text-large.gif);
	background-position: left bottom;
}

/* navigation */

#navigation{
	font-size:100%;
	position:absolute;
	top: 75px;
	left: 35px; /* left: 35px; */
	height:25px;
	margin: 0px;
	padding: 0px;
	list-style:none;
	display:inline;
	overflow:hidden;
	z-index:2;
}

#navigation li{
	margin: 0px;
	padding: 0px;
	list-style:none;
	display:inline;
}

#navigation a{
	display:block;
	float: left;
	width:70px;
	padding:7px 0px 0px 0px;
	margin: 0px 1px 0px 0px;
	background: url(../img/nav-tab.gif) 0px -25px no-repeat;
	color: #636958;
	font-size:90%;
	text-decoration: none;
	text-align:center;
	height: 25px; 
}

#navigation a:hover, #navigation a.active  {
	color: #fff;
	background-position: 0px 0px;
}

/* header */

#header {	
	height: 103px;
	background: url(../img/layout-header-bg.gif) center top no-repeat;
}

/* title */

#title {
	height: 85px;
	margin:0px;
	padding:0px;
	background: #000;
}

#title h1{
	position:relative;
	top:25px;
	left:20px;
	margin: 0px;
	padding-left: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 160%;
	color: #fff;
	font-weight: normal;
	letter-spacing: -1px;
	background : url(../img/title-bullet.gif) left center no-repeat;
}

/* ---[ main ]------------------- */

/* left */

#leftcol{
	float: left;
	width: 0px; /* hide leftcol, maincol and rightcol are updated */
	visibility:hidden;	
}

/* main */

#maincol{
	float: left;
	margin: 0px;
	padding: 30px 20px 20px 20px; /* 30px 20px 20px 20px*/
	width: 505px;
}

/* right */

#rightcol{
	float: right;
	margin: 0px;
	padding: 30px 20px 20px 20px; /* 30px 20px 20px 20px*/
	width: 175px;
	font-size:90%;
}

#rightcol h3{
	margin: 0px;
	padding: 7px 10px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 115%;
	font-weight: bold;
	color: #fff;
	background-image: url(../img/box-header.gif);
	text-transform: capitalize;
	height: 23px;
}

/* rightcol list */

#rightcol ul, #rightcol address{
	margin: 0px 0px 20px 0px;
	padding: 10px 10px 20px 10px;
	background: #eaf6c1 url(../img/box-footer.gif) center bottom no-repeat;
}

#rightcol ul{
	list-style:none;
}

#rightcol address{
line-height:1.5em;
	font-size: 100%;
	font-style:normal;
	color:#666666;
	padding-top:1px;
}

#rightcol li{
	list-style:none;
	background: url(../img/box-bullet.gif) 5px 7px no-repeat;
	padding: 5px 5px 5px 25px;
	margin: 0px 0px 3px 0px;
}

#rightcol li.active {
	background-color:#cfdaab;
}

#rightcol a {
	color: #4B8DCC;
	text-decoration:none;
}

#rightcol a:hover {
	text-decoration:underline;
}

/* ---[ footer ]------------------- */

/* footer */

#footer{
	clear:both;
	margin: 0px;
	padding:20px 15px 20px 20px;
	background:#000000;
	color: #999999;
	font-size: 90%;
}

/* footer-navigation */

#footernav{
	float:left;
	padding:0px;
	margin:0px;
	line-height: 1.7em;
}

#footernav  a{
	color: #999999;
	text-decoration: none;
}

#footernav  a:hover {
	color: #ffffff;
}

/* W3C validation butons */

#validation{	
	float:right;
	margin:0px;
	padding:0px;
	list-style:none;
	display:inline;
}

#validation li{
	float:left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	list-style:none;
	display:inline;
}

#validation a{
	float: left;
	padding:0px;
	margin: 0px;
	height: 15px;
	width: 60px;
	font-size:0%;
	text-indent: -5000px;
	text-decoration:none;	
}

#btn-xhtml{
	background: url(../img/xhtml.gif) center center no-repeat;
}

#btn-css{
	background: url(../img/css.gif) center center no-repeat;
}

/* CSS Document */


/* footer shadow image */

#footer-image{
	position:relative;
	height: 30px;
	width: 790px;
	padding:0px;
	margin: 0px auto;
	background: url(../img/layout-footer-bg.gif) left center no-repeat;
}

/* ---[ content ]------------------- */

#maincol{
	color:#666666;
	font-size:105%;
	font-family:"Trebuchet MS", Verdana, Arial;
}

#maincol p{
	margin: 0px 0px 20px 0px;
	padding:0px;
	line-height:1.5em;
	text-indent:0px;
}

#maincol p.posted{
	margin: 0px 0px 10px 0px;
	padding:0px;
	line-height:1.5em;
	color: #999999;
	font-size: 100%;
	font-style: italic;
}

#maincol img.thumb{
	float:left;
	margin:0px 15px 5px 0px;
	padding: 4px;
	border: 1px solid #ddd;
}

#maincol h1 {
	margin:0px 0px 20px 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 160%;
	color: #4b8dcc;
	font-weight: normal;
	letter-spacing: -1px;
}

#maincol a{
 color:#4b8dcc;
 text-decoration:none;
}

#maincol a:hover{
	text-decoration:underline;
}

.clear-all{
	clear:both;
	height:0%;
}

/* portfolio */

#portfolio {
	position: relative;
}

#portfolio-subinfo {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	font-size:90%;	
}

#portfolio-text {
	padding: 0 0 0 220px;
}
		
#portfolio-subinfo dt {
	padding: 4px;
	border: 1px solid #ddd;
}

#portfolio-subinfo dt img {
	padding: 0px;
	margin:0px;
	border: 0px;
}
	
#maincol dl#portfolio-subinfo dd {
	padding: 0;
	margin: 10px 0 0 0;
}

#portfolio-subinfo dd.tech{
	font-style:italic;
	color:#999999;
}

#portfolio-subinfo ul {
	padding: 0px;
	margin:0px;
	list-style:none;
}

#portfolio-subinfo li{
	list-style:none;
	background:url(../img/small-bullet-blue.gif) left center no-repeat;
	padding-left: 10px;
	margin: 0px 0px 0px 8px;
}

#portfolio-subinfo ul li a{
	text-decoration: none;
	color:#4b8dcc;	
}

#portfolio-subinfo ul li a:hover{
	text-decoration: underline;	
}

/* blog */

#blog{
	position:relative;
}

#blog dl,dt,dd{
	margin: 0;
	padding: 0;
}

#blog dt{
	margin-bottom:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #4b8dcc;
	font-weight: bold;
	letter-spacing: -1px;
}

#blog dt a{
	text-decoration:none;
	color: #4b8dcc;
}

#blog dt a:hover{
	color: #306BA7;
}

#blog dd.posted{
	color: #999999;
	font-size: 100%;
	font-style: italic;
	margin-bottom:5px;
}

#blog dd a.more{
	color: #4b8dcc;
	text-decoration:none;
	background: url(../img/small-bullet-blue.gif) 100% 60% no-repeat;
	padding-right: 10px;
}

#blog dd a.more:hover{
	text-decoration:underline;
}

/* contact form  */

#cform{
	padding:10px;
	margin:0px 0px 20px 0px;
	background: url(../img/contact-bg.gif) left top repeat-x;
}

#cform table{
	border-collapse: collapse;
}

#cform td,th{
	padding:5px;
	vertical-align:top;
	white-space:nowrap;
}

#cform th{
	padding-left:0px;
	padding-right:10px;
	font-weight: normal;
	text-align:left;
}

#cform input.field, #cform textarea.field{
	background: #fff;
	border: 1px solid #a5acb2;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:90%;
	color:#666666;
	padding:1px;
	width:250px;
}

#cform select.field{
	background: #fff;
	border: 1px solid #a5acb2;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:90%;
	color:#666666;
}

#cform textarea.field {
	height: 200px;
	width:380px;
}

#cform input.field:focus, #cform textarea.field:focus {
	border:1px solid #4b8dcc;
}

/* slideshow  */

#slideshow a.back{
	text-decoration: none;
	padding-left: 10px;
	background: url(../img/small-back-blue-.gif) 0px 5px no-repeat;
	color:#4b8dcc;
}

#slideshow a.back:hover{
	text-decoration: underline;

}

#slideshow ul{
	font-size:90%;
	list-style: none;
	padding: 0px;
	margin: 20px 0px 10px 0px;
	float:left;
}

#slideshow li{
	list-style: none;
	float:left;
}

#slideshow div.clear-left{
	clear:left;
}

#slideshow ul li a{
	display:block;
	padding: 5px;
	margin-left: 10px;
	text-decoration: underline;
	color:#4b8dcc;
}

#slideshow ul li a:hover{
	background:#F4F4F4;
}

#slideshow ul li a.active{
	background:#F4F4F4;
	font-weight: bold;
	text-decoration:none;
}

#slideshow img {
	margin: 0px 0px 20px 0px;
	padding: 10px;
	border: 1px solid #ddd;
}

/* cv */

#cv h2{
	padding:0px;
	margin: 0px 0px 20px 0px;
	font-size:100%;
	font-weight:bold;
}

#cv dl{
	margin:0px;
	padding:10px;
	text-align:left;
	background: url(../img/contact-bg.gif) repeat-x left top;
}

#cv dl dt{
	display:block;
	float: left;
	width: 185px;
	margin: 0px 0px 0px 0px;
	padding:0px;
}

#cv dl dd{	
	margin: 0px 0px 0px 185px;
	padding: 0px;
	text-indent:0px;
}

#cv dd a.more{
	color: #4b8dcc;
	text-decoration:none;
	background: url(../img/small-bullet-blue.gif) 100% 60% no-repeat;
	padding-right: 10px;
}

#cv dd a.more:hover{
	text-decoration:underline;
}

/* homepage */

#frontpage{
	padding:0px;
	margin:0px;
	width:720px;
}

#frontpage a.more{
	color: #4b8dcc;
	text-decoration:none;
	background: url(../img/small-bullet-blue.gif) 100% 60% no-repeat;
	padding-right: 10px
}

#frontpage a.more:hover{
	text-decoration:underline;
}

#frontpage  dl{
	padding:0px;
	margin:0px 1px 0px 0px;
	width:239px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;
}

#frontpage dt{
	margin: 0px;
	padding: 7px 10px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 115%;
	font-weight: bold;
	color: #fff;
	text-transform: capitalize;
	height: 23px;
	background: url(../img/30px-greengrad-bg.gif) left top repeat-x;
}

#frontpage dd{
	padding:10px 10px 0px 10px;
	margin:0px;
	background-color:#eaf6c1;
}

#frontpage dd.text{
	padding:10px;
	height:100px;
	line-height:1.5em;
	background: #eaf6c1 url(../img/frontpage/box-bg.gif) left bottom repeat-x;
}

#frontpage dd img{
	padding:4px;
	margin:0px;
	background-color: #fff;
	border: 1px solid #ccc;
}

#frontpage blockquote{
	margin: 0px 0px 40px 0px;
	padding: 10px;
	font-size:115%;
	line-height:1.7em;
	background:url(../img/bq-top.gif) left top no-repeat;
}

#frontpage blockquote span{
	display:block;
	margin: 0px;
	padding: 0px;
	background: url(../img/bq-bottom.gif) right bottom no-repeat;
}