/* CSS Document */

html, body {
	background:#000 url(../images_2010/bg.jpg) top center no-repeat;
	padding:0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	height:100%;
}

p,li, td, form {
	margin: 0 0;
	font-size:11px;
	line-height:18px;
	}

a {
	color:#333333;}

a:hover {
	color:#000;}

a:visited {
	color:#666;}
	
#container {
    position: relative;
}

#content {
	width:953px;
	margin:auto;
}

#left {
	float:left;
	width:193px;
	height:582px;
}

#flashleft {
	height:447px;
	width:193px;
}

#flashleft_1 {
	height:247px;
	width:193px;
}

#flashleft_1 img {
	margin-top:480px;
	margin-left:30px;
	border:0px;
}

#right {
	float:left;
	width:193px;
	height:582px;
}

#contactbox, #contactbox_1 {
	margin: 0;
	padding: 0 15px 0 0;
	text-align:right;}

#contactbox_1 {
	margin: 0;
	padding-top: 440px;
	text-align:right;}
	
#contactbox:hover p {
}

#contactbox:hover a {
	background-color:#000;}

#contactbox:hover .biggreen {
	color:#c97610;
}
	
#contactbox p {
	padding:0;
	margin:0;
	color:#999999;
	font-size:11px;
}
	
#contactbox a {
	color:#999999;
}
	
#contactbox a:hover {
	color:#CC9933;
}
	
/* pages content */




#linkstop {
	height:32px;
	padding:10px 30px 0 35px;
	margin:0;
}
	
#linkstop a {
	font-family:"Trebuchet MS", Arial;
	font-size:10px;
	color:#666;
	display:block;
	float:left;
	background-color:#fff;
	font-weight:bold;
	border: #ccc 1px solid;
	padding:5px 10px;
	margin-right:20px;
	text-decoration:none;}

#linkstop a:hover {
	color:#E18C46;
	border: #dbdbdb 1px solid;}

/* stiles */
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000;
	display:block;
	width:114px;
	background-color: #F6E6DC;
	font-weight:bold;
	border: #F2DBCC solid 1px;
	padding:2px 5px 2px 5px; }

.title:hover {
	background-color: #DC954F;
	}

.biggreen {
	font-size:23px;
	font-weight:bold;
	color:#c97610;
	font-family: "Book Antiqua", "Bookman Old Style", "times New Roman";
	padding-bottom:15px;
}
	
.bigblack {
	font-family:Garamond, Georgia, "times New Roman";
	font-size:28px;
	color:#666666;
	line-height:35px;
}
	
.bigblackgray {
	font-family:Garamond, Georgia, "times New Roman";
	font-size:28px;
	font-weight:bold;
	color:#666666;}

.smalltitle {
	font-size:14px;
	padding:20px;
	font-weight:bold;
	color: #000;
	padding:0px;}
	
.date {
	color:#E18C46;
	font-weight:bold;}
	
.dateblack {
	color:#000;
	font-weight:bold;}
	
.posttitle {
	color:#333;
	font-weight:bold;}
	
	
#header {
	clear:both;
	padding:0;
	margin:0;
	height:109px;
	width:100%;
}

#headercenter {
	padding:0;
	margin:0;
	width:953px;
	height:109px;
	margin:auto;
}

#menu {
	margin:0;
	padding: 77px 0 0 27px;
	width:900px;
	height:44px;
	text-align: center;
}

#menu ul {
	display: inline;
	margin: 0;
	padding: 0;
}

#menu li, #menu li a {
	display: inline;
	list-style: none;
	margin: 5px;
	padding: 9px;
	color:#fff;
	font-size:13px;
	text-decoration:none;
	}

#menu li a:hover {
	background:#FDC14F;
	color: #424242;
	}

#menu li.active a:hover {
	background:#c97610;
	color: #424242;
	}

li.active {
	background:#c97610;
}

li.aboutpage a{
	float:left;
	display: block;
	width: 149px;
	height: 44px;
}

li.aboutpage a:hover {
}

li.aboutpageselected {
	float:left;
	display: block;
	width: 149px;
	height: 44px;
}

li.portfoliopage a{
	float:left;
	background-position: 0 0;
	display: block;
	width: 144px;
	height: 44px;
}


li.portfoliopage a:hover {
}

