/*********************************************/
/* GLOBAL STYLES                             */
/*********************************************/
html, body, form{margin:0; padding:0; border:0;}
ul,li {list-style-type:none;}
body {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background: url("../imgs/LOGO.gif") no-repeat;
	background-color: #EBEBEB;
}
form {padding:0; margin:0;}
img {border: 0px;}
div {border: 0px solid;}
a {
	color: #FC7100;
	border-bottom: 0px dotted #FD7100;
	text-decoration: none;
	outline: none;
}
a:link {}
a:visited {}
a:active {}
a:hover {text-decoration: none;}

#wrapper {clear: both;}
#topBar {clear: both; width: 870px}
#slogan {text-indent: -1000px; padding:0; margin:0; width: 440px; float:left;}
#slogan p{margin:0; padding:0; line-height:30px;}
#logo {
	padding:0;
	margin:100px 0 0 0;
	float:right;
	font-size: 14px;
	clear:both;
}
#topNav {
	padding-left: 100px;
	/* padding:0; */
	margin:0;
	float:left;
	font-size: 14px;
	clear:both;
}
#topNav ul{
	float: left;
	padding: 175 15 0 0px; 
	margin: 0; 
	border: 0;
}
#topNav li{float: left; padding: 9px 5px 0 5px;}
#topNav li.hi{
	background: url("../imgs/nootje.gif") no-repeat 0 7px;
	padding-left: 21px;
	font-weight: bold;
}
#topNav li a {
	color: #7C4934;
	text-decoration: none;
}
#topNav li a:hover {
	color: #FB8D33;
}
#topNav li.search{ padding: 9px 5px 0 142px;}
#topNav li.field{ padding: 7px 20px 0 0;}
#topNav li.rss{background: url("../imgs/rss.gif") no-repeat 0 12px; padding-left: 17px;}		
#topNav input.default {font-size: 12px; width: 140px; padding: 2px;}
#content {width: 571px; padding-left: 104px; float: left; padding-top: 10px;}
#fullcontent {
	width: 900px;
	padding-left: 104px;
	float: left;
	padding-top: 10px;
}
#fullcontent h1 {
	font-size: 14px;
	color:#FFFFFF;
	font-weight: normal;
	background-color: #FB8D33;
	padding-left:10;
	padding-right:10;
	margin:0;
	line-height: 16px;
	clear:both;
}

#rightwrapper {
	float: left;
}
#right {
	background: url("../imgs/bg_right_top_new.gif") no-repeat; 
	background-color: #F9CF4F;
	width: 252px;
	float: left;
	margin-left: 15px;
	margin-top: 14px;
	margin-bottom: 20px;
	clear:both;
}
#rightbottom {
	background: url("../imgs/bg_right_bottom_new.gif") no-repeat;
	background-position: 100% 100%; 
	background-color: #F9CF4F;
	width: 252px;
	padding:0;
	margin:0;
	clear:both;
}
#rightpicture {
	width: 252px;
	float: left;
	margin-left: 15px;
	margin-top: 34px;
	clear:both;
}
#fotogallery {
	float: left;
	padding: 0 4px 4px 0;
	margin:0;
}

#footer {width: 600px; clear: both; padding:5px 0 0 0; margin:10px 0 0 0 ;}
#footer p {padding:0; margin:0; font-size: 12px;}
#footer p.links a:link,#footer p.links a:visited {text-decoration: none;}


#content h1 {
	font-size: 14px;
	color:#FFFFFF;
	font-weight: normal;
	background-color: #FB8D33;
	padding-left:10;
	padding-right:10;
	margin:0;
	line-height: 16px;
	clear:both;
}
#content h2 {
	font-size: 14px;
	color: #7C4934;
	padding: 5px 0 0 10px;
	margin: 0px;
	line-height: 16px;
	font-weight: bold;
}
#content p {
	font-size: 14px;
	padding: 0 0 0 10px;
	clear:both;
}

#content img {
	margin:0px 10px 10px 0px;
	padding:1px;
	border:0px;
}

#content img.imgright{
	margin:0px 0px 10px 10px;
	padding:1px;
	border:0px;
}


