/* ---------- STANDAARD ELEMENTEN ---------- */ * {margin: 0; padding: 0;} ul { margin-left: 15px; } html, body {width: auto; background-image:url(../images/topTile.gif); background-position:top; background-repeat:repeat-x;} #container { margin: 0 auto;} #containerCentre {margin-left: auto;margin-right: auto;width: 960px;} #header {position: relative;margin-left: auto;margin-right: auto;height: 135px;background-color: #012b5d;} #navigation {position: absolute;top: 135px;width: 100%;height: 20px;line-height: 20px;} .hrLarge {background-color: #b6b6b6; height: 2px; font-size: 1px;} .hrSmall {background-color: #b6b6b6; height: 1px; font-size: 1px;} /* ---------- TOP ELEMENTEN ---------- */ .logo {margin-top: 4px;margin-left: 10px;margin-right: 14px;background-image:url(../images/logo.gif);width: 167px;height: 126px;float: left;} .menu_home {margin-right: 4px;margin-top: 112px;float: left;background-image: url(../images/home.gif);background-repeat: no-repeat;height: 23px;width: 120px;} .menu_home_active {margin-right: 4px;margin-top: 112px;float: left;background-image: url(../images/home_active.gif);background-repeat: no-repeat;height: 23px;width: 120px;} .menu_news {margin-right: 4px;margin-top: 112px;float: left;background-image: url(../images/news.gif);background-repeat: no-repeat;height: 23px;width: 120px;} .menu_news_active {margin-right: 4px;margin-top: 112px;float: left;background-image: url(../images/news_active.gif);background-repeat: no-repeat;height: 23px;width: 120px;} .menu_webshop {margin-right: 4px;margin-top: 112px;float: left;background-image: url(../images/webshop.gif);background-repeat: no-repeat;height: 23px;width: 120px;} .menu_webshop_active {margin-right: 4px;margin-top: 112px;float: left;background-image: url(../images/webshop_active.gif);background-repeat: no-repeat;height: 23px;width: 120px;} .menu_about {margin-right: 4px;margin-top: 112px;float: left;background-image: url(../images/about.gif);background-repeat: no-repeat;height: 23px;width: 120px;} .menu_about_active {margin-right: 4px;margin-top: 112px;float: left;background-image: url(../images/about_active.gif);background-repeat: no-repeat;height: 23px;width: 120px;} .menu_wine {margin-right: 4px;margin-top: 112px;float: left;background-image: url(../images/wine.gif);background-repeat: no-repeat;height: 23px;width: 120px;} .menu_wine_active {margin-right: 4px;margin-top: 112px;float: left;background-image: url(../images/wine_active.gif);background-repeat: no-repeat;height: 23px;width: 120px;} .menu_home a, .menu_news a, .menu_webshop a, .menu_about a, .menu_wine a {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: white;margin-right: 10px;line-height: 23px;display: block;text-align: center;text-decoration: none;} .menu_home_active a, .menu_news_active a, .menu_webshop_active a, .menu_about_active a, .menu_wine_active a {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: white;margin-right: 10px;line-height: 23px;display: block;text-align: center;text-decoration: none;} .submenu {text-indent: 190px;margin-left: auto;margin-right: auto;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: black;} .submenu a {margin-left: 5px;margin-right: 5px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: white;text-decoration: none;} .submenu a:hover {text-decoration: underline;} .nieuw {} /* ---------- BOTTOM ELEMENTEN ---------- */ #footer {height: 20px;line-height: 20px;margin: 3px; clear: both;} .powered {width: 225px;text-align: center;color: #666666;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;float: left;} .powered a {margin-right: 28px;text-decoration: none;color: #666666;} .powered a:hover {text-decoration: underline;color: #666666;} .links {width: 510px;text-align: center;color: #000000;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;float: left;} .links a {margin-left: 10px;margin-right: 10px;text-decoration: none;color: #000000;} .links a:hover {text-decoration: underline;color: #000000;} .partnerLogin {width: 225px;text-align: center;color: #cacaca;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;float: left;} .partnerLogin a {margin-left: 28px;color: #cacaca;text-decoration: none;} .partnerLogin a:hover {color: #cacaca;text-decoration: underline;} /* ---------- MAIN ELEMENTEN ---------- */ #crumpath {margin-top: 16px;margin-bottom: 8px;font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: black;} #crumpath a {color: black; text-decoration: none;} #crumpath a:hover {color:black; text-decoration: underline;} #crumpath2 {float: left;margin-top: 16px;margin-bottom: 8px;font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: black;} #crumpath2 a {color: black; text-decoration: none;} #crumpath2 a:hover {color:black; text-decoration: underline;} #mainLeft {margin-top: 22px;height: auto;float: left;width: 225px;} #mainContent {margin-top: 22px;height: auto;float: left;width: 510px;} #mainRight {margin-top: 22px;height: auto;float: right;} /* ---------- MAINLEFT ELEMENTEN ---------- */ #aanbiedingBox {margin-top: 15px;width: 195px;border: 1px solid #bbbbbb;height: 163px;} .aanbiedingBoxTop {background-color: #bbbbbb;height: 14px;color: white;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;text-indent: 7px;text-transform:uppercase;} .aanbiedingBoxInfo {height: 149px;width: 181px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 11px;margin-left: 7px; margin-right: 7px;} #lastnewsBox {margin-top: 15px;width: 195px;border: 1px solid #bbbbbb;} .lastnewsBoxTop {background-color: #bbbbbb;height: 14px;color: white;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;text-indent: 7px;text-transform:uppercase;} .lastnewsBoxInfo {margin-top: 7px;margin-bottom: 7px;width: 181px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 11px;margin-left: 7px;margin-right: 7px;} .lastnewsBoxMore {margin-top: 7px; text-align: right;} .lastnewsBoxMore a {text-decoration: none; color: black;} .lastnewsBoxMore a:hover {text-decoration: underline; color: black;} .cadeauservice {width: 195px; height: 62px; border: 1px solid #bbbbbb; margin-top: 15px; background-image:url(../images/cadeauservice2.jpg); background-repeat:no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;} .cadeauservice a {width: 100px; height: 20px; display: block; text-decoration: none; color: black; padding-top: 42px; padding-left: 95px;} .cadeauservice a:hover {text-decoration:none;} /* ---------- MAINCONTENT ELEMENTEN ---------- */ .mainContentTxt {margin-top: 15px; text-align: justify;font-family:Arial, Helvetica, sans-serif;font-size: 12px; line-height: 16px;} .mainContentTxtSmall {margin-top: 10px; text-align: justify;font-family:Arial, Helvetica, sans-serif;font-size: 11px; line-height: 16px;} .mainContentTxtSmall2 {margin-top: 10px; text-align: justify;font-family:Arial, Helvetica, sans-serif;font-size: 11px; line-height: 16px; color:#FF0000;} .mainBlocks {height: 192px; width: 510px;} .mainBlockBox {width: 157px; height: 190px; border: 1px solid #611515; float: left;margin-right: 16px;} .mainBlockBox2 {width: 157px; height: 190px; border: 1px solid #611515; float: left;} .mainBlockBoxTop {width: 157px; height: 22px; line-height: 22px; background-color: #c30001;font-family:Arial, Helvetica, sans-serif;font-size: 12px;color: white;font-weight: bold;text-indent: 5px;} .mainBlockBoxTop a {color: white;text-decoration: none;} .mainBlockBoxInfo {margin-top: 1px; height: 167px;} .mainBlockBoxTxt {padding-top: 7px;height: 139px;margin-left: 7px; margin-right: 7px; line-height: 16px;font-family:Arial, Helvetica, sans-serif;font-size: 12px; text-align:justify;} .mainBlockBoxMore {line-height: 18px;height: 18px;font-family:Arial, Helvetica, sans-serif;font-size: 12px;text-align:right;margin-right: 7px;} .mainBlockBoxMore a {text-decoration:none; color: black;} .mainBlockBoxMore a:hover {text-decoration:underline;} /* ---------- EERSTE MENUITEM ELEMENTEN ---------- */ .tabel {margin-top: 20px;} .roundImg {background-image:url(../images/roundImg.jpg); background-repeat:no-repeat; width: 127px;height: 127px; text-align: center;line-height: 127px;font-family:Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;} .roundImg a {text-decoration: none; display:block;color:black;} .roundImg a:hover {text-decoration: none;color:black;} /* ---------- BESTEL HISTORY ELEMENTEN ---------- */ .ordernr {width: 75px; text-indent: 5px; float: left;font-family:Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold} .amount {width: 50px;float: left;font-family:Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold} .product {width: 245px;float: left;font-family:Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold} .ordered {width: 95px; float: left;font-family:Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold} .note {float: left;font-family:Arial, Helvetica, sans-serif;font-size: 11px; font-weight: bold} .wineItem {border-top: 1px solid #b6b6b6; height: 23px; line-height: 23px; background-color:#f1f1f1;} .wineItem2 {border-top: 1px solid #b6b6b6; font-family:Arial, Helvetica, sans-serif;font-size: 11px; line-height: 16px; padding-top: 2px; padding-bottom: 2px; padding-left: 5px;} .ordernr2 {height: 23px; line-height: 23px;width: 75px; text-indent: 5px; float: left;font-family:Arial, Helvetica, sans-serif;font-size: 11px;} .amount2 {height: 23px; line-height: 23px;width: 50px;float: left;font-family:Arial, Helvetica, sans-serif;font-size: 11px;} .product2 {height: 23px; line-height: 23px;width: 245px;float: left;font-family:Arial, Helvetica, sans-serif;font-size: 11px;} .product2 a {color: black; text-decoration: none;} .product2 a:hover {color: black; text-decoration:underline;} .ordered2 {height: 23px; line-height: 23px;width: 95px; float: left;font-family:Arial, Helvetica, sans-serif;font-size: 11px;} .note2 {padding-left: 10px;padding-top: 5px; float: left;font-family:Arial, Helvetica, sans-serif;font-size: 11px;} .noteBlock {margin-bottom: 10px;width: 508px; height: 132px; border: 1px solid #bbbbbb; background-color: #f7f7f7;} .noteArea {line-height: 14px;border: 1px solid #d9d9d9; width: 486px; height: 68px; margin-left: 10px;font-family:Arial, Helvetica, sans-serif;font-size: 11px;} .noteTxt {height: 35px; line-height: 30px; margin-left: 10px; font-family:Arial, Helvetica, sans-serif;font-size: 11px; font-weight: bold;} .noteInsert {margin-top: 5px;text-align: center; line-height: 17px;width: 72px; height: 17px; float: right;font-family:Arial, Helvetica, sans-serif;font-size: 11px; font-weight: bold; color: white;margin-right: 10px;background-color: #bbbbbb;} .noteInsert a {display: block; text-decoration:none; color: white;} .noteInsert a:hover {color: white; text-decoration:none; background-color:#898f8d;} /* ---------- LOGINGEGEVENS/PROFIEL AANPASSEN ELEMENTEN ---------- */ .loginGegevens {height: 23px; clear: both;} .logingegevensTxt {height: 23px; line-height: 23px;font-family:Arial, Helvetica, sans-serif;font-size: 11px; width: 200px; float: left;} .logingegevensTxt2 {height: 20px; width: 300px; float: left; margin-top: 3px;font-family:Arial, Helvetica, sans-serif;font-size: 11px;} .loginInput {background-color: #f3ece2;width: 150px; padding: 1px; border: 1px solid #bbbbbb;font-family:Arial, Helvetica, sans-serif;font-size: 11px;} .loginInput2 {background-color: #f3ece2;width: 100px; padding: 1px; border: 1px solid #bbbbbb;font-family:Arial, Helvetica, sans-serif;font-size: 11px;} .editbutton {margin-top: 5px;margin-right: 20px;float: right;} .registerbutton {margin-top: 5px;margin-right: 20px;float: right;} /* ---------- WENSLIJST ELEMENTEN ---------- */ .wenslijstTitle {text-indent: 5px; height: 23px; line-height: 23px;font-family:Arial, Helvetica, sans-serif;font-size: 11px; font-weight: bold;} .wenslijstTxt {padding: 5px; line-height: 16px;font-family:Arial, Helvetica, sans-serif;font-size: 11px;} .wenslijstbuttons {margin-left: 350px;clear: both; position:relative; height: 16px; margin-bottom: 5px;} .buttonbestel {float: left;background-color: #8e7355;height: 16px;width: 66px;} .buttonbestel a {display: block;height: 16px;color: white; text-decoration: none;} .buttonbestel a:hover {color: white; text-decoration: none; background-color:#725a3f;} .buttondelete {float: left; margin-right: 5px; background-color: #c0c0c0;height: 16px;width: 66px;} .buttondelete a {display: block;height: 16px;color: white; text-decoration: none;} .buttondelete a:hover {color: white; text-decoration: none; background-color:#a7a7a7;} /* ---------- NIEUWS_LAAG1 ELEMENTEN ---------- */ .newsItem {margin-top: 15px;line-height: 16px;font-family:Arial, Helvetica, sans-serif;font-size: 12px; text-align: justify} .newsItem2 a {color: black; text-decoration: underline;} .newsItem2 a:hover {text-decoration: none;} .newsItemMore {font-weight: bold; line-height: 16px;font-family:Arial, Helvetica, sans-serif;font-size: 12px; float: right;} .newsItemMore a {text-decoration: none; color: black;} .newsItemMore a:hover {text-decoration: underline; color: black;} .newsItems {font-weight: bold; margin-top: 50px;line-height: 16px;font-family:Arial, Helvetica, sans-serif;font-size: 12px;} .newsItemsArchief {width: 510px; clear: both; position:relative; line-aheight: 20px; height: 20px;} .date {line-height: 16px;font-family:Arial, Helvetica, sans-serif;font-size: 12px; float: left;} .newsItem2 {margin-left: 5px;float: left;line-height: 16px;font-family:Arial, Helvetica, sans-serif;font-size: 12px;} .newsItemArchief {font-weight: bold;line-height: 16px;font-family:Arial, Helvetica, sans-serif;font-size: 12px; float: right;} .newsItemArchief a {text-decoration: none; color: black;} .newsItemArchief a:hover {text-decoration: underline; color: black;} .newsItemBack {font-weight: bold;line-height: 16px;font-family:Arial, Helvetica, sans-serif;font-size: 12px;} .newsItemBack a {color: black; text-decoration: none;} .newsItemBack a:hover {color: black; text-decoration: underline;} /* ---------- PAGEMANANAGER ELEMENTEN ---------- */ .pageTxt {margin-top: 15px;line-height: 16px;font-family:Arial, Helvetica, sans-serif;font-size: 12px; text-align: justify} /* ---------- VESTIGINGEN ELEMENTEN ---------- */ .vestigingen {float: left; width: 170px;line-height: 14px;font-family:Arial, Helvetica, sans-serif;font-size: 12px;} .vestigingen a {line-height: 14px;font-family:Arial, Helvetica, sans-serif;font-size: 12px; color: black; text-decoration: none;} .map_netherlands {float: left; width: 303px; height: 377px; background-image:url(../images/map_netherlands.jpg);} #apeldoorn {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 205px; margin-top: 176px; background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} .apeldoorn2 {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 205px; margin-top: 176px;} .apeldoorn2 a {display: block; height: 5px; width: 5px;} .apeldoorn2 a:hover {background-image:url(../images/pointer.gif); background-repeat:no-repeat;} #arnhem {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 209px; margin-top: 208px; background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} .arnhem2 {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 209px; margin-top: 208px;} .arnhem2 a {display: block; height: 5px; width: 5px;} .arnhem2 a:hover {background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} #amersfoort {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 160px; margin-top: 188px; background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} .amersfoort2 {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 160px; margin-top: 188px;} .amersfoort2 a {display: block; height: 5px; width: 5px;} .amersfoort2 a:hover {background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} #utrecht {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 135px; margin-top: 190px; background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} .utrecht2 {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 135px; margin-top: 190px;} .utrecht2 a {display: block; height: 5px; width: 5px;} .utrecht2 a:hover {background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} #enschede {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 267px; margin-top: 180px; background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} .enschede2 {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 267px; margin-top: 180px;} .enschede2 a {display: block; height: 5px; width: 5px;} .enschede2 a:hover {background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} #zwolle {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 218px; margin-top: 136px; background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} .zwolle2 {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 218px; margin-top: 136px;} .zwolle2 a {display: block; height: 5px; width: 5px;} .zwolle2 a:hover {background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} #bloemendaal {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 95px; margin-top: 155px; background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} .bloemendaal2 {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 95px; margin-top: 155px;} .bloemendaal2 a {display: block; height: 5px; width: 5px;} .bloemendaal2 a:hover {background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} #bussum {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 137px; margin-top: 167px; background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} .bussum2 {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 137px; margin-top: 167px;} .bussum2 a {display: block; height: 5px; width: 5px;} .bussum2 a:hover {background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} #amsterdam {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 122px; margin-top: 152px; background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} .amsterdam2 {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 122px; margin-top: 152px;} .amsterdam2 a {display: block; height: 5px; width: 5px;} .amsterdam2 a:hover {background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} #amstelveen {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 119px; margin-top: 163px; background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} .amstelveen2 {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 119px; margin-top: 163px;} .amstelveen2 a {display: block; height: 5px; width: 5px;} .amstelveen2 a:hover {background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} #delft {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 72px; margin-top: 214px; background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} .delft2 {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 72px; margin-top: 214px;} .delft2 a {display: block; height: 5px; width: 5px;} .delft2 a:hover {background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} #denhaag {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 69px; margin-top: 204px; background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} .denhaag2 {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 69px; margin-top: 204px;} .denhaag2 a {display: block; height: 5px; width: 5px;} .denhaag2 a:hover {background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} #breda {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 117px; margin-top: 266px; background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} .breda2 {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 117px; margin-top: 266px;} .breda2 a {display: block; height: 5px; width: 5px;} .breda2 a:hover {background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} #denbosch {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 162px; margin-top: 247px; background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} .denbosch2 {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 162px; margin-top: 247px;} .denbosch2 a {display: block; height: 5px; width: 5px;} .denbosch2 a:hover {background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} #eindhoven {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 160px; margin-top: 292px; background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} .eindhoven2 {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 160px; margin-top: 292px;} .eindhoven2 a {display: block; height: 5px; width: 5px;} .eindhoven2 a:hover {background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} #tilburg {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 135px; margin-top: 271px; background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} .tilburg2 {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 135px; margin-top: 271px;} .tilburg2 a {display: block; height: 5px; width: 5px;} .tilburg2 a:hover {background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} #groningen {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 246px; margin-top: 34px; background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} .groningen2 {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 246px; margin-top: 34px;} .groningen2 a {display: block; height: 5px; width: 5px;} .groningen2 a:hover {background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} #leiden {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 88px; margin-top: 195px; background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} .leiden2 {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 88px; margin-top: 195px;} .leiden2 a {display: block; height: 5px; width: 5px;} .leiden2 a:hover {background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} #leeuwarden {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 177px; margin-top: 46px; background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} .leeuwarden2 {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 177px; margin-top: 46px;} .leeuwarden2 a {display: block; height: 5px; width: 5px;} .leeuwarden2 a:hover {background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} #wilnis {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 121px; margin-top: 177px; background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} .wilnis2 {position: absolute; z-index: 2;width: 5px; height: 5px; margin-left: 121px; margin-top: 177px;} .wilnis2 a {display: block; height: 5px; width: 5px;} .wilnis2 a:hover {background-image:url(../images/pointer.gif); background-repeat:no-repeat; font-size: 1px;} .departmentName {font-family:Arial, Helvetica, sans-serif;font-size: 11px; font-weight: bold; margin-top: 20px;} .departmentImage img {padding-top: 20px;padding-bottom: 20px;padding-left: 25px;} .departmentInfo {clear: both; position: relative; padding-top: 20px;} .departmentTitle {font-family:Arial, Helvetica, sans-serif;font-size: 12px; font-weight: bold; line-height: 18px; vertical-align:top;} .departmentTxt {font-family:Arial, Helvetica, sans-serif;font-size: 12px; line-height: 18px; vertical-align:top;} .departmentTxt a {text-decoration: underline; color: black;} .departmentTxt a:hover {text-decoration: none; color: black;} .departmentLargeTxt {text-align: justify; margin-top: 15px; font-family:Arial, Helvetica, sans-serif;font-size: 12px;} .departmentLine {height: 1px; width: 100%; background-color: #00c0d8; font-size: 1px; margin-top: 5px; margin-bottom: 10px;} /* ---------- PRODUCTS WEBSHOP ELEMENTEN ---------- */ .webshopPreTxt {font-family:Arial, Helvetica, sans-serif;font-size: 12px; line-height: 16px; text-align: justify; padding-top: 5px;} .webshopLeft {float: left;} .button_grey {background-color: #bbbbbb;height: 16px;width: 100px; float: left; margin-right: 10px;} .button_grey a {display: block;height: 16px;color: white; text-decoration: none;} .button_grey a:hover {color: white; text-decoration: none; background-color:#9f9f9f;} .buttonMain_grey {text-align: center;font-family:Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;text-transform:uppercase; height: 16px;color: white;line-height: 16px;width: 98px;float: left;} .button_yellow {background-color: #d9d130;height: 16px;width: 100px; float: left; margin-right: 10px;} .button_yellow a {display: block;height: 16px;color: white; text-decoration: none;} .button_yellow a:hover {color: white; text-decoration: none; background-color:#b6af28;} .webshopRight {float: right;} .webshopResults {font-family:Arial, Helvetica, sans-serif;font-size: 11px;width: 45px; border: 1px solid #8c8e8d;} OPTION {text-indent: 5px; font-weight: bold;} .webshopResultsTxt {font-family:Arial, Helvetica, sans-serif;font-size: 11px;} .webshopSearch {font-family:Arial, Helvetica, sans-serif;font-size: 11px;border: 1px solid #8c8e8d; width: 98px;} .webshopSearch2 {font-family:Arial, Helvetica, sans-serif;font-size: 11px;border: 1px solid #8c8e8d;} .searchBtn {float: right; margin-right: 25px; margin-top: 10px;} /* ---------- SEARCh RESULTS ELEMENTEN ---------- */ .resultsCount {margin-left: 10px;clear: both; margin-top: 10px;font-family:Arial, Helvetica, sans-serif;font-size: 10px;} .ResultsRulerLarge {height: 2px; font-size: 1px; background-color: #bbbbbb; margin-top: 3px; margin-bottom: 10px; width: 100%;} .resultsTxt {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin-left: 10px; margin-bottom: 25px;} .webshopProduct {border-bottom: 1px solid #bbbbbb; clear: both;} .webshopProductPicture {width: 50px; float: left; padding-top: 5px; padding-bottom: 5px; padding-right: 5px;} .webshopProductTxt {float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding-top: 7px; width: 250px;} .webshopProductTxt a {color: black; text-decoration: underline;} .webshopProductTxt a:hover {color: black; text-decoration: none;} .webshopProductPrice {float: left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; width: 60px; font-weight: bold;line-height: 16px; margin-top: 10px} .webshopProductButton {float: right; padding-right: 5px;height: 55px; margin-top: 11px;} .previous {float: left; width: 66px; padding-left: 25px;} .next {float: right; width: 91px;} .navigation {float: left; text-align:center; width: 288px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;} .navigation a {padding-left: 3px; padding-right: 3px;text-decoration: none; color: black;} .navigation a:hover {text-decoration:underline; color: black;} .navigation_active a {text-decoration: underline; color: black;} .navigation_active a:hover {text-decoration: none; color: black;} .pagenavigation {clear: both; position: relative;padding-top: 10px;} .pagenr {border: 1px solid black; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;} /* ---------- PRODUCTS WEBSHOP LAYER 2 ELEMENTEN ---------- */ .webshopProductTitle {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight: bold; margin-top: 15px; margin-bottom: 15px;} .webshopProductContent {width: 510px;} .webshopProductPictureLarge {width: 142px; height: 160px;} .webshopProductIcon {width: 40px; height: 32px; background-position:center center; background-repeat:no-repeat;} .webshopProductIconTxt {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;} .webshopProductInfo {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding-top: 30px;} .webshopProductLargeTxt {font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 25px; line-height: 16px; padding-bottom: 5px; border-bottom: 1px solid #bbbbbb;} .webshopProductBoxInput {border: 1px solid #a2787c; width: 40px;padding: 1px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 10px; text-align: center;} .goback {padding-left: 25px; margin-top: 5px;} .wishlist {margin-top: 5px; } .bestel {padding-right: 25px; margin-top: 5px;} .bestelTxt {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; margin-right: 5px;} /* ---------- PRODUCTS ORDER ELEMENTEN ---------- */ .ShoppingCartNumbers {float: right; margin-top: 16px;} .bestelform {clear: both; position: relative; padding-top: 15px;} .bestelformTitle {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 23px; height: 23px; border-bottom: 1px solid #bbbbbb;} .bestelformTitle3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; height: 50px; border-bottom: 1px solid #bbbbbb;} .bestelformTitleBOLD {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 23px; height: 23px; border-bottom: 2px solid #bbbbbb;} .bestelformTitle2 {width: 300px;float: left;font-style: italic; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin-top: 5px;line-height: 14px; height: 37px;border-bottom: 1px solid #bbbbbb;} .vinotheek {text-align: right;padding-right: 25px;float: right; width: 185px; height: 32px; margin-top: 10px; border-bottom: 1px solid #bbbbbb;} .vinotheekInput {border: 1px solid #8d8d8d; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 1px;} .bestelformInput {width: 158px;border: 1px solid #8d8d8d;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px;padding: 1px;} .bestelformInput1 {width: 100px;border: 1px solid #8d8d8d;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px;padding: 1px;} .bestelformInput2 {width: 50px;border: 1px solid #8d8d8d;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px;padding: 1px;} .bestelformTextarea {width: 300px;border: 1px solid #8d8d8d;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px;padding: 1px;} .bestelformTxt {border-bottom: 1px solid #bbbbbb} .asterisk {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; margin-bottom: 20px;} .bestelformTxtLarge {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border-bottom: 1px solid #bbbbbb; width: 110px; text-align: right; padding-right: 5px;} .bestelformTxtLargeBOLD {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border-bottom: 2px solid #bbbbbb; width: 55px; text-align: right; padding-right: 5px;} .bestelformTxt2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border-bottom: 1px solid #bbbbbb;} .bestelformTxt2b {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border-bottom: 1px solid #bbbbbb; text-align: right; padding-right: 25px;} .bestelformTxt2bBOLD {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border-bottom: 2px solid #bbbbbb; text-align: right; padding-right: 25px;} .orderTitle {clear: both;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; padding-top: 20px;} .thanxLine {clear: both; height: 2px; width: 100%; background-color: #00c0d8; font-size: 1px; margin-top: 5px; margin-bottom: 10px;} .thanx {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px;} .thanxTxt {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; text-align: justify;} .orderCode {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; padding-top: 15px; padding-bottom: 15px;} .shopMore {float: right;} /* ---------- LOGIN ELEMENTEN ---------- */ .loginLine {clear: both; height: 2px; width: 100%; background-color: #00c0d8; font-size: 1px; margin-top: 5px;} .registreren {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 16px;} .registreren a {text-decoration: none; color: black;} .registreren a:hover {text-decoration: underline; color: black;} .loginTitle {float :left;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 23px; height: 23px; border-bottom: 1px solid #bbbbbb; width: 100px;} .loginForm {float left; clear: right;} .orderForm {float: left; clear: right; height: 21px; margin-top: 2px;border-bottom: 1px solid #bbbbbb;width: 410px;} /* ---------- CADEAUSERVICE ELEMENTEN ---------- */ .cadeauBlock { padding-bottom: 15px; margin-bottom: 10px; border: 1px solid #dfd560; padding-left: 5px; } .cadeauBlock2 { padding-bottom: 10px; margin-bottom: 10px; border: 1px solid #dfd560; padding-left: 10px; } .cadeauImage { text-align:left; border: 1px solid #dfd560; width: 80px; background-color: #f1f1f1; margin-top: 5px; margin-bottom: 4px; padding: 5px; float: left; } .cadeauContent { width: 390px; float: left; margin-left: 10px; margin-top: 10px; position:relative; z-index: 5; margin-bottom: 4px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; } .topper { background-image:url(../images/topper.gif); background-repeat:no-repeat; width: 49px; height: 49px; position: absolute; z-index: 3; margin-left: 460px; margin-top: 1px; } .enlarge { width: 14px; height: 14px; margin-bottom: -14px; position:relative; z-index:10; float: right; margin-left: -14px; background-image:url(../images/cadeauEnlarge.gif); background-repeat:no-repeat; } .cadeauEnlarge { width: 14px; height: 14px; margin-top: -10px; margin-right: -10px; background-image:url(../images/cadeauEnlarge.gif); background-repeat:no-repeat; float: right; } .cadeauEnlarge1 { position: absolute; margin-left: 87px; margin-top: 1px; width: 14px; height: 14px; background-image:url(../images/cadeauEnlarge.gif); background-repeat:no-repeat; } .cadeauEnlarge2 { position: absolute; margin-top: 6px; width: 56px; height: 14px; background-image:url(../images/cadeauEnlarge.gif); background-repeat:no-repeat; background-position:right; } .cadeauEnlarge3 { position: absolute; margin-top: 6px; width: 56px; height: 14px; background-image:url(../images/cadeauEnlarge.gif); background-repeat:no-repeat; background-position:right; } .cadeauContent strong { font-size: 12px; line-height: 16px; } .cadeauContent a { color: black; text-decoration: none; } .cadeauPrice { float: left; margin-top: 20px; background-image:url(../images/priceBtn.gif); height: 21px; width: 220px; line-height: 21px; padding-left: 25px; font-size: 10px; background-repeat:no-repeat; } .cadeauPrice strong { line-height: 21px; font-size: 14px; font-weight: normal; } .cadeauPrice .ex { float: left; width: 110px; } .cadeauPrice .incl { float: left; width: 110px; } .cadeauBtns { float: right; } .cadeauBtns a { float: left; margin-top: 20px; margin-left: 5px; display: block; font-size: 10px; text-align:center; text-transform:uppercase; font-weight: bold; color: white; background-image:url(../images/btns.gif); background-repeat:no-repeat; height: 18px; line-height: 18px; width: 67px; } .cadeauBtns a:hover { background-image:url(../images/btns_over.gif); background-repeat:no-repeat; } .cadeauImages { float: left; width: 122px; margin-top: 6px; margin-right: 10px; } .cadeauImages img { border: 1px solid #dfd560; } .cadeauContent2 { z-index: 2; position:relative; font-family:Arial, Helvetica, sans-serif; margin-top: 6px; margin-bottom: 6px; float: left; font-size: 11px; color: black; width: 300px; } .cadeauContent2 strong { font-size: 12px; } .cadeauPrice2 { width: 330px; float: left; margin-top: 20px; background-image:url(../images/priceBtn.gif); height: 21px; line-height: 21px; padding-left: 30px; font-size: 10px; background-repeat:no-repeat; } .meerprijs { clear: both; color: #333333; float: left; height: 12px; line-height: 12px; } .meerprijs2 { color: #333333; height: 12px; line-height: 12px; clear: both; } .exclbtw { color: #999999; } .cadeauPrice2 strong { line-height: 21px; font-size: 14px; font-weight: normal; } .cadeauPrice2 .ex { float: left; width: 125px; } .cadeauPrice2 .incl { float: left; } .order { margin-right: 10px; float: right; } .order a { float: left; margin-top: 3px; text-decoration:none; display: block; font-size: 10px; text-align:center; text-transform:uppercase; font-weight: bold; color: white; background-image:url(../images/btns.gif); background-repeat:no-repeat; height: 18px; line-height: 18px; width: 67px; } .order a:hover { background-image:url(../images/btns_over.gif); background-repeat:no-repeat; } .crumpathSmall { font-size: 11px; font-weight: normal; } /* CSS for my first scrolling box */ #scrollingContainer{ width:180px; /* 170 pixels in width */ height:140px; /* Height of box */ font-size:10px; /* Smaller font size than the rest of the page */ overflow:hidden; /* Hide overflow content */ } #scrollingContainer a { color: black; text-decoration: none; } #scrollingContainer a:hover { color: #012B5D; } #scrollingContent2{ font-size:0.9em; } /* * ======================================== * redirect page * ======================================== */ .redirectBox { height: 146px; width: 400px; } .redirectBoxTop { text-indent: 16px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #000000; height: 24px; line-height: 24px; } .redirectBoxBottom { padding-left: 16px; padding-right: 16px; padding-top: 7px; color: #000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; height: 115px; } .redirectBoxBottom a { color: white; text-decoration: none; } .redirectBoxBottom a:hover { color: white; text-decoration: underline; } /* * ======================================== * content slide * ======================================== */ .clickableLayer { } .slideLayer { visibility: hidden; } .slideLayerContent { } /* * ======================================== * debug * ======================================== */ div.parseTime { border-top: #A7A7A7 1px solid; border-bottom: #A7A7A7 1px solid; border-left: #A7A7A7 1px solid; border-right: #A7A7A7 1px solid; margin-top: 10px; padding: 6px; width: 200px; background-color: #f8f8f8; color: #000000; }