li.portfoliopageselected {
	float:left;
	display: block;
	width: 144px;
	height: 44px;
	text-indent: -999999px;
	overflow: hidden;
}

li.contactpage a{
	float:left;
	display: block;
	width: 150px;
	height: 44px;
	text-indent: -999999px;
	overflow: hidden;
}

li.contactpage a:hover {
}

li.contactpageselected {
	float:left;
	display: block;
	width: 150px;
	height: 44px;
	text-indent: -999999px;
	overflow: hidden;
}

#footer {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
}

#copyright {
	padding:0;
	margin:0;
	width:953px;
	height:41px;
	margin:auto;
	background:#000 url(../images/footer.gif) repeat-x;
}

#copyright p {
	padding:18px 0 0 0;
	margin:0;
	font-size:10px;
	color:#565656;
	text-align:center;}
	
#topbar {
	height:24px;
	padding:0;
	margin:0;
	border-bottom: 1px solid #396C00;
	border-top: 1px solid #396C00;
	font-size:11px;
}
	
#topbar a {
	color:#A7B524;
	padding-right:20px;
	font-weight:bold;
}

#topbar a:hover {
	color:#fc0;}
	
#bookmark {
	float:right;
	padding-top:5px;
	padding-right:10px;
	margin:0;
	width:150px;
	height:20px;
	font-size:11px;
	text-align:right;}
	
#pagetitle {
	float:left;
	padding:0;
	margin:0;
	width:630px;
	height:20px;
}

#pagetitle h1{
	margin:0;
	padding-top:5px;
	padding-left:10px;
	text-align:left;
	color:#006600;
	font-size:11px;
}
	
#bottombar {
	clear:both;
	width:100%;
	height:23px;
	border-bottom: 1px solid #396C00;
	border-top: 1px solid #396C00;
	position:absolute;
	bottom:0;
}

#bottombar a {
	padding: 7px 10px 5px 10px;
	font-weight:bold;
	line-height:100%;
	text-align:left;
	color:#006600;
	font-size:11px;}
	
#bottombar a:hover {
	color:#003300;}
	
#clientlogin {
	float:right;
	padding: 3px 10px 0 0;
	margin:0;
	width:150px;
	height:20px;
	font-size:11px;
	text-align:right;
	line-height:100%;}
	
#bottomlinks {
	float:left;
	padding: 3px 0 0 10px;
	margin:0;
	width:620px;
	height:20px;
	line-height:100%;
}




/* CSS Document */

#home {
	float:left;
	width:567px;
	background:url(../images/homecross.gif) repeat-y;
	}
	
#homebottom a:hover {
	color:#000;
	background-color:#e6e6e6;}
	
#hometop {
	width:567px;
	height:339px;
	background: url(../images/home/top.jpg) no-repeat;
	}
	
#indextop {
	width:567px;
	height:450px;
	padding:0px;
	margin:0px;
	}

#boerderijtop {
	width:567px;
	height:420px;
	background: url(../images/home/boerderij.jpg) no-repeat;
	}

#kinderparadijstop {
	width:567px;
	height:880px;
	background: url(../images/home/kinderparadijs.jpg) no-repeat;
	}

#ontdek_boerderijtop {
	width:567px;
	height:880px;
	background: url(../images/home/ontdek_boerderij.jpg) no-repeat;
	}

#ontdek_boomgaardtop {
	width:567px;
	height:880px;
	background: url(../images/home/ontdek_boomgaard.jpg) no-repeat;
	}

#sitemaptop {
	width:567px;
	height:880px;
	background: url(../images/home/sitemap.jpg) no-repeat;
	}

#kamertop {
	width:567px;
	height:460px;
	background: url(../images/home/kamer.jpg) no-repeat;
	}

#kamer_sub_top {
	width:567px;
	height:390px;
	background: url(../images/home/kamer.jpg) no-repeat;
	}

#etentop {
	width:567px;
	height:420px;
	background: url(../images/home/eten.jpg) no-repeat;
	}

#arrangemententop {
	width:567px;
	height:730px;
	background: url(../images/home/arrangementen.jpg) no-repeat;
	}

#haspengouwtop {
	width:567px;
	height:670px;
	background: url(../images/home/haspengouw.jpg) no-repeat;
	}

#haspengouwwandeltop {
	width:567px;
	height:940px;
	background: url(../images/home/haspengouwwandel.jpg) no-repeat;
	}

