/* vaste elementen welke op meerdere pagina's voorkomen */ body { background-image: url(../afbeeldingen/achtergrond_darkend.jpg); background-position: left top; background-attachment: fixed; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; color: #4a4a4a; background-color: #000; } .clear { clear: both; } #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; min-height: 600px; } .rand { background-color: #000; padding: 10px; } #logo-wrapper { position: relative; width: 173px; height: 171px; margin: 2px 0 0 0px; display: block;} #logo { width: 173px; height: 171px; background-image: url(../afbeeldingen/header_logo_koperenkees.jpg); float: left; text-decoration: none; text-indent: -9999px; } #header-rechts { width: 684px; 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; } /*** Homemenu ***/ #HomeMenu { background:url(../afbeeldingen/menu_background.jpg); height: 44px; width: 862px; } /*** menuBar ***/ ul#menuBar { left:11px; height:44px; margin:0px 0px 0px 0px; padding:0px; list-style:none;} ul#menuBar li { float:left; height: 36px; padding:1px; display:inline; text-align: right; } ul#menuBar li a { display:block; background:none; color:#FFFFFF; font-size:12px; text-decoration:none; text-transform:uppercase; font-weight:normal; text-align: center; } ul#menuBar li a span { display:block; background:none; padding:15px 10px 9px 20px; text-align: center; } ul#menuBar li a:hover, ul#menuBar li.active a { color:#A49262; text-align: center;} /*** Home Items ***/ .item a { color: #FFFFFF; text-decoration: none; } .item a:hover { color: #A49262; } .item2 a { color: #FFFFFF; text-decoration: none; } .item2 a:hover { color: #A49262; } .balk { height: 40px; padding: 24px 0 0 0; margin: 73px 0 0 0; text-align: center; color: #FFFFFF; font-size: 12px; font-weight: normal;} #home .item, #tekst .item { width: 200px; height: 150px; float: left; } #home .item2, #tekst .item2 { width: 200px; height: 150px; float: left; } #kamer .item, #nieuws .item, #kamers .item { width: 226px; height: 90px; float: left; } #home .item, #kamer .item, #nieuws .item, #kamers .item { margin: 10px 0px 0 1px; } #home .item2, #kamer .item2, #nieuws .item2, #kamers .item2 { margin: 10px 0px 0 20px; } #home .balk, #tekst .balk { width: 200px;} /*** MainLeftColumn ***/ #MainLeftColumn { position: relative; width: 172px; float: left; } ul#leftBar { left:11px; margin:0px 0px 0px 0px; padding:0px; list-style:none;} ul#leftBar li a { font-size: 12px; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;; color: #fff; font-weight: normal; padding-left: 10px; text-decoration: none; } ul#leftBar li a:hover, ul#leftBar li.active a { font-size: 12px; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;; color: #a49262; font-weight: normal; padding-left: 10px; text-decoration: none; } /*** MainRightColumn ***/ #MainRightColumn { position: relative; width: 684px; float: left; } #MainRightColumn h1 { font-size: 17px; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;; color: #a49262; font-weight: normal; padding-left: 10px; text-transform: uppercase; } #MainRightColumn h5 { font-size: 14px; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;; color: #a49262; font-weight: normal; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 0px; text-transform: uppercase; text-align: center; } #MainRightColumn h6 { font-size: 14px; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;; color: #a49262; font-weight: normal; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 0px; text-transform: uppercase; } .subtitle { font-size: 14px; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;; color: #a49262; line-height: 18px; padding-left: 0px;} #MainRightColumn p { font-size: 12px; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;; color: #fff; line-height: 18px; padding-left: 10px; } #MainRightColumn a { font-size: 12px; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;; color: #a49262; line-height: 18px; text-decoration: none; } #MainRightColumn a:hover { font-size: 12px; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;; color: #a49262; line-height: 18px; text-decoration: underline; } /*** Footer ***/ #footer { width: 889px; float: left; background-color: #000000; margin: 10px 0 10px 0; font-size: 10px; line-height: 12px; color: #FFF; } #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); } #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; } /* eind vaste elementen. begin variabele elementen */ #home #header-links { width: 173px; height: 449px; float: left; overflow: hidden; margin: 10px 0 0 5px; } #home #header-links_deep { width: 173px; height: 170px; float: left; overflow: hidden; margin: 10px 0 0 5px; } #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 .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 #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;} /* 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; }