/* 	CSS Document - Ask Mr. Cruise
	Webdesign: Kjetil Sørby, SIKT, www.siktweb.no
	Based on 960 grid system: www.960.gs
*/



body {
	background: url(../graphics/bg.jpg) repeat-x #ffffff; height: 100%;
}


#header {
	position: relative;
	height: 172px;
	background: url(../graphics/heading2.jpg) no-repeat #1498c2;
	margin-top: 5px;
}

#logo {position: absolute; top: 15px; left: 30px; width: 263px; height: 70px;}
a 	{ color: #166CAE; }

.container_12 {background: #ffffff; overflow: hidden;}
.container_7 { float: left; width: 560px; }
#contentWrapper { width: 960px; float: left; background: #ffffff; padding-bottom: 60px; min-height: 400px;}
#contentWrapperSp {background: #ffffff; padding-top: 20px; padding-bottom: 30px;}
#contentWrapperView {padding-top: 20px;}
#mainContentSp p {padding-right: 200px;}
#mainContentSp img {float: right; clear: right; margin: 0 20px 20px;}
#mainContent {float: left; width: 800px; overflow: hidden;}
#mainContentNews {float: left; width: 960px; overflow: hidden;}

/*------------OFFERS FP--------------*/
img.hal_kampanje {margin-bottom: 20px; margin-top: 10px;}
#mainOfferPic {border: none; margin-top: 5px;}
#mainOfferText {background: url(../graphics/ukensUtvalgte.jpg) no-repeat top right; padding-top: 40px;}
#mainOfferText h1 {font-size: 18px; margin-bottom: 8px;}
#mainOfferText h2 {font-size: 12px; margin-bottom: 3px; color: #1498C2;}
#mainOfferText h3 {font-size: 16px; border-bottom: 1px dotted #dddddd;}
#mainOfferText h4 {font-size: 14px; color: #bb153b; border-bottom: 1px dotted #dddddd; margin-bottom: 3px;}
#mainOfferText p {padding-right: 20px; font-size: 12px;}

.subOfferWrapper {width: 800px; float: left; margin-top: 5px; padding-top: 5px; line-height: 1.2; border-top: 1px dotted #dddddd; border-bottom: 1px dotted #dddddd; margin-bottom: 10px; padding-bottom: 10px;}
.subOfferWrapper h1 {font-size: 14px; margin-bottom: 3px;}
.subOfferWrapper h2 {font-size: 10px; margin-bottom: 3px; margin-top: 5px; color: #1498C2; text-transform: uppercase;}
.subOfferWrapper h3 {display: block; float: right; clear: left; padding: 5px; background: #B7E6FE; font-size: 12px; margin-top: 10px; margin-bottom: 5px; color: #bb153b; text-transform: uppercase;}
.subOfferWrapper h5 {font-size: 11px; font-weight: normal; margin-bottom: 0;}
.subOfferWrapper p {font-size: 11px; margin-bottom: 2px;}
.subOfferWrapper h1 a {color:#000000; text-decoration: none;}
.subOfferWrapper h1 a:hover {color: #1498C2; text-decoration: underline;}

.suboffer {width: 100%; float: left; background: url(../graphics/bg_top_fade.jpg) 30px repeat-x;}

#footerWrapper {width: 100%; background: url(../graphics/bg_bottom.jpg) repeat-x bottom left; height: 180px;}
#footer {
	height:150px;
	margin: 0 auto;
	padding-top: 20px;
	position:relative;
	width:960px;
	text-align: left;
	/*background: url(../graphics/bg_bottom.jpg) repeat-x bottom left;*/
	/*border-top: 1px solid #00CCCC;*/
}
#footer p {padding-left: 170px;}
#footer p.sosial {padding-left: 0; margin-bottom: 10px; }
#footer p.sosial img {float: left; padding-right: 10px;}
#garantier {position: absolute; left: 20px; top: 10px; width: 100px;}
#garantier img {margin-top: 10px;}
#brosjyre {position: absolute; left: 365px; top: 20px; width: 250px; height: 100px;}
#brosjyre img {float: left;}
#brosjyre p{padding-left: 80px; font-size: 11px; }
#nyhetsbrev {position: absolute; left: 680px; top: 20px; width: 250px; height: 100px;}
#nyhetsbrev img {float: left;}
#nyhetsbrev p{padding-left: 80px; font-size: 11px; margin-bottom: 0; }

#design {position: absolute; bottom: 1px; left: 400px;}
#design p{padding-left: 0; margin-bottom: 5px; font-size: 11px;}
#design a{color: #fff; text-decoration: none;}
#design a:hover {text-decoration: underline;}
#sidebar {padding-top: 50px; margin-top: 5px; background: url(../graphics/rederier_header.jpg) top left no-repeat /*#E5FCFF*/;}

.box {position: relative; width: 140px; float: left; margin-bottom: 10px;}
.hideBox {display: none; position: absolute;}
.showBox {display: block; position: absolute; color:#444444; width: 400px; background: #dddddd; border: 5px solid #ffffff; padding: 20px; opacity: 0.95;}
.showBox h1{font-size: 12px; color: #0099FF; font-style: normal; font-weight: 100; margin-bottom: 0;}
#largeImage {
position: absolute;
padding: .5em;
background: #e3e3e3;
border: 1px solid #BFBFBF;
}



/*------------REDERIER--------------*/
#rederierMain {padding-top: 30px; overflow: hidden;}
#rederierMain h1 {padding: 0 20px; font-size: 24px; color: #166CAE; margin-bottom: 2px; margin-top: 5px;}
#rederierMain p {padding: 0 20px; margin-top: 1px;}


/*__________________TABELLER_________________*/
table {
	border: 1px solid #EEEEEE;
	margin: 0;
}	

caption {
	background: #eee;
	font-size: 0.8em;
	text-transform: uppercase;
	color: #666666;
	text-align: left;
	padding: 2px;
	margin-bottom: 1px;
}

th {
	background: #dddddd;
	color: #000;
	font-weight: normal;
	font-size: 0.8em;
	padding: 0.1em;
	margin: 2px;
}

td {
	font-size: 0.8em;
	text-align: center;
}

tr:hover {
	background: #E5E8F2;
}

/*_____SKJEMA_____*/
.skjema form {margin-left: 40px; background: #CDE7FC;}
form {border: 1px dotted #bbbbbb; padding: 10px; width: 320px;}
input {width: 100px; padding: 7px; height: 15px; border: 1px solid #cccccc;}
input.txt {width: 300px; padding: 7px; height: 15px; border: 1px solid #cccccc;}
input.btn {width: 150px; margin-left: 5px; padding: 7px; height: 30px; cursor: pointer;}
textarea {width: 300px; padding: 7px; height: 100px; border: 1px solid #cccccc; font-family: Arial, Helvetica, sans-serif;}
select {width: 250px; padding: 5px; margin-bottom: 20px;}

/*=====  skjema - rederisiden  =====*/
#rederi_skjema h3	{ padding: 10px; background: url(../graphics/arrow_down.png) no-repeat 95% 50% #1c4463; cursor: pointer; font-size: 14px; color: #fff; border-top: 1px solid #bbb; margin-bottom: 0; }
#rederi_skjema form {display: none; width: 380px; border: none; padding: 10px 0; background: #9ed0f6; color: #333;}
#rederi_skjema p	{ margin-bottom: 5px; color: #333; }
#rederi_skjema label	{ font-size: 11px; }
#rederi_skjema input.btn { margin-left: 0; background: #1c4463; color: #fff; font-weight: bold; border-color: #fff; }
.tilleggsinfo	{ overflow: hidden; background: #cde7fc; margin-bottom: 10px; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; }
select#antall	{ margin-bottom: 0; }
.reisende_navn	{ width: 200px; float: left; }
.reisende_navn input	{ width: 160px; }

.reisende_alder	{ width: 140px; float: left; }
.reisende_alder input	{ width: 120px; }


/*=====  liste - relaterte reiser  =====*/
#rel_tilbud h3	{ padding: 10px; background: url(../graphics/arrow_down.png) no-repeat 95% 50% #1c4463; cursor: pointer; font-size: 14px; color: #fff; border-top: 1px solid #bbb; margin-bottom: 0; }
#rel_tilbud ul 	{ list-style-type: none; margin: 0 0 20px; padding: 0; }
#rel_tilbud ul li 	{ padding: 10px 10px 10px 0px; list-style-type: none; margin: 0; border-bottom: 1px solid #ccc; overflow: hidden; }
#rel_tilbud ul li h2 	{ font-size: 12px; margin-bottom: 0; margin-left: 90px; }
#rel_tilbud ul li p 	{ margin-left: 90px; padding-left: 0; margin-bottom: 0; }
#rel_tilbud ul li img 	{ float: left; width: 80px; }

/*nyhetsbrev*/
#nyhetsbrev form {border: none; padding-left: 80px; width: 140px;}
#nyhetsbrev input {width: 130px; padding: 3px; margin: 0 0 5px 0;}
#nyhetsbrev input.btn {width: 80px; margin-left: 0; padding: 5px; height: 25px; cursor: pointer;}
#nyhetsbrev label {font-size: 11px; color: #000; font-weight: normal; text-transform: uppercase; background: none;}

/*_____REISE-Samleside_____*/
.halfWrapper {margin-top: 10px; padding: 10px 0 0; background: url(../graphics/bg_right_fade.jpg) right repeat-y; border-top: 2px solid #166cae;}
.halfWrapper h1{font-size: 16px; font-weight: 200; color: #166cae; margin-bottom: 3px;}
.halfWrapper h2{font-size: 13px; font-weight: bold; color: #000000; margin: 2px 0;}
.halfWrapper h4{font-size: 11px; color: #bb153b; font-weight: 200; margin-bottom: 3px;}
.halfWrapper p{font-size: 11px; margin-bottom: 10px;}
.next a{font-size: 12px; font-weight: lighter; display: block; float: right; padding-right: 20px; background: url(../graphics/next_small.png) no-repeat right 50%; color:#166cae; text-decoration: none; margin-right: 20px;}
.prev {margin-top: 10px; float: left;}
.prev a{font-size: 12px; font-weight: lighter; display: block; float: left; padding-left: 20px; background: url(../graphics/prev_small.png) no-repeat left 50%; color:#166cae; text-decoration: none; margin-left: 20px;}
.next_big a{font-size: 16px; font-weight: lighter; display: block; float: right; padding-right: 20px; background: url(../graphics/next_small.png) no-repeat right 50%; color:#166cae; text-decoration: none; margin-right: 20px;}
.prev a:hover, .next a:hover, .next_big a:hover {text-decoration: underline;}
.halfWrapper a:hover{text-decoration: underline;}

.view_table {margin-bottom: 20px;}
.view_table table, .halfWrapper table{border: 1px solid #dddddd; width: 98%; margin-bottom: 8px;}
.view_table th, .halfWrapper th {background: #166cae; color: #ffffff;}
.view_table td, .halfWrapper td {background: #ffffff; padding-top: 5px; padding-bottom: 5px;}

/*_____VIEW_____*/
.view {margin-top: 20px;}
.view h1 {font-size: 26px; line-height: 1.3; font-weight: normal; color: #166cae; margin-bottom: 2px;}
.view h2 {font-size: 18px; font-weight: bold; margin: 5px 0 0;}
.view h3 {border-top: 1px dotted #cccccc; border-bottom: 1px dotted #cccccc; font-weight: normal; font-size: 14px; color: #444444;}
.view h3 span {font-size: 18px;}
.view h4 {color: #bb153b;}
.skjema h3 {font-weight: 100; padding-left: 20px;}
.hovedbilde {overflow: hidden;}
.img_section {width: 100%; float: left; margin-top: 20px;}
.img_section img {margin: 5px;}
p.ingress {font-size: 16px; margin-bottom: 5px;}
.prettyPhoto {width: 100%; float: left; margin-top: 20px;}
.prettyPhoto img {margin-right: 5px;}
.generelle_vilkar {margin-top: 20px; padding-top: 20px; border-top: 1px dotted #ccc;}
.generelle_vilkar h6 {font-size: 12px;}
.generelle_vilkar p {font-style: italic;}

/*_____NYHETER_____*/
.newsarchive img {float: left; padding-left: 10px;}
.newsarchive h1 {font-size: 18px; color: #166CAE; text-transform: uppercase;}
.newsarchive h2, .newsarchive p, .newsarchive h4 {margin-left: 200px; margin-bottom: 10px; margin-right: 10px;}
.newsarchive h2 {margin-bottom: 0; padding-bottom: 0;}
.newsarchive h4 {font-size: 11px;}
.newswrapper {float: left; clear: left; overflow: hidden; border-bottom: 1px solid #cccccc; border-top: 1px solid #eeeeee; padding-bottom: 10px; width: 620px; background: #f9f9f9; padding-top: 10px; padding-bottom: 10px;}
.newswrapper h2 { font-size: 28px; line-height: 32px; font-weight: 100; text-transform: uppercase;}
.newswrapper h2 a {color: #166CAE; text-decoration: none;}
.newswrapper h2 a:hover {text-decoration: underline;}

h4.byline {border-bottom: 1px solid #cccccc; font-weight: normal; font-size: 12px; color: #888888;}
.nyheter img {float: right; clear: right; margin-bottom: 20px; margin-left: 10px;}
.nyheter p {font-size: 14px;}
.nyheter h4 {margin-right: 360px;}
.nyheter h1	{font-weight: 100; font-size: 42px; line-height: 42px;}

/*=====  Pressemeldinger  =====*/
.pressemeldinger h2, .pressemeldinger p, .pressemeldinger h4 {margin-left: 10px; margin-bottom: 0; margin-right: 10px;}
.pressemeldinger h2 	{font-size: 20px;}
.pressemeldinger h4		{ border-bottom: none; text-transform: uppercase; }
.pressemeldinger h3		{ margin-bottom: 0; padding-left: 10px; }
.pressemeldinger p		{ margin-bottom: 18px; }
.pm_sidebar h3			{ font-size: 12px; margin-bottom: 0; text-transform: uppercase; padding-left: 5px; margin-top: 20px; padding-top: 5px; border-top: 1px solid #888; }
.pm_sidebar ul 			{ list-style: none; margin: 0; padding: 0; }
.pm_sidebar li 			{ padding: 5px; border-bottom: 1px solid #eee; margin-left: 0; }
.pm_sidebar li a 		{ text-decoration: none; color: #888; }
.pm_sidebar li a:hover	{ text-decoration: underline; color: #444; }
.pm_sidebar li.pm_current	{ background: #ddd; padding-left: 20px; }

.pm_sidebar li.pm_current a:hover	{ color: #888; cursor: default; text-decoration: none; }
img.rederilogo		{ float: none; }

/*=====  Verdt å vite  =====*/
.good_to_know h2 		{	font-size: 14px; color: #888; margin-bottom: 0;	}
.good_to_know h3		{	font-size: 11px; color: #888; font-weight: normal; font-style: italic; margin-bottom: 0;	}
.good_to_know ul 		{	margin: 0; padding: 0;	}
.good_to_know li 		{	list-style-type: none; margin: 0; padding: 5px; border-bottom: 1px solid #ccc; 	}
.good_to_know li a 		{	text-decoration: none;	}
.good_to_know li a:hover 		{	text-decoration: underline;	}

h2.fp_newsheader {font-size: 14px; color: #166CAE; text-transform: uppercase;}
.fp_news {background: #f9f9f9;}
.fp_news img {float: left; padding: 10px;}
.fp_news h3, .fp_news p {margin-left: 180px;}
.newsgallery {width: 620px; background: #f9f9f9; float: left; overflow: hidden; margin-top: 0;}
.newsgallery img {float: left; margin: 10px; clear: none;}

ul.social {list-style-type: none; margin: 0;background: #F4F4F4; border: 1px solid #CCCCCC; padding: 5px; float: left;}
ul.social li {list-style-type: none; float: left; display: inline; padding: 10px; margin: 0;}
ul.social li img {margin: 0;}

/*_____MISC_____*/
a.download {background: url(../graphics/download30.jpg) left center no-repeat; padding: 15px 40px; color: #166cae;}
.float_right {float: right;}
.clear_left {clear: left;}
.clear_right {clear: right;}
.blue {color: #166cae;}
.margin_top {margin-top: 30px;}
.center {
display:block;
margin:0 auto;
text-align:center;
}
.clear {clear: both;}
.block {display: block;}
.float_left {float: left;}
.hide {display: none;}
.hidden {display: none;}
.small_text {font-size: 11px; color: #000; font-weight: normal; text-transform: none;}
.skatter {text-align: right; display: block; width: 100%; clear: right; font-style: italic;}
h1.hidden {display: none;}
.pr10	{ padding-right: 10px; }

.pdf li {
background: url(../graphics/icon_pdf.png) no-repeat;
background-position: 5px 50%;
padding-left: 30px;
}

.error	{ color: red; background: white; text-transform: uppercase; padding: 3px; margin-top: 2px; }