body {

	font: 12px/1.5 arial, tahoma, verdana;

	color: #423a2b;

	margin: 0;

	background-color: #f1f1f1;

	background-image: url(img/bgsv.jpg);

	background-repeat: repeat-x;

	background-position: top;

}



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

a:hover {color: #f87a00;}



img {border: 0;}



table, tr, td {padding: 0; margin: 0; border: 0;}



strong {

	font-size: 14px;

	font-weight: bold;

	color:#690;

	}



h2 {

	font-size: 18px;

	font-weight: bold;

	color: #09F;

	padding: 0 0 3px 0;

	margin: 0 0 10px 0;

	background: transparent url(img/dots.gif) bottom left repeat-x;

}

h3 {font-size: 14px; font-weight: bold; color: #33302b; margin: 0; padding: 0 0 5px 0;}

h4 {font-size: 12px; font-weight: bold; padding: 0; margin: 0; color: #423a2b;}



form, fieldset {border: 0; margin: 0; padding: 0;}



input {margin: 0 0 5px 0; font: 14px arial; padding: 5px;}

input.submit {padding: 5px; cursor: pointer; margin: 5px 0;}

input.title {padding: 2px; font: 18px arial; margin: 0 0 10px 0; width: 60%;}

textarea.text {font: 12px/1.5 arial, tahoma; padding: 5px; margin: 0 0 10px 0; width: 90%;}



.strong, .strong * {font-weight: bold;}



table.style {border-top: 1px solid #ddd;}

table.style td {border-bottom: 1px solid #ddd; padding: 3px 0;}

table a {text-decoration: none;}



#container {width: 961px; margin: 0 auto;}



#content {

	width: 980px;

	padding: 21px;

	font-family: Verdana, Geneva, sans-serif;

	color: #333;

	font-size: 12px;

}



#content ul {padding: 5px 0 5px 1em; margin: 0; text-indent: -1em; list-style: disc inside; color: #8a8274;}

#content li {padding: 0; margin: 0;}



#footer {

	border: 1px solid #dcdcdc;

	color: #33302b;

	padding: 5px 5px;

	margin:auto;

	width: 905px;

	height: 20px;

	line-height: 20px;

	text-align: center;

	color: #423a2b;

	background-color: #FFF;

	background-repeat: no-repeat;

	background-position: left top;

}

#footer a {color: #423a2b;}



#logo {

	width: 458px;

	height: 150px;

	margin: 0 0 0 -0px;

	position: relative;

	float: left;

	background-color: transparent;

	background-image: url(img/logo.png);

	background-repeat: no-repeat;

	background-position: left top;

}

#logo a {font-size: 0px !important; text-indent: -999px; color: #322c21; line-height: 0px !important; width: 235px; height: 52px; display: block; margin: 31px 0 0 107px;}



.icon09 {float: right; position: relative; background: transparent url(img/09.gif) top left no-repeat; height: 42px; width: 44px; display: block; margin: 41px 58px 0 0;}

.icon09 a {display: block; height: 42px; width: 44px;font-size: 0px !important; text-indent: -999px;line-height: 0px !important; }



#nav {

	width: 900px;

	height: 28px;

	line-height: 28px;

	margin: 0;

	padding: 0 20px;

	list-style: none;

	position: relative;

	float: left;

	margin-bottom: 25px;

	background-color: #313131;

	background-repeat: no-repeat;

	background-position: left top;

	font-weight: bold;

}

#nav li {float: left; position: relative; margin: 0; padding: 0;}

#nav li a {

	display: block;

	height: 28px;

	padding: 0 18px;

	color: #FFF;	

	text-decoration: none;

	float: left;

	position: relative;

	margin: 0 3px 0 0;

	font-weight: bold;

}

#nav li a:hover, #nav li a.active {

	background: #99cc00;

	color: #FFF;

	font-weight: bold;

}



#slider {padding: 10px 0; background: #e2dcd1; border: solid #ccc3b6; border-width: 1px 0; width: 821px; height: 103px; margin: 0 auto 20px auto; position: relative; overflow: hidden;}

#slider ul, #slider li {margin:0; padding:0; list-style:none;width: 821px; height: 103px; overflow: hidden; }

#slider li {padding: 0 0 0 20px; width: 801px;}

#slider .pic { margin: 10px 20px 0 0; background: #ccc4b7; padding: 1px; float: left; position: relative;}

#slider .pic img {border: 3px solid white; display: block;}



#prevBtn a, #nextBtn a {font-size: 0px !important; display: block; text-indent: -999px; width: 18px; height: 40px; background: transparent url(img/slider-buttons.gif) no-repeat; margin: 0 auto;}

#prevBtn a {background-position: -18px 0;}

#nextBtn a {background-position: 0 0;}



#prevBtn, #nextBtn {margin: -145px 0 0 0; width: 50px; height: 81px; padding: 42px 0 0 0; background: #e2dcd1;border: solid #ccc3b6;}

#prevBtn {float: left; position: relative; margin-left: 1px; border-width: 1px 0 1px 1px;}

#nextBtn {float: right; position: relative; margin-right: 1px;border-width: 1px 1px 1px 0;}



.text-wide {

	width: 637px;

	float: left;

	position: relative;

	padding: 10px 15px;

	border: 1px solid #dcdcdc;

	background-color: #FFF;

	background-image: url(img/kerstsfeer.gif);

	background-repeat: no-repeat;

	background-position: right bottom;

}

.text-narrow {width: 240px; float: left; position: relative;}

.text-middle {width: 700px; margin: 0 auto;}



.box {

	border: 1px solid #dcdcdc;

	color: #33302b;

	padding: 10px 15px;

	margin-right:10px;

	margin: 0 0 10px 0;

	background-color: #FFF;

	background-image: url(img/linksmenu.jpg);

	background-position: left bottom;

	background-repeat: no-repeat;

}

.box h2 {margin: 0 0 5px 0;}



.text-narrow .box {width: 200px;}



.portfolio-item {

	width: 428px;

	float: left;

	position: relative;

	border: 1px solid #dcdcdc;

	margin: 10px 29px 10px 0;

}

.portfolio-pic {float: left; position: relative;width: 125px;}

.portfolio-desc {

	width: 270px;

	float: right;

	position: relative;

	padding: 0 20px 0 0;

}

.portfolio-nav {	margin:auto; width: 905px; text-align: right; background: transparent url(img/dots.gif) top repeat-x; padding: 5px 0 0 0; margin: 5px 0 0 0;}



.clear {clear: both; height: 0px !important; line-height: 0px !important; font-size: 0px !important;}



#lightbox{ background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666;}

#lightboxDetails{ font-size: 0.8em; padding-top: 0.4em; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }



#lightbox img { border: none; }



#overlay { background-image: url(img/overlay.png); }

.submit {
	color: #FFF;
	background-color: #333333;
}
