﻿/* CSS Document */

body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align: center;
}

img {
	border-style:none;
	border-width:0px;
}

h1 {
	margin-top:0px;
	margin-bottom:18px;
	font-size:18px;
}

h2 {
	margin-top:0px;
	margin-bottom:18px;
	font-size:14px;
}


/**
 * Layout stiler
 *
 * Lagt til av Tommy Eliassen (tommy@synlighet.no) den 19.12.2008
 * Lagt til ved endring av sidemal for hotell pga ny bookingløsning
 * Endringer: Bredere høyreside for å få plass til ny bookingboks
 */
/* hotelbody - stiler for hotellside */
#hotelbody { margin-top: 13px; }
#hotelbody #leftContent { padding: 13px 7px 30px 20px; width: 150px; font-weight: bold; float: left; }
#hotelbody #mainContent { padding: 13px 20px 30px 20px; width: 290px; border-left:1px solid #000; border-right:1px solid #000; float:left; }
#hotelbody #rightContent { padding: 0 0 30px 5px; width: 475px; float: left; }

/* bookingbody - stiler for bookingside */
#bookingbody { margin-top: 13px; }
#bookingbody h1 { margin-bottom: 0; color: #525252; font-size: 18px; }
#bookingbody #leftContent { padding: 13px 7px 30px 20px; width: 150px; font-weight: bold; float: left; }
#bookingbody #mainContent { padding: 13px 20px 30px 20px; width: 780px; border-left:1px solid #000; float:right; }

/* konferansebody - stiler for konferanseside */
/*#konferansebody { margin-top: 30px; background: url(images/bgr_three_columns_konferanse.png); background-repeat: repeat-y; }*/
#konferansebody { margin-top: 30px; }
#konferansebody #leftContent { padding: 13px 20px 30px 20px; width: 200px; font-weight: bold; float: left; }	
#konferansebody #mainContent { padding: 13px 20px 30px 20px; width: 378px; float:left; border-right:1px solid #000; border-left:1px solid #000; }
#konferansebody #mainContentNewsletter { padding: 13px 20px 30px 20px; width: 380px; border-left:1px solid #000; border-right:1px solid #000; float:left; }
#konferansebody #rightContent { padding: 13px 0 30px 20px; width: 310px; float: left; }


/**
 * hotelbody detaljer
 */
/* hotelbody leftContent detaljer */
#hotelbody #leftContent p { 	margin-top:0px; margin-bottom:2px; }
#hotelbody #leftContent p a { text-decoration: none; }
#hotelbody #leftContent .block { margin: 30px 0; }
/* hotelbody rightContent detaljer */
#hotelbody #rightContent .booking { position: relative; }



/**
 * konferansebody detaljer
 */
/* konferansebody leftContent detaljer */
#konferansebody #leftContent h5, #konferansebody #leftContent h6 { margin: 0; padding: 0; font-size: 1em; }
#konferansebody #leftContent h4, #konferansebody #leftContent h5 { margin-bottom: 0.5em; font-size: 1.3em; }
#konferansebody #leftContent ul.konferansemeny { margin: 0 0 30px 15px; padding: 0; list-style-type: disc; list-style-position: outside; }
#konferansebody #leftContent ul.konferansemeny li a { text-decoration: none; }
#konferansebody #mainContent .konferansehotell { margin-top: 1em; padding-top: 1em; border-top: 1px dotted #c1bba3; }
#konferansebody #mainContent .konferansehotell .bilde { margin-right: 10px; float: left; }
#konferansebody #mainContent .konferansehotell .nyhetstekst h4 { margin: 0; padding: 0; font-size: 1em; }
/* konferanseskjema */
#konferansebody #mainContent form { margin: 0; padding: 0; }
#konferansebody #mainContent fieldset { margin: 0; padding: 0; border: none; }
#konferansebody #mainContent fieldset legend { margin: 0; padding: 0; font-weight: bold; font-size: 1.2em; display: block; }
#konferansebody #mainContent input, 
#konferansebody #mainContent select, 
#konferansebody #mainContent textarea { padding: 2px; border: 1px solid #C1BBA3; width: 200px; }
#konferansebody #mainContent ul.konferanseskjema { margin: 0; padding: 5px 0 10px 0; list-style: none; list-style-position: outside; }
#konferansebody #mainContent ul.konferanseskjema li { margin: 2px 0; clear: both; }
#konferansebody #mainContent ul.konferanseskjema li label { margin-right: 10px; display: block; width: 90px; text-align: right; float: left; }
#konferansebody #mainContent ul.konferanseskjema li label.inline { margin-right: 10px; display: inline; width: auto; }
#konferansebody #mainContent #skjema_deltakere { width: 40px; }
#konferansebody #mainContent #skjema_konferansested { width: 205px; }
#konferansebody #mainContent #skjema_ankomstdato,
#konferansebody #mainContent #skjema_avreisedato { width: 140px; background-image: url(/grafikk/calendarIcon.png); background-position: 125px 3px; background-repeat: no-repeat; cursor: pointer; }
#konferansebody #mainContent #skjema_overnatting1,
#konferansebody #mainContent #skjema_overnatting2 { width: auto; border: none; }
#konferansebody #mainContent #skjema_antenkeltrom,
#konferansebody #mainContent #skjema_antdobbeltrom { margin: 0; padding: 2px; width: 40px; display: inline; }
#konferansebody #mainContent #skjema_kommentar { display: block; width: 260px; height: 150px; }
#konferansebody #mainContent .button { width: auto; border: none; float: right; }

