/*******************************/ /* REGULAR COMMANDS */ /*******************************/ html{ height:100%; } body{ height: 100%; min-height: 100%; background:url(../images/bg.jpg) repeat-x #fff; margin:0; padding:0; color:#4c4c4c; font-size:0.80em; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; text-decoration:none;} body a{ text-decoration:none; color:#003856; font-weight:bold;} body a:hover{text-decoration:none; color:#2d81a8;font-weight:bold;} .clear{clear:both; overflow:hidden; height:0px;} .clear2{clear:both; } img{border:0px; display:block;} ul, li{list-style:none; margin:0px; padding:0px; } form, fieldset {margin:0px;padding:0px;border:0;} h1, h2, h3, h4, h5 {margin:0px; padding:0px; font-size:1.05em; font-family:arial;} .pointer { cursor: pointer; } .red {color: red; font-size: 10px;} .markerTooltip { font-family: verdana; color: black; font-size: 10px; font-weight: bold; background-color: white; white-space: nowrap; margin: 0; padding: 2px 4px; border: 1px solid black; } /* CONTAINER DIVISION */ #container { position:relative; width:972px; margin:0 auto; height:100%; min-height:100%; background:url(../images/bg_container.jpg) no-repeat; height:auto !important; } /* TOP DIVISION */ #container #top {width:972px; height:105px;} #container #top a img{float:left; display:block; } #container #top a:hover img{ filter:alpha(opacity=60); opacity:0.6; } #container #top strong{float:right; display:block; padding:68px 167px 0px 0px; font-weight:normal; color:#9bd2ee; font-style:italic; font-size:1.5em; } /* MIDLE DIVISION */ #container #midle{ width:954px; line-height:1.4em; padding:3px 9px 50px 9px; font-size:0.95em; background:url(../images/bg_midle.gif) no-repeat; } #container #midle #menu{ font-size:1.05em; font-family:arial; display:block; margin:0px 0px 3px 0px; width:954px; height:42px; line-height:42px; background:url(../images/bg_menu.jpg) repeat-x; text-align:center;} #container #midle #menu li{ display:inline;} #container #midle #menu li a{ display:inline; font-weight:bold; background:url(../images/bg_li.jpg) no-repeat right; padding:0px 10px 0px 9px; color:#fff;} #container #midle #menu li.last a{ background:none;} #container #midle #menu li a:hover{ color:#ecb939;} #container #midle #menu li.selected a{ color:#ecb939;} #container #midle #left{ width:198px; float:left; } #container #midle #left h3, h3 a { width:198px; height:39px; display:block; line-height:39px; color:#fff; text-indent:14px; background:url(../images/bg_h3.jpg) repeat-x; } #container #midle #left .keuzes{ width:170px; padding:12px 14px 12px 14px; } #container #midle #left .zoekform{ width:170px; padding:12px 14px 12px 14px; background-color: #ECBA3A; } #container #midle #left .keuzes ul li{ display:block; float:left; width:170px; } #container #midle #left .keuzes ul li a{ color:#4c4c4c; font-size: 13px; font-weight: bold; font-family: verdana; line-height: 1.8em; display:block; float:left; width:138px; } #container #midle #left .keuzes ul li a:hover{ color:#2d81a8; } #container #midle #left .keuzes ul li.active a{ color:#009100; background:url(../images/bg_liblokvink.jpg) no-repeat left; } #container #midle #left .keuzes ul li.link a{ color:#003856; background:url(../images/bg_lia.jpg) no-repeat left; } #container #midle #left .keuzes ul .submenu { padding-left: 20px; } #container #midle #left .keuzes ul .submenu a { cursor: pointer; font-size: 12px; font-size: normal; } #container #midle #left .keuzes ul .submenu li.hiddencountry { display: none; } #container #midle #left .keuzes ul .submenu li.hiddentheme { display: none; } #container #midle #left .keuzes ul .submenu li.hiddenarea { display: none; } #container #midle #right{ width:753px; float:right; } #container #midle #right #zoeken form fieldset{ float:left; width:202px; padding:0px 50px 0px 0px;} #container #midle #right #zoeken form fieldset label{ color:#003b5a; font-weight:bold; font-size:1.05em; display:block; width:70px; float:left;} #container #midle #right #zoeken form fieldset select{ margin:0px 0px 8px 0px; font-family:verdana; color:#4c4c4c; font-size:0.95em; border:1px solid #7f9db9; float:left; display:block;padding:0px; width:128px; height:20px;} #container #midle #right #zoeken form fieldset input{ margin:0px 0px 8px 0px; font-family:verdana; color:#4c4c4c; font-size:0.95em; border:1px solid #7f9db9; float:left; display:block; padding:2px 0px 0px 3px; width:123px; height:18px;} #container #midle #right #zoeken form fieldset.lang{ width:288px; padding:0;} #container #midle #right #zoeken form fieldset.lang label{ width:157px;} #container #midle #right #zoeken form button { margin:37px 0px 0px 0px; float:right; display:block; cursor:pointer; width:158px; height:42px; background:url(../images/bg_button.jpg) no-repeat; border:0; text-indent:-3333px;} #container #midle #right #zoeken form button:hover { filter:alpha(opacity=60); opacity:0.6; } #container #midle #right #bread{ margin:0px 0px 3px 0px; color:#fff; width:743px; height:39px; line-height:39px; padding:0px 0px 0px 10px; background:url(../images/bg_bread.jpg) repeat-x;} #container #midle #right #bread ul li{ display:block; float:left; padding:0px 0px 0px 10px;} #container #midle #right #bread ul li a{ color:#fff; display:block; float:left; background:url(../images/bg_libread.jpg) no-repeat right; padding:0px 20px 0px 0px; } #container #midle #right #bread ul li.last a{ color:#fff; display:block; float:left; background:url(../imagesas/bg_libread.jpg) no-repeat right; padding:0px 20px 0px 0px; } #container #midle #right #content{ width:713px; padding:20px 20px 20px 20px; background:url(../images/bg_content.jpg) repeat-x; font-size: 1.1em;} #container #midle #right #content p{ margin:0px; padding:0px 0px 5px 0px;} #container #midle #right #content h1{ font-size:1.3em; color:#003856; margin:0px; padding:0px 0px 5px 0px; font-family:verdana; } #container #midle #right #content .veld{ margin:0px 0px 8px 0px; border:1px solid #cccccc; background:#fff; padding:14px 14px 14px 14px;} #container #midle #right #content .veld table.merchanttable { width: 100%; margin-top: -5px; } #container #midle #right #content .veld table td { border: 1px solid #CCCCCC; text-align: center; } #container #midle #right #content .veld table td img {padding: 2px; width: 100px; text-align: center; } #container #midle #right #content #toggle { display: none; } #container #midle #right #content .cruise{ border: 1px solid #CCCCCC; padding:10px 0px 6px 10px; margin:8px 0px 0px 0px;} #container #midle #right #content .cruise:hover { border: 1px solid #003856; } #container #midle #right #content .cruise h2{ display:block; font-size:1.05em; color:#003856; padding:0px 0px 10px 0px; font-family:verdana;} #container #midle #right #content .cruise h2 img{ display:inline;} #container #midle #right #content .cruiseaanbieder {clear: both; border:1px solid #f2f2f2;} #container #midle #right #content .cruise .cruise_left{width:125px; float:left; padding:4px 0px 0px 0px; } #container #midle #right #content .cruise .cruise_left img{padding:4px; border:1px solid #a4a4a4; } #container #midle #right #content .cruise .cruise_left a:hover img{ filter:alpha(opacity=60); opacity:0.6; } #container #midle #right #content .cruise .cruise_midle{width:519px; float:left; } #container #midle #right #content .cruise .cruise_midle a{text-decoration:underline; } #container #midle #right #content .cruise .cruise_right{float:right; width:175px; } #container #midle #right #content .cruise .cruise_right .datum{ font-weight:bold; color:#002f48; float:right; width:49px; padding:15px 0px 0px 0px; height:65px; text-align:center; background:url(../images/bg_datum.jpg) no-repeat; } #container #midle #right #content .cruise .cruise_right .datum span{display:block;} #container #midle #right #content .cruise .cruise_right .datum strong{display:block; font-size:2.3em; padding:3px 0px 3px 0px;} #container #midle #right #content .cruise .cruise_right .prijs{ font-weight:bold; float:right; width:91px; height:68px; padding:10px 0px 0px 9px; margin:2px 22px 0px 0px; color:#fff; background:url(../images/bg_prijs.jpg) no-repeat; } #container #midle #right #content .cruise .cruise_right .prijs strong{ display:block; padding:12px 0px 0px 0px; font-size:1.5em; font-weight:normal; color:#000000;} #container #midle #right #content #googlemap { border:1px solid #cccccc; width: 713px; height: 300px; } #container #midle #right #content .pager{ text-align:center; padding:20px 0px 0px 0px;} #container #midle #right #content .pager ul{ display:inline;} #container #midle #right #content .pager ul li{ display:inline; width:21px; text-align:center;} #container #midle #right #content .pager ul li a{ display:inline; padding:5px 7px 5px 3px; text-align:center; background:url(../images/bg_pager.jpg) no-repeat; color:#fff;} #container #midle #right #content .pager ul li a:hover{ color:#ecb939; } #container #midle #right #content .pager ul li.first a, #container #midle #right #content .pager ul li.last a{ font-weight:normal; padding:5px 10px 5px 6px; text-align:center; background:none; color:#4c4c4c;} /* BOTTOM DIVISION */ #container #bottom{ z-index:1000; text-align:center; color:#fff; font-family:arial; height:42px; line-height:42px; position:absolute; bottom:0; left:9px; width:954px; overflow:block; background:url(../images/bg_menu.jpg) repeat-x;} #container #bottom a{color:#fff;} #container #bottom a span{color:#ecba3a;} /* jQuery Slider*/ #s3slider { width: 753x; height: 227px; position: relative; overflow: hidden; } #s3sliderContent { width: 753px; position: absolute; top: 0; margin-left: 0; } .s3sliderImage { float: left; position: relative; display: none; }