* {
	padding:0; margin:0
}
.clear {clear:both;}
html {
	background-image: url(../interface/normalbg.jpg);
	background-repeat: repeat;
}
ul {list-style:none;}
a:link, a:active, a:visited {color:#FFF;}
a:hover {color:#000;}
body {background:url(../interface/background.jpg) top left repeat-x; font:12px Verdana, Geneva, sans-serif; color:#302a24; display:block; height:100%; width:100%;}

#wrap {width:980px; margin:auto;}
#ribbon {height:100px;}
#nav {height:40px;}

#homeheader {background:url(../interface/header.png) no-repeat; height:300px;}
h1{
	color:#FFFFEC;
	font-family: Georgia, "Times New Roman", Times, serif;
	paddding-bottom:15px;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
h1#logo {
	display:block;
	padding:10px 0 0 5px;
	float:left;
}
#logo .desc {font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif!important; color:#000; display:block!important; letter-spacing:9px; text-transform:uppercase; text-align:center;}
h1#logo .black {font-style:italic; color:#302a24!important;}
#logo a {color:#60762f; text-decoration:none;}
#logo a .black {color:#302a24; text-decoration:none;}
#logo a:hover {color:#302a24;}
#logo a:hover .black {color:#60762f!important;}

h1 a, h2 a, h3 a, h4 a {text-decoration:none;}
h1 a:visited, h2 a:visited, h3 a:visited {text-decoration:none;}
#intro {
	width:80%;
	float:right;
	height:88px;
	color: #FFFFFF;
	background-image: url(../interface/top.png);
	background-repeat: no-repeat;
	background-position: right 0px;
}

/*navigatie*/
#nav ul {list-style:none; display:block; padding:0px 0px 0px 0px;}
#nav li {display:inline; font: bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; }
#nav a {
	display:block;
	background:url(../interface/menu1-right.png) right top no-repeat;
	height:40px;
	float:left;
	margin-right:5px;
	color:#000;
	text-decoration:none;
	color:#999999;
}
#nav a:active, #nav:visited {color:#000; text-decoration:none;}
#nav a span {display:block; height:40px; background:url(../interface/menu1-center.png) center top no-repeat; margin-right:6px; padding:15px 10px 0 16px;}
#nav a:hover { background: url(../interface/menu2-right.png) right top no-repeat; color:#000; text-decoration:none;}
#nav a:hover span {background:url(../interface/menu2-center.png) center top no-repeat;}
#nav .current a { background: url(../interface/menu2-right.png) right top no-repeat; color:#000; text-decoration:none;}
#nav .current a span {background:url(../interface/menu2-center.png) center top no-repeat;}

/*header
*/
#homeheader #left-column {width:520px; float:left; padding:15px 10px 0 20px;}
#homeheader #right-column {width:400px; float:right; padding:15px 5px 0 5px;}
#homeheader #right-column h2 {display:block; color:#000; font:20px Georgia, "Times New Roman", Times, serif; padding:4px 0 0 10px; margin-bottom:10px;}
#homeheader #left-column h1 {
	font:normal 26px Georgia, "Times New Roman", Times, serif;
	color:#0099FF;
	margin-bottom:14px;
}
#homeheader #left-column p {font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; line-height:22px;}
#homeheader #left-column .learnmore a {display:block; background:url(../interface/headerbutton.gif) no-repeat; width:132px; height:26px; padding-top:3px; float:left; margin:18px 5px 0 0; font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; color:#2D2522; text-align:center;}
.learnmore a:visited, .learnmore a:active {color:#000; text-decoration:none;}
#homeheader #left-column .learnmore a:hover {color:#000;}

/*portfilio header
*/
#portfolio li .imgholder {float:right;}
#portfolio li .txtholder {width:190px; float:left;}
#portfolio h3 {font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; margin-bottom:5px;}
.txtholder p {line-height:16px; font:12px Verdana, Geneva, sans-serif; color: #D000; margin-bottom:16px;}
span.button-small a {display:block; float:left; background:url(../interface/smallbut.gif) no-repeat; height:22px; padding-top:4px; width:89px; margin-right:5px; text-transform:uppercase; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; text-align:center;}
span.button-small a:active {display:block; float:left; background:url(../interface/smallbut2.gif) no-repeat; height:22px; padding-top:4px; width:89px; margin-right:5px; text-transform:uppercase; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; text-align:center;}
span.button-small a:hover {display:block; float:left; background:url(../interface/smallbut2.gif) no-repeat; height:22px; padding-top:4px; width:89px; margin-right:5px; text-transform:uppercase; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; text-align:center;}

/*
*/
#contents {
	padding:10px 0 10px 0;
background-color:#fff;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
}
.colhead {width:965px; clear:both; padding:10px 0px 0px 10px;}
.col1 {
	width:230px;
	float:left;
	padding:5px 5px 5px 10px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
	background-image:url(../interface/background-shade.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.col2 {	width:230px;	float:left;	padding:5px 10px 5px 10px; 
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
		background-image:url(../interface/background-shade.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	}
.col3 {width:230px; float:left; padding:5px 5px 5px 10px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
		background-image:url(../interface/background-shade.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	}
.col4 {width:225px;float:right; padding:5px 0 5px 10px;	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
		background-image:url(../interface/background-shade.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	}

/*portfolio*/
.portfolio1 {width:300px; float:left; padding:0px 5px 5px 10px;}
.portfolio2 {width:300px; float:right; padding:0px 10px 5px 5px;}
.portfolio3 {margin-left:325px; margin-right:325px; padding:0px 0 5px 0;}

#contents h2 {
	color:#CC0000;
	margin-bottom:12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
#contents p {line-height:18px; margin-bottom:18px;}
#contents #left {width:65%; float:left; padding:10px 0px 10px 10px; border-right:1px dashed #CCC;	border-bottom: 1px dashed #CCC;}
#contents #left a {background-color:#99cc00;font-weight: bold;text-decoration: none ;}
#contents #left  a:active {background-color:#0099ff;; font-weight: bold; text-decoration: none ;}
#contents #left  a:hover {background-color:#0099ff;font-weight: bold;text-decoration: none ;}
#contents #sidebar {width:30%; float:right; padding:10px 20px 0px 10px;}
.topline {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
}
.topline h2 {
	color:#CC0000;
	margin-top: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;}
.devider {
	height:15px;
	clear:both;
	margin:0 10px 10px 10px;
	border-bottom: 1px dashed #CCC;
}

.alignleft {float:left;}
.alignright {float:right;}
img.alignleft {margin-right:10px;}
img.alignright {margin-left:10px;}


#sidebar ol {margin-bottom:18px;}
#sidebar ol li {margin-left: 20px; padding:5px 0 0px 4px; line-height:18px;}

#sidebar ul {display:block; list-style:none;margin-bottom:18px;}
#sidebar #menu li {margin-bottom:1px; height:28px; display:block; border-bottom: dashed 1px #9E8A85}
#sidebar #menu li a {
	display:block;
	height:22px;
	padding:4px 5px 0 28px;
	background:url(../interface/bullet1.gif) left top no-repeat;
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration:none;
}
#sidebar #menu li a:visited, #sidebar #menu li a:active {display:block; height:22px; padding:4px 5px 0 28px; background:url(../interface/bullet1.gif) left top no-repeat; font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; text-decoration:none;}
#sidebar #menu li a:hover {background:url(../interface/bullet2.gif) no-repeat; color:#000; text-decoration:none;}
#sidebar h2 {
	color:#000;
	margin-bottom:12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;}
#sidebar h3 {
	color:#000;
	margin-bottom:12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;}

#footer {background:url(../interface/bottombg.jpg) repeat; padding:10px; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;}
#footer a {color:#fff; text-decoration:none; border-bottom: dashed 1px #fff;}
#footer #container {width:960px; margin:auto;}
#footer p {display:block; padding:5px 0 10px 0;}
#footer .left {width:100%; float:left;}

/*content pagina's*/
#header {height:40px;}
#breadcrumb {padding:15px 10px 0 15px; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase;}
#breadcrumb a {color:#000; text-decoration:underline;}
#breadcrumb a:visited, #breadcrumb a:active {color:#000; text-decoration:underline;}
#breadcrumb a:hover {color:#000; text-decoration:none;}

blockquote {margin-left:25px; display:block; padding:5px; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; margin-bottom:18px;}
blockquote p {margin-bottom:0!important;}
blockquote.extract {float:right; width:200px; margin-left:10px; margin-bottom:5px; background:#ffe; padding-left:15px; font: normal 16px Georgia, "Times New Roman", Times, serif;}

.post {
	margin-bottom:15px;
	padding-right: 10px;
}
.postinfo {display:block; font-size:11px; color:#999;}
.postbottom {height:16px; padding:2px; border-bottom:solid 1px #c9bfab; margin-bottom:10px;}
.post h1 {font:normal 26px Georgia, "Times New Roman", Times, serif; color:#0099FF; margin-bottom:14px;}
.post h3, .post h4 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#344332;}
.post h3 {font-size:18px;}
.post h4 {font-size:16px;}
.post ul {margin-bottom:18px;}
.post ul li {display:block; padding:5px 5px 5px 20px; border-bottom:dashed 1px #ccc; background:url(../interface/bullet-post.jpg) 2px 5px no-repeat;}
ul.list-posts li {display:block; padding:5px 3px 5px 28px; margin-bottom:5px; background:url(../interface/bullet-post.jpg) 2px 5px no-repeat; border-bottom: dashed 1px #ccc;}
.list-posts li a {color:#000; text-decoration:none;}
.list-posts li a:visited {color:#000; text-decoration:none;}
.list-posts li a:active {color:#000; text-decoration:none;}
.list-posts li a:hover {text-decoration:underline;}
.post ol {margin-bottom:18px;}
.post ol li {margin-left: 20px; padding:5px 0 0px 4px; line-height:18px;}
.post a {background-color:#99cc00;font-weight: bold;text-decoration: none ;}
.post a:active {background-color:#0099ff;; font-weight: bold; text-decoration: none ;}
.post a:hover {background-color:#0099ff;font-weight: bold;text-decoration: none ;}

.form {margin:10px 25px 10px 50px;}
.form .text {
	display:block;
	border:1px solid #666666;
	background: #efefef;
	width:250px;
	padding:5px;
	font-size:14px;
	color:#000000;
}
.form label {display:block; margin-bottom:3px; margin-top:10px;}
.form .text:hover{background:#FFFFFF; border: solid 1px #000000;}
.form .text:focus {
	background:#efefef;
	border: 1px solid #669900;
}
.form .button {
	display:block;
	border:1px solid #666666;
	background:#efefef;
	padding:5px 10px 5px 10px;
	margin:10px 0px 10px 0px;
}
.form .button:hover {
	display:block;
	border:1px solid #666666;
	background: #ffffff;
	padding:5px 10px 5px 10px;
	margin:10px 0px 10px 0px;
}

hr {border: none 0;
border-top: 1px dashed #ccc;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
margin-top: 15px;
margin-bottom:15px;
} 
.prijslijst{
	padding:5px 5px 5px 5px;}
.prijslijst h3{color: #000;
}
.prijslijst h4{color: #FFFFFF;
}