#konferansebody #mainContentNewsletter form {margin: 0; padding: 0; }
#konferansebody #mainContentNewsletter fieldset { }
#konferansebody #mainContentNewsletter fieldset legend { }
#konferansebody #mainContentNewsletter input, 
#konferansebody #mainContentNewsletter select, 
#konferansebody #mainContentNewsletter textarea { }
#konferansebody #mainContentNewsletter .button { }

#konferansebody #rightContent .bilde { margin-bottom: 1em; }
#konferansebody #rightContent p { margin-top: 0; }

/**
 * frontpage detaljer
 */
#bookingTeaser { border: 1px solid #000; clear: both; } /* old, to be removed */

/**
 * Styles for frontpage booking teaser
 * @author: Tommy Eliassen (tommy@synlighet.no)
 * @date: 30.01.09
 */
#bookingTeaserFront { width: 294px; height: 256px; background: transparent url(grafikk/bookingteaserBackground.png) 0% 0% no-repeat; color: #525252; }
#bookingTeaserFront h2 { margin: 0 0 5px 0; padding: 10px 0 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
#bookingTeaserFront #bookingteaserform { padding: 0 10px; font-size: 12px; }
#bookingTeaserFront #bookingteaserform ul { margin: 0; padding: 0; list-style: none; list-style-position: outside; font-family: Arial, Helvetica, sans-serif; }
#bookingTeaserFront #bookingteaserform ul li { margin: 0 0 5px 0; clear: both; }
#bookingTeaserFront #bookingteaserform ul li label { margin-right: 10px; width: 90px; display: block; float: left; line-height: 20px; text-align: right; }
#bookingTeaserFront #bookingteaserform ul li #skjema_hotell { width: 160px; }
#bookingTeaserFront #bookingteaserform ul li #ankomstdato { width: 155px; background-image: url(grafikk/calendarIcon.png); background-position: 140px 3px; background-repeat: no-repeat; cursor: pointer; }
#bookingTeaserFront #bookingteaserform ul li #avreisedato { width: 155px; background-image: url(grafikk/calendarIcon.png); background-position: 140px 3px; background-repeat: no-repeat; cursor: pointer; }
#bookingTeaserFront #bookingteaserform ul li #skjema_kampanjekode { width: 155px; }
#bookingTeaserFront #bookingteaserform ul li input { padding: 2px 2px; border: 1px solid #c1bba3; }
#bookingTeaserFront #bookingteaserform ul li select { padding: 1px 2px; border: 1px solid #c1bba3; width: 161px; }
#bookingTeaserFront #bookingteaserform ul li select#voksne,
#bookingTeaserFront #bookingteaserform ul li select#barn { width: 50px; }
#bookingTeaserFront #bookingteaserform ul li input#bookingbutton { margin: 5px 7px 0 0; border: none; float: right; }