#content blockquote {
	font-size: 14px;
	padding: 0 0 0 10px;
	clear:both;
}

#right h3 {
	font-size: 14px;
	color:#FFFFFF;
	font-weight: normal;
	padding: 15x 0px 0px 0px;
	margin: 0;
	line-height: 16px;
}

#right h3 span {
	font-weight: normal;
	background-color: #FB8D33;
	padding: 0px 10px 0px 10px;
	margin: 10px 10px 10px 10px;
}


#right p {
	font-size: 13px;
	line-height: 15px;
	color: #000000;
	padding: 0 0 0 15px;
	clear:both;
}



/* #### MAIN NAV STYLES STARTS HERE #### */
#nav {width:216px; display:block; padding-top: 15px;}
#nav a.level1 {
	display: block; 
	margin: 0;
	padding: 3px 0 3px 35px;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}
#nav a.level2 {
	display: block; 
	margin: 0;
	padding: 3px 0 3px 45px;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}
#nav a.level3 {
	display: block; 
	margin: 0;
	padding: 3px 0 3px 55px;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;

}
/* #### MAIN NAV STYLES ENDS HERE #### */


#left h1 {width:216px; display:block; height: 115px; margin:0;}

#col {float: left; width:180px; padding:0; margin:0;}
#col h3 {display: block; font-size:12px; text-transform:uppercase; text-align:center; color: #FF6600; padding:3px 0 3px 0;margin: 0px;}
#col ul {margin: 0; padding:10px 0 20px 0;}
#col ul li {margin: 0; padding:0;}
#col ul li a:link, #col ul li a:visited {
	font-size: 12px;
	display: block;
	text-decoration:none;
	padding:0 0 0 15px;
	border: none;
}
 
#indexData h1 {font-size: 24px; color:#FF6600; padding:0; margin:0;}
#indexData p {font-size: 14px; margin:0; padding-bottom: 50px;}

#postData p {font-size: 12px; padding-bottom: 5px; margin-bottom: 10px; clear:both;}
#postData .by {padding-left: 10px; text-transform: uppercase;}
#postData .by em{text-transform:lowercase;}
#postData .by a{color: #333333; text-decoration:underline;}
#postData .by a:hover{color: #333333; text-decoration:none;}

#postText p {font-size: 14px; color: #666666; padding-bottom:10px; margin:0;}
/* #postText img {margin:0px 0px 10px 10px;padding:1px; border:1px solid #cdcab2;} */
.postText {font-size: 14px; color: #666666; padding-bottom:10px; margin:0;}

#comments {}
#comments h1{font-size: 18px; color:#FF6600; padding:0 0 10px 0; margin:0;}

#commentBox {padding:10px 10px 10px 30px; margin-bottom:5px;}
#commentBox p.postInfo {font-size: 12px; text-transform: uppercase; padding:0;}
#commentBox p.postInfo em{text-transform:lowercase;}
#commentBox p {font-size: 12px; padding:0; margin:0;}

#postComment h1{font-size: 18px; color:#FF6600; padding:0 0 10px 0; margin:0;}
#postComment {padding: 25px;}
#postComment p {font-size: 12px; margin:0; padding:0 0 7px 0;}
#postComment input.default {
	padding: 2px;
	width: 150px;
}
#postComment input.btn {
	text-transform: uppercase;
	padding: 2px;
	font-size: 11px;
}
#postComment textarea {  
	font-size: 12px;  
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	width: 300px;
}
p#goComment {float:left; clear:both; padding:0 0 20px 0; margin:0;}
p#goComment a {background: url("../imgs/goComment.gif") no-repeat; display: block; width:124px; text-indent: -1000px;}

#findcontact {
	padding: 0px 0px 0px 0px;
	margin: 0;
	color: #333333;
}

#findcontact p {
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0px;
}

#findcontact td {
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0px 0px 0px 0px;
	color: #333333;
}

#findcontact a {
	color: #333;
	border-bottom: 1px dotted #999;
	text-decoration: none;
}

#findcontact a.notunderlined {
	color: #333;
	border-bottom: 0px;
	text-decoration: none;
}