#contacttop {
	width:567px;
	height:650px;
	background: url(../images/home/contact.jpg) no-repeat;
	}

#latestwork {
	padding:45px 0 0 65px;
	width: 300px;
}

#latestwork_right {
	padding:45px 90px 0 0;
	width: 300px;
	float:right;
}

#index_content {
	padding:45px 0 20px 160px;
	width: 300px;
}
	
#home h1 {
	font-size:16px;
	padding:12px 0 5px 0;
	margin:0 0 0 0;
	color:#000;}

#home h2 {
	font-size:12px;
	padding:22px 0 5px 0;
	margin:0 0 0 0;
	color:#000;}
	
#recentphoto {
	float:right;
	clear:right;
	padding:55px 24px 5px 15px;
	width: 126px;
	height:123px;}
	
#recentphoto img {
	border:0px;
	text-decoration:none;
	margin-bottom:20px;
	}

#recentphoto_1 {
	float:left;
	clear:right;
	padding:55px 24px 5px 15px;
	width: 126px;
	height:123px;}
	
#recentphoto_1 img {
	border:0px;
	text-decoration:none;
	margin-bottom:20px;
	padding:0 0 0 45px;
	}

#latestpainting {
	clear:right;
	float:right;
	padding:16px 24px 0 15px;
	width: 126px;
	height:123px;}
	
#homemiddle {
	clear:both;
	width:563px;
	height:168px;
	background-color:#ededed;
	border-top:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
}
	
#homemiddle p {
	padding:8px 0 0 30px;
	margin:0;}

#homemiddle img {
	padding:23px 0 0 50px;
	margin:0;}
	
#bottom450_blank {
	background: #FFFFFF;
	height:450px;
	width:567px;}

#bottom550_blank {
	background: #FFFFFF;
	height:550px;
	width:567px;}

#bottom650_blank {
	background: #FFFFFF;
	height:650px;
	width:567px;}

#bottom750_blank {
	background: #FFFFFF;
	height:750px;
	width:567px;}

#homebottom {
	background:url(../images/homebottom.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	height:650px;
	width:567px;}

#boerderijbottom {
	background:url(../images/boerderijbottom.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	height:650px;
	width:567px;}

#boerderijbottom_blank {
	background: #FFFFFF;
	height:650px;
	width:567px;}

#kamerbottom {
	background:url(../images/kamerbottom.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	height:650px;
	width:567px;}

#etenbottom {
	background:url(../images/etenbottom.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	height:650px;
	width:567px;}

#arrangementenbottom {
	background:url(../images/arrangementenbottom.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	height:650px;
	width:567px;}

#haspengouwbottom {
	background:url(../images/haspengouwbottom.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	height:750px;
	width:567px;}

#haspengouwbottom_blank {
	background: #FFFFFF;
	height:350px;
	width:567px;}

#contactbottom {
	background:url(../images/contactbottom.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	height:650px;
	width:567px;}

#awards {
	float:left;
	width:80px;
	padding-left:30px;
	padding-top:12px;
}
	
#news {
	float:left;
	width:420px;
	text-align: left;
	margin-left: 30px;
}
	
#hellotext {
	float:right;
	width:410px;
	padding:0;
	margin:0;
}
	
#hellotext h2  {
	font-size:11px;
	color:#666666;
	padding:23px 20px 0 10px;
	line-height:125%;
	margin: 0;
}	
	
#hellotext p  {
	font-size:11px;
	color:#666666;
	padding:8px 10px 0 10px;
	line-height:18px;
	margin: 0;
}	

.bordergray img{
	border: 1px solid #999;
	}

.bordergray:hover img{
	border: 1px solid  #000;
	}

.bordergray:hover{
	color: #000; /* Dummy for IE bug */
	}
	
.homepagethumb img{
	border: 3px solid #ccc;
	margin-top:10px;
	}

.homepagethumb:hover img{
	border: 3px solid  #DC954F;
	}

.homepagethumb:hover{
	color: #DC954F; /* Dummy for IE bug */
	}

.style1 {	
	color: #800000;
	font-style: italic;
}
.style2 {
	color: #81260B;
	font-weight: bold;
	font-size: 10px
}
.style3 {font-size: 10px}
.style4 {color: #81260B}