* { margin: 0; behavior: url(pngfix/iepngfix.htc); }

body {
	font: 12px Arial, Helvetica, sans-serif;
    color: #444;
	}

h1, h3 { line-height: normal; font-size: 18px; font-weight: normal; font-style: italic; margin: 0 0 10px; clear: both; }
h1 { color: #b14021; }
h2 { font-size: 13px; line-height: normal; margin: 0 0 5px; }
h3 { color: #ffd900; }
a { text-decoration: none; }
img { border: 0; }
p, form { padding: 0 0 20px; }
input, textarea, select { font: 12px Arial, Helvetica, sans-serif; }

#bottom {
	width: 100%;
    height: 61px;
    background: url(../img/bg/bottom-grass.png);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 600;
	}

#wrapper {
	width: 100%;
    height: 100%;
    background: url(../img/bg/body.jpg) top repeat-x #4cbcdb;
    margin-bottom: -50px;
	}

#container {
	width: 970px;
    margin: 0 auto;
    background: url(../img/bg/container.gif);
	}

#nav {
	width: 942px;
    height: 58px;
    background: url(../img/bg/mainmenu.gif);
    padding: 22px 0 0 28px;
	}
    #nav #mainmenu { padding: 0; list-style: none; font-weight: bold; }
    	 #mainmenu li { float: left; margin: 0 16px 0 0; position: relative; z-index: 500; }
         #mainmenu li a { float: left; display: block; height: 33px; padding: 0 10px; color: #57452d; text-decoration: none; line-height: 33px; cursor: pointer; }
         #mainmenu li a span { float: left; }
         #mainmenu li a:hover { background: url(../img/bg/menu-left.gif) no-repeat; color: #fff; height: 33px; padding: 0 0 0 10px; }
         #mainmenu li a:hover span { background: url(../img/bg/menu-right.gif) top right; padding: 0 10px 0 0; height: 33px; }
         #mainmenu ul { padding: 23px 0 10px; list-style: none; background: url(../img/bg/submenu-bottom.gif) no-repeat bottom; position: absolute; visibility: hidden; top: 0; left: -2px; }
         #mainmenu ul li { float: none; background: #fff; margin: 0; }
         #mainmenu ul li a { width: 150px; background: #dedede; border: 2px solid #fff; margin: 0 0 -2px 0; padding: 10px; height: 15px; display: block; float: none; line-height: normal; }
         #mainmenu ul li a:hover { padding: 10px; height: 15px; background: #b14021; color: #fff; }
         .suboverli a { background: url(../img/bg/menu-left.gif) no-repeat; color: #fff; height: 33px; padding: 0 0 0 10px; }
         .suboverspan { background: url(../img/bg/menu-right.gif) top right; padding: 0 10px 0 0; height: 33px; color: #fff; margin: 0 -10px 0 0; }
    #nav #lang { padding: 6px 25px 0 0; list-style: none; float: right; }
    	 #lang li { float: left; margin: 0 3px; font-size: 0; }
    	 #lang li a { float: left; text-indent: -9999px; display: block; width: 16px; height: 11px; padding: 5px;}
         #lang li a:hover { border: 5px solid #ddd; padding: 0; background-position: 0; }
         #lang .nl a { background: url(../img/icons/flag-nl.gif) 5px no-repeat; }
         #lang .eng a { background: url(../img/icons/flag-eng.gif) 5px no-repeat; }
         #lang .de a { background: url(../img/icons/flag-de.gif) 5px no-repeat; }

#content {
	width: 970px;    
    overflow: hidden;
    line-height: 20px;
    padding: 0 0 61px;
	}

#left {
	float: left;
    width: 285px;
    background: url(../img/bg/left.jpg) no-repeat;
    }
    #left .logo { margin: 33px 0 0 56px; }

#contentleft {
	width: 220px;
	padding: 45px 40px 0 25px;
    color: #fff;
	}
    #contentleft a { color: #ffd900; }
    #contentleft a:hover { text-decoration: underline !important; }
    #contentleft label { width: 25px; font-weight: bold; color: #907552; float: left; }
    #contentleft .first { padding: 0 0 0 25px; }
    #contentleft .break { width: 100%; height: 2px; border: 0; background: url(../img/bg/hr-left.gif); overflow: hidden; margin: 0 0 15px; }
    #contentleft .foto { width: 223px; padding: 15px 0 0 15px; background: url(../img/bg/foto.jpg) no-repeat; margin: 0 -17px 0 -9px; }
    #contentleft .foto img { margin: 0 0 15px 0; }
    #contentleft .foto p { font-style: italic; color: #c4ad8e; padding: 0 0 10px; }
    #contentleft .copyright { margin: 0; color: #907552; font-size: 10px; font-style: italic; line-height: 15px; }
    #contentleft .copyright a { color: #b89b76; text-decoration: none; }