#findcontact td.spec {
	padding: 0px;
	font-size: 9px;
	font-weight: normal;
	color: #333;
	
	border-top: 0px;
	border-right: 0px;
}

#findcontact td.error {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #FF3300;
}

/*FORMS*/


.main1 {
	font-family: Arial;
	font-size: 11px;
	line-height: 1.3em;
	font-weight: bold;
	text-decoration: none;
	color: #464646;
}
.main2 {
	font-family: Arial;
	font-size: 11px;
	line-height: 1.3em;
	font-weight: normal;
	text-decoration: none;
	color: #464646;
}
.main3 {
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
	color: #464646;
}

.formfield1 { 
	font-family: Arial; 
	font-size: 11px; 
	line-height: normal; 
	background-color: #ffffff;
	color: #000000;
	width: 400px;
	height: 18px;
}
.formfield2 { 
	font-family: Arial; 
	font-size: 11px; 
	line-height: normal; 
	background-color: #ffffff;
	color: #000000;
	width: 362px;
	height: 18px;
}

.formfield3 { 
	font-family: Arial; 
	font-size: 11px; 
	line-height: normal; 
	background-color: #ffffff;
	color: #000000;
	width: 362px;
	height: 90px;
}

.formfield4 { 
	font-family: Arial; 
	font-size: 11px; 
	line-height: normal; 
	background-color: #ffffff;
	color: #000000;
	width: 160px;
	height: 18px;
}

.formfield5 { 
	font-family: Arial; 
	font-size: 11px; 
	line-height: normal; 
	background-color: #ffffff;
	color: #000000;
	width: 290px;
	height: 18px;
}

.formfield6 { 
	font-family: Arial; 
	font-size: 11px; 
	line-height: normal; 
	background-color: #ffffff;
	color: #000000;
	width: 400px;
	height: 120px;
}

.formfield7 { 
	font-family: Arial; 
	font-size: 11px; 
	line-height: normal; 
	background-color: #ffffff;
	color: #000000;
	width: 20px;
	height: 18px;
}

.formfield8 { 
	font-family: Arial; 
	font-size: 11px; 
	line-height: normal; 
	background-color: #ffffff;
	color: #000000;
	width: 40px;
	height: 18px;
}

.formfield9 { 
	font-family: Arial; 
	font-size: 11px; 
	line-height: normal; 
	background-color: #ffffff;
	color: #000000;
	width: 400px;
	height: 60px;
}

.formfield10 { 
	font-family: Arial; 
	font-size: 11px; 
	line-height: normal; 
	background-color: #ffffff;
	color: #000000;
	width: 300px;
	height: 18px;
}

.formfield11 { 
	font-family: Arial; 
	font-size: 11px; 
	line-height: normal; 
	background-color: #ffffff;
	color: #000000;
	width: 290px;
	height: 120;
}

.formfield_free { 
	font-family: Arial; 
	font-size: 11px; 
	line-height: normal; 
	background-color: #ffffff;
	color: #000000;
	height: 18px;
}

.formtextfield_free { 
	font-family: Arial; 
	font-size: 11px; 
	line-height: normal; 
	background-color: #ffffff;
	color: #000000;
}

.formbutt { 
	font-family: Arial; 
	font-size: 12px; 
	line-height: normal; 
	background-color: #e0e0e0;
	color: #000000;
	width: 80px;
	height: 22px;
}

.formbutt2 { 
	font-family: Arial; 
	font-size: 12px; 
	line-height: normal; 
	background-color: #e0e0e0;
	color: #000000;
	width: 180px;
	height: 22px;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:active span{ /*CSS for enlarged image on hover*/
 visibility: visible;
/*top: -94px;
left: 94px; /*position where enlarged image should offset horizontally */ 
 position:absolute;
 list-style: none;
 top: 0px;
 left: 0px;
}

/* --- [ tool tip ] --------------------------------------------------------------------------------------------------------- */

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 10px;
font-size: 11px;
font-family: "Trebuchet MS", Verdana, sans-serif;
text-align: left;
line-height: 1.2em;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
color:#333333;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}