/***************************************************************************** * * Copyright : Copyright (C) Morgen32 * Email : info @ morgen32.nl * Web : www.morgen32.nl * * * Disclaimer: * Niets uit dit script mag zonder toestemming van de maker van deze * scripting gekopieerd, of doorverkocht worden aan derden. De maker van deze * scripting blijft ten alle tijden copyright op dit product houden. De * scripting is ter beschikking gesteld door Morgen32. * Dit programma is GEEN vrije software, en mag niet worden doorverkocht en/ * of gewijzigd worden tenzij de eigenaar toestemming hiervoor heeft verleend * *****************************************************************************/ @font-face { font-family: 'Deibi'; src: url('deibi.eot'); src: local('Deibi Regular'), local('Deibi'), url('deibi.otf') format('opentype'); } html, body, div, span, object, iframe, h1, h2, h3, h4, p, blockquote, pre, a, address, small, em, strong, code, img, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; } html, body { width: 100%; height: 100%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; background: url(../images/background.jpg); } body { background: #ffffff; color: #ffffff; } table, tr, td { border: none; padding: 0px; margin: 0px; border-collapse: collapse; } h1 { font-family: 'Deibi'; font-size: 27px; text-transform: uppercase; color: #eec28e; line-height: 1.8em; height: 64px; } h2 { font-family: 'Deibi'; font-size: 20px; text-transform: uppercase; color: #eec28e; line-height: 1.6em; } a { text-decoration: none; color: #eec28e; } p { margin: 0px 0px 1.6em 0px; } input { width: 400px; } input[type=submit] { width: 406px; } textarea { width: 398px; height: 70px; } img[align=right] { padding: 0px 0px 0px 25px; } /*a img[align=right] { margin: 13px 0px 0px 0px; }*/ b, strong { font-weight: bold; } i, em { font-style: italic; } /******************************************** ID ********************************************/ #container { position: relative; left: 50%; margin: 0px 0px 0px -490px; width: 980px; z-index: 10; } #header { height: 155px; background: url(../images/header.jpg) no-repeat; margin: 0px; font-family: 'Deibi'; font-size: 20px; } #header .fill { height: 100px; } #menu { height: 55px; margin: 0px 19px 0px 0px;} #menu ul, #menu li { margin: 0px; padding: 0px; list-style: none; height: 55px; } #menu li { float: right; padding: 16px 17px 0px 17px; position: relative; } #menu li span { width: 1px; background: #ffffff; position: absolute; top: 3px; bottom: 19px; right: 0px; opacity:0.2;filter:alpha(opacity=20); } #menu li a { color: #ffffff; text-decoration: none; } #menu li a:hover { color: #eec28e; } #menu li.active a { color: #eec28e; } #logo img { width: 209px; height: 145px; } /*#sidebar { width: 220px; margin: 40px 0px 0px 0px; padding: 0px 35px; position: absolute; font-family: 'Deibi'; font-size: 17px; }*/ #sidebar { position: absolute; left: 35px; top: 195px; width: 220px; font-family: 'Deibi'; font-size: 17px; } #sidebar ul,#sidebar li { margin: 0px; padding: 0px; list-style: none; } #sidebar li { height: 35px; } #sidebar span { display: block; padding: 0px 0px 0px 40px; background: url(../images/bullet.png) no-repeat left center; } #sidebar li a:hover { color: #ffffff; text-decoration: underline; } #sidebar li.active a { color: #ffffff; text-decoration: underline; } #content { width: 690px; margin: 40px 0px 0px 290px; min-height: 400px; height: auto !important; height: 400px; line-height: 1.6em; } #content_text { padding: 0px 35px 75px 0px; text-align: justify; position: relative; } #content_text ul { list-style-image: url(../images/bullet.png); } #content_text li { list-style-image: url(../images/bullet.png); } #news { margin: 0px 20px 0px 0px; clear: both; font-family: 'Deibi'; width: 980px; position: relative; } #news .cover { width: 900px; overflow: hidden; margin: 0px 40px; } #news ul, #news li { margin: 0px; padding: 0px; list-style: none; height: 125px; } #news ul { width: 10000px; } #news li { float: left; width: 225px; text-align: center; position: relative; } #news li a { display: block; width: 100%; height: 100%; font-size: 16px; padding: 40px 0px 0px 0px; } #news li a .hover { display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #000000; opacity: 0.2; filter: alpha(opacity=20); } #news li a strong { color: #ffffff; } #news li a:hover { color: #ffffff; text-decoration: underline; } #news li a:hover .hover { display: block; } #news li.active a { color: #ffffff; text-decoration: underline; } #news li.active a .hover { display: block; } #news strong { display: block; } #album ul, #album li { list-style: none; margin: 0px; padding: 0px; } #album { overflow: hidden; width: 655px; height: 500px; position: relative; } #album ul { width: 100000px; } #album li { width: 655px; height: 500px; float: left; text-align: center; } #album .prev { position: absolute; top: 0px; left: 0px; height: 500px; width: 30px; } #album .prev.disabled { display: none; } #album .prev .background { position: absolute; width: 100%; height: 100%; background: #000000; z-index: 1; opacity: 0.3; filter: alpha(opacity=30); } #album .prev .icon { position: absolute; width: 100%; height: 100%; background: url(../images/prev.png) center center no-repeat; cursor: pointer; z-index: 2; } #album .next { position: absolute; top: 0px; right: 0px; height: 500px; width: 30px; } #album .next.disabled { display: none; } #album .next .background { position: absolute; width: 100%; height: 100%; background: #000000; z-index: 1; opacity: 0.3; filter: alpha(opacity=30); } #album .next .icon { position: absolute; width: 100%; height: 100%; background: url(../images/next.png) center center no-repeat; cursor: pointer; z-index: 2; } #footer { margin: 60px 0px 0px 0px; clear: both; padding: 0px 80px 60px 80px; font-family: 'Deibi'; font-size: 16px; } #footer ul, #footer li { margin: 0px; padding: 0px; list-style: none; } #footer li { float: left; padding: 0px 15px; text-align: center; } #footer a { color: #ffffff; } #footer a:hover { color: #eec28e; } #background { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; z-index: 1; } #background img { min-width: 100%; min-height: 100%; height: 100%; } #reservation { position: absolute; right: 35px; top: 13px; } /******************************************** CLASS ********************************************/ .hr { width: 100%; height: 3px; background: url(../images/hr.png) no-repeat; } .clear { clear: both; } .message { font-weight: bold; color: #ff0000; margin: 1em 0px; } .warning { font-weight: bold; color: #ff0000; margin: 1em 0px; } .guestbook { background: url(../images/background_container.png); width: 100%; margin: 0px 0px 30px 0px;d } .guestbook .info { width: 110px; padding: 15px 0px 15px 15px; } .guestbook .info i { font-style: italic; font-size: 11px; } .guestbook .text { padding: 15px 15px 15px 15px; } .page_backward { color: #ffffff; float: left; padding: 0px 0px 0px 40px; background: url(../images/prev.png) no-repeat center left; } .page_backward.disabled { display: none; } .page_forward { color: #ffffff; float: right; padding: 0px 40px 0px 0px; background: url(../images/next.png) no-repeat center right; } .page_forward.disabled { display: none; } .jcarousel-prev-horizontal { position: absolute; top: 3px; bottom: 3px; left: 0px; width: 40px; cursor: pointer; background: url(../images/prev.png) no-repeat center center; } .jcarousel-next-horizontal { position: absolute; top: 3px; bottom: 3px; right: 0px; width: 40px; cursor: pointer; background: url(../images/next.png) no-repeat center center; } .jcarousel-prev-disabled-horizontal { opacity: 0.2; filter: alpha(opacity=20); } .jcarousel-next-disabled-horizontal { opacity: 0.2; filter: alpha(opacity=20); } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }