/* vaste elementen welke op meerdere pagina's voorkomen */ body { background-image: url(../afbeeldingen/achtergrond.jpg); background-position: left top; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; color: #4a4a4a; } #aligner { width: 889px; margin: 0 auto; } #container { width: 869px; float: left; background-image: url(../afbeeldingen/krul.gif); background-position: right bottom; background-repeat: no-repeat;} .rand { background-color: #FFFFFF; padding: 10px; } #logo-wrapper { position: relative; width: 151px; height: 115px; margin: 2px 0 0 38px; display: block;} #logo { width: 151px; height: 115px; background-image: url(../afbeeldingen/logo.gif); float: left; text-decoration: none; text-indent: -9999px; } #header-rechts { width: 226px; display: block; float: left; } .hand { cursor: pointer; } .tekst ul { padding: 0; margin: 0; } .tekst li { list-style: none; background-image: url(../afbeeldingen/list_bullet.gif); background-repeat: no-repeat; background-position: 0px 5px; padding: 0 0 0 15px;} .tekst a { color: #4a4a4a; text-decoration: underline; } .tekst a:hover { text-decoration: none; } /* FLIR IE6 border uitzetten */ .menu_link { top: 4px; } .menu_link img { outline:none; border:none; padding: 0; margin: 0;} /* vervolg in variabele elementen */ #taalkeuze { position: absolute; width: 215px; height: 27px; left: -129px; top: 101px; background-color: #FFFFFF;} #taalkeuze ul { margin: 7px 0 0 7px; padding: 0; } #taalkeuze li { width: 19px; height: 13px; overflow: hidden; display: block; float: left; margin: 0; list-style: none; text-indent: -9999px; } #taalkeuze a { background-repeat: no-repeat; background-position: 2px 2px; width: 19px; height: 13px; display: block; } #taalkeuze a:hover { background-color: #e2e2e2; } #taalkeuze .en { background-image: url(../afbeeldingen/iconen/en.gif); } #taalkeuze .de { background-image: url(../afbeeldingen/iconen/de.gif); } #taalkeuze .fr { background-image: url(../afbeeldingen/iconen/fr.gif); } #taalkeuze .nl { background-image: url(../afbeeldingen/iconen/nl.gif); } #taalkeuze .huidig { font-size: 9px; color: #ae9962; float: left; height: 13px; margin: 0 0 0 7px; } #footer { width: 889px; float: left; background-color: #FFFFFF; margin: 10px 0 0 0; font-size: 10px; line-height: 12px; color: #b7a473; } #footer a { color: #b7a473; } #footertekst { float: left; margin: 12px 0 0 12px; } #footer ul { float: right; margin: 16px 0 0 0; padding: 0; display: block; } #footer li { list-style: none; float: left; } #footer ul a { display: block; height: 45px; text-decoration: none; text-indent: -9999px; overflow: hidden; } #footer ul a:hover { background-position: bottom; } #footer .librije { width: 62px; background-image: url(../afbeeldingen/iconen/delibrije.gif); } #footer .zusje { width: 69px; background-image: url(../afbeeldingen/iconen/zusje.gif); } #footer .atelier { width: 72px; background-image: url(../afbeeldingen/iconen/atelier.gif); } #footer .food { width: 61px; background-image: url(../afbeeldingen/iconen/food.gif); } #footer .winkel { width: 75px; background-image: url(../afbeeldingen/iconen/winkel.gif); } #footer .kees { width: 55px; background-image: url(../afbeeldingen/iconen/kees.gif); } #footer .hotel { width: 62px; background-image:url(../afbeeldingen/iconen/librijeshotel.gif); } .item a { color: #FFFFFF; text-decoration: none; } .item a:hover { color: #efdaa4; } .balk { height: 40px; padding: 16px 0 0 0; margin: 73px 0 0 0; text-align: center; color: #FFFFFF; font-size: 11px; font-weight: bold;} #hoofdmenu-container { position: relative; width: 869px; height: 39px; float: left; background-image: url(../afbeeldingen/hoofdmenubalk_bg.jpg);} #home #hoofdmenu-container { background-repeat: repeat-x; height: 75px;} #hoofdmenu-container #hoofdmenu { font-size: 11px; color: #FFFFFF; margin: 0; padding: 10px 0 0 0; text-align: center;} #hoofdmenu a { color: #FFFFFF; text-decoration: none; height: 39px; /* AANPASSING RICARDO */ position:relative; /*EINDE AANPASSING */} #hoofdmenu a:hover { color: #e8dbb8;} .submenu-container { position: absolute; width: 869px; height: 24px; left: 0; top: 39px; background-image: url(../afbeeldingen/submenubalk_bg.gif); font-size: 11px; color: #FFFFFF; text-align: center; padding: 11px 0 0 0; display: block;} .submenu-container a { color: #FFFFFF; text-decoration: none; padding: 0; margin: 0;} .submenu_link { color: #FFFFFF; text-decoration: none; padding: 12px 0 0 0; margin: 0; } .submenu-container a:hover { color: #b8a676;} .sublinks { display: none; } .stippellijn { width: 11px; height: 92px; float: left;} #sfeerfoto1 { width: 280px; height: 140px; float: left; margin: 0 10px 0 0;} #sfeerfoto2 { width: 353px; height: 140px; float: left;} h1 { font-size: 24px; color: #65411e; } .kopsmal { width: 200px; } #sollicitatieformulier label { width: 285px; display: block;} #sollicitatieformulier input, #sollicitatieformulier textarea, #sollicitatieformulier select { font-size: 11px; width: 282px; color: #4a4a4a; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; } #sollicitatieformulier textarea { height: 70px; } #sollicitatieformulier .klein { width: 180px; } #sollicitatieformulier .klein2 { width: 90px; } #sollicitatieformulier .klein3 { width: 55px; float: right; margin: 5px 0 0 0; font-weight: bold;} #sollicitatieformulier .veldklein { width: 180px; float: left; display: block; } #sollicitatieformulier .veldklein2 { width: 102px; float: left; display: block; overflow: hidden; } #sollicitatieformulier #verify { width: 265px; display: block; background-color: #fbfaf7; border: 1px solid #f8f7f2; margin: 10px 0 0 0; padding: 10px; float: left;} #sollicitatieformulier #verify img { width: 60px; height: 30px; display: block; float: right;} #sollicitatieformulier #verify .tekst { width: 190px; height: 60px; float: left; display: block;} #sollicitatieformulier .knop { width: 160px; height: 21px; background-image: url(../afbeeldingen/knop.gif); float: left; display: block; margin: 10px 0 0 0; padding: 3px 0 0 10px; text-decoration: none; border: 1px solid #f7f5ed;} #sollicitatieformulier .knop:hover { border: 1px solid #e8e4d5; } #sollicitatieformulier a { color: #4a4a4a; } #sollicitatieformulier a:hover { text-decoration: none; } #sollicitatieformulier #vacature { margin: 0 0 10px 0; background-image: url(../afbeeldingen/vacature_bg.gif); background-repeat: no-repeat; padding: 10px 0 10px 0; width: 285px; } /* eind vaste elementen. begin variabele elementen */ #home #header-links { width: 643px; height: 427px; float: left; overflow: hidden; margin: 10px 0 0 0; } #home #header-rechts { margin: 10px 0 0 0;} #tekst #header-links, #kamer #header-links { width: 643px; float: left; margin: 48px 0 0 0; } #nieuws #header-links, #kamers #header-links { width: 643px; float: left; margin: 48px 0 0 0; } #tekst #header-rechts, #kamer #header-rechts, #nieuws #header-rechts, #kamers #header-rechts { margin: 60px 0 0 0;} #boeken-container { width: 226px; height: 299px; float: left; background-image: url(../afbeeldingen/reserveren.jpg); margin: 11px 0 0 0;} #subrechts-container { width: 226px; float: left; margin: 11px 0 0 0;} #foto-info { font-size: 11px; width: 178px; float: left; background-color: #f1ede4; background-image: url(../afbeeldingen/pijltje.gif); background-repeat: no-repeat; background-position: 13px 28px; padding: 24px; margin: 10px 0 0 0;} #foto-info ul { padding: 0; margin: 0; } #foto-info li { list-style: none; } #home .item, #tekst .item { width: 165px; height: 128px; float: left; } #kamer .item, #nieuws .item, #kamers .item { width: 226px; height: 90px; float: left; } #home .item, #kamer .item, #nieuws .item, #kamers .item { margin: 10px 0 0 0; } #home .balk, #tekst .balk { width: 165px;} #home .balk, #kamer .balk, #tekst .balk, #nieuws .balk, #kamers .balk { background-image: url(../afbeeldingen/itemfotos/balk.png);} #kamer .balk, #nieuws .balk { background-image: url(../afbeeldingen/itemfotos/balk2.jpg);} #home .stippellijn { margin: 10px 0 0 0;} #home #content-container { width: 869px; float: left; background-color: #FFFFFF; margin: 10px 0 0 0; font-size: 11px; padding: 10px; line-height: 16px; background-image: url(../afbeeldingen/krul.gif); background-position: right top; background-repeat: no-repeat;} #home #content-foto { width: 273px; height: 205px; float: left; margin: 0 30px 0 0; overflow: hidden;} .content-paragraaf { padding: 30px;} #tekst #header-links .tekst { width: 572px; float: left; font-size: 11px; padding: 30px; position:relative; } #tekst #foto { width: 342px; height: 228px; float: right; margin: -20px -30px 10px 30px; display: inline;background-repeat:no-repeat;} #tekst #specials { width: 869px; float: left; background-color: #FFFFFF; margin: 10px 0 0 0;} #kamer #header-links .tekst { width: 220px; float: left; font-size: 11px; padding: 30px;} #kamerspecs-container { width: 342px; float: left; margin: 10px 0 0 10px; position:relative; } #kamerspecs-container #foto-wrapper { width: 342px; position:relative; height: 0px; z-index: 500;} #kamerspecs-container #foto-container { width: 342px; position:absolute; top: 0; left: 0; z-index:1000; } #kamerspecs-container #nav { margin: 0; padding: 205px 5px 0 0; font-family: tahoma, verdana, helvetica, arial; font-size: 10px; float: right;} #kamerspecs-container #nav a { width: 16px; height: 15px; display: block; padding: 1px 0 0 0; background-image: url(../afbeeldingen/iconen/blokje.png); color: #72706d; text-decoration: none; float: left; overflow: hidden; margin: 0 1px 0 0; text-align: center; background-position: bottom;} #kamerspecs-container #nav a:hover { background-position: bottom; font-weight: bold;} #kamerspecs-container #nav .activeSlide { background-image: url(../afbeeldingen/iconen/blokje.png); background-position: bottom; font-weight: bold; padding: 1px 0 0 0; height: 15px;} #kamer #foto { width: 342px; height: 228px; float: left; } #kamer #fotonav { width: 337px; height: 21px; float: left; background-color: #ae9962; padding: 5px 0 0 5px;} #kamer #fotonav ul { padding: 0; margin: 0; font-size: 9px;} #kamer #fotonav a { color: #FFFFFF; text-decoration: none; display: block; height: 15px;} #kamer #fotonav a:hover { background-position: bottom left;} #kamer #fotonav li { float: left; list-style: none;} #kamer #fotonav .slideshow { width: 1%; padding: 0 0 0 20px; background-image: url(../afbeeldingen/iconen/slideshow.gif); background-repeat: no-repeat; margin: 0 5px 0 0;} #kamer #fotonav .windowed { padding: 0 0 0 26px; background-image: url(../afbeeldingen/iconen/nieuwvenster.gif); background-repeat: no-repeat;} #kamer #kamerspecs { width: 292px; float: left; background-color: #f1ede4; font-size: 10px; padding: 25px;} #kamer #kamerspecs ul { width: 136px; float: left; padding: 0; margin: 0; font-style: italic; display: block; margin: 10px 0 0 0;} #kamer #kamerspecs li { list-style: none;} #kamer #kamerspecs #prijs { width: 121px; float: right; background-color: #eae3d4; border: 1px solid #e7dec7; margin: 10px 0 0 0; padding: 5px 0 5px 0; text-align: center;} #kamer #kamerspecs #prijs .getal { margin: 0; padding: 0; font-size: 26px; font-weight: bold;} #kamer #kamerspecs .right { margin: 10px 0 0 18px;} #kamer #kamerspecs #prijs .valuta { font-size: 9px;} #kamer #kamerspecs #prijs .valutateken { font-size: 9px;} #kamer #kamerspecs #prijs .specs { width: 120px; float: left; } #kamers #foto { width: 316px; height: 140px; float: left;} #kamers #fotocropped { width: 305px; height: 140px; float: left;} #kamers .hoofditem { width: 316px; float: left; font-size: 11px;} #kamers .hoofditem .tekst a, #kamers .hoofditem .tekstcropped a { color: #707070; text-decoration: none; } #kamers #header-links .tekst { width: 254px; float: left; font-size: 11px; padding: 30px; border: 1px solid #fff;} #kamers #header-links .tekst:hover { background-color: #fbfaf7; cursor: pointer; border: 1px solid #f8f7f2;} #kamers h1 { font-size: 13px; font-style: italic; margin: 0; padding: 0;} #kamers .rechts { margin: 0 0 0 11px} #kamers .cropped { width: 305px} #kamers .tekstcropped { width: 243px; float: left; font-size: 11px; padding: 30px; border: 1px solid #fff;} #kamers .tekstcropped:hover { background-color: #fbfaf7; cursor: pointer; border: 1px solid #f8f7f2;} #nieuws #header-links #menuitems { width: 250px; float: left; font-size: 11px; padding: 15px; margin: 10px 0 0 0; background-color: #f7f5ef;} #nieuws #nieuwsitem { width: 282px; float: left; margin: 10px 0 0 10px; font-size: 11px; padding: 30px;} #nieuws h1 { font-size: 18px; } #nieuws #header-links #menuitems ul { margin: 0; padding: 0; } #nieuws #header-links #menuitems li { list-style: none; display: block; margin: 0 0 3px 0; background-color: #f5f3ec; padding: 10px; border: 1px solid #f2efe6;} #nieuws #header-links #menuitems li:hover { background-color: #f2f0e7; border: 1px solid #e9e3d4; background-image: url(../afbeeldingen/iconen/plus.gif); background-position: bottom right; background-repeat: no-repeat; cursor: pointer;} #nieuws #header-links #menuitems .actief { list-style: none; display: block; margin: 0 0 3px 0; background-color: #f2f0e7; padding: 10px; border: 1px solid #e9e3d4;} #nieuws #header-links #menuitems a { color: #542e0a; text-decoration: none;} #nieuws #header-links #menuitems a:hover { color: #4a4a4a; text-decoration: none;} #nieuws #header-links #menuitems h2 { font-size: 14px; padding: 0; margin: 10px 0 15px 10px; color: #65411e; display: block;} /* Formulier */ .right { text-align:right;} .error { color:#990000; font-size:10px;} .top { vertical-align:top;} #adres_div { display:none;} #nieuws_div { display:none;} .center { text-align:center;} #formulier { width: 515px; background-color: #f1ede4; float: left; padding: 30px; display: inline; overflow: hidden;} #formulier .formcol { width: 248px; float: left; padding: 0 0 15px 0;} #formulier .formcol2 { width: 280px; float: left;} #formulier .formcol3 { float: right; text-align: right; padding: 3px 15px 0 0;} #formulier .formpad { margin: 0 0 0 17px; } #formulier .formrow { width: 515px; background-color: #faf8f5; padding: 10px 0 10px 0; border-top: 1px solid #e7e0d1; border-bottom: 1px solid #e7e0d1; float: left;} .veld { padding: 3px; border: 1px solid #e7e0d1; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; color: #4a4a4a; font-size: 11px;} #formulier textarea { height: 136px; } #formulier .groot { width: 237px; } #formulier .klein { width: 80px; display: block;} #formulier .klein2 { width: 140px; display: block;} #formulier .inputsmall { width: 90px; float: left; } #formulier .inputsmall2 { width: 140px; float: left; margin: 0 0 0 7px;} .veld:hover { border: 1px solid #fff; } #formulier #verzend { color: #e7e0d1; font-size: 13px; font-weight: bold; text-decoration: none;} #formulier #verzend:hover { color: #572f08; } #formulier #wis { font-size: 11px; text-decoration: none; } select { border : #e7e0d1; font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:11px; } /* Quotes & NAW */ #quotes { margin: 10px 0 0 0; padding: 30px; width: 166px; display: inline; background-color: #f9f7f2; float: left; overflow: hidden;} #naw { font-size: 11px; margin: 10px 0 0 0; padding: 30px; width: 166px; display: inline; background-color: #f9f7f2; float: left; overflow: hidden;} #naw a { color: #4a4a4a; text-decoration: underline; } #naw a:hover { text-decoration: none; } #quotes h2 { color: #4a4a4a; font-size: 15px; } .ian { float:left; } /* Contact */ #gmaps { width: 555px; float: left; background-color: #f9f7f2; padding: 10px; margin: 0 0 20px 0;} #gmaps a { color: #4a4a4a; text-decoration: underline; } #gmaps a:hover { text-decoration: none; } .route-col { width: 275px; float: left; padding: 0 0 20px 0;} .route-pad { margin: 0 0 0 20px; } /* Broertjes & Zusjes */ .bz-col { width: 540px; float: left; padding: 20px; margin: 0 0 10px 0; background-color: #f9f7f2; } .bz-col .logo { width: 182px; height: 136px; float: left; background-color: #FFFFFF; border: 1px solid #f0eee8; margin: 0 20px 0 0; text-indent: -9999px; display: block;} #logo-librije { background-image: url(../afbeeldingen/logos/librije.gif); } #logo-hotel { background-image: url(../afbeeldingen/logos/hotel.gif); } #logo-zusje { background-image: url(../afbeeldingen/logos/zusje.gif); } #logo-atelier { background-image: url(../afbeeldingen/logos/atelier.gif); } #logo-fot { background-image: url(../afbeeldingen/logos/fot.gif); } #logo-winkel { background-image: url(../afbeeldingen/logos/winkel.gif); } #logo-koperenkees { background-image: url(../afbeeldingen/logos/koperenkees.gif); } .download-pdf { margin: 10px 0 0 0; padding: 7px 10px 9px 40px; background-image: url(../afbeeldingen/download.gif); background-repeat: no-repeat; background-color: #f9f7f2; display: block; float: left; text-decoration: none;} /* Fotoalbum */ #foto-wrapper { position: relative; width: 500px; float: left;} .thumbs-col { width: 260px; float: left; overflow: hidden; } .thumbs-col img { width: 78px; height: 78px; overflow: hidden; float: left; margin: 0 8px 8px 0; border: none;} .vergroting-col { position: absolute; left: 260px; top: -64px; width: 342px; height: 342px; background-color: #f9f7f2; background-position: center center; background-repeat: no-repeat; } .slide .vorige { float: left; padding: 5px; background-color: #f9f7f2; display: block;} .slide .volgende { float: right; padding: 5px; margin: 0 10px 0 0; background-color: #f9f7f2; display: block;}