body,html {
margin: 0;
padding: 0;
}
body {
background : #8dc63f;
margin : 0;
padding : 0;
}
body, p, td {
font : normal 11px "Trebuchet MS", Verdana, sans-serif;
color : #444;
margin : 0;
padding : 0;
}
h1 {
font : bold 18px "Trebuchet MS", Verdana, sans-serif;
color : #355904;
padding : 0 0 10px 0;
margin : 0;
}
h2 {
font : bold 14px "Trebuchet MS", Verdana, sans-serif;
color : #355904;
padding : 0;
margin : 0;
}
h3, h4, h5, h6 {
font : bold 12px "Trebuchet MS", Verdana, sans-serif;
color : #355904;
padding : 0;
margin : 0;
}
ul {
list-style : none;
padding : 0;
margin : 0;
}
li {
padding : 0;
margin : 0;
}
pre {
white-space:nowrap;
}
img {
padding : 0;
margin : 0;
}
a:link, a:active, a:visited {
padding : 0;
margin : 0;
}
a:hover {
padding : 0;
margin : 0;
}
/*
* site
*/
#site {
width : 983px;
text-align: center;
padding : 0;
margin : 0 auto;
}
#sitebg {
width : 983px;
float: left;
background : url(../images/site.gif) repeat-y;
}
#bgsite {
float: left;
background : url(../images/bgsite.jpg) no-repeat;
display: inline;
width: 983px;
min-height: 400px;
height:auto !important;
height: 400px;
margin: 0px;
padding: 0px;
}
/*
* kop
*/
#kop {
float: left;
display: inline;
width: 983px;
height: 206px;
padding: 0;
margin: 0;
}
#logo {
float: left;
display: inline;
width: 116px;
height: 206px;
}
#kop_desc {
float: left;
display: inline;
width: 866px;
height: 206px;
background : #fff url(../images/kop_desc.gif) no-repeat;
}
/*
* Plattegrond
*/
#plattegrond {
background: url(../images/plattegrond.gif) no-repeat;
width: 595 px;
height:410 px;
}
/*
* sponsor ruimte
*/
#sponsor {
float: left;
display: inline;
width: 116px;
padding: 0;
margin: 0;
}
.sponsor_img {
margin: 2px 0 0 0;
}
/*
* menu
*/
#menu {
float: left;
display: inline;
width: 235px;
height: 100%;
padding: 0;
margin: 0px 0px 0px 0px;
}
#menu_poss {
padding: 10px 8px 0 0;
margin: 0;
}
#menu a {
background : url(../images/buta.gif) no-repeat right;
text-align: right;
text-decoration:none;
display: block;
padding: 9px 5px 9px 0px;
margin: 0;
}
#menu a:hover {
background : url(../images/buthover.png) no-repeat right;
color: #FFF;
padding: 9px 10px 9px 0px;
margin: 0;
}
#menu ul li {
display: inline;
}
#menu li a {
background : url(../images/buta.gif) no-repeat right;
font: bold 10px arial;
color: #333;
min-height:1em;
}
#actie {
float: left;
display: inline;
width:235px;
}
#actie a {
background : url(../images/spacer.gif) repeat;
padding: 0;
margin: 0;
}
#actie a:hover {
background : url(../images/spacer.gif) repeat;
padding: 0;
margin: 0;
}
#surfwin {
margin-top: 115px;
margin-left: -115px;
width:346px;
height:119px;
}
#surfwin a {
background : none;
padding: 0;
margin: 0;
}
#surfwin a:hover {
background : none;
padding: 0;
margin: 0;
}
/*
* main
*/
#main {
float: left;
display: inline;
width: 632px;
text-align: left;
font: normal 12px/16px "Trebuchet MS", Verdana, sans-serif;
color: #FFF;
padding: 0;
margin: 0;
}
#main_img {
margin: 0;
padding: 12px 0 0 14px;
}
.mainimg {
border: 1px solid #FFF;
}
#main_poss {
padding: 10px 18px 0 18px;
margin: 0;
}
#main_poss p {
font: normal 12px/16px "Trebuchet MS", Verdana, sans-serif;
color:#fff;
}
#main_poss ul {
list-style-position: outside;
list-style-type: disc;
padding : 0 0 0 25px;
margin : 0;
}
#main_poss li {
padding : 0;
margin : 0 0 0 10px;
}
.txtlink a:link, .txtlink a:active, .txtlink a:visited {
color : #355904;
text-decoration : underline;
padding: 0 2px 0 2px;
}
.txtlink a:hover {
background : #355904;
color : #FFF;
text-decoration : none;
padding: 0 2px 0 2px;
}
.txt_rood {
color : #000;
font-weight: bold;
}
/*
* footer
*/
#footer {
float: left;
display: inline;
width: 983px;
height: 150px;
background : url(../images/footer.jpg) no-repeat right;
}
#footer_poss {
margin: 0;
padding: 20px 0 0 180px;
}
.handtekening {
border: 0px solid #851251;
}
#copyright {
float:right;
font: normal 9px;
color: #355904;
margin: 0;
padding: 0 0 15px 0;
}
#copyright a {
color: #355904;
text-decoration: underline;
}
#copyright a:hover {
text-decoration : none;
}
/*
* overige classes
*/
#contactblok-links {
float: left;
display: block;
width: 290px;
min-height: 300px;
height: 300px;
background: #355904;
border: 1px solid #fff;
margin: 0 0 20px 0;
padding: 0;
}
#contactblok-rechts {
float: left;
width: 290px;
min-height: 300px;
height: 300px;
display: block;
background: #355904;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
margin: 0 0 20px 0;
padding: 0;
}
#contactblok_poss {
margin: 0;
padding: 10px;
}
/*
* Sponsoren
*/
div#main .titelsponsor_txt {
float: left;
width: 21%;
height: 22px;
display: block;
font: bold 14px "Trebuchet MS", Verdana, sans-serif;
text-align: center;
}
div#main .omschrijvingsponsor_txt {
float: left;
width: 70%;
height: 22px;
display: block;
font: bold 14px "Trebuchet MS", Verdana, sans-serif;
text-align: left;
padding: 0 15px 0 10px;
}
div#main .imgopacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
div#main .imgopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
div#main .imgopacity img {
border: 0px solid #ccc;
margin-bottom: 1px;
margin-top: 1px;
margin-right: 14px;
}
div#main label {
float: left;
width: 130px;
}
div#menulabel label {
float: left;
width: 320px;
}
/*
* contact form
*/
div#container {
width: 300px;
margin:0 auto;
border: 1px solid #355904;
padding: 15px;
background: #f2f4f7;
}
div#form label {
float: left;
font : bold 11px "Trebuchet MS", Verdana, sans-serif;
color : #FFF;
width: 130px;
text-align: left;
padding-top: 5px;
}
div#form input, div#form textarea {
padding: 3px;
margin: 3px;
border: 1px solid #355904;
font: 11px Trebuchet MS,Verdana, sans-serif;
background: #fff;
}
div#form input:hover, div#form textarea:hover {
border: 1px solid #dc5f0e;
}
div#main input.fout, div#main textarea.fout {
border: 1px solid #dc5f0e;
}
div#form label.fout {
font : bold 11px "Trebuchet MS", Verdana, sans-serif;
color: #355904;
}
div#form .captcha_img {
border: 1px solid #355904;
margin: 0 0 0 3px;
}