#header { background-color:#eeeeee; margin:10px; padding:30px 10px 30px 10px; border-top:2px solid #ccc; }


.description { font-size:11px; font-weight:normal; text-align:center; color:#333; }
#header ul { margin:20px 0 0 0; padding:0; }
#header li { margin:0; padding:0; list-style:none; float:left; }
#header li a { display:block; padding:7px; color:#333; text-decoration:none; border-bottom:5px solid #fff; margin:0 10px 0 0; font-size:10px; }
#header li a:hover { color:#333; border-bottom:7px solid #333; padding:5px 7px 7px 7px; }
#header li a em { font-style:normal; text-decoration:underline; }
#header li.current_page_item a { border-bottom:7px solid #FFFFFF;color:#000000;padding:5px 7px 7px; }



.note { padding:10px; background-color:#eee; border:1px solid #ccc; margin:20px 5px 20px 5px; }

#content { float:left; margin:0px 0 0px 0px; min-height:600px; }

.post small { font-size:11px; color:#ccc; margin:10px 0 10px 0; padding:5px; }
#content p { padding-top:5px; padding-bottom:5px; line-height:18px; word-spacing: 0.1em; }
#content .postmetadata { text-align:right; padding-top:5px; padding-bottom:5px; margin:10px 0 20px 0; border-top:1px solid #333; }
.postmetadataothers { float:left; font-weight:normal; }
.postmetadatacomments { padding:0 0 0 15px; text-decoration:none; }
#content p a { color:#333; text-decoration:underline; }


#content .article_menu a:hover { color:#000; }
#content ul { margin:0 0 0 15px; padding:0; border-top:1px dotted #333333; }
#content li { margin:5px 0 5px 0; border-bottom:1px dotted #333; padding:0 0 5px 20px; list-style:none; color:#333; }
#content blockquote { background-color:#f6f6f6; margin:4px; padding:5px; border-top:1px solid #eee; border-bottom:1px solid #333; }
#content blockquote p { margin:0; padding:0 10px 0 10px; }

#comments { color:#333333; font-size:14px; }
#content ol.commentlist { list-style:none; margin:0;padding:0; }
#content ol.commentlist li { list-style:none; margin:0; padding:0; padding-top:10px; padding-bottom:10px; border-top:1px dotted #333; border-bottom:1px dotted #333; }
#content ol.commentlist li.alt {  }
.comnum { float:right; font-size:25px; color:#ccc; }
input, textarea { background-color:#fff; border:1px solid #ccc; padding:3px; font-size:10px; color:#777; }
#footer { background-color:#eee; border-top:2px solid #ccc; padding:10px; text-align:center; }

textarea { width:450px; }

a { color:#333333; text-decoration:underline; }

.centered, .aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom:10px; }
.alignleft {float: left;margin: 0 10px 10px 0;}
.alignright {float: right;margin: 0 0 10px 10px;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

.clear { display:block;float:none;clear:both;margin:0;padding:0;border:0; }


*{ padding: 0; margin: 0; }

body{ background: #F9F7F4; font: 11px Arial, sans-serif; color:#333333; overflow-x:hidden; }
img { border:0 none; }


/* Homepage */

#home_container{ width:385px; height:auto; margin-top:40px; margin-left: 40px;}
#home_header{ float:left; width:368px; height:90px; margin-bottom: 10px; }
#home_nav{ margin-top: 10px; float:left; }

#home_container ul{ list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; text-align:center;}
#home_container li{ display:inline; float:left; padding-right:18px; position:relative; }
.li_special{ padding-right:0px; }

/* other pages */

#container{ width: 800px; height:auto; margin-top: 30px; margin-left: 40px; }
#nav{ float:left; width: 800px; height:26px; margin-bottom: 20px;}

ul{ list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; text-align:center;}
li{ display:inline; margin-right:35px; padding-left:5px; padding-right: 5px; position:relative; }

#nav li:hover{ background-color:#EEEEEE; }

/* projects overzicht */
.projects_container{  }
.projects{ float:left; width:184px; height:auto; margin-bottom:5px; margin-top:5px; margin-right:16px; }
.projects:hover{ background-color:#EEEEEE; }
.projects_image{ width:184px; text-align: center; vertical-align:middle; padding-left:1px; padding-top:11px; 
				 background-image:url(images/background_projects.png); background-repeat:no-repeat; height:139px; }
.projects_description{ width:165px; margin-top:-24px; padding:13px; height:auto; }


/* project page */

.project_nav{ float:left; width:800px; height:40px; padding-left:0px; padding-right: 0px; padding-top: 15px; padding-bottom: 0px; margin: 0px auto; vertical-align: middle; }
.project_image{ float:left; width:800px; height:365px; background-image:url(images/image_background.png); background-repeat: no-repeat; padding-left:10px; padding-right: 10px; padding-top: 10px; padding-bottom: 0px; margin-left:-10px; margin-bottom:10px; margin-top:5px; }
.project_description{float:left; width:470px; height:auto; padding:15px; padding-top:5px; padding-right:25px; margin-left:-10px;}
.project_extra{float:left; width:250px; height:auto; padding:15px; margin-left:25px; padding-top:5px; padding-right: 5px;}


.project_thumbs{ width:250px; height:auto; }
.project_thumb{ border:0px; border-style: none; float:left; background-image:url(images/thumb_shadow.png); background-repeat: no-repeat; padding:15px; margin-left:-15px; margin-top:-10px; margin-bottom:-5px; }

/* Contact page */

.contact_form{ float:left; width:385px; height:auto; padding:15px; padding-top:5px; padding-right:25px; margin-left:-10px; margin-top:20px; }
.contact_links{ float:left; width:825px; height:auto; padding:15px; padding-top:5px; padding-right:25px; margin-left:-10px; margin-top:20px;}

.contact_column{ float:left; width:230px; height:auto; padding-left:1px; padding-right:0px;}
.contact_line{ float:left; width:1px; margin-right:24px; margin-left:24px; height:350px; background-image:url(images/line_vert.png); background-repeat: no-repeat;}

/* Blog page */

.blog_container{ float:left; width:450px; height:auto; margin-top: 20px; }
.blog_details{ margin-bottom:15px; width: 450px; height:23px; background-image:url(images/blog_details_background.png); background-repeat: no-repeat; padding-top: 5px;}
.blog_line{ float:left; margin: 20px; margin-left:30px; margin-right:30px; width: 1px; height:800px; background-image:url(images/line_vert.png); background-repeat:repeat-y; padding-top: 5px;}
.blog_extra{ float:left; width: 250px; height:auto; margin-top:20px; }

.archief{ list-style: disc; list-style-position: inside; list-style-type: disc; display: list-item; }

#sidebar ul { margin:0; padding:0; display: inline; }
#sidebar ul li { margin:0; padding:0; display: inline; }
#sidebar ul li ul { margin:0; padding:0; }
#sidebar ul li ul li { margin:0; padding:0; display: inline; }
#sidebar ul li ul li a { display:block; height:13px; margin:0px 0 0 0; display: inline; text-decoration:underline;}
#sidebar ul li ul li a:hover { display: inline; text-decoration:underline; }
#sidebar ul li ul li a:focus { display: inline; text-decoration:underline;}
#sidebar ul li ul li a:active { display: inline; text-decoration:underline;}


#nav ul{ float:left; }
#nav li{ float:left; }

.categories{ margin-left:-5px; margin-top:10px; }
.commentlist{ width:450px;}
/* Elements */

a{ color:#333333; }
a:hover{ color:#333333; text-decoration:underline; }
h5{ font-family: "lettergothic", "Arial", sans-serif;  margin-top:6px; margin-bottom:14px; font-size: 14px; }
h4{ font-family: "lettergothic", "Arial", sans-serif;  margin-top:6px; margin-bottom:14px; font-size: 14px; }
h2{ font-family: "lettergothic", "Arial", sans-serif; font-size: 21px; margin-top:4px; margin-bottom:4px;}
table{ padding-left:0px; padding-top: 0px; padding-right:0px; border:0; }
p{ line-height: 15px; }