/*///////////////////////// / / Tirato / / 28-10-2008 / /////////////////////////*/ /* Settings //////////////////////////////////////////////////////////////////*/ * {margin:0; padding:0; border:0; outline:none;} html, body {background:url('images/beeldmerk-bg.png') center bottom #fde8f1 repeat-x fixed; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#777; height:100%;} h1 {font-size:16px; color:#e2007a; font-weight:normal; margin-bottom:11px;} h2 {font-weight:normal;} input, select, textarea, option {cursor:pointer;} /* Wrapper //////////////////////////////////////////////////////////////////*/ #shadow {background:url(images/shadow.png) center top transparent repeat-y; height:auto; margin:0; padding:0;} #wrapper {width:990px; margin:0 auto; background-color:#fff; padding:40px 0 40px 0; height:auto; position:relative;} #modules {float:right;} #wrap-in {width:890px; margin:0 auto; background-color:#fff;} /* Header //////////////////////////////////////////////////////////////////*/ #header {font-size:10px;} #langchoice {float:right; text-align:right;} #langchoice a {text-decoration:none; color:#777;} #langchoice strong {color:#fa0; font-weight:bold; font-size:12px;} #langchoice img {margin:5px 1px 0 2px;} #logo {float:left; height:70px; } #nav {float:left; clear:both; height:20px; width:890px; text-align:right;} #nav a {color:#999; text-decoration:none; padding-right:11px; background:url(images/a-bg.gif) right no-repeat;} #nav a.last {background:none;} #nav a:hover {text-decoration:underline;} #flashcontent {width:837px; height:320px; z-index:3;} /* Content //////////////////////////////////////////////////////////////////*/ #middle {float:right; clear:both; background:url(images/content-bg.jpg) left bottom repeat-y;} #topbar {width:890px; height:20px; clear:both; margin-bottom:3px; background:url(images/topbar-bg.jpg) left top repeat-y #fcd8ba;} #content {width:837px; float:right; clear:both;} #content a {text-decoration:none; color:#c08;} #content a:hover {text-decoration:underline;} #videoslide { margin-bottom:3px; overflow:auto; z-index:0; background: url(images/tv_bg.jpg) top left no-repeat #fce8df; min-height: 400px; } #bottom {clear:both; background:url(images/faux-col.jpg) right top repeat-y; width:837px; overflow:hidden;} #bottom.index {background:url(images/index_bg.jpg) repeat-y; height:246px; margin-bottom:-1px !important;} #indexmodholder {width:308px; height:241px; overflow:hidden;} #links {background-color:#fff; float:left; width:170px; height:auto; margin-right:3px;} #links img {border-bottom:#fff solid 2px; padding:0;} #main_nav {color:#fff; list-style:none; min-height:241px; margin-bottom:3px;} #main_nav a {background:#fac; color:#fff; width:166px; display:block; margin-bottom:1px; padding:2px; text-decoration:none; font-size:11px;} #main_nav a:hover {background:#fff; color:#e9b;} #main_nav p {background:#fac; color:#fff; width:166px; display:block; margin-bottom:1px; padding:2px; text-decoration:none; font-size:11px;} #main_nav li {display:block;} #main_nav ul {list-style:none;} #main_nav ul li {} #main_nav ul li a {padding-left:20px; width:148px; background:#e9b;} #main_nav ul li a:hover {background:#fff; color:#e9b;} #midden {width:353px; float:left; margin-right:3px; line-height:18px; height:100%;} #hotel_foto {height:241px; background:#fff; border-bottom:3px #fff solid; text-align:right; overflow:visible; position:relative; direction:rtl;} #tekst { height:100%; margin:0; padding:10px; } #tekst2 {min-height:402px; background:#fee8d3; height:100%; margin:0; padding:0;} #tekst3 {min-height:402px; background:#fee8d3; width:644px; padding:10px;} #tekst form {padding:10px;} #tekst p {padding-bottom:15px;} #tekst h1, #tekst h2, #tekst h3 {padding-top:10px;} #tekst ul {margin-left:25px;} #tekst ul li {padding:3px;} #tekst table {padding:10px;} #rechts {float:left;} #reserveren {background-color:#ccc; float:left; width:288px; height:158px; border-bottom:3px #fff solid; padding:10px;} #reserveren #table {padding:6px;} #reserveren #table #select, #reserveren #table #input {border:1px #000 solid;} #bestrate {width:308px; background-color:#e52c44; float:left; border-bottom:3px #fff solid; clear:both; height:60px;} #bestrate.index {clear:left;} #bestrate h3 {color:#fff; font-size:21px;} #bestrate a {display:block; padding:10px; text-decoration:none;} #bestrate a:hover {text-decoration:none;} #bestrate p {color:#fff;} #attribs {height:110px; background-color:#fde8de; width:308px; float:left;} #offers-fotos {float:left; clear:both; width:308px; min-height:153px; border-bottom:3px #fff solid; overflow:auto;} #offers-fotos img {float:left; border-left:2px #fff solid;} #offers-fotos img:first-child {border-left:none !important;} #offers-fotos #imageContainer {overflow:auto; height:192px;} #offers-fotos #imageContainer img {border-left:none !important;} #offers {float:left; clear:both; background:#fad8d7; width:288px; height:100%; padding:10px; line-height:18px;} #offers ul {margin-left:25px;} #offers ul li {padding:1px;} #kaartje {background-color:#fff; float:left; width:280px; height:335px; margin-right:3px;} #kaartje.index {float:right; clear:none; margin-right:40px;} #nieuws {float:right; width:353px; height:241px; border-left:3px #fff solid; background:#000;} #boven {height:50%; width:162px; background:url('images/news-header.jpg') top center no-repeat #fad8d7; padding:5px; float:left; border-right:3px #fff solid;} #onder {height:72px; width:162px; background:url(images/newsletter-header.jpg) top center no-repeat #f4a589; font-size:9px; color:#fff; padding:33px 5px 5px 5px; float:left; clear:left; border-right:3px #fff solid;} #mapholder {float:right; height:241px; clear:none; width:178px;} #onder form {margin-top:2px;} #onder input.text {width:144px; background:url(images/form.jpg) no-repeat; padding:3px; color:#fff; margin-bottom:3px;} #onder input.aanmelden {width:60px; background:url(images/aanmelden.jpg) no-repeat;} #onder input.afmelden {width:60px; background:url(images/afmelden.jpg) no-repeat;} /* Footer //////////////////////////////////////////////////////////////////*/ #footer {clear:both; text-align:center; background-color:#fde8de; padding-top:12px !important; padding:30px; font-size:10px; color:#777; line-height:150%; border-top:3px solid #fff;} #footer img {vertical-align:middle;} #footer a {color:#777; text-decoration:none; padding-right:11px; background:url(images/a-bg.gif) right no-repeat; display:inline-block;} #footer a.last {background:none;} #footer a:hover {text-decoration:underline;} #imageContainer img { display:none; position:absolute; } /* Icons //////////////////////////////////////////////////////////////////*/ .none {display:none;} .icons {width:40px; position:absolute; right:4px; top:130px; z-index:100;} .icons:hover {width:250px;} .icons a {float:right; clear:both; text-decoration:none !important; padding-bottom:5px; margin-bottom:5px; border-bottom:#aaa 1px solid;} a.icon-1 {background:url('images/icon-1.png') no-repeat; width:40px; height:29px; display:block;} a.icon-1:hover {background:url('images/icon-1-h.png') no-repeat;} a.icon-2 {background:url('images/icon-2.png') no-repeat; width:40px; height:22px; display:block;} a.icon-2:hover {background:url('images/icon-2-h.png') no-repeat;} a.icon-3 {background:url('images/icon-3.png') no-repeat; width:40px; height:29px; display:block;} a.icon-3:hover {background:url('images/icon-3-h.png') no-repeat;} a.icon-4 {background:url('images/icon-4.png') no-repeat; width:40px; height:33px; display:block;} a.icon-4:hover {background:url('images/icon-4-h.png') no-repeat;} a.icon-5 {background:url('images/icon-5.png') no-repeat; width:40px; height:25px; display:block;} a.icon-5:hover {background:url('images/icon-5-h.png') no-repeat;} a.icon-6 {background:url('images/icon-6.png') no-repeat; width:40px; height:25px; display:block;} a.icon-6:hover {background:url('images/icon-6-h.png') no-repeat;} a.icon-7 {background:url('images/icon-7.png') no-repeat; width:40px; height:25px; display:block;} a.icon-7:hover {background:url('images/icon-7-h.png') no-repeat;} .icons a .tooltip {display:none; width:200px; float:left; position:absolute; padding:5px; border:#f4a589 1px solid; background:#fde8de; color:#777; text-decoration:none;} .icons a .tooltip h2 {font-size:16px; color:#e2007a; font-weight:normal;} .icons a:hover .tooltip {display:inline; float:left; right:46px; text-decoration:none; z-index:3;} .pop {cursor:pointer;} .backgroundPopup {display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0;background:#000; z-index:200; color:#000;} .popupBody {display:none; position:fixed; _position:absolute; height:150px; width:350px; background:#fff; z-index:202; font-size:12px; line-height:normal; border:1px solid #E2217A; padding:15px;} .popupBody label {margin-bottom:4px; overflow:hidden;} .popupBody input {border:1px solid #aaa; margin-bottom:5px;} .popupContactClose {width:29px; height:26px; right:25px; top:15px; position:absolute; display:block; cursor:pointer;} #form1 td {padding:3px;} #linkhide {padding:3px;} #linkhide input {width:235px; margin:5px 0 0 5px; padding:2px; font-size:11px; color:#999;} #headertv { margin-bottom:3px; z-index:0; overflow:auto; } #videoplayer { margin-bottom:3px; z-index:0; float: left; height: 268px; width: 480px; padding-top: 43px; padding-bottom: 89px; padding-left: 52px; } #videolistnew { margin-bottom:3px; z-index:0; overflow:auto; float: right; width: 300px; padding-top: 15px; } #headerapollotv { margin-bottom:3px; z-index:0; overflow:auto; width: 280px; padding-left: 10px; } .titel { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #E2217A; padding-bottom: 3px; overflow:hidden; } #pulldown { font-family: Arial, Helvetica, sans-serif; color: #A0A1A3; float: right; font-size: 11px; font-weight: normal; } #pulldown select { width:125px; margin:5px 0 0 0; padding:2px; font-size:11px; color:#999; } #tekstright { height:100%; margin:0; padding:10px; text-align: right; } #tekst4 { clear:both; height:100%; margin:0; padding:10px; background-color: #fad8d7; } #tekst5 { margin:0; padding:10px; background-color: #fad8d7; border-top-width: 1px; border-top-style: solid; border-top-color: #FFF; height: 60px; } #kaderfoto { float: left; width: 150px; border: 1px solid #FFF; margin-right: 20px; margin-left: 0px; height: 70px; } #tekst6 { margin:0; background-color: #fad8d7; border-top-width: 1px; border-top-style: solid; border-top-color: #FFF; height: auto; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 5px; overflow:hidden; } .link { font-family: Arial, Helvetica, sans-serif; color: #e10279; font-size: 11px; float:left; margin-left:172px; clear:both; width:100px; } .omschrijving { margin-left:172px; margin-top:-48px; float:left; clear:both; }