/* Algemeen */
/* ----------------------------------------------------------------------------------------------------------------- */
body {margin: 0px; background-color: #fff; background-image: url(../gfx/bgheader.gif); background-repeat: no-repeat;  margin: 0px;}
body, div, span, font, td { font-family: arial, verdana normal; color: #006C43;} 
a, a:link { color: #E20E0E; text-decoration: underline; }
a:hover, a:active { color: #000; }
p {margin: 0px; margin-bottom: 10px;} 

/*menu*/
#menu {position: relative; top: 23px; left: 280px;}
#menu a {color: #006C43; font-weight: bold; font-size: 80%; text-decoration: none; padding: 0px 8px 0px 8px; height: 30px; line-height: 30px; border-right: 1px solid #fff;}
head+body #menu a {padding: 7px 8px 7px 8px;}
#menu a:hover, #menu a.active { background-color: #A3DF00;}

.bgBalk {background-color: #006C43; height: 34px; width: 100%; background-image: url(../gfx/popup_bgbottombalk.gif); background-repeat: x-repeat; }
.bgBalk p {color: #A3DF00; font-size: 70%; padding: 10px 0px 0px 18px; width: 990px;}
.bgBalk a {color: #E7F7B2;}
.info { float: right; margin-right: 13px; margin-top: -17px; color: #A3DF00;}
.info img {position: relative; margin-bottom: -5px;}

.content {margin: 57px 0px 0px 280px; width: 100%; padding: 10px 0px 10px 20px;}
.title {font-size: 120%; font-weight: bold;}
h3 { margin: 0px; font-size: 150%; padding-bottom: 5px;}

.linkblock {position: relative; top: 270px; left: 0px; margin-top: -34px; font-weight: bold; height: 30px; background-color: #006C43;  width: 280px; border-bottom: 4px solid #A3DF00; font-size: 80%; padding: 0px 0px 0px 70px;}
head+body .linkblock {padding: 0px; top: 288px;}
.linkblock a, .linkblock a:active {text-decoration: none; color: #fff; line-height: 30px; background-image: url(../gfx/btn_pijl.gif); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 20px;}
.linkblock a:hover {text-decoration: none; color: #A3DF00; background-image: url(../gfx/btn_pijl_hover.gif); background-repeat: no-repeat; background-position: 0px 0px; font-size: 130%;}

.zappwerk {color: #006C43; font-size:60%; padding: 5px 0px 0px 18px;}


/* Homepage */
/* ----------------------------------------------------------------------------------------------------------------- */
#homepage .content {background-color: #A3DF00; /*height: 170px;*/ padding-botomm: 10px;}
#homepage .content table  {width: 680px;}
#homepage .content table td {padding-right: 20px; font-size: 80%; line-height: 150%;}
.mappy {padding: 20px 0px 0px 17px; background-color: #E7F7B2; width: 100%;}
.mappy p {height: 20px; line-height: 20px; font-size: 80%;}


/* InfoPage */
/* ----------------------------------------------------------------------------------------------------------------- */
#infopage .content {background-color: #A3DF00;}
#infopage .content .mainTable {height:450px; width: 680px;}
#infopage .content .mainTable p {width: 660px; line-height: 150%;}
#infopage .content .mainTable td { margin: 0px; font-size: 80%; line-height: 150%;}
#infopage .content ul {width: 660px; margin: 0px 0px 10px 0px; list-item: none;}
#infopage .content li {padding: 0px 0px 0px 20px; background: url(../gfx/libullit.gif) no-repeat 0px 4px;}
#infopage .content ul li a {font-weight: bold; color: #006C43; line-height: 150%; text-decoration: none;}
#infopage .content ul li a:hover {color: #000;}
.line { margin: 0px; background-image: url(../gfx/line.gif); background-repeat: x-repeat; height: 1px; width: auto; margin-bottom: 5px;}
table.prijslijst td{ padding-right: 20px;}
table.prijslijst td.label{ width: 300px;}
table.walloffame {margin-top: 10px;}
table.walloffame td{ padding: 5px 0px 5px 10px; font-weight: bold; border-bottom: 1px solid #006C43;}

.banner{ position: relative; top: 325px; margin-top: -40px;}


/* Popup */
/* ----------------------------------------------------------------------------------------------------------------- */
body#popup {background-color: #fff; background-image: url(../gfx/popup_bgheader.gif); background-repeat: no-repeat;  margin: 0px;}
#popup .content {width: 560px; margin: 100px 0px 40px 160px; padding: 10px 0px 0px 20px; /*height: 440px; border: 1px solid aqua;*/}
#popup form {margin: 0px; margin-top: 10px;}
#popup p{margin: 0px; font-size: 80%;}
label {width: 150px; padding-right: 10px;}
label.secondLabel {width: 100px;}
.required {float: right; margin-top: -15px; font-size: 14px; color: #FF0000; }
input {font-family: verdana; font-size: 11px; color: #006C43;}
select {font-family: verdana; font-size: 11px; color: #006C43; height: 20px; border: 1px solid #006C43; background-color: #A3DF00; padding: 2px 0px 0px 5px; width: 150px;}
input.fullField, input.smallField, input.halfField {height: 20px; border: 1px solid #006C43; background-color: #A3DF00; padding: 2px 0px 0px 5px;}
input.fullField {width: 375px;}
input.smallField {width: 80px; margin-right: 15px;}
input.halfField {width: 180px;}
textarea {width: 375px; height: 80px; border: 1px solid #006C43; background-color: #A3DF00; font-family: verdana; font-size: 11px; color: #777; padding: 2px 0px 0px 5px; color: #006C43;}
input.check {margin: 2px 0px 0px -3px;}
a.btnGaverder {background-image: url(../gfx/btn_gaverder.gif); background-repeat: no-repeat; height: 34px; width: 128px; display: block; position: relative; left: 580px;}
head+body a.btnGaverder {}
a.btnGaverder:hover {background-image: url(../gfx/btn_gaverder_hover.gif); background-repeat: no-repeat;}
a.btnVerstuur {background-image: url(../gfx/btn_verstuur.gif); background-repeat: no-repeat; height: 34px; width: 128px; position: relative; left: 612px; display: block;}
a.btnVerstuur:hover {background-image: url(../gfx/btn_verstuur_hover.gif); background-repeat: no-repeat;}

.infoTable td{ font-size: 80%; padding: 5px 5px 5px 5px;}
a.sluitwindow {background-color:#016C43; color:#A3DF00; text-align: center; height: 22px; font-weight: bold; width:100px; font-size: 70%; text-transform: none; background-image: url(../gfx/btn_pijl_hover.gif); background-repeat: no-repeat; background-position: 0px 2px; padding: 2px 5px 0px 15px;}
a.sluitwindow:hover {color: white; text-transform: none; background-image: url(../gfx/btn_pijl.gif); background-repeat: no-repeat; background-position: 0px 2px; padding: 2px 5px 0px 15px;}
a.topLink {font-size: 80%; text-transform: none; color: #006C43;}


/* mail a friend Popup */
#mailafriend {background-color: #fff; background-image: url(../gfx/popup_bgheader2.gif); background-repeat: no-repeat;  margin: 0px; background-color: #A3DF00;}
#mailafriend .content {margin: 45px 0px 0px 30px; padding: 0px; padding-bottom: 30px; width: 300px;}
#mailafriend p{margin: 0px; font-size: 80%;}
#mailafriend .content table td {padding-right: 20px;}
#mailafriend .content label {width: 60px; padding-right: 0px;}
#mailafriend .content input.halfField {width: 220px; background-color: #fff;}
#mailafriend a.btnVerstuur {left: 200px;}