/*-------------------------------------------------------------------------------------------------- Body and text --------------------------------------------------------------------------------------------------*/ body {margin: 0; padding: 0; font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif; color: #000; background: #fff;} h1 {height: 22px; margin: 10px 0; padding: 0; font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif; color: #666; border: dotted 1px #999; border-right: 0; border-left: 0;} h2 {font: bold 14px/22px Verdana, Arial, Helvetica, sans-serif; color: #000;} h2.group {padding-bottom: 5px; font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif; color: #000; border-bottom: dotted 1px #999; clear: both;} h3 {font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif; color: #000;} h3.orders {border-bottom: solid 1px #04385a; color: #04385a;} #secondarycontent h2 {margin: 2px 0; padding: 3px 5px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #fff; background: #04385a; clear: both;} #secondarycontent h2 a {color: #fff; text-decoration: none;} a {color: #144c7e;} p {} p.date {margin: 10px 0 0 0; color: #144c7e;} p.more {} p.back {clear: both;} .hide {display: none;} .show {display: block !important;} .clearer {height: 0; font-size: 0; line-height: 0; clear: both;} div.markerTooltip {background-color: #000; font-size: 11px; width: 170px; color: #fff; padding: 5px;} .red {color: #f00;} /*-------------------------------------------------------------------------------------------------- Layout --------------------------------------------------------------------------------------------------*/ img {border: 0;} img.left {float: left; margin: 0 10px 5px 0;} img.right {float: right; margin: 0 0 5px 10px;} div#wrapper {width: 760px; margin: 10px auto 50px auto; border: solid 1px #ccc; overflow: visible;} div#header {width: 732px; margin: 0 20px 0 8px;} div#content {} div#maincontent {width: 520px; margin: 6px 20px 20px 220px; float: left; overflow: hidden; display: inline;} div#secondarycontent {width: 200px; margin: 0 12px 8px -752px; float: left; overflow: hidden; display: inline;} div#footer {clear: both;} div#maincontent div.puff {margin-top: 30px; width: 240px; float: left;} div#maincontent div.odd {margin-left: 40px;} div#maincontent div.puff h2 {margin: 0; padding: 0 10px; font: bold 12px/27px Verdana, Arial, Helvetica, sans-serif; color: #fff; background: url(../gfx/bg_puff_header.gif) no-repeat;} div#maincontent div.puff-content {background: url(../gfx/puff_bg.gif) no-repeat; min-height: 100px; padding: 0 5px; padding-top: 10px;} div#maincontent div.puff-content p {margin: 0 auto auto auto;} div#header img {margin-top: 8px; float: left;} #fieldset_search {width: 510px; height: 50px; margin: 0; padding: 0 10px 0 0; text-align: right; border: 0; background: url(../gfx/bg_search.gif) repeat-y; float: right; overflow: hidden;} #fieldset_search legend {display: none;} #fieldset_search p {margin: 0;} #fieldset_search label {display: none;} #fieldset_search input {vertical-align: middle; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #000;} #fieldset_search .txtSearchSite {height: 17px; line-height: 17px; margin-top: 8px; padding: 0 4px; background: #e7e7e9; border: solid 1px #000;} #fieldset_search .btnSearchSite {height: 19px; margin-top: 8px; padding: 0 4px; background: #e7e7e9; border: solid 1px #000;} #fieldset_search p.sitemap {margin: 0;} #fieldset_search p.sitemap a {color: #fff; font-weight: bold; text-decoration: none;} #secondarycontent select {width: 100%; font: normal 13px Verdana, Arial, Helvetica, sans-serif; color: #000;} ul#booking {margin: 0; padding: 0; background: #00adef; list-style: none; float: left;} ul#booking li {margin: 0; padding: 0; display: inline; clear: both;} ul#booking li img {margin: 0 7px 0 0; float: left;} ul#booking li a {width: 194px; padding: 3px; color: #fff; text-decoration: none; display: block; float: left; clear: both; overflow: hidden;} ul#booking li a:hover {background-color: #04385a;} /* PARKERING */ div.parkingsearch {background-color: #00adef;} div.parkingsearch select {margin: 2px 0 0 5px; width: 190px !important; font-size: 11px !important;} div.parkingsearch p.categories {margin: 0;} div.parkingsearch span.categories label {margin-right: 10px;} div.parkingsearch .btnSearch {margin: 0 0 2px 4px;} ul#parkings {margin: 0; padding: 0; background: #00adef; list-style: none; float: left;} ul#parkings li {margin: 0; padding: 0; display: inline; clear: both;} ul#parkings li img {margin: 0 10px 0 0; float: left;} ul#parkings li a {width: 194px; padding: 3px 3px 3px 17px; color: #fff; text-decoration: none; background: url(../gfx/arrow.gif) no-repeat 4px 8px; display: block; float: left; clear: both; overflow: hidden;} ul#parkings li a:hover {background-color: #04385a;} div.parkingLeftContent {float: right;} div.parkingLeftContent img {margin-top: 20px;} div.parking {margin-right: 20px;} div.parking p {width: 240px;} div.parking p.parkinglist {line-height: 35px; margin: 0;} div.parking p.parkinglist img {margin-top: 10px; margin-right: 10px; float: left;} div.parking p.note {background-color: #ccc; padding: 2px 5px; width: 230px; font-size: 10px; float: left;} div.parking p.note img {margin: 0 !important; margin-right: 1px !important;} table.parkinglist {width: 100%;} table.parkinglist th {text-align: left; line-height: 25px; background-color: #d6d6d6; padding-left: 5px;} table.parkinglist td {line-height: 25px; padding-left: 5px;} table.parkinglist tr:hover {background-color: #d8d8d8 !important;} table.parkinglist tr.odd {background-color: #efefef;} table.parkinglist td a {display: block; text-decoration: none;} table.parkinglist td.link {width: 20px;} table.parkinglist td.link img {float: right; margin-right: 5px;} h3.parkingcity {font-size: 12px; color: #666; margin-bottom: 5px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;} dl.parking {margin: 20px 0; padding: 0;} dl.parking dt {width: 130px; margin: 0; padding: 0; font-weight: bold;} dl.parking dd {margin: -18px 0 0 130px; padding: 0;} ul.parking {margin: 0; padding: 0; list-style: none;} ul.parking li {margin: 20px 0; padding: 0 0 0 5px; border-left: solid 5px #00adef;} ul.parking li h3 {margin: 0;} ul.parking li p {margin: 0;} ul.parking li p.more {margin: 15px 0 0 0;} ul.parking li h3 a {padding-right: 15px; color: #000; text-decoration: none; background: url(../gfx/arrow.gif) no-repeat 100% 3px;} ul.parking-all {margin: 0 0 0 20px; padding: 0; list-style: none;} ul.parking-all li {margin: 5px 0; padding: 0 0 0 5px; border-left: solid 5px #00adef;} ul.parking-all li a {margin: 0;} dl.parkinginfo {width: 200px; margin: 20px 0; padding: 0;} dl.parkinginfo dt {margin: 0; padding: 0; font-weight: bold;} dl.parkinginfo dd {margin: 0; padding: 0;} p.print {} p.print a {width: 20px; height: 20px; background: url(../gfx/printer.gif) no-repeat; display: block;} p.print span {display: none;} div#parkinginfo {margin: 10px 0;} div#parkinginfo img {margin: 10px 0; display: block;} div.push {background-color: #00adef; padding-bottom: 1px;} div.push h2 {margin-bottom: 2px;} div.push h3 {margin: 0 0 2px 0; padding: 3px 5px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #fff; background: #326688; clear: both;} div.push p {margin-left: 5px; color: #fff;} div.push a {color: #fff;} div.push .loginForm {margin-top: 0;} div.push .welcome {margin-top: 0;} div.push input {height: 14px;} div.push input.btn {height: 22px; padding-top: 0;} div#orderMenu a {text-transform: uppercase;} div#orderMenu a.on {font-weight: bold;} fieldset.interest {margin: 10px 0; padding: 10px; clear: both;} fieldset.interest legend {margin: 10px 10px 10px -5px; padding: 0 5px 0 0; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #000;} fieldset.interest p {margin: 3px 0;} fieldset.interest p.captcha img {margin: 0 0 0 130px; border: solid 1px #999; clear: both;} fieldset.interest p.captcha .rfv {visibility: visible;} fieldset.interest label {width: 130px; float: left; display: block;} fieldset.interest label .rfv {font: normal 11px/22px Verdana, Sans-Serif; color: #f00; visibility: hidden;} fieldset.interest select {padding: 0 2px; font: normal 12px Sans-Serif; color: #000;} fieldset.interest input {width: 250px; padding: 0 2px; font: normal 12px Sans-Serif; color: #000;} fieldset.interest textarea {width: 252px; height: 100px; padding: 2px; font: normal 12px Sans-Serif; color: #000; overflow: auto;} fieldset.interest .btn {width: auto; margin: 10px 0 0 130px;} /* PARKERING */ div.googlemap_info {width: 200px;} /* NYHETER */ ul#news {margin: 0; padding: 0; list-style: none;} ul#news li {margin: 0 0 40px 0; padding: 0;} ul#news li h2 {margin: 0; padding-bottom: 5px; border-bottom: dotted 1px #999;} ul#news li h2 a {padding-right: 15px; color: #000; text-decoration: none; background: url(../gfx/arrow.gif) no-repeat 100% 5px;} ul#newsarchive {margin: 0; padding: 0; list-style: none;} ul#newsarchive li {margin: 0 0 20px 0; padding: 0; clear: both;} ul#newsarchive li h2 {margin: 0; padding-bottom: 5px; font-size: 12px; border-bottom: dotted 1px #999;} ul#newsarchive li h2 a {padding-right: 15px; color: #000; text-decoration: none; background: url(../gfx/arrow.gif) no-repeat 100% 3px;} ul#newsarchive li p {margin: 5px 0;} /* NYHETER */ /* PRESS */ ul#press {margin: 0; padding: 0; list-style: none;} ul#press li {margin: 0 0 40px 0; padding: 0; clear: both;} ul#press li h2 {margin: 0; padding-bottom: 5px; border-bottom: dotted 1px #999;} ul#press li h2 a {padding-right: 15px; color: #000; text-decoration: none; background: url(../gfx/arrow.gif) no-repeat 100% 5px;} ul#pressarchive {margin: 0; padding: 0; list-style: none;} ul#pressarchive li {margin: 0 0 20px 0; padding: 0; clear: both;} ul#pressarchive li h2 {margin: 0; padding-bottom: 5px; font-size: 12px; border-bottom: dotted 1px #999;} ul#pressarchive li h2 a {padding-right: 15px; color: #000; text-decoration: none; background: url(../gfx/arrow.gif) no-repeat 100% 3px;} ul#pressarchive li p {margin: 5px 0;} /* PRESS */ li.pager {margin: 40px 0 0 0; font-size: 12px; line-height: 20px; text-align: center; clear: both;} li.pager a {text-decoration: none;} li.pager a.left {padding-left: 20px; font-size: 14px; background: url(../gfx/left.gif) no-repeat 0 3px; float: left;} li.pager a.right {padding-right: 20px; font-size: 14px; background: url(../gfx/right.gif) no-repeat 100% 3px; font-size: 14px; float: right;} address.footer {font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #6e6e6e; text-align: center; display: block; clear: both; position: relative; top: 30px;} address.footer strong {display: none;} address.footer span.tel strong {display: inline;} address.footer span.fax strong {display: inline;} address.footer a {color: #6e6e6e; text-decoration: none;} div.company {margin: 0;} div.company p {margin: 0;} /* BEVIS */ input.signon {width: 95%;} div#bevispreview {width: 400px; height: 200px; background: #9bcdff url(../gfx/bg_bevispreview.gif) no-repeat 260px 200px; text-align: center; padding: 20px 0;} p#bevispreviewheader {font: bold 22px/40px sans-serif; text-transform: uppercase;} p#bevispreviewlocation {font: bold 16px/36px sans-serif;} p#bevispreviewvalidity {font: normal 14px/14px sans-serif; margin: 0; padding: 0;} p#bevispreviewvaliditycontent {font: bold 16px/36px sans-serif; margin-top: 0; padding-top: 0;} p#bevispreviewtype {font: bold 18px/36px sans-serif;} /* My EuroPark-Meny */ ul.fasubmenu {list-style: none; padding: 0; margin: 5px 10px; font-size: 13px;} ul.fasubmenu li {list-style: none;} ul.fasubmenu li a {padding: 4px 0 4px 20px; display: inline-block; text-decoration: none;} ul.fasubmenu li.neworder a {background: url(../gfx/icons/add.gif) no-repeat 0 50%;} ul.fasubmenu li.orderlist a {background: url(../gfx/icons/list.gif) no-repeat 0 50%;} ul.fasubmenu li.sentorders a {background: url(../gfx/icons/list_sent.gif) no-repeat 0 50%;} ul.fasubmenu li.newtemporaryorder a {background: url(../gfx/icons/add.gif) no-repeat 0 50%;} ul.fasubmenu li.temporaryorderlist a {background: url(../gfx/icons/list.gif) no-repeat 0 50%;} ul.fasubmenu li.senttemporaryorders a {background: url(../gfx/icons/list_sent.gif) no-repeat 0 50%;} ul.fasubmenu li.accountdetails a {background: url(../gfx/icons/accountsettings.gif) no-repeat 0 50%;} ul.fasubmenu li.contact a {background: url(../gfx/icons/contact.gif) no-repeat 0 50%;} ul.fasubmenu li.cancelticket a {background: url(../gfx/icons/cancelticket.gif) no-repeat 0 50%;} ul.fasubmenu li.canceltickethistory a {background: url(../gfx/icons/list.gif) no-repeat 0 50%;} /* My EuroPark-Start */ ul.fastartmenu {list-style: none; padding: 0; margin: 5px 10px; font-size: 13px;} ul.fastartmenu li {list-style: none;} ul.fastartmenu li a {display: block; text-decoration: none;} ul.fastartmenu li a img {display: block; text-decoration: none;} /* TABLE */ table.defaultview {border-collapse: collapse;} table.defaultview th {text-align: left; padding: 2px 10px 2px 0;} table.defaultview td {text-align: left; padding: 2px 10px 2px 0;} /*-------------------------------------------------------------------------------------------------- Menu --------------------------------------------------------------------------------------------------*/ ul#menu {width: 520px; height: 55px; margin: 20px 0 0 0; padding: 0; background: url(../gfx/bg_menu.gif) repeat-x; list-style: none; position: relative; float: right;} ul#menu li {float: left;} ul#menu li a {width: 147px; margin: 0 6px 0 0; padding: 0 10px; font: bold 12px/27px Verdana, Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; background: url(../gfx/bg_li_menu.gif) no-repeat; display: block; overflow: visible;} ul#menu li a:hover {background-position: 0 -27px;} ul#menu li a:hover ul {display: block;} ul#menu li a:active {background-position: 0 -54px;} ul#menu li.on a {background-position: 0 -54px;} ul.submenu {width: 167px; margin: -1px 0 0 0; padding: 0; list-style-type: none; border: none; position: absolute; display: none; z-index: 1;} ul.submenu ul {margin: -26px 0 0 166px; display: none;} ul.submenu li {height: auto !important; margin: 0 !important;} ul.submenu li a {display: block; padding: 6px 13px 6px 6px !important; font: normal 11px sans-serif !important; color: #fff !important; background: url(../gfx/bg_submenuitem.jpg) repeat-x top !important;} ul.submenu li.on li.on li.on li a,ul.submenu li.on li.on li a,ul.submenu li.on li a,ul.submenu li li li li a,ul.submenu li li li a,ul.submenu li li a{background-position:top !important} ul.submenu li.on li.on li.on li.on a:hover,ul.submenu li.on li.on li.on a:hover,ul.submenu li.on li.on a:hover,ul.submenu li.on a:hover,ul.submenu li.on li.on li.on li.on a,ul.submenu li.on li.on li.on a,ul.submenu li.on li.on a,ul.submenu li.on a,ul.submenu li a:hover{background-position:bottom !important} #menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li:hover ul ul ul ul ul {display: none !important;} #menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li li li li li:hover ul {display: block !important;} ul#secondarymenu {width: 200px; height: 35px; margin: 0; padding: 0; background: url(../gfx/bg_secondarymenu.gif); list-style: none; position: relative; overflow: hidden;} ul#secondarymenu li {float: left; display: block;} ul#secondarymenu li a {width: auto; height: 15px; margin: 0 6px 0 0; padding: 0 5px; font: normal 9px/15px Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: none; border: dotted 1px #999; border-bottom: 0; float: left;} ul#secondarymenu li a:hover {background-color: #bcbdc1;} ul#secondarymenu li a:active {background-color: #e7e7e9;} ul#secondarymenu li.on a {background-color: #e7e7e9;} ul#secondarymenu ul {width: 200px; height: 20px !important; margin: 0 !important; padding: 0 !important; background: #e7e7e9; list-style: 0; position: absolute; top: 16px; left: 0;} ul#secondarymenu ul li {display: inline;} ul#secondarymenu ul li a {width: auto !important; height: 20px !important; margin: 0 6px !important; padding: 0 !important; font: normal 9px/18px Verdana, Arial, Helvetica, sans-serif !important; color: #144c7e !important; text-decoration: none !important; background: none !important; border: 0 !important; display: block; float: left;} /*-------------------------------------------------------------------------------------------------- AddOns etc --------------------------------------------------------------------------------------------------*/ span.smark {background-color: #ccc; padding: 0 2px;} ol.searchresult li {margin-bottom: 20px;} ol.searchresult h3 {margin: 0 0 5px 0;} ol.searchresult h3 a {color: #000; text-decoration: none;} ol.searchresult p {margin: 3px 0;} address.staff {margin: 20px 0; display: block; clear: both;} address.staff span {margin: 0 0 3px 0; font: normal 11px Verdana, Arial, Helvetica, sans-serif; display: block;} address.staff span.wrapper {width: 300px; float: left;} address.staff span.photo {width: 100px; margin-right: 5px; float: left;} address.staff span.n {margin-bottom: 5px; font-size: 12px; font-weight: bold;} address.staff span.title {margin: 10px 0; font-size: 14px;} address.staff span.value {display: inline;} div.gallery {width: 100%; margin: 10px 0; clear: both; float: left;} p.gallerybreadcrumb {margin: 10px 0 5px 0; padding: 5px; background: #f5f5f5; border: solid 1px #eee;} a.gallerydir {width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; overflow: hidden; float: left; background: #fff; color: #000; text-decoration: none; text-align: center; display: block;} a.galleryimg {width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; overflow: hidden; float: left; background: #fff; color: #000; border: solid 1px #eee; text-decoration: none; text-align: center; display: block;} a.gallerydir:hover {color: #000; background: #f5f5f5;} a.galleryimg:hover {color: #000; background: #f5f5f5;} a.gallerydir span, a.galleryimg span {margin: 3px 0 0 0; display: block; clear: both; font: normal 11px Verdana, Arial, Helvetica, sans-serif;} body#viewphoto {height: auto; margin: 10px; padding: 0; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #fff; background: #000;} body#viewphoto h1 {font: bold 18px Verdana, Arial, Helvetica, sans-serif; color: #fff;} body#viewphoto p {margin: 5px 0; color: #fff;} fieldset.contact {margin: 10px 0; padding: 10px;} fieldset.contact legend {margin: 10px 10px 10px -5px; padding: 0 5px 0 0; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #000;} fieldset.contact p {margin: 5px 0;} fieldset.contact p img {margin: 0 0 0 230px; border: solid 1px #999 !important; clear: both;} fieldset.contact label {width: 230px; height: 22px; float: left; display: block; overflow: hidden;} fieldset.contact label .rfv {font: normal 11px/22px Verdana, Sans-Serif; color: #f00; visibility: hidden;} fieldset.contact select {padding: 0 2px; font: normal 12px Sans-Serif; color: #000;} fieldset.contact input {width: 250px; padding: 0 2px; font: normal 12px Sans-Serif; color: #000;} fieldset.contact input.captcha-input {width: 250px;} fieldset.contact textarea {width: 252px; height: 100px; padding: 2px; font: normal 12px Sans-Serif; color: #000; overflow: auto;} fieldset.contact .btn {width: auto; margin: 10px 0 0 230px;} /* fieldset.contact {border: 0; margin: 10px 0; padding: 0;} fieldset.contact legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #000; display: none;} fieldset.contact p {margin: 5px 0;} fieldset.contact label {display: block;} fieldset.contact label .rfv {font-size: 11px; color: #f00;} fieldset.contact input {width: 250px; padding: 0 2px; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000;} fieldset.contact textarea {width: 250px; height: 100px; padding: 2px; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000; overflow: auto;} fieldset.contact .btn {width: auto;} */ fieldset.loginprotectedpage {border: 0; margin: 10px 0; padding: 0;} fieldset.loginprotectedpage legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #000;} fieldset.loginprotectedpage p {margin: 5px 0; clear: both;} fieldset.loginprotectedpage label {display: block;} fieldset.loginprotectedpage label .rfv {font-size: 11px; color: #f00;} fieldset.loginprotectedpage input {width: 250px; padding: 0 2px; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000;} fieldset.loginprotectedpage .btn {width: auto;} dl#pageproperties {width: 100%; margin: 20px 0; display: block; clear: both;} dl#pageproperties dt {width: 110px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; float: left;} dl#pageproperties dd {font: normal 11px Verdana, Arial, Helvetica, sans-serif;} dl#pageproperties dd a {} ul.sitemap {margin: 5px 0 5px 20px; list-style-type: square;} ul.sitemap ul {margin: 5px 0 5px 20px; list-style-type: square;} ul.breadcrumb {margin: 0; padding: 0; list-style: none;} ul.breadcrumb li {margin-right: 5px; padding: 0; line-height: 25px; display: inline;} ul.breadcrumb li.delimiter {font-weight: bold;} /*Till beställningslista*/ table.list {margin: 5px 0 0;} table.list tr {} table.list tr th {text-align: left; padding: 5px 10px 5px 0; border-bottom: solid 2px #E0EBEF;} table.list tr td {padding: 5px; border-bottom: solid 1px #f5f5f5; border-right: dotted 1px #e0ebef;} table.list tr.head:hover {background: #fff;} table.list tr:hover {background: #f2f2f2; } table.list tr:hover td {border-right: dotted 1px #fff;} @media Print { div#wrapper {width: auto; margin: 0; border: 0; overflow: hidden;} div#header {display: none;} div#content {} div#maincontent {width: auto; margin: 0; float: none; display: block;} div#secondarycontent {display: none;} p.print {display: none;} fieldset.interest {display: none;} }