.ui-datepicker { width: 200px; background: #fff; border: 1px solid #c1bba3; display: none; }
.ui-datepicker .ui-datepicker-header { padding: 5px 10px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.ui-datepicker .ui-datepicker-prev { float: left; text-decoration: underline; cursor: pointer; }
.ui-datepicker .ui-datepicker-next { float: right; text-decoration: underline; cursor: pointer;  }
.ui-datepicker .ui-datepicker-title { text-align: center; font-weight: bold; }
.ui-datepicker .ui-datepicker-calendar { padding: 5px; width: 100%; }
.ui-datepicker .ui-datepicker-calendar td { margin: 1px; text-align: center; border: 1px solid #ccc; font-size: 12px; background-color: #eee; width: 14%; }
.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled { border: none; background-color: #fff; }
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today { border: 1px solid #eee; background-color: #fff; }
.ui-datepicker .ui-datepicker-calendar td a { text-decoration: none; color: #525252; display: block; }
.ui-datepicker .ui-datepicker-calendar td a:hover { text-decoration: none; color: #000; background-color: #fff;  }


/**
 * Nyhetsbrevpåmeldingsside
 */
form#frmSS6, form#frmSS75 { margin: 0; padding: 0; }
form#frmSS6 td, form#frmSS75 td { padding: 2px 0; }
form#frmSS69 { margin: 0; padding: 0; }
form#frmSS69 td { padding: 2px 0; }
.nyhetsbrevspaamelding, .nyhetsbrevspaamelding input, .nyhetsbrevspaamelding select { font-size:11px; }


.container {
	text-align: left;
	width:1000px;
	margin:0px auto 0px auto;
}

.line {
	margin-top:12px;
	border-top-style:dotted;
	border-top-width:1px;
	border-color:#999999;
}

.topp {
	height:92px;
	position:relative;
}

.topp .logo {
	position:absolute;
	top:15px;
	left:0px;
}

.topp img {
	border-style:none;
}

.shortcuts {
	position:absolute;
	right: 5px;
	top: 54px;
	width: 319px;
	text-align:right;
}

.theshortcuts td {
	padding-left:10px;
	text-align:right;
}

.shortcuts a, .shortcuts, .meny, .meny a, .rightbox {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}

.meny a:hover { text-decoration:underline; }

.meny, .meny a {
	font-size:13px;
}

.meny {
	position:relative;
	height:25px;
	background-color:#000;
	border-top:1px solid #FFFFFF;
	margin-top: 2px;
}

.meny .theshortcuts {
	margin-top:5px;
}

.menyelementer {
	position:absolute;
	width:820px;
}

.lang {
	position:absolute;
	right:13px;
	bottom:9px;
}

#slideshow { overflow:hidden; }

.toppmeny-tabs { position:absolute; right:65px; bottom:2px; }
.toppmeny-tabs .tab { text-align:center; margin: 0 0 0 2px; float:right; width:82px; height:17px; padding: 10px 0 5px; color: #fff; font-size:11px; background-image:url(images/toppmeny-tab.png); background-repeat:no-repeat; }
.toppmeny-tabs .tab a { color: #fff; font-size:11px; text-decoration:none; }
.toppmeny-tabs .tab a:hover { text-decoration:underline; }

.body { margin-top:30px; height:100%; }
.body_double { margin-top:30px; background: url(images/bgr_two_columns.png); background-repeat: repeat-y; height:100%; }
.body_triple { margin-top: 30px; background: url(images/bgr_three_columns.png); background-repeat: repeat-y; }
/*.body_triple_widemiddle { margin-top: 30px; background: url(images/bgr_three_columns_widemiddle.png); background-repeat: repeat-y; }*/
.body_triple_widemiddle { margin-top: 30px; }

body, body a {
	color:#525252;
}

.body a {
	text-decoration:underline;
}

.body_double #pageleft { float:left; width: 470px; padding: 0 15px; }
.body_triple_widemiddle #pagemiddle { width: 430px; border-right:1px solid #000; border-left:1px solid #000; }
.body_triple_widemiddle #pageright { width: 320px; }
#pageleft { float:left; width: 158px; padding: 0 15px; font-weight:bold; }
#pagemiddle { float:left; width: 282px; padding: 0 15px; }
#pageright { float: right; width: 470px; padding: 0 15px; }

#pageleft h2, #pageright h2 { font-family: Arial,Helvetica,sans-serif; font-size: 16px; font-weight:bold; color:#454545; margin-bottom:10px; }
#pageleft p, #pageright p { font-size: 13px; color: #414141; }
.body_triple #pageleft p, .body_triple_widemiddle #pageleft p, .body_triple #pageleft p a, .body_triple_widemiddle #pageleft a { font-size:12px; line-height: 10px; font-weight:bold; margin: 10px 0 !important; }
.body_triple #pageleft p a { text-decoration:none; }
.body_triple #pageleft p a:hover { text-decoration: underline; }

#pageleft .tekst h3 { color: #6e6e6e; font-size:14px; margin-bottom:1px; }
#pageleft .tekst p, #pageleft .tekst p a { color: #000; font-size:11px; }
#pageleft a { text-decoration:none; }
#pageleft a:hover { text-decoration:underline; }
#hotelliste td { padding-right:10px; }

#pageright .tilbudsboks { float:left; overflow:hidden; width: 198px; height: 239px; margin-right: 7px; padding: 10px 20px 15px 10px; background-image: url(images/bgr_tilbudsboks.png); background-repeat: no-repeat; }
#pageright .tilbudsboks img { margin-bottom: 12px; }
#pageright .tilbudsboks h3 { font-family: Arial,Helvetica,sans-serif; font-size:14px; color: #000; font-weight:normal; margin: 0; }
#pageright .tilbudsboks h3 span { font-size: 26px; color: #cc3333; font-weight:bold; }
#pageright .tilbudsboks p { font-size: 10px; color: #000; margin: 4px 0 2px; }

#pagemiddle .tilbudsboks { float:left; overflow:hidden; width: 198px; height: 239px; margin-right: 7px; padding: 10px 20px 15px 10px; background-image: url(images/bgr_tilbudsboks.png); background-repeat: no-repeat; }
#pagemiddle .tilbudsboks img { margin-bottom: 12px; }
#pagemiddle .tilbudsboks h3 { font-family: Arial,Helvetica,sans-serif; font-size:14px; color: #000; font-weight:normal; margin: 0; }
#pagemiddle .tilbudsboks a h3 { text-decoration:none; }
#pagemiddle .tilbudsboks h3 span { font-size: 26px; color: #cc3333; font-weight:bold; }
#pagemiddle .tilbudsboks p { font-size: 10px; color: #000; margin: 4px 0 2px; }

#pagetop { width: 100%; text-align: center; overflow:hidden; padding-bottom: 25px; }
#pagetop p { float:left; margin-right: 10px; }
#pagetop #menycontainer { width: 650px; margin-left: auto; margin-right: auto; }
#pagebottom #menycontainer { width: 740px; margin-bottom: 25px; overflow: hidden; }

#pagetop #menycontainer .kalendermaaned,
#pagebottom #menycontainer .kalendermaaned { width: 84px; height: 21px; padding: 3px 8px; float:left; background-image: url(/images/bgr_opplevelseskalender_knapp.png); background-repeat: no-repeat; }
#pagetop #menycontainer .kalendermaaned a,
#pagebottom #menycontainer .kalendermaaned a,
#pagebottom #menycontainer .kalendermaaned-lang a { font-size: 13px; color: #000; }
.bighead h1 { font-size: 24px; }

#menycontainer .current { background-image: url(/images/bgr_opplevelseskalender_knapp-on.png) !important; }
#menycontainer .kalendermaaned,
#menycontainer .kalendermaaned-lang { text-align: center; }

#menycontainer .kalendermaaned-lang { width: 114px; height: 21px; padding: 3px 8px; float: left; background-image: url(/images/bgr_opplevelseskalender_knapp-lang.png); background-repeat: no-repeat; }
#menycontainer .kalendermaaned-lang.current { background-image: url(/images/bgr_opplevelseskalender_knapp-lang-on.png) !important; }

#pagebottom { width: 100%; clear:left; }

#pagebottom .tilbudsboks { float:left; overflow:hidden; width: 198px; height: 239px; margin-right: 22px; margin-bottom: 10px; padding: 10px 20px 15px 10px; background-image: url(images/bgr_tilbudsboks.png); background-repeat: no-repeat; }
#pagebottom .tilbudsboks img { margin-bottom: 12px; }
#pagebottom .tilbudsboks h3 { font-family: Arial,Helvetica,sans-serif; font-size:14px; color: #000; font-weight:normal; margin: 0; }
#pagebottom .tilbudsboks a h3 { text-decoration:none; }
#pagebottom .tilbudsboks h3 span { font-size: 26px; color: #cc3333; font-weight:bold; }
#pagebottom .tilbudsboks p { font-size: 10px; color: #000; margin: 4px 0 2px; }
#pagebottom.eksterniframe .tilbudsboks { margin-right: 5px; }

.bookingboksframe { width: 469px; margin: 0 0 15px; padding: 0; position:relative; }
.bookingboksframetop { background-image: url(images/bgr_frame_top.png); background-repeat: no-repeat; }
.bookingboksframemiddle { background-image: url(images/bgr_frame_middle.png); background-repeat: repeat-y; padding-left:10px; }
.bookingboksframebottom { background-image: url(images/bgr_frame_bottom.png); background-repeat: no-repeat; }
.bookingboksframe p { margin:0; padding: 0 10px 10px; color:#333333 !important; }
.bookingboksframe form { margin: 0; padding: 0 10px 10px; }
.bookingboksframe form#restaurantvelger select { width: 430px; padding: 2px; font-size:11px; }
.bookingboksframe185 form select { width: 160px; padding: 2px; font-size:11px; }
.bookingboksframe form select option { background: #fff; }
#trehundre { width: 300px !important; }
#trehundre .bookingboksframetop { background-image: url(images/bgr_frame_top300.png); background-repeat: no-repeat; }
#trehundre .bookingboksframemiddle { background-image: url(images/bgr_frame_middle300.png); background-repeat: repeat-y; }
#trehundre .bookingboksframebottom { background-image: url(images/bgr_frame_bottom300.png); background-repeat: no-repeat; }

.bookingboksframe265 { width: 265px; margin: 0 0 15px; padding: 0; position:relative; }
.bookingboksframetop265 { background-image: url(images/bgr_frame_top265.png); background-repeat: no-repeat; }
.bookingboksframemiddle265 { background-image: url(images/bgr_frame_middle265.png); background-repeat: repeat-y; padding-left:10px; }
.bookingboksframebottom265 { background-image: url(images/bgr_frame_bottom265.png); background-repeat: no-repeat; }

.bookingboksframe185 { width: 185px; margin: 0 0 15px; padding: 0; position:relative; }
.bookingboksframetop185 { background-image: url(images/bgr_frame_top185.png); background-repeat: no-repeat; }
.bookingboksframemiddle185 { background-image: url(images/bgr_frame_middle185.png); background-repeat: repeat-y; padding-left:10px; }
.bookingboksframebottom185 { background-image: url(images/bgr_frame_bottom185.png); background-repeat: no-repeat; }

#footer { border-top: 1px solid #000; width:970px; margin-top: 15px; padding: 15px 15px 25px 15px; text-align: center; }
#footer ul { list-style:none; width: 240px; margin-left:auto; margin-right:auto; margin-bottom: 35px; }
#footer ul li { float:left; padding: 0 7px 0 0; }
#footer ul li p { color: #666666; font-size:13px; font-weight:bold; margin:0; padding: 3px 0 0; }

#opplevelseskalender { width: 200px; float:left; }
#opplevelseskalender .kalendermaaned { width: 84px; height: 21px; padding: 3px 8px; float:left; background-image: url(/images/bgr_opplevelseskalender_knapp.png); background-repeat: no-repeat; }
#opplevelseskalender .kalendermaaned a { font-size: 13px; color: #000; }
#opplevelsesbilde { float: right; }

#opplevelse .body_triple_widemiddle { background: url(images/bgr_three_columns_opplevelse.png); background-repeat: repeat-y; }
#opplevelse .body_triple_widemiddle #pagemiddle { width: 470px; padding: 0 10px; }
#opplevelse .body_triple_widemiddle #pageright { width: 302px; padding: 0 10px; }

.left {
	float:left;
	width:177px;
	font-weight:bold;
}

.left a {
	text-decoration:none;
}

.left a:hover {
	text-decoration:underline;
}

.left a, #hotelbody #leftContent p a 
{
	font-size:12px;
	line-height:17px;
}

.left .padding {
	margin-left:20px;
	margin-right:32px;
	padding-bottom:20px;
}

.middle {
	width:466px;
	border-right:1px solid #000;
	border-left:1px solid #000;
	float:left;
}

.middle a {
	text-decoration:underline;
}

.middle .padding {
	margin-left:32px;
	margin-right:32px;
	padding-bottom:50px;
}

.right {
	float:left;
	font-weight:bold;
	width:330px;
}

.right .bilde {
	margin-top:10px;
	width:310px;
	position:relative;
}

#pageright .booking {
margin-bottom:40px;
}

.middle #restaurantbooking {
	margin: 0px auto 0 auto;
	width: 300px;
	height: 390px;
}
#restaurantbooking {
	width: 350px; 
	height: 350px; 
	padding-bottom: 30px; 
	margin-top:0px;
	margin-left:-3px;
}
#restaurantbooking form#restaurantvelger {
	margin-bottom: 1em;
	padding: 0;
}

.right .booking {
	margin-bottom:40px;
}
.left .booking {
	margin-bottom: 20px;
}

.beskrivelse .right .bilde img, .beskrivelse .right .bilde {
	width:310px;
}

.right .tynnskrift {
	font-weight: normal;
}
.right .tynnskrift h2 {
	font-size: 18px;
}

.right .padding {
	margin-left:20px;
	padding-bottom:20px;
}

.left, .middle, .right {
	padding-bottom:30px;
	padding-top:13px;
}

.left p {
	margin-top:0px;
	margin-bottom:2px;
}

.forside .left, .forside .middle, .forside .right {
	width:332px;
	font-weight:normal;
}

.forside .right {
	font-weight:bold;
}


.forside a {
	text-decoration:none;
}

.forside a:hover {
	text-decoration:underline;
}


.forside .padding {
	margin-left:10px;
	margin-right:10px;
}

.forside .right .padding {
	margin-right:10px;
}

.forside .rightbox .padding {
	margin:0px;
	padding:0px;
	padding-top:7px;
}

.rightbox {
	float:left;
	background-color:#C1BBA2;
	text-align:center;
	width:149px;
	height:35px;
	margin-top:-12px;
	margin-bottom:20px;
}

.rightbox a {
	color:#FFFFFF;
	text-decoration:none;
}

.forside .rightbilde {
	position:inherit;
	width:171px;
	float:right;
	margin-left:10px;
}

.forside .rightbilde img {
	width:auto;
}

.forside .right .nyhet img, .forside .right .nyhet .nyhetstekst {
	margin-bottom:20px;
}

#leiebil {
	margin: 0 0 30px 0;
	font-weight: bold;
}

.bunn {
	position:relative;
	float:none;
	height:20px;
}

.bunn .bokbilde {
	position:absolute;
	left:258px;
	top:-10px;
}

.forside .bunn .bokbilde {
	position:absolute;
	left:377px;
	top:-10px;
}

.bunn .logo {
	position:absolute;
	right:13px;
	top:-20px;
}
.bunn .logo img {
	margin-left: 20px;
}

.footer {
	color:#54534C;
	background-color:#C1BBA2;
	height:51px;
	padding-left:14px;
}


.eventsCalendar td, .eventsCalendar td p, .eventsCalendar a {
    color:#737373;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
}

.eventsCalendar td {
	vertical-align:top;
}

.eventsCalendar p {
    margin-top:0px;
    margin-bottom:5px;
}

.eventsCalendar td {
    padding-right:30px;
    padding-bottom:30px;   
}


.eventsCalendarDates {
    margin-left:25px;
    margin-top:10px;
}

.eventsCalendarDates td, .eventsCalendarDates p {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12pt;
/*	 letter-spacing: 120%; */
    color:#737373;   
}

.eventsCalendarDates td {
    padding-right:20px;
}


.eventsCalendarDates .valgt, .eventsCalendarDates .valgt p, .eventsCalendarDates .valgt a {
    color:#990000;
}

.eventsCalendarDates a {
    text-decoration:none;
}

.eventsCalendarDates a:hover {
	color:#990000;
}

.eventsCalendarSub .bilde img {
    margin-bottom:10px;
}

.eventsCalendarSub .bilde {
	height:320px; 
}

.eventsCalendarSub .bilde h1 {
    font-weight:normal;
    font-size:42px;
    font-family:Arial, Helvetica, sans-serif;
    color:#a6a6a6;
    height:auto;
}


.eventsCalendarSub .middle {
    width:400px;
}




/* skjema p� kontaktsiden */
form {
	padding: 20px;
}
form span {

}
form label {
	padding: 2px;
	display: block;
}
form label .utfylling {
	padding: 2px;
	display: block;
	width: 300px;
	border: 1px solid #999;
}
form label #skjema_beskjed {
	width: 630px;
	height: 120px;
}
form .feil {
	color: #f00;
}



/**
 * Stiler som h�rer til Norwegian landingsside
 *
 * Lagt til av Tommy (tommy@synlighet.no) den 17.01.2008
**/
.norwegianhotell h2 {
	margin: 0;
	font-size: 1.1em;
}
.norwegianhotell p {
	margin: 0;
	margin-bottom: 1em;
}
.norwegianhotell table {
	margin-bottom: 3em;
	font-size: 1em;
}





/**
 * Stiler for diverse
 *
 * Lagt til av Tommy (tommy@synlighet.no) den 17.01.2008
**/
.clearBoth {
	clear: both;
	visibility: hidden;
}

/* Stiler for ny sidemal, "bred side" */
.bredside .left {
	float:left;
	width:500px;
	font-weight:normal;
	padding:0px;
}

.bredside .left .padding {
	margin-left:0px;
	margin-right:0px;
	padding-bottom:20px;
	padding-top:0px;
	padding-left:20px;
	padding-right:40px;
}

.bredside .right {
	float:left;
	width:500px;
	font-weight:normal;
	padding:0px;
}

.bredside .right .padding {
	margin-left:0px;
	margin-right:0px;
	padding-bottom:20px;
	padding-top:0px;
	padding-left:40px;
	padding-right:20px;
}

.bredside .bilde {
	float:none;
	clear:both;
	padding-left:20px;
	padding-right:20px;
}

.bredside .toppbilde p, .bredside .bilde p {
	margin:0px;
	padding:0px;
}

/* Stiler for tips en venn, lagt til av Tommy den 19.02.08, kopiert fra stiler.css og modifisert. */
/* Tips en venn */

.tipsenvenn input, .tipsenvenn textarea {
	font-size:11px;
	font-family:verdana, Arial, Helvetica, sans-serif;
}
.tipsenvenn input {
        
        width:300px;
}

.tipsenvenn textarea {
        
        width:350px;
        height:60px;
}

/* SLUTT tips en venn */


/* Stiler for google maps lagt til av Tommy den 21.02.08 */

#googlemap {
	width: 400px;
	height: 300px;
	border: 1px solid #000;
}

/* Stiler for google maps */

.googlebilde {
	float:left;
	padding-right:7px;
	padding-top:2px;
}

.googletekst {
	width:150px;
	float:left;
}


/**
 * Stiler for nye hotelloversiktssiden med Google maps
 * 
 * Større bredde for kartdelen
 * @ author : Tommy (tommy@synlighet.no)
 * @ date   : 12.03.08
 * 
 */
.middlemap {
	padding-bottom:30px;
	padding-top:13px;
	width:366px;
	border-right:1px solid #000;
	border-left:1px solid #000;
	float:left;
}
.middlemap .padding {
	margin-left:32px;
	margin-right:32px;
	padding-bottom:50px;
}
.middlemap h2 {
	margin: 1em 0 0.2em 0;
	padding: 0;
}
.middlemap img {
	float: right;
}
.middlemap .karthotell {
	height: 1.4em;
	line-height: 1.4em;
	clear: both;
}
.middlemap .karthotell .kartlink {
	margin-left: 1em;
}
.rightmap {
	padding-bottom:30px;
	/*padding-top:13px;*/
	float:left;
	font-weight:bold;
	width:430px;
}
.rightmap .padding {
	margin-left:20px;
	padding-bottom:20px;
}
.rightmap #googlemap {
	width: 410px;
	height: 600px;
}
.rightmap #nyhetsgave {
	text-align: right;
}
.rightmap #nyhetsgave img {
	/*margin-left: 10px;*/
}

/* */

.bildeluft img {
	margin-left:15px;
}


/**
 * Stiler lagt til for nedtrekksmeny over restaurantbooking
 */
#restaurantbookform { padding: 0; padding-bottom: 1em; width: 100%; }

/**
 * Stiler lagt til for ny Opplevelseskalender
 */

.topp .logosvart {
	position:absolute;
	top:15px;
	left:0px;
}

#opplevelseskalender h1 {
	font-size:38px;
	color:#d2222a;
	line-height:18px;
}

