@charset "utf-8"; /* DEFAULT */ body { background-color:#fff3df; margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; font-size:62.5%; background-image:url(../images/layout/achtergrond.jpg); background-position:top; background-repeat:repeat-x; behavior:url("../js/csshover2.htc"); } body,td,th { font-family:Arial, Helvetica, sans-serif; color:#000000; } html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, img, iframe { margin:0; padding:0; border:0; } input { font-size:1.0em; } textarea { font-size:1.0em; font-family:Arial, Helvetica, sans-serif; padding:3px; } /* LINKS */ a { color:#000000; text-decoration:none; } a:hover { color:#000000; text-decoration:underline; } /* LAYOUT */ #wrapper { width:100%; min-height:610px; text-align:center; overflow:hidden; font-size:1.1em; background-image:url(../images/layout/achtergrondmain.jpg); background-position:top; background-repeat:no-repeat; } #wrapperCenter { width:995px; margin:0 auto; text-align:left; overflow:hidden; } #wrapperFooter { width:100%; min-height:32px; text-align:center; overflow:hidden; font-size:1.1em; background-image:url(../images/layout/achtergrondfooter.jpg); background-position:top; background-repeat:no-repeat; } #wrapperFooterCenter { width:970px; margin:0 auto; text-align:right; overflow:hidden; color:#FFF; padding:1px 25px 0 0; } #wrapperFooterCenter a { color:#FFF; text-decoration:none; margin:0 14px 0 0; } #wrapperFooterCenter a:hover { color:#FFF; text-decoration:underline; } /* TOP */ #topWrapper { width:995px; overflow:hidden; } #topLogo { width:285px; height:130px; float:left; } #topTaal { width:686px; height:12px; float:left; text-align:right; margin:10px 0 0 0; } #topTaal img { margin:0 0 0 5px; } #topButton { width:686px; height:25px; float:left; text-align:right; margin:5px 0 0 0; } #topMenu { width:710px; height:28px; float:left; margin:6px 0 0 0; overflow:hidden; } #topMenu ul { display:inline; list-style-type:none; } #topMenu li { display:inline;list-style-type:none; text-indent:-3000px; background-repeat:no-repeat; isplay:block; float:left; height:28px;} #topMenu li:hover { } #topMenu a { display:block; height:28px;overflow:hidden;} /*menu-initial state*/ #topMenu li.menu01 { background-image: url('../images/menu/menu01.gif'); background-repeat: no-repeat; } #topMenu li.menu02 { background-image: url('../images/menu/menu02.gif'); background-repeat: no-repeat; } #topMenu li.menu03 { background-image: url('../images/menu/menu03.gif'); background-repeat: no-repeat; } #topMenu li.menu04 { background-image: url('../images/menu/menu04.gif'); background-repeat: no-repeat; } #topMenu li.menu05 { background-image: url('../images/menu/menu05.gif'); background-repeat: no-repeat; } #topMenu li.menu06 { background-image: url('../images/menu/menu06.gif'); background-repeat: no-repeat; } /*bgs for links*/ #topMenu a#item1 { background: url('../images/menu/menu01-over.gif') no-repeat -130px -28px; width: 67px; } #topMenu a#item2 { background: url('../images/menu/menu02-over.gif') no-repeat -130px -28px; width: 93px; } #topMenu a#item3 { background: url('../images/menu/menu03-over.gif') no-repeat -130px -28px; width: 176px; } #topMenu a#item4 { background: url('../images/menu/menu04-over.gif') no-repeat -130px -28px; width: 125px; } #topMenu a#item5 { background: url('../images/menu/menu05-over.gif') no-repeat -130px -28px; width: 113px; } #topMenu a#item6 { background: url('../images/menu/menu06-over.gif') no-repeat -130px -28px; width: 112px; } /*hover styles*/ #topMenu a#item1:hover { background-position:0 0; z-index:50; } #topMenu a#item2:hover { background-position:0 0; z-index:50; } #topMenu a#item3:hover { background-position:0 0; z-index:50; } #topMenu a#item4:hover { background-position:0 0; z-index:50; } #topMenu a#item5:hover { background-position:0 0; z-index:50; } #topMenu a#item6:hover { background-position:0 0; z-index:50; } /*menu-highlighting*/ #marbo .menu02 { background: url('../images/menu/menu02-over.gif') !important; } #wereldui .menu03 { background: url('../images/menu/menu03-over.gif') !important; } #varieteiten .menu04 { background: url('../images/menu/menu04-over.gif') !important; } #recepten .menu05 { background: url('../images/menu/menu05-over.gif') !important; } #contact .menu06 { background: url('../images/menu/menu06-over.gif') !important; } /* HOMEBLOKKEN */ #homemenu { width:204px; float:left; } #homeblokken { width:690px; margin:0 0 0 70px; overflow:hidden; float:left; cursor:pointer; } #homeblokken .blok1 { width:186px; height:186px; float:left; overflow:hidden; background-image:url(../images/blokken/blok1.jpg); background-position:left top; background-repeat:no-repeat; padding:11px; } #homeblokken .blok1 .foto { width:182px; border: 1px solid #fec15e; padding:2px; } #homeblokken .blok2 { width:186px; height:186px; float:left; overflow:hidden; background-image:url(../images/blokken/blok2.jpg); background-position:left top; background-repeat:no-repeat; padding:11px; } #homeblokken .blok2 .foto { width:182px; border: 1px solid #ffffff; padding:2px; } #homeblokken .blok3 { width:186px; height:186px; float:left; overflow:hidden; background-image:url(../images/blokken/blok3.jpg); background-position:left top; background-repeat:no-repeat; padding:11px; color:#FFF; cursor:default; } #homeblokken .open { width:186px; height:186px; float:left; overflow:hidden; background-position:left top; background-repeat:no-repeat; padding:11px; } #homeblokken .schaduw { float:left; padding:0 4px 5px 0; background:url(../images/dropshadow.png) right bottom; margin: 0 17px 16px 0; } #homeblokken .kop { width:186px; text-transform:uppercase; color:#FFF; margin:-4px 0px 22px 0px; } #homeblokken .tekst { width:186px; height:58px; margin:10px 0 0 0; overflow:hidden; } #homeblokken .tekst2 { width:186px; margin:10px 0 0 0; overflow:hidden; color:#FFF; } #homeblokken .titel { font-size:1.2em; font-weight:bold; color:#e93005; margin:0 0 12px 0; } #homeblokken .pijl { text-align:right; margin:-15px 3px 0 0; } #homeblokken .inputveld { width:180px; padding:1px 0 0 3px; height:15px; } #homeblokken .slideshow { width:208px; height:208px; float:left; } #homeblokken .slideshowtekst { width:168px; margin:-201px 0 0 11px; text-transform:uppercase; color:#FFF; position:relative; z-index:200 } /* VERVOLG PAGINA'S */ #vervolgtekst.vervolgsitemap { width:680px; } #vervolgmenu { width:204px; float:left; margin:0 0 0 50px; } #vervolgtekst { width:460px; float:left; margin:0 0 0 30px; overflow:hidden; padding:0 0 30px 0; } #vervolgtekst .kop { text-transform:uppercase; font-size:1.2em; font-weight:bold; color:#e93005; margin:0 0 12px 0; } #vervolgtekst .titel { font-size:1.2em; font-weight:bold; color:#e93005; margin:4px 0 6px 0; } #vervolgtekst .schaduw { float:left; padding:0 4px 5px 0; background:url(../images/dropshadow.png) right bottom; margin:24px 0 0 0; } #vervolgtekst .blok2 { width:436px; float:left; overflow:hidden; background-color: #ffc05f; background-image:url(../images/blokken/blok2groot.jpg); background-position:top; background-repeat:no-repeat; padding:11px; background-color:#fec15e; cursor:pointer; } #vervolgtekst .schaduw .kop { text-transform:uppercase; color:#FFF; margin:-4px 0px 22px 0px; overflow:hidden; font-weight:normal; font-size:1.1em; } #vervolgtekst .schaduw .foto { width:136px; overflow:hidden; float:left; margin:0 10px 0 0; } #vervolgtekst .schaduw .tekst { width:290px; margin:5px 0 0 0px; float:left; } #vervolgtekst .schaduw .pijl { text-align:right; margin:0 3px 3px 0; } #vervolgtekst .link { font-weight:bold; color:#e93005; line-height:1.6em; } #vervolgtekst .link a { font-weight:bold; color:#e93005; line-height:1.6em; text-decoration:underline; } #vervolgtekst .link a:hover { text-decoration:none; } #vervolgtekst .leesverder { width:100px; float:left; color:#e93005; } #vervolgtekst .leesverder a { color:#e93005; text-decoration:underline; } #vervolgtekst .leesverder a:hover { text-decoration:none; } #vervolgtekst2 { width:300px; float:left; margin:0 0 30px 30px; } #vervolgtekst2 .kop { text-transform:uppercase; font-size:1.2em; font-weight:bold; color:#e93005; margin:0 0 12px 0; } #vervolgtekst2 .titel { font-size:1.2em; font-weight:bold; color:#e93005; margin:0 0 12px 0; } #vervolgblok1 { width:460px; overflow:hidden; margin:24px 0 0 0; } #vervolgblok1 .foto { width:136px; overflow:hidden; float:left; } #vervolgblok1 .tekst { width:310px; float:left; margin:0 0 0 14px; } #vervolgblok2 { width:460px; overflow:hidden; margin:24px 0 0 0; } #vervolgblok2 .foto { width:136px; overflow:hidden; float:right; } #vervolgblok2 .tekst { width:310px; float:left; margin:0 14px 0 0; } #vervolgbanner { width:212px; float:left; margin:0 0 0 20px; } #vervolgbanner .schaduw { float:left; padding:0 4px 5px 0; background:url(../images/dropshadow.png) right bottom; margin:0 0 30px 0; } #vervolgbanner .blok1 { width:186px; float:left; overflow:hidden; background-color: #ffc05f; background-image:url(../images/blokken/banner1.jpg); background-position:left top; background-repeat:no-repeat; padding:11px; } #vervolgbanner .blok2 { width:186px; float:left; overflow:hidden; background-color: #ffc05f; background-image:url(../images/blokken/blok2groot.jpg); background-position:left top; background-repeat:no-repeat; padding:11px; cursor:pointer; background-color:#fec15e; } #vervolgbanner .kop { width:186px; text-transform:uppercase; color:#FFF; margin:-4px 0px 0 0px; padding:0 0px 22px 0px; overflow:hidden; } #vervolgbanner .tekst { width:186px; margin:10px 0 0 0; } #vervolgbanner .link { font-weight:bold; color:#e93005; margin:10px 0 0 0; } #vervolgbanner .link a { font-weight:bold; color:#e93005; text-decoration:underline; } #vervolgbanner .link a:hover { text-decoration:none; } #vervolgbanner .pijl { text-align:right; margin:0 3px 3px 0; } #vervolgbanner2 { width:368px; float:left; margin:0 0 0 20px; } #vervolgbanner2 .schaduw { float:left; padding:0 4px 5px 0; background:url(../images/dropshadow.png) right bottom; } #vervolgbanner2 .route { float:left; margin:15px 0 0 0; } #vervolgbanner3 { width:196px; float:left; margin:0 0 0 20px; padding:0 0 0 12px; } .vervolgcontact { width:420px; margin:24px 0 0 0; padding:20px; background-color:#ffecce; overflow:hidden; } .vervolgcontact .naam { width:140px; float:left; padding:3px 0 0 0; height:23px; font-weight:bold; } .vervolgcontact .veld { width:280px; float:left; height:26px; } .vervolgcontact .inputveld { width:270px; padding:1px 0 0 3px; height:15px; } .vervolgcontact .inputveldPC{ float: left; width:70px; padding:1px 0 0 3px; height:15px; } .vervolgcontact .inputveldPL{ float: left; width:183px; padding:1px 0 0 3px; height:15px; margin: 0 0 0 10px; } .vervolgcontact .textarea { width:407px; height:70px; } #vervolgcontactversturen { width:69px; float:right; margin:20px 0 0 0; } /* SUBMENU */ ul.snelmenu { width:204px; float:left; margin:0; padding:0; } ul.snelmenu li { overflow:hidden; height:18px; width:180px; list-style-type:none; background-image: url('../images/layout/snelBackground.gif'); color:#fe9e01; text-transform:uppercase; padding:2px 0 0 24px; cursor:pointer; } ul.snelmenu li:hover { height:18px; width:180px; list-style-type:none; background-image: url('../images/layout/snelBackground2.gif'); } ul.snelmenu .selected { height:18px; width:180px; list-style-type:none; background-image: url('../images/layout/snelBackground2.gif'); } ul.snelmenu li a { text-decoration:none; color:#fe9e01; } ul.snelmenu li a:hover { text-decoration:none; } #menuafbeelding { width:249px; height:216px; float:left; margin:50px 0 0 -15px; background-image:url(../images/menuafbeeldingen/geleui.png); background-position:center; background-repeat:no-repeat; } #menuafbeelding.menu1 { background-image:url(../images/menuafbeeldingen/geleui.png); } #menuafbeelding.menu2 { background-image:url(../images/menuafbeeldingen/rodeui.png); } #menuafbeelding.menu3 { background-image:url(../images/menuafbeeldingen/witteui.png); } #menuafbeelding.menu4 { background-image:url(../images/menuafbeeldingen/coctailui.png); } #menuafbeelding.menu5 { background-image:url(../images/menuafbeeldingen/banaansjalot.png); } #menuafbeelding.menu6 { background-image:url(../images/menuafbeeldingen/sjalot.png); } #menuafbeelding.menu7 { background-image:url(../images/menuafbeeldingen/knoflook.png); } #menuafbeelding.menu8 { background-image:url(../images/menuafbeeldingen/zoeteui.png); } /* GOOGLEMAPS */ #contactGoogle { width: 368px; height: 265px; } #googlemapsInvoer { width: 245px; background-color: #ffffff; padding:1px 0 0 3px; height:15px; } /* SLIDESHOW */ #homeslideshow { width:208px; height:208px; margin:0; background-color:#e13b00; } #telerslideshow { width:686px; height:228px; margin:0 0 30px 30px; border:1px solid #fcc062; } #flashshow { width:686px; height:228px; margin:0 0 30px 30px; } /* GALLERY */ #gallery { }