#right {
	float: left;
    width: 685px;
    background: url(../img/bg/right.jpg) no-repeat;
    }
   
    #right #slide { position: relative; width: 443px; height: 260px; float: right; }
    #right #slide img { position: absolute; top: 0; left: 0; z-index: 100; }
    #right #slide img.active { z-index: 300; }
    #right #slide img.last-active { z-index: 200; }
    .quotenl { width: 272px; height: 70px; text-indent: -9999px; float: left; margin: 73px -40px 0 0; position: relative; z-index: 400; }
    .quotede { width: 272px; height: 70px; text-indent: -9999px; float: left; margin: 73px -40px 0 0; position: relative; z-index: 400; }
    .quoteeng { width: 272px; height: 70px; text-indent: -9999px; float: left; margin: 73px -40px 0 0; position: relative; z-index: 400; }
 
#contentright {
	width: 605px;
	padding: 0 40px;
    clear: both;
	}
    #contentright a { color: #437b10; text-decoration: none; }
    #contentright a:hover { color: #b14021; }
    #contentright a:hover img { border: 2px solid #437b10; padding: 1px; }
    #contentright img { border: 2px solid #907552; background: #fff; padding: 1px; }
    #contentright label { float: left; width: 90px; color: #888; font-weight: bold; clear: both; }
    #contentright .label { float: left; }
    #contentright .break { width: 100%; height: 1px; border: 0; background: url(../img/bg/hr-right.gif); overflow: hidden; margin: 0 0 10px; }
    #contentright .item { background: url(../img/bg/hr-right.gif) repeat-x bottom; height: 126px; padding: 0 0 10px; margin: 0 0 10px; }
    #contentright .item img { margin: 0 15px 0 0; float: left; }
    #contentright .item p { padding: 0; }
    #contentright .item p span { font-size: 11px; color: #888; }
    #contentright .row { list-style: none; padding: 0; }
    #contentright .row span { font-size: 11px; color: #888; }

a.lm { background: url(../img/icons/leesmeer.gif) no-repeat right #907552; height: 23px; color: #e1d6c7 !important; text-decoration: none; position: absolute; margin: 101px 0 0 -15px; padding: 2px 35px 0 15px; }
a:hover.lm { background: url(../img/icons/leesmeer-over.gif) no-repeat right #907552; color: #fff !important; }
.list { padding: 0; list-style: none; margin: 0 0 20px; }
	.list li a { background: url(../img/icons/arrow-left-dark.gif) no-repeat left; color: #fff !important; text-decoration: none; width: 195px; padding: 2px 0 2px 25px; display: block; }
    .list li a:hover { background: url(../img/icons/arrow-left-light.gif) no-repeat left; }
.gallerylist { padding: 0; list-style: none; width: 605px; display: block; float: left; }
.gallerylist li { float: left; }
.gallerylist li a { float: left; margin: 0 20px 20px 0; }
.mb20 { margin: 0 0 20px; }
.noborder { border: 0 !important; padding: 0 !important; }
.center { text-align: center; }
	.center img { border: 0 !important; padding: 0; margin: 0 0 20px; }
.imgr { float: right !important; margin: 0 0 0 20px !important; }
.field { border: 1px solid #bbb; padding: 5px; margin: 0 0 5px; width: 200px; }
.field:hover { border: 1px solid #999; padding: 5px; }
.field:focus { border: 2px solid #437b10; padding: 4px; }
.textarea { width: 400px; height: 200px; }
.btn { margin: 0 0 0 90px; padding: 3px 1px; clear: both; }
.box { width: 563px; padding: 20px; margin: 0 0 10px; border: 1px solid #b3d2db; background: #e1f4f9; overflow: hidden !important; }
	.box img { margin: 0 15px 0 0; float: left; }
    .box a img { border: 2px solid #6db6cc !important; }
    .box a:hover img { border: 2px solid #439bb5 !important; }
    .box div label { float: left; width: 130px !important; clear: none !important; }
	.box div span { float: left; width: 252px; }