#opplevelseskalender-container {
	width:970px;
	border-top:1px dotted;
}

#opplevelseskalender-middle {
	float:left;
	width:725px;
	overflow:hidden;
	padding:20px 10px 20px 10px;
}

#opplevelseskalender-right {
	float:right;
	width:200px;
	border-left:1px dotted;
	padding: 20px 10px 20px 10px;
}

#opplevelseskalender-right p {
	color:#000;
}

#opplevelseskalender-right a {
	color:#d2222a;
}

#opplevelseskalender ul {
	list-style:none;
}

#opplevelseskalender li {
	position:relative;
	left:-40px;
	float:left;
	color:#d2222a;
	font-size:18px;
	line-height:18px;
	text-transform:lowercase;
	padding: 3px 6px 0;
}

#opplevelseskalender li a{
	color:#d2222a;
	float:left;
	display:block;
	text-decoration:none;
}

#opplevelseskalender li a:hover{
	text-decoration:underline;
}

#opplevelseskalender-right li {
	position:relative;
	left:-25px;
	font-size:13px;
	color:#000;
	line-height:18px;
	padding: 0px;
}

.opplevelsesboks-container {
	float:left;
	width:140px;
	margin-right:35px;
	margin-bottom:25px;
	border:0px;
}

.opplevelsesboks {
	width:140px;
	padding: 5px 5px 5px 5px;
	border:1px solid #000;
	background-color:#f3f3f4;
	text-align:left;
	min-height:195px;
}

