* { margin: 0; }
html { background: #333; }

body {
	background: url(../img/bg/body.gif) repeat-x #7cb735;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #fff;
	}

a { color: #fff; text-decoration: none; }
a img { border: 0; }
h1, h2 { margin: 0 0 5px; font-weight: normal; line-height: normal; }
h1 { color: #3d5f23; font-size: 32px; }
h2, h2 a { color: #3d5f23; font-size: 18px; }
h2 a:hover { color: #254110; }
h4 { font-size: 13px; }
hr { width: 100%; height: 1px; margin: 0 0 20px; background: none; border: 0; border-bottom: 1px dotted #b1c921; }
address { padding: 0 0 20px; font-style: normal; }
input, textarea, select { border: 0; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #444; }

#topnav {
	padding: 0;
 	margin: -6px 0 0;
 	list-style: none;
 	font-size: 11px;
  	float: right;
	}
    #topnav li { float: left; }
    #topnav li a { width: 93px; height: 17px; display: block; background: url(../img/bg/contact.gif) no-repeat bottom; color: #c2cad0; line-height: 15px; text-align: center; overflow: hidden; }
    #topnav li a:hover.contact { color: #fff; }

#container {
	width: 960px;
    padding: 6px 0 20px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    }

#left {
	width: 242px;
    float: left;
    position: absolute;
    left: 0;
    top: 6px;
    z-index: 10;
    }
    #left a.logo { width: 242px; height: 107px; display: block; background: url(../img/bg/logo.png); text-indent: -9999px; cursor: pointer; behavior: url(pngfix/iepngfix.htc); }
    #left a:hover.logo { background-position: bottom; }

    #mainmenu {
    	width: 242px;
        margin: 38px 0 20px;
        }
        #mainmenu * { behavior: url(pngfix/iepngfix.htc); }
        #mainmenu h3 { width: 242px; height: 51px; background: url(../img/bg/left-h2-mainmenu.png); text-indent: -9999px; }
        #mainmenu ul { width: 200px; padding: 20px 22px 9px 20px; background: url(../img/bg/mainmenu-ul.png); list-style: none; }
        #mainmenu li a { width: 160px; padding: 5px 30px 5px 10px; display: block; border-bottom: 1px solid #fff; color: #63952d; }
        #mainmenu li a:hover, #mainmenu .active a { background: url(../img/bg/mainmenu-hover.gif) no-repeat right #63962d; color: #fff; }
        #mainmenu .bottom { width: 242px; height: 11px; display: block; background: url(../img/bg/mainmenu-bottom.png); overflow: hidden; clear: both; }

#header {
	width: 960px;
    height: 234px;
    overflow: hidden;
    position: relative;
    }
    #header img { behavior: url(../pngfix/iepngfix.htc); }

#main {
	width: 420px;
    min-height: 481px;
    height: auto !important;
	height: 481px;
    line-height: 20px;
    text-align: justify;
    float: right;
    }
    #main #loginFrm {line-height:24px; }
    #main p, #main ul, #main ol { padding: 0 0 20px; }
    #main ul, #main ol { padding: 0 0 20px 20px; list-style: inside }
    #main p a, #main ul a, #main ol a { border-bottom: 1px dotted #63952d; }
    #main p a:hover, #main ul a:hover, #main ol a:hover { border-bottom: 1px dotted #000; }
    
    #main .url { padding: 0 0 20px 20px; }
    #main img { border: 3px solid #fff; }
    #main .imgl { float: left; margin: 0 20px 20px 0; }
    #main .imgr { float: right; margin: 0 0 20px 20px; }
    
    #main .newsitem { width: 420px; margin: 0 0 10px; }
    #main .newsitem .bottom { width: 414px; padding: 0 1px 0 5px; height: 30px; background: url(../img/bg/newsitem-bottom.gif); font-size: 11px; color: #63952d; overflow: hidden; clear: both; }
    #main .newsitem .bottom .url { float: right; }
    #main .newsitem .bottom a { padding: 0 26px 0 0; border: 0; color: #63952d; }
    #main .newsitem .bottom a:hover { background: url(../img/bg/newsitem-arrow.gif) no-repeat right 1px; border: 0; color: #254110; }
    
    #main fieldset { width: 380px; padding: 20px 20px 0; margin: 0 0 20px; background: url(../img/bg/form-top.gif) no-repeat #95c03f; border: 0; }
    #main fieldset label { width: 110px; height: 25px; padding: 6px 0 0 8px; margin: 0 0 2px; background: url(../img/bg/label-inputfield.gif); float: left; clear: both; cursor: pointer; }
    #main fieldset label.textarea { height: 132px; background: url(../img/bg/label-textarea.gif); clear: none; }
    #main fieldset .field { width: 249px; height: 24px; padding: 7px 0 0 7px; margin: 0 0 2px; background: url(../img/bg/form-inputfield.gif); float: left; }
    #main fieldset textarea { width: 249px; _width: 245px; height: 131px; padding: 7px 0 0 7px; margin: 0 0 10px; background: url(../img/bg/form-textarea.gif); }
    #main fieldset .btn { width: 85px; height: 28px; margin: 0 0 10px; background: url(../img/bg/form-btn.gif); float: right; cursor: pointer; }
    #main fieldset .field:focus, #main fieldset textarea:focus, #main fieldset .btn:hover { background-position: bottom; outline: 0; }
    #main fieldset .bottom { width: 420px; height: 10px; margin: 0 -20px; background: url(../img/bg/form-bottom.gif); overflow: hidden; clear: both; }
    
    #content h2 a { width: 414px; height: 37px; padding: 3px 0 0 6px; display: block; background: url(../img/bg/h2-slide.gif); font-size: 15px; font-weight: bold; color: #fff; }
    #content h2 a:hover { color: #c8e4a5; }
    #content div { overflow: hidden; }
    
#right {
	width: 240px;
    margin: 47px 0 0 20px;
	float: right;
    position: relative;
    z-index: 3;
    }
    #right a:hover { border-bottom: 1px dotted #000; }
    
    #right .item { width: 200px; padding: 0 20px 24px; margin: 0 0 20px; background: url(../img/bg/right-item-bottom.gif) no-repeat bottom #63952d; }
    #right .item h3 { width: 240px; height: 51px; margin: 0 -20px 20px; background: url(../img/bg/right-h3.gif); text-indent: -9999px; }
    #right .item h3.eventt { background-position: 0 0; }
    #right .item h3.contact { background-position: 0 -51px; }
    #right .item h3.bel-terug { background-position: 0 -102px; }
    #right .item ul { padding: 0; list-style: none; line-height: 25px; }
    #right .item li a { padding: 0 0 0 26px; background: url(../img/icons/date.gif) no-repeat; }
    #right .item li a span { font-size: 11px; color: #b1c921; }
    #right .item li a:hover span { color: #fff; }
    #right .item .phone { padding: 0 0 2px 26px; background: url(../img/icons/phone.gif) no-repeat; }
    #right .item .email { padding: 0 0 0 26px; background: url(../img/icons/email.gif) no-repeat; }
    #right .form .field { width: 180px; height: 25px; padding: 0 10px; margin: 0 0 5px; background: url(../img/bg/bel-terug-form.gif); line-height: 25px; }
    #right .form .field:focus { background-position: 0 -25px; }
    #right .form .btn { width: 116px; height: 28px; background: url(../img/bg/bel-terug-form.gif) 0 -50px; color: #fff; font-weight: bold; cursor: pointer; }
    #right .form .btn:hover { background-position: 0 -78px; }

#footer {
	width: 100%;
    background: url(../img/bg/footer-line.gif) repeat-x #333;
    border-top: 5px solid #28727f;
    color: #666;
    line-height: 20px;
    clear: both;
    }
    #footer .footerspan { width: 960px; padding: 20px 0 60px; margin: 0 auto; }
    #footer a { color: #888; }
    #footer a:hover { color: #7cb735; }
    #footer .fr { float: right; }
    #footer span.boot { width: 318px; height: 178px; margin: -183px 0 0; display: block; background: url(../img/bg/zeilboot.jpg) no-repeat bottom left; float: right; }