/* Project: Dyreparken.no Version: 1.0 Last changed: June 20, 2008 Design: Morgan Kristensen, Recommended Norway xhtml/css: Ole-Marius L. Mathiassen, Recommended Norge (C) 2008 Recommended Norway Colour palette: --------------- Dark green: #879c2a Light green: #e7ebcd Light grey: #f7f7f4 Deep pink: #b00073 Table of contents: ------------------ 1. General styling 2. Structure 3. Header 4. Sidebar 5. Content 5.1 Startpage 5.2 Box 5.3 Schedule 5.4 Calendar 5.5 Rates 5.6 Boxes 5.7 Pop-up 5.8 Details 5.9 Search 5.10 Pages 5.11 Animals 6. Buttons 7. Footer 8. Booking banner Comments: --------- reset.css (recommended version) is in use */ /* 1. General styling ------------------------------------------------------------------------------------------------ */ body {padding: 0;margin: 0;font-family: Trebuchet MS, arial, verdana, sans-serif;background: #879c2a url(../gr/bg-body.png) repeat-x} p {font-size: 1.2em;line-height: 1.4em;} a {color: #000} a:hover {color: #b00073; } h1, h2, h3, h4, h5, h6 {line-height: 1.0em;padding-bottom: 0.2em;color:#333;font-weight: none} h2 {font-size: 2.8em; line-height: 1.2em; color: #b00073;padding-bottom: 10px } span.flag {font-size: 9px;padding: 1px 2px;margin-left: 4px;text-transform: uppercase;background-color: #ffff00;border: 1px solid #cccc00;} /* 2. Structure --------------------------------------------------------------------------------------- */ #wrapper {width: 998px;margin: 5px auto} #booking-banner {height: 49px;margin-bottom: 1px;background: transparent url(../gr/bg-bookingbanner.png) left top no-repeat;} #header {height: 100px;margin-top: 10px;background: transparent url(../gr/bg-header.png) left bottom no-repeat; } #content-wrapper {padding: 20px;background: transparent url(../gr/bg-content.png) left bottom no-repeat;} #content {width: 760px;float: left;} #sidebar {width: 190px;float: left; } #footer {clear: both;width: 980px; padding: 0;margin: 0 auto;text-align: center;} /* 3. Header --------------------------------------------------------------------------------------- */ div#logo {padding: 5px; width: 300px; float: left;} div#logo a {display: block;text-indent: -9999px;background: transparent url(../gr/logo.png) top left no-repeat;width: 286px;height: 66px;outline: none} #global-search {padding-top: 20px;float: right;width: 150px; } #weather {display: block; width: 100px; float: left; padding: 0; margin: 0} #weather .symbol {display: block; width: 55px; float: left;} #weather .symbol img {width: 55px; height: auto} #weather .temp {font: 2em/3em Trebuchet MS, arial, verdana, sans-serif bold;} #search {padding-top: 13px; width: 180px; float: right} .search-input { float: left; border: 1px solid #879c2a; margin-top: 6px;width: 115px; padding: 2px; font :1.2em/1.6em verdana; } #search .btn-big {float: right; height: 32px;} #xxx {width: 300px;height: 50px;float: right;position: relative;top: 0;right: 0;} #header .tabs {margin: 0; float: left; width: 600px;margin-top: 15px; } /* 3. Tabs --------------------------------------------------------------------------------------- */ ul.tabs {list-style-type: none;height: 27px;padding: 0;} ul.tabs li {float: left;} ul.tabs li a, ul.tabs li a:visited {display: block; padding: 0 15px 0 0;color:#000;text-decoration:none; background: transparent url(../gr/bg-tabs-end.png) no-repeat scroll right -2px; height: 27px; font: 12px/29px arial, sans-serif;cursor: pointer;} ul.tabs li a span { background: transparent url(../gr/bg-tabs.png) left -2px no-repeat; padding-left: 15px; height: 27px; display: block;} ul.tabs li a.current {background-position: right bottom;} ul.tabs li a.current span {background-position: left bottom;} ul.tabs li a:hover {background-position: right -33px;} ul.tabs li a:hover span {background-position: left -33px;} /* 4. Sidebar --------------------------------------------------------------------------------------- */ #sidebar select {width: 130px; margin-bottom: 10px; padding-left: 3px;margin-left: 5px; font-size: 1.1em;} #sidebar label {color: #fff; font-size: 1.2em; line-height: 2em; padding-left: 5px;} #sidebar input {margin-left: 5px; height: 15px; width: 15px;} .greenbox a.btn-fixed {width: 140px; text-align: center; display: block; height: 32px; background: transparent url(../gr/btn-green-fixed.png) top left no-repeat; text-decoration: none; color: #000; font-size: 1.2em; line-height: 32px; margin: 0; } .greenbox a.btn-fixed:hover {background-position: left bottom;} #sidebar ul {list-style-type: none; padding: 0 ; margin: 0;} #sidebar ul il {padding: 0 ; margin: 0 0 10px 0 ;} #sidebar ul li a {margin-bottom: 3px;display: block; width: 170px; background: #fff url(../gr/btn-side.png) left -83px no-repeat;text-align: center;font-size: 1.2em;height: 39px; text-decoration: none; color: #000; line-height: 42px;} #sidebar ul li a.current {background-position: left top} #sidebar ul li a:hover {background-position: left -42px} #sidebar .box {width: 167px; padding-bottom: 10px; margin-left: 3px; margin-top: 10px;} #sidebar .box .inner {padding: 0 20px; } #sidebar .box h3 {color: #000; padding: 10px 0 15px 0; font-size: 1.2em; font-weight: bold; text-align: center} #sidebar .box p {padding-bottom: 5px; font-size: 1.1em; line-height: 1.2em; text-align: left } #sidebar .green2 {background: transparent url(../gr/box-side-green.gif) left bottom no-repeat; } #sidebar .green2 .inner { background: transparent url(../gr/box-side-green.gif) left top no-repeat; } #sidebar .grey2 {background: transparent url(../gr/box-side-grey.gif) left bottom no-repeat} #sidebar .grey2 .inner { background: transparent url(../gr/box-side-grey.gif) left top no-repeat} #sidebar .boxlist li a { background-image: none; text-align: left; display: inline; padding: 0;line-height: 1.3em} #sidebar .boxlist li a:hover {text-decoration: underline} #sidebar .boxlist li a.current {color: #879c2a;font-weight: bold; font-size: 1.5em} #sidebar .box table {margin-bottom: 10px; width :100%;} #sidebar .box table .price {font-size: 1.2em;line-height: 1.5em} #sidebar .ad {width: 170px; margin-top: 20px;} #sidebar .ad h3 {color: #111; font-size: 1.4em; text-align: center; padding-bottom: 5px; } #sidebar p {text-align: center;} #sidebar .ad a {margin-left: 40px;} #sidebar img {width: 150px; height: auto; margin: 15px;} .btn-info {position: absolute; top: 6px;right: 8px; display: block; width:13px; height: 13px; background: transparent url(../gr/info-symbol.gif) right top no-repeat; text-indent: -9999px;} #sidebar .banner a img {margin: 0;width: 162px; height: auto;} #sidebar ul li .green2 .inner h3 a {text-decoration: none; background-image: none; background-color: Transparent; padding: 9px 0 0 0; margin: 0 0 0 -10px; width: 150px; line-height: 1em;} #sidebar ul li .green2 .inner h3 a:hover {text-decoration: underline; } #sidebar ul li .green2 .inner h3 a.current {text-decoration: none; } #sidebar ul li .green2 .inner h3 { padding: 0 0 0 0;} /* 5. Content --------------------------------------------------------------------------------------- */ #content .ad {width: 190px; float: right; } #content .ad h3 {color: #666; font-size: 1.4em; padding-bottom: 10px; } #content .ad a {margin-left: 30px;} a.arrow-left { display: block;width: 33px;height: 24px;text-indent: -9999px;outline: none;background: #fff url(../gr/arrows.png) left top no-repeat;float: left; } a.arrow-left:hover {background-position: left bottom;} a.arrow-right { display: block;width: 33px;height: 24px;text-indent: -9999px;outline: none;background: #fff url(../gr/arrows.png) right top no-repeat;float: right; } a.arrow-right:hover {background-position: right bottom;} /* 5.1 Eventur --------------------------------------------------------------------------------------- */ #event {width: 490px; background: #fff url(../gr/box-event-bottom.png) left bottom no-repeat; clear: both; padding-bottom: 10px;} #event .inner {padding: 10px 20px; background:#fff url(../gr/box-event.png) left top no-repeat;} #event a {margin: 0 15px; } #event h4 { color :#fff; font-size: 1.4em;text-align: center; padding: 5px 0 10px 0;} #event ul {list-style-type: none; padding: 0; margin: 0 auto; width :370px; height: 33px;} #event ul li {float: left;} /* 5.1b Right --------------------------------------------------------------------------------------- */ .right {width: 250px;float: right } .banner {padding-bottom: 10px;} /* 5.2 News --------------------------------------------------------------------------------------- */ .article-container { float: left; width: 490px;} .article-list-view {clear: both; } .article-list-view img {max-width: 140px; max-height: 109px; float: left} .article-list-view p, .article-list-view h2 {float: right; width: 320px;} .article-list-view h2 {font-size: 1.4em;font-weight: bold; color:#b00073} .article-list-view p a {margin-top: -5px;margin-bottom: 10px;float: right;} .article-list-view .posted {color: #000; text-transform: uppercase; font-size: 0.9em; line-height: 1.4em; padding: 0 10px 0 0 ;float: right; width: 320px;} .article {float: left; width: 490px;} .article .posted {padding-bottom: 10px;} .article img {padding: 5px 0; /*width: 490px;*/ height:auto} .lead {font-weight: bold; padding: 5px 0;} .readmore {margin-right: 20px;} .posted {color: #000; text-transform: uppercase; font-size: 0.9em; line-height: 1.4em; padding: 0 10px 0 0 ;} .headline .readmore {margin-bottom: 10px; float: right;} .newsfeed-container {clear: both;} .newsfeed { border: #999;width: 163px; float: left} .newsfeed div {padding: 10px} .frontNewsListImageLink { display: block; text-align: center } .newsfeed img { max-height:109px; max-width:140px; margin: auto; padding-bottom: 5px; } .newsfeed h3 {font-size: 1.2em; line-height: 1.6em; color:#b00073} .newsfeed h3 a {font-weight: bold; color: #b00073; text-decoration: none;} .newsfeed h3 a:hover {text-decoration: underline;} .newsfeed p {font-size: 1em; line-height: 1.2em} .caption {text-align: right; font-size: 1.1em; color: #333} /* 5.3 Schedule --------------------------------------------------------------------------------------- */ #schedule-container .cal {float: left; margin-top: 28px; width: 220px} #schedule-container h2 {text-align: center; padding-bottom: 15px;} #schedule-container .ad { float: left; margin-top: 28px; width: 220px; padding-top: 5px; background: transparent url(../gr/box-white-xxx.gif) left top no-repeat; } body #schedule-container .ad .inner { padding: 20px;padding-bottom: 40px; background: #fff url(../gr/box-white-xxx.gif) left bottom no-repeat;} #schedule-container .ad h3 {text-align: center; color :#000; font-size: 1.4em;} #schedule-container .ad p {color: #999; font-size: 1.2em; line-height: 1.3em} #schedule-container .ad a {margin-left: 40px} #schedule {width: 525px; float: right;height: auto !important; /* for modern browsers */height: 300px; /* for IE5.x and IE6 */min-height: 300px; /* for modern browsers */ } #schedule .schedule-header {background: transparent url(../gr/bg-schedule-top.png) bottom left no-repeat;height: 25px; padding: 10px 20px;} #schedule h3 {display: inline-block; float: left; width: 400px; text-align: center; font-family: Trebuchet MS, verdana, arial, sans-serif;font-size: 18px;line-height: 25px; } #schedule .schedule-body {padding: 4px; background: transparent url(../gr/bg-schedule.png) bottom left no-repeat; } #schedule table {width: 100%; font-size: 1.2em; margin-bottom: 20px;} #schedule table tr{ vertical-align: center; } #schedule table td {padding: 1px 10px;} #schedule table td.top {vertical-align: top;} #schedule .schedule-body span {display: block; } #schedule td.first {padding-top:10px;} #schedule td.last {padding-bottom:10px;} .hr01 {background: url(../gr/hr0100.png) left center no-repeat; display: block;height: 24px;width: 24px; text-indent: -9999px;} .hr02 {background: url(../gr/hr0200.png) left center no-repeat; display: block;height: 24px;width: 24px; text-indent: -9999px;} .hr03 {background: url(../gr/hr0300.png) left center no-repeat; display: block;height: 24px;width: 24px; text-indent: -9999px;} .hr03 {background: url(../gr/hr0300.png) left center no-repeat; display: block;height: 24px;width: 24px; text-indent: -9999px;} .hr04 {background: url(../gr/hr0400.png) left center no-repeat; display: block;height: 24px;width: 24px; text-indent: -9999px;} .hr05 {background: url(../gr/hr0500.png) left center no-repeat; display: block;height: 24px;width: 24px; text-indent: -9999px;} .hr06 {background: url(../gr/hr0600.png) left center no-repeat; display: block;height: 24px;width: 24px; text-indent: -9999px;} .hr07 {background: url(../gr/hr0700.png) left center no-repeat; display: block;height: 24px;width: 24px; text-indent: -9999px;} .hr08 {background: url(../gr/hr0800.png) left center no-repeat; display: block;height: 24px;width: 24px; text-indent: -9999px;} .hr09 {background: url(../gr/hr0900.png) left center no-repeat; display: block;height: 24px;width: 24px; text-indent: -9999px;} .hr10 {background: url(../gr/hr1000.png) left center no-repeat; display: block;height: 24px;width: 24px; text-indent: -9999px;} .hr11 {background: url(../gr/hr1100.png) left center no-repeat; display: block;height: 24px;width: 24px; text-indent: -9999px;} .hr12 {background: url(../gr/hr1200.png) left center no-repeat; display: block;height: 24px;width: 24px; text-indent: -9999px;} .hr13 {background: url(../gr/hr1300.png) left center no-repeat; display: block;height: 24px;width: 24px; text-indent: -9999px;} .hr14 {background: url(../gr/hr1400.png) left center no-repeat; display: block;height: 24px;width: 24px; text-indent: -9999px;} .hr15 {background: url(../gr/hr1500.png) left center no-repeat; display: block;height: 24px;width: 24px; text-indent: -9999px;} .hr16 {background: url(../gr/hr1600.png) left center no-repeat; display: block;height: 24px;width: 24px; text-indent: -9999px;} .hr17 {background: url(../gr/hr1700.png) left center no-repeat; display: block;height: 24px;width: 24px; text-indent: -9999px;} .hr18 {background: url(../gr/hr1800.png) left center no-repeat; display: block;height: 24px;width: 24px; text-indent: -9999px;} .hr19 {background: url(../gr/hr1900.png) left center no-repeat; display: block;height: 24px;width: 24px; text-indent: -9999px;} .hr20 {background: url(../gr/hr2000.png) left center no-repeat; display: block;height: 24px;width: 24px; text-indent: -9999px;} .hr21 {background: url(../gr/hr2100.png) left center no-repeat; display: block;height: 24px;width: 24px; text-indent: -9999px;} .hr22 {background: url(../gr/hr2200.png) left center no-repeat; display: block;height: 24px;width: 24px; text-indent: -9999px;} .hr23 {background: url(../gr/hr2300.png) left center no-repeat; display: block;height: 24px;width: 24px; text-indent: -9999px;} .hr24 {background: url(../gr/hr2400.png) left center no-repeat; display: block;height: 24px;width: 24px; text-indent: -9999px;} .schedule-tabs .tabs {width: 180px; margin: 0 auto;} .schedule-body div {padding: 20px;} .chooseDate{font-size: 1.8em; line-height: 1.8em; color: #b00073;padding-bottom: 10px } /* 5.4 Calendar --------------------------------------------------------------------------------------- */ .cal-container {height: 250px;} .cal-container a.arrow-right, .cal-container a.arrow-left {margin-top: 20px;} .cal-container a.arrow-left {width: 38px;} .cal {background: #fff url(../gr/cal/bg-cal.gif) left bottom no-repeat;border-collapse: collapse;padding-bottom: 10px; margin: 0; color: #666; width:220px; height: 180px;} .cal table { width: 200px; caption-side:top; height: 150px; } .cal .caption {font-size: 1.4em;line-height: 2.8em;text-align: center;} .cal .caption a {font-size: 1.5em;} .cal td, .cal a, .cal th {text-decoration: none;font: 11px/13px Tahoma, verdana, sans-serif;color: #666;text-align: center;} .cal .mnd {padding-bottom: 10px;} .cal td {width: 30px;height: 20px;} .cal a {width: 30px;height: 20px;padding: 2px 8px; border: solid 1px transparent;} /*.cal a:hover {color: #000; border: solid 1px #fff; background-color: #fff;}*/ .cal .selected {border: 1px #b00073 solid; color: #b00073;} .cal .innercal {padding: 0 10px;background: #fff url(../gr/cal/bg-cal.gif) left top no-repeat;} .cal .selected { color: #000;} .cal .selected a { color: #777;} /* 5.5 Rates --------------------------------------------------------------------------------------- */ #rates-container {background: #fff;padding: 10px 0 0 0}/*url(../gr/bg-rates.gif) top left no-repeat*/ #rates-container .inner {background: #fff;padding: 0 15px 10px 10px}/*url(../gr/bg-rates.gif) bottom left no-repeat*/ #rates-container h2 {padding: 5px 10px;font-size: 18px;font-weight: normal;text-align: center} .cal-container {background: #fff url(../gr/divider.gif) top left repeat-x; padding-top: 20px} #rates {background: #fff url(../gr/divider.gif) top left repeat-x; padding-top: 20px;} #rates-container .cal {float: left;} #rates table {table-layout: fixed; width: 700px;margin-bottom: 20px;} #rates td {font-size: 1.2em;} #rates tr {background-color: #fcfcfc;} #rates tr.zebra {background-color: #f2f2f0;} #rates th {font-weight: bold;width: 115px; vertical-align: middle;} #rates .priceCategory{font-size: 1.4em; width: 160px;} #rates .seasonHeading {font-size: 1.2em;} #rates tr {vertical-align:top;} #rates tr.todagerspass td, #rates tr.todagerspass th{ font-weight: normal;} #rates tbody th {padding-left: 2px;padding-top: 10px;} #rates tr.todagerspass th {font-size: 1.1em;padding-bottom: 10px;padding-top: 5px;} #rates tbody td {padding-top: 5px; padding-bottom: 2px;} #rates tr.todagerspass td {padding-top: 5px;} #rates thead th {padding: 3px 0;text-align: center;} #rates thead th.selected {background: transparent url(../gr/bg-selected.gif) center top no-repeat;} #rates td.selected {background: transparent url(../gr/bg-selected.gif) center -10px no-repeat;} #rates .selected {padding-left: 0;padding-right: 0;} #rates .selected a {width: 105px; margin: 0;} #rates tfoot td.selected {background: transparent url(../gr/bg-selected.gif) center -50px no-repeat;} /* 5.6 Boxes --------------------------------------------------------------------------------------- */ .box {margin-bottom: 20px; padding-bottom: 10px;width: 245px;background: transparent url(../gr/bg-box.gif) bottom left no-repeat;} .box h3 {color: #879c2a;font-family: Trebuchet MS, arial, verdana, sans-serif;font-weight: bold;font-size: 1.3em;line-height: 1.3em;padding: 1px 0 15px 0;} .box .grey {background: transparent url(../gr/bg-box-grey.gif) top left no-repeat;padding: 7px 15px;} .box .white {background: transparent url(../gr/bg-box-white.gif) top left no-repeat;padding: 17px 15px 7px 15px;} .greenbox {width: 162px;background: transparent url(../gr/box-green.gif) bottom left no-repeat; padding-bottom: 9px; margin-bottom: 10px;} .greenbox .inner {background: transparent url(../gr/box-green.gif) top left no-repeat; padding: 10px 11px;position: relative;} .greenbox h3 {color: #fff; font-size: 1.4em; line-height: 2em; text-align: center; } .greenbox a {color: #b00073} /* 5.7 Pop-up --------------------------------------------------------------------------------------- */ .popup {width: 228px; background: transparent url(../gr/bg-popup-end.png) left bottom no-repeat; padding-bottom: 15px;} .popup .inner {background: transparent url(../gr/bg-popup.png) left top no-repeat; padding: 30px 40px 0px 50px; margin-bottom: 29px;} /* 5.8 Detail --------------------------------------------------------------------------------------- */ .carousel { height: 80px; } .carousel ul {list-style-type: none; width: 420px; float: left; margin: 0; padding: 0} .carousel li {display: block; float: left; padding: 0; margin: 0 5px; } .carousel a {} .carousel img {width: 95px; height: auto;} .carousel a.arrow-left, .carousel a.arrow-right { margin-top: 25px;} .pelbo-feed {width: 250px; padding-top: 10px; } .pelbo-feed img { width: 120px; height: auto; padding: 0 65px;} .pelbo-feed p {text-align: center; line-height: 2.2em;} .pelbo-feed a {color: #b00073; text-decoration: none; font-weight: bold;} .facts td , .facts th {font-size: 1.2em; padding-right: 10px; vertical-align: top; padding-bottom: 10px;} .facts th {font-weight: bold;} .info {padding: 10px 20px; background-color: #e7ebcd } .info h3 {font-size: 1.5em; line-height: 2em;} /* 5.9 Search (and destroy) --------------------------------------------------------------------------------------- */ .search-container { float: left; width: 490px;} .search-container h2 {clear: both:} .search-main {clear: both; } .search-main img {width: 140px;float: left} .search-main p, .search-main h3 {float: right; width: 320px;} .search-main h3 {padding-bottom: 10px;} .search-main h3 a {font-size: 1.6em;font-weight: bold; color: #879c2a; text-decoration: none;} .search-main p a {margin-top: -5px;margin-bottom: 10px;} .searchbox {clear: both; border-bottom: 1px solid #ddd; margin-bottom: 10px;} .searchbox .search-input {width: 300px; margin-right: 10px;} .searchbox p {clear: both; line-height: 2em;} .search-list {clear: both; padding: 15px 0 10px 0;} .search-list h3 {font-weight: bold; font-size: 1.4em;} .search-list h3 a {color: #879c2a; text-decoration: none;} .search-list p {padding: 0;} .search-list em {color: #879c2a} .search-path {color: #000;line-height: 2em; font-style: italic;} .search-path a {color: #000;text-decoration: none; font-style: italic; } .search-path a:hover {color: #879c2a;text-decoration: none } .search-media {float: left; padding: 5px;} .search-media img {width: 95px; height: auto;} .rrr {font-size: 1.1em; color: #879c2a; text-align: center; display: block; line-height: 2em;clear: both;} a.rrr:hover {color: #b00073;} h3.film {background: transparent url(../gr/film.png) left top no-repeat; padding-left: 25px; } /* 5.10 Pages --------------------------------------------------------------------------------------- */ ul.pages {border:0; margin:0;padding:0display: block;height: 3em;clear: both;padding-left: 0; width: 200px;float: right} .pages li {border:0;margin:0;padding:0;font-size: 1.1em;list-style-type: none;line-height :1.4em;margin-left: 0;float: left;} .pages a {border: 1px solid #ddd;margin-right: 4px;} .pages .off {display: none;} .pages .next a,.pages .prev a {font-weight: bold;} .pages .active {font-weight: bold;display: block;float: left;padding: 4px 6px 3px 6px;margin-right: 4px;background-color: #879c2a;color: #fff;} .pages a,.pages a:link,.pages a:visited {color: #879c2a;display: block;float: left;padding: 3px 6px;text-decoration: none;} .pages a:hover {border: 1px solid #e7ebcd ;color: #000; background-color: #e7ebcd;} /* 5.11 Animals --------------------------------------------------------------------------------------- */ .animal-container { float: left; width: 490px;} .ttt {padding: 10px 0;height: 330px;} .animal-placeholder {width: 150px; float: left;padding: 0;margin-bottom: 10px; text-align: center; min-height: 135px; } .animal-placeholder img {max-width: 120px; max-height: 75px; padding: 10px 15px 0 15px; display: block; margin: auto;} .animal-placeholder a {display: block; text-align: center; text-decoration: none; color: #879c2a; font-size: 1.2em; line-height: 2em;min-height: 135px;} .animal-placeholder a:hover, .animal-placeholder a:hover img {color: #000; background-color: #e7ebcd;} /* 5.12 Variant --------------------------------------------------------------------------------------- */ .variant { width: 490px;} .variant div {width: 122px;float: left; height: 70px;} .variant .caption {width: 65px;float: left; display: block; text-align: left;} .variant img {width :55px; padding: 0; float: right;} .variant a {color: #000; text-decoration: none; line-height: 1.2em;} .variant a:hover {text-decoration: underline} /* 5.12 Sitemap --------------------------------------------------------------------------------------- */ #SiteMap ul {list-style-type: none;padding: 0; margin: 0;} #SiteMap a {text-decoration: none} #SiteMap ul li {padding-bottom: 10px; clear: both; } #SiteMap ul li a {color: #000; font-size: 18px; line-height: 1.5em; margin-top: 10px;} #SiteMap ul li ul li a {font-size: 13px; color: #000; line-height: 1.3em;} #SiteMap ul li ul li ul li { line-height: 18px; padding-bottom:0; margin-bottom: 0} #SiteMap ul li ul li ul li a { color: #999; padding-bottom: 0; margin-bottom: 0} /* #SiteMap ul li ul li {width: 160px;float: left; clear: none; padding-bottom: 5px;} #SiteMap ul li ul li ul li a { color: #999; padding-bottom: 0; margin-bottom: 0} #SiteMap ul li ul {padding-bottom: 10px;} */ #SiteMap a:hover {color: #b00073;} /* 6 Buttons --------------------------------------------------------------------------------------- */ .btn-big {color: #000;display: block;float: left;font: 12px arial, sans-serif;height: 32px;padding-right: 10px;text-decoration: none;} .btn-big span {display: block;line-height: 24px;padding: 4px 5px 4px 15px; } .btn-big:hover {background-position: bottom right; outline: none;} .btn-big:hover span {background-position: bottom left} .green {background: transparent url(../gr/btn-big-green-end.png) no-repeat scroll top right;} .green span {background: transparent url(../gr/btn-big-green.png) no-repeat top left;} .grey {background: transparent url(../gr/btn-big-grey-end.gif) no-repeat scroll top right;} .grey span {background: transparent url(../gr/btn-big-grey.gif) no-repeat top left;} .pink {background: transparent url(../gr/btn-big-pink-end.gif) no-repeat scroll top right;} .pink span {background: transparent url(../gr/btn-big-pink.gif) no-repeat top left;} .btn-small {color: #000;display: block;float: left;font: 10px arial, sans-serif; padding-right: 5px;text-decoration: none;background: transparent url(../gr/btn-small-grey-end.gif) no-repeat scroll bottom right;line-height: 1px;} .btn-small span {display: block; background: transparent url(../gr/btn-small-grey.gif) no-repeat bottom left;padding: 9px;} .btn-small:hover {background-position: right top} .btn-small:hover span {background-position: left top} /* 7. Footer --------------------------------------------------------------------------------------- */ #footer ul {list-style-type: none;padding: 0 0 0 160px;} #footer ul li {display: inline; margin: 1px; border-left: 1px solid #fff;} #footer ul li.first {border-left: none;} #footer ul li a {padding: 0 10px;color: #fff;font-size: 1.6em;text-decoration: none;} #footer ul li a:hover {color: #000;} #footer p {clear: both; color: #cfdb87;font-size: 1.0em; } ul#language {width: 160px; float: right; margin:0; padding: 0; list-style-type: none;} ul#language li {display: block; height: 15px; width: 20px; float: left; margin: 0; padding: 0; margin-left: 5px; border: none;} #language li a {display: block; width: 20px; height: 15px; text-indent: -9999px; outline: none; cursor: pointer; } #language li a.de {background: transparent url(../gr/de.png) top left no-repeat;} #language li a.en {background: transparent url(../gr/en.png) top left no-repeat;} #language li a.no {background: transparent url(../gr/no.png) top left no-repeat;} #language li a.sami {background: transparent url(../gr/sami.png) top left no-repeat;} #language li a.urdu {background: transparent url(../gr/urdu.png) top left no-repeat;} #language li a.esp {background: transparent url(../gr/esp.png) top left no-repeat;} /* 8. Booking Banner --------------------------------------------------------------------------------------- */ #booking-banner {padding: 0 20px;color: #fff;padding-top: 5px;} #booking-banner dl {padding: 0;margin: 0;margin-top: 10px; float: left} #booking-banner dt {font-weight: bold;font-size: 1.2em;line-height: 21px;} #booking-banner select {margin-top: 2px; } #booking-banner select option {} #booking-banner dt, #booking-banner dd {display: block;float: left;margin: 0;margin-right: 5px;padding: 0;} .btn-midi {margin-top: -2px;background: transparent url(../gr/btn-midi-span.gif) no-repeat scroll top right;color: #000;display: block;float: left;font: normal 11px arial, sans-serif;height: 23px;margin-left: 8px;padding-right: 12px;text-decoration: none;text-transform: uppercase;} * html .btn-midi, * html .btn-midi span { display:inline-block; /* for IE only */ } .btn-midi span {background: transparent url(../gr/btn-midi.gif) no-repeat top left;display: block;line-height: 14px;padding: 5px 0 5px 12px;} a.btn-midi:hover {color: red;} dl#booking-misc {padding-left: 15px;margin-left: 10px; /*background: url(../gr/bg-bookingbanner-div.gif) left top no-repeat;*/} /*#booking-misc dt {display: none}*/ /* Share */ #share {margin: 0; list-style-type: none; border-style: solid; border-color: #ccc; border-width: 1px 0 0px 0; padding: 3px; text-align: center; clear: both;} #share li {display: inline;} #share a {font-size: 1em; font-weight: normal; padding:0 0 0 20px; height:16px; margin-right: 5px;} #share .facebook { padding:2px 0 0 20px; height:16px; background:url(http://b.static.ak.fbcdn.net/rsrc.php/z39E0/hash/ya8q506x.gif) no-repeat top left; } #share .nettby {background: transparent url(../gr/nettby_share.gif) top left no-repeat;} #share .tipafriend {background: transparent url(../gr/tipafriend.png) no-repeat;} #share .print {background: transparent url(../gr/printer.png) no-repeat; } .bookingBox {width: 490px; background: #fff url(../gr/box-event-bottom.png) left bottom no-repeat; clear: both; padding-bottom: 10px; text-align: center; margin-bottom: 20px; margin-top: 30px;} .bookingBox .inner {padding: 20px 20px; background:#fff url(../gr/box-event.png) left top no-repeat;} .bookingBox a {margin: 0;} .bookingBox h4 { color :#fff; font-size: 1.4em;text-align: center; padding: 5px 0 10px 0;} .bookingBox span { border-width: 0px; } .yearBox { margin-left: 160px; } .giftBox { margin-left: 130px; }