.opplevelsesboks img {
	position:relative;
	top:0px;
	width:138px;
	height:120px;
	border:1px solid #000;
	margin-bottom:3px;
}

.opplevelsesboks-container span {
	font-size:11px;
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
}

.opplevelsesboks span {
	font-size:10px;
	color:#000;
	text-transform:none;
	font-weight:normal;
}

#opplevelsesbilde p { margin: 0; }

#pageright .bilde, #rightContent .bilde { text-align:right; }
#pageright .bilde .bobletekst_googlemap, #rightContent .bilde .bobletekst_googlemap { text-align:left; }

/* google map stiler */
#GoogleMap24 .bobletekst_googlemap,
#GoogleMap32 .bobletekst_googlemap,
#GoogleMap29 .bobletekst_googlemap,
#GoogleMap28 .bobletekst_googlemap,
#GoogleMap33 .bobletekst_googlemap,
#GoogleMap31 .bobletekst_googlemap,
#GoogleMap30 .bobletekst_googlemap,
#GoogleMap34 .bobletekst_googlemap,
#GoogleMap27 .bobletekst_googlemap,
#GoogleMap35 .bobletekst_googlemap

 {
	margin: 0 auto;
	width: 150px;
}
#GoogleMap24 .bobletekst_googlemap h1,
#GoogleMap32 .bobletekst_googlemap h1,
#GoogleMap29 .bobletekst_googlemap h1,
#GoogleMap28 .bobletekst_googlemap h1,
#GoogleMap33 .bobletekst_googlemap h1,
#GoogleMap31 .bobletekst_googlemap h1,
#GoogleMap30 .bobletekst_googlemap h1,
#GoogleMap34 .bobletekst_googlemap h1,
#GoogleMap27 .bobletekst_googlemap h1,
#GoogleMap35 .bobletekst_googlemap h1

