html, body {height:100%; }

body { background: #CCCCCC; text-align:center; margin:0 px; padding:0; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px; line-height: 100%;}

#frame { background: #FFFFFF; width:924px; margin:0; height:100%; border-right:#333333 1px solid; border-left: #333333 1px solid;}

#logo { width: 924px; height: 75px; background:url(../images/logo.jpg) no-repeat left bottom; margin: 0; }

#menu {width: 900px; height: 200px; margin: 0 12px 1px 12px;}

#menuItems { width: 900px; height: 26px; float:left; text-transform:uppercase; background: url(../images/bg_items.jpg) no-repeat; font-size: 9px; margin:0;}

#menuItems ul { margin: 0; padding : 0; list-style : none; max-width:500px;}
#menuItems li { height: 26px; margin: 0; padding: 0; padding-top: 5px; padding-left: 10px; padding-right: 10px; border-right: 1px solid #FFFFFF; float: left; }
#menuItems li.active { background: #666666; border-bottom: 1px solid #666666; color: #FFFFFF;}
#menuItems a:link, #menuItems a:active, #menuItems a:visited { color: #000; text-decoration:none;}

#menuAdres { height:19px; width:400px; text-align:right; float:right; text-transform:uppercase; padding-top: 5px; padding-right:5px; font-size: 10px; margin:0;}

#menuBanner { width: 500px; height: 174px; float:left; background:url(../images/bg_banner.jpg) no-repeat;}
#menuFoto { width: 400px; height: 174px; float:right; background: url(../images/bg_foto.jpg) no-repeat;}

#middenframe{ margin: 0 12px 1px 12px; height: 350px; width:900px; border: #99cc33 1px solid; }
#middenframeLinks{ height: auto; width:240px; margin:0; float:left;}
#middenframeRechts{height:auto; width:600px; margin:0; float:right; text-transform:uppercase; text-align:left; text-decoration:none; font-weight:normal; line-height: 130%; font-size:11px; background:#FFFFFF;}
#middenframeRechts a:link{text-decoration:none; color:#990000;}, #middenframeRechts a:active{text-decoration:none; color:#990000;}, #middenframeRechts a:visited{text-decoration:none; color:#990000;}

#footer{ background:url(../images/bg_items.jpg) no-repeat left; color:#FFFFFF; height:26px; width:900px; margin:0; text-transform:uppercase; font-size:9px; float:left; margin: 0 12px 0 12px; padding-top:3px;}

#openingsTitel{ font-size:9px; text-transform:none; width:140px; margin:0; text-align:left; float:left;}
.openingsdagen{ text-transform:none; width:60px; margin:0; float:left; font-size:9px; text-align:left;}
.openingsuren{ width:100px; margin:0px 0px 0px 0px; float:right; font-size:9px; text-align:left;}
#jubileumLogo{ background:url(../images/jubileum_logo.gif) no-repeat; width:228px; height:150px; margin: 20px 5px 0px 15px; float:left;}





#links .wegbeschrijving_link { margin: 15px 0 0 0; }
#links a:link, a:active, a:visited { color:#000000; text-decoration:none; }


/* info items rechts */
img.floatLeft{ float:left; margin:5px;}
img.floatRight{ float:right; margin:5px; }
.infoItem{ width:220px; height: auto; margin-left:5px; margin-bottom:5px; margin-top:20px; text-align: justify; text-transform: none; line-height: 130%; padding:5px;}
.infoItem a:link{ text-decoration:none; color:#000000;}
.infoItem a:visited{ text-decoration:none; color:#000000;}
.infoItem a:active{ text-decoration:none; color:#000000;}

/*titel index*/
#boven{ width:550px; height:30px; font-weight:bold; color:#990000; font-size: 20px; padding: 0; margin-top:20px; padding-top:1px;}
#midden{ width:550px; height: auto; color:#000000; padding:0; font-size:11px;text-transform:none; text-align: justify; margin-bottom:30px;}

/*laatste nieuws */
.nieuws { width:300px; height:35px; margin: O; float:right; text-align:left; font-size: 25px; color:#FFFFFF; font-weight:bold; line-height:100%; text-transform:uppercase; padding:10px 0 0 25px;}
.titel{ background:url(../images/vink.gif) no-repeat left; width:300px; height:15px; font-size: 11px; text-transform:uppercase; color:#000000; text-align:left; margin: 5px 0 0 0; padding:0 0 0 25px; letter-spacing: 0px; line-height: 100%; float:right;}
.tekst{ width:300px; height:40px; font-size: 10px; text-transform: none; color: #FFFFFF; text-align:left; margin: 0; letter-spacing: 0px; line-height: 100%; float:right; padding:0 0 0 25px;}
.tekst a:link{ text-decoration:none; color:#FFFFFF;}
.tekst a:visited{ text-decoration:none; color:#FFFFFF;}
.tekst a:active{ text-decoration:none; color:#FFFFFF;}


/*contact*/

#links{ width:170px; float:left; }
#rechts{ width:350px; float:right; }

.tekst_contactform{ height:25px; width:80px; float:left; margin: 0 0 5px 0; padding-left:25px; }
.form_contactform { height:25px; width:220px; float:right; margin: 0 0 5px 0; text-align:left; }

.link a:link{ text-decoration:none; color:#990000;}
.link a:visited{ text-decoration:none; color:#990000;}
.link a:active{ text-decoration:none; color:#990000;}