{
	margin-bottom: 0;
	padding: 5px;
	text-align: left;
	width: 150px;
	font-size: 14px;
}
#GoogleMap24 .bobletekst_googlemap .googlebilde 
#GoogleMap32 .bobletekst_googlemap .googlebilde,
#GoogleMap29 .bobletekst_googlemap .googlebilde,
#GoogleMap28 .bobletekst_googlemap .googlebilde,
#GoogleMap33 .bobletekst_googlemap .googlebilde,
#GoogleMap31 .bobletekst_googlemap .googlebilde,
#GoogleMap30 .bobletekst_googlemap .googlebilde,
#GoogleMap34 .bobletekst_googlemap .googlebilde,
#GoogleMap27 .bobletekst_googlemap .googlebilde,
#GoogleMap35 .bobletekst_googlemap .googlebilde

{
	padding: 5px;
	text-align: left;
	float: none;
}
#GoogleMap24 .bobletekst_googlemap .googletekst 
#GoogleMap32 .bobletekst_googlemap .googletekst,
#GoogleMap29 .bobletekst_googlemap .googletekst,
#GoogleMap28 .bobletekst_googlemap .googletekst,
#GoogleMap33 .bobletekst_googlemap .googletekst,
#GoogleMap31 .bobletekst_googlemap .googletekst,
#GoogleMap30 .bobletekst_googlemap .googletekst,
#GoogleMap34 .bobletekst_googlemap .googletekst,
#GoogleMap27 .bobletekst_googlemap .googletekst,
#GoogleMap35 .bobletekst_googlemap .googletekst
{
	padding: 0 5px;
	text-align: left;
	float: none;
}

#booking .middle { border:0px none #FFF; }
#booking .middle .padding { margin: 0px; }
#booking .left p { margin-bottom: 14px; color:#525252; font-weight: bold; }
#booking h1 { margin:0px; }
#booking .body { margin:0px; }
#booking .body .left { padding-top:51px; }
#booking .left .padding { margin-left:0px; }

/* Julekalender 2010 */

#julekalender { clear: left; width: 100%; overflow: hidden; background: url('/images/bgr-julekalender.jpg') no-repeat left top; }
#julekalender #redheader { width: 100%; height: 78px; background: url('/images/bgr-redheader.png') no-repeat left top; float: left; margin: 30px 0 20px; }
#julekalender #redheader h1 { color: #fff; font-family: Arial,helvetica,sans-serif; font-size: 40px; font-weight: normal; margin: 15px 20px; }
#julekalender .textheader { width: 960px; margin: 0 10px 15px; padding: 10px; float: left; clear: left; background: url('/images/bgr-textheader.png') repeat; }
#julekalender .textheader p { color: #d2232a; font-size: 14px; font-family: Arial,helvetica,sans-serif; margin: 0; }
#julekalender #kalender { width: 996px; clear: left; float: left; margin-left: 4px; margin-bottom: 20px; overflow: hidden; }
#julekalender #kalender .luke { width: 155px; height: 133px; background: url('/images/bgr-kalenderluke.png') no-repeat left top; overflow: hidden; float: left; margin: 4px; padding: 1px; }
#julekalender #kalender .luke img { width: 155px; height: 133px; }
#julekalender #kalender .luke p { margin: 0; padding: 0; }
#julekalender #kalenderlogo { clear: both; float: right; margin-right: 9px; }

/* Matvegen videoside */

.matvegenvideo { float: left; margin: 0 3px 10px 0; padding: 10px 7px 10px 9px; background-color: red; width: 314px; height: 260px; background: url(/images/bgr-matvegenboks.png) no-repeat; }
.matvegenvideo h2 { font-family: Arial,helvetica,sans-serif; font-size: 14px; font-weight: normal; color: #000; margin: 10px 0; }
