/*=====  colors: red: #CD202C blue:   =====*/

body {background: url(../graphics/bg_map.png) center 30px no-repeat #8bafd7;}

img {border: none;}

/*My containers*/
.mycontainer_12 {width: 720px; float: left;}
.mycontainer_8 {width: 480px; float: left;}
.mycontainer_4 {width: 240px; float: left;}

/*Header*/
#bodyWrapper #headerWrapper1 {position: relative; height: 122px; background: url(../graphics/bg/sabra_top_gradient4.png) no-repeat; z-index: 2000;}
#headerWrapper2 {position: relative; margin: 0 auto; width: 980px; height: 122px; border-left: 3px dotted #ffffff; border-right: 3px dotted #ffffff;}
#header {margin: 0 auto; width: 960px; height: 122px; position: relative; text-align: left; background: url(../graphics/bg/sabra_world_stamp_l.png) no-repeat 290px -25px;}

#logo {position: absolute; width: 248px; height: 96px; top: 20px; left: 20px;}

#bodyWrapper #theOuterWrapper {position: relative;}
#outerWrapper {margin: 0 auto; padding: 10px 0; width: 980px; border-left: 3px dotted #ffffff; border-right: 3px dotted #ffffff; position: relative;}
#wrapper {margin: 0 auto; width: 960px; background-color: #ffffff; position: relative;}
#mainContentWrapper {background: #ffffff; padding: 30px 0; position: relative;}
#mainContentWrapperFp {background: #ffffff; padding: 0; position: relative;}

/*Footer*/
#footerWrapper1 {/*height: 122px;*/ width: 100%; background: url(../graphics/bg/bg_bottom_dr.png) no-repeat center bottom #cd202c; border-top: 1px solid #eeeeee;}
#footerWrapper2 {margin: 0 auto; width: 980px; /*height: 122px;*/ border-left: 3px dotted #ffffff; border-right: 3px dotted #ffffff;}
#footer {margin: 0 auto; width: 960px; /*height: 122px;*/ position: relative; text-align: center; padding-bottom: 25px; background: url(../graphics/iatargf20.png) no-repeat center bottom;}

#footer p {color: white; padding-top: 20px; margin-bottom: 0; padding-bottom: 10px; font-size: 12px;}
#footer p img {margin-bottom: 5px;}
#footer blockquote p a { color: #ffffff; text-decoration: none; }

/*Slideshow fotballreiser fp*/
#fotballreiser_fp_wrapper		{ position: relative; overflow: hidden; width: 940px; height: 140px; padding: 10px; margin-bottom: 10px; display: inline; float: left; background: #CD202C; }
#fotballreiser_fp				{ position: relative; width: 940px; float: left; height: 140px; }
.fotballreiser_fp_slide			{ position: relative; width: 940px; height: 160px; }
.fotballreiser_fp_slide h2 		{ position: absolute; margin: 0; line-height: 1; width: 100%; font-weight: normal; font-size: 32px; text-transform: uppercase; font-family: "Gill Sans", "Trebuchet MS"; font-size: 24px; font-weight: normal; bottom: 40px; padding-left: 0; }
.fotballreiser_fp_slide h2 span	{ padding: 5px; background: #cd202c; word-spacing: 2px; letter-spacing: 0.5px;  color: #ffffff;}

#nyhetlabel	{ position: absolute; left: 0; top: 0; width: 75px; height: 75px; z-index: 49; }

/*Main Offer Front Page*/
.mainOffer {position: relative;}
.mainOffer h1 {position: absolute; margin: 0; font-family: "Gill Sans", "Trebuchet MS"; font-size: 24px; font-weight: normal;}
.mainOffer h1 small {font-size: 14px;}
.mainOffer h1 a {text-decoration: none; color: #4079A5;}
.mainOffer h1 {position: absolute; bottom: 10px; left: 0; width: 400px; padding-left: 0;}
.mainOffer h1 span {padding-left: 10px; background: url(../graphics/arrows/mainoffer_arrow.png) no-repeat center right #ffffff; padding-right: 20px;}

.mainOffer2x2 {position: relative; width: 460px; height: 300px; margin-bottom: 20px;}
.mainOffer1x1 {position: relative; width: 220px; height: 140px; margin-bottom: 20px;}
.mainOffer2x1 {position: relative; width: 460px; height: 140px; margin-bottom: 20px;}
.mainOffer3x1 {position: relative; width: 700px; height: 140px; margin-bottom: 20px;}
.mainOffer1x2 {position: relative; width: 220px; height: 300px; margin-bottom: 20px;}
.mainOffer1x3 {position: relative; width: 220px; height: 460px; margin-bottom: 20px; float: right;}

/*=====  FP  =====*/
.fp_banners img 	{ margin-bottom: 15px; }
.fp_banners a img 	{ border-bottom: #eeeeee solid 5px; }
.fp_banners a:hover img 	{ border-bottom: #4079A5 solid 5px; }
.bannerWrapper		{ overflow: hidden; background: #efefef; float: left; padding-top: 20px; background: #eeeeee; border-top: 1px dotted #97999C; }
#annonse { margin-bottom: 20px; margin-top: 20px; }

.annonserte_turer .mainOffer h1 small { font-size: 12px; }
.annonserte_turer .mainOffer h1 { font-size: 18px; }

/*Reisesider - detalj*/
h3.undertittel {font-weight: normal; font-size: 16px; text-transform: uppercase;}
h2.highlight {font-size: 18px;}
#flashgallery {margin-left: 10px;}
.mycontainer_8 .prisinfo {border: 1px dotted #97999C; width: 458px; float: left; background: url(../graphics/bg.jpg) repeat-x; margin-top: 8px; margin-bottom: 10px;}
.mycontainer_8 .prisinfo .grid_4 {width: 218px;}
.prisinfo h2 {margin-bottom: 0; font-size: 28px;}
.prisinfo h2 small {font-size: 16px;}
.prisinfo .inkl p {text-align: center; text-decoration: underline; cursor: pointer; color: #4079A5}
.prisinfo .inkl p a {text-decoration: none; background: #FFFFFF url(../graphics/ikoner/more_btn.png) no-repeat center 22px; padding: 5px 5px 7px; }
.prisinfo .inkl p a.skjul_btn {background: #ffffff url(../graphics/ikoner/up_btn.png) no-repeat center 2px; padding: 7px 5px 5px;}
.prisinfo .inkl {float: left; clear: both; margin-top: 15px;}
.prisinfo h5 {margin-bottom: 0; font-size: 12px; text-align: right; font-weight: normal; line-height: 1.2;}
.prisinfo h6 {margin-bottom: 5px; font-size: 13px; text-align: right;  line-height: 1.2;}
#prisinkl_hidden {display: none; clear: both;}
#prisinkl_hidden {background: url(../graphics/bg/bg2px.gif) bottom center repeat-y; overflow: hidden;}
#prisinkl_hidden h3 {margin-bottom: 3px; font-size: 14px;}
.prisinfo li {font-size: 12px;}

/*Reisesider - bestilling*/
.bestillingsskjema {margin: 20px 0; padding: 10px 0; border-top: 1px dotted #97999C; margin-bottom: 20px; border-bottom: 1px dotted #97999C; float: left;}
#spMainContent .bestillingsskjema p {padding-right: 10px;}
.betingelser {background: #eeeeee; height: 300px; overflow: auto; border: 1px solid #cccccc;}
.betingelser p {padding-left: 10px; padding-right: 10px;}
.bestillingsskjema input.btn {width: 150px;}
input.txt {width: 200px;}
input.hidden {display: none;}

.mycontainer_4 .fp_sok {width: 218px; margin-top: 10px; border: 1px dotted #97999C; margin-bottom: 10px;}
.fp_datosok {padding-top: 5px;}
.fp_sok .grid_2 {width: 99px;}
.fp_sok p {margin-bottom: 10px;}
.fp_datosok p {margin-bottom: 2px; font-size: 10px;}

#fpNewsWrapper {float: left; overflow: hidden; width: 960px; clear: both; padding-top: 10px; border-top: 1px dotted #97999C; background: #ffffff;}
.fpNews h2 {line-height: 1;}
.fpNews h6 {font-size: 12px; font-weight: normal; color: #97999C; padding-top: 5px;}
.fpNews a {font-size: 11px; padding-left: 10px;}
.siste_reiser, .news_link {border-top: 1px dotted #97999C; margin-top: 40px; padding-top: 10px;}
.news_link a.left_arrow, .news_link a.right_arrow {font-size: 11px; margin-right: 20px;}

p.breadcrump {padding-left: 20px; color: #dddddd;}
p.breadcrump a {color: #888888;}
p.breadcrump a:hover {color: #dddddd;}

/*Oversiktsside*/
ul.list, ul.list_reise {list-style-type: none; float: left;}

ul.list_reise li {margin-left: 0; width: 820px;}
ul.list_reise {float: left;}
.list h2 {line-height: 1;}
ul.list li {border-bottom: 1px dotted #97999C; margin-bottom: 30px;}
ul.list_reise li {border-bottom: 1px dotted #97999C; margin-bottom: 30px; float: left; clear: both;}
#spMainContent ul.list li h6 {border-top: none;}
.sokeres h4 {font-size: 16px;}
#spMainContent p.quote_name {font-size: 12px; color: #4079A5; padding-left: 30px;}
blockquote.quotes_list {padding-left: 30px; background: url("../graphics/quote_grey_small.png") no-repeat top left; line-height: 20px; font-size: 18px; margin-bottom: 10px;}


/*=====  sitater - view  =====*/
blockquote.quote	{ padding-left: 40px; line-height: 30px; font-size: 30px; background: url(../graphics/quote_grey.png) no-repeat top left; color: #888888; margin-bottom: 20px; margin-top: 40px; }


/*Presentasjonsside - avdelinger*/
.kontaktinfo ul {padding: 10px; border: 1px dotted #97999C;}
.kontaktinfo li {border-bottom: 1px dotted #97999C; font-size: 12px; list-style-type: none;}
.kontaktinfo dl {padding: 5px 10px 10px; border: 1px dotted #97999C;}
.kontaktinfo dt {font-size: 10px;}
.kontaktinfo dt.hidden {display: none;}
.kontaktinfo dd {border-bottom: 1px dotted #97999C; font-size: 12px; padding-bottom: 0;}
.kontaktinfo dd p {margin-bottom: 4px;}

/*Liste over ansatte - Kontakt*/
.ansatteliste ul {list-style-type: none;}
.ansatteliste li {border-bottom: 1px dotted #97999C; margin-bottom: 20px;}

/*Standardside - view*/
img.newspicMain {margin: 0 0 10px 10px; float: right;}
#spMainContent h1 {padding-right: 220px; margin-top: 60px;}
#spMainContent h6 {border-top: 1px dotted #97999C; font-weight: normal; font-size: 11px;}
#spMainContent p.ingress {font-weight: bold; margin-top: 30px; margin-bottom: 20px;}
h2 span.tilbud	{ background: #CD202C; padding: 3px; color: white; font-size: 18px; }

/*Sportsreiser - treningsleir*/
.list_content h3 span { color: #CD202C; text-transform: uppercase; }
h3.flagg15 a, h3.flagg16 a {padding-left: 50px; background: url(../graphics/flagg/spaniah20.jpg) no-repeat left center;}
h3.flagg17 a {padding-left: 50px; background: url(../graphics/flagg/italiah20.jpg) no-repeat left center;}
h3.flagg18 a {padding-left: 50px; background: url(../graphics/flagg/austriah20.jpg) no-repeat left center;}
.hoteller {border-top: 1px dotted #97999C; margin-top: 10px; padding-top: 10px;}
.hoteller h4 {font-size: 14px;}
.anlegg p.tilbud_pris {text-align: right; border-top: 1px solid #4079A5; color: #4079A5; padding-right: 10px; margin-left: 20px; margin-right: 20px;}
#jqSlideshow {margin-bottom: 20px;}
#avdSlideshow {width: 460px; height: 300px; margin-bottom: 10px;}
#avdSlideshow img {display:none;}


.interesse {text-align: center;}
#googlemapsWrapper {height: 210px; width: 458px; border: 1px dotted #97999C; margin-top: 10px;}
#google_maps {height: 200px; margin: 5px; width: 448px;}
a.left_arrow {background: url(../graphics/arrows/white_arrow_left.png) no-repeat 3px center #4079A5; padding: 6px 4px 6px 30px; color: white; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
a:hover.left_arrow {background-color: #a6d1f1;}

a.right_arrow {background: url(../graphics/arrows/white_arrow_right.png) no-repeat 3px center #4079A5; padding: 6px 4px 6px 30px; color: white; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
a:hover.right_arrow {background-color: #a6d1f1;}

.mycontainer_8 .tips, .mycontainer_8 .anlegg  {border: 1px dotted #97999C; width: 458px; margin-bottom: 10px;}
.mycontainer_8 .reiseleder {border: 1px dotted #97999C; width: 218px;}
.mycontainer_8 .boktips {border: 1px dotted #97999C; width: 218px;}
.tips h3 {margin-bottom: 2px; font-size: 12px; padding-left: 20px; background: url(../graphics/pluss.png) no-repeat left center; margin-left: 10px;}
.tips h3.tips_down {background: url(../graphics/minus.png) no-repeat left center;}
.tips p {display: none;}

.container {overflow: hidden;}
.mycontainer_16	{width: 960px; float: left; clear: both;}
h3.link_program {margin-top: 30px;}
.dagsprogram {clear: both; overflow: hidden; display: none;}
.dagsprogram .container {clear: both;}
.dagsprogram .heading h2 {margin-bottom: 3px;}
.dagsprogram h3 {font-weight: normal; margin-bottom: 0; font-size: 18px;}
.dag_nr p {border-right:1px dotted #4079A5; color:#4079A5; font-size:14px; font-weight:bold; margin-top:10px; padding-right:20px; padding-top:2px; text-align:right;}

.dag_nr p small {display: block; font-size: 12px;}

.detalj h1 { margin-bottom: 10px; line-height: 1;}
p.ingress {font-weight: bold; font-size: 14px; line-height: 1.4; padding-top: 20px;}
.container_4 {width: 240px; float: left;}
.container_8 {width: 480px; float: left;}
/*.container_12 {width: 720px; float: left;}*/
.mycontainer_12 {width: 720px; float: left;}

.hidden {display: none;}
.highlight {font-style: italic;}
a.neste {padding-left: 30px; background: url(../graphics/arrows/arrow1.gif) no-repeat center left;}

label {font-size: 11px;}
.ui-slider {margin: 2px 15px;}
input.btn {background: #4079A5; display: block; float: left; width: 40px; height: 30px; border: none; margin-top: 10px; color: #ffffff; font-weight: bold; cursor: pointer;}
p.sokeord {width: 150px; float: left;}
input#keywords {width: 140px;}


/*Nyhetsbrev*/
#skjema {padding-left: 50px;}
#skjema p.avd label {font-size: 14px; margin-bottom: 10px;}
#skjema p.avd label.viktig_label{font-size: 12px;}
#skjema label.viktig_label {padding: 3px; color: #CD202C;}
#skjema .hgt label {font-size: 12px;}
#skjema .hgt span {font-size: 11px; color: #CD202C;}
#skjema .btn {width: 200px;}
#skjema .hgt {padding: 10px; background: #eeeeee;}


/*ikoner*/
p.mail {padding: 3px 3px 3px 40px; background: url(../graphics/ikoner/mail20.png) no-repeat left center;}
p.tlf {padding: 3px 3px 3px 40px; background: url(../graphics/ikoner/tlf20.png) no-repeat left center;}
p.kontakt {padding: 3px 3px 3px 40px; background: url(../graphics/ikoner/kontakt20.png) no-repeat left center;}
p.skrivut {margin-top: 20px; border-top: 1px dotted #97999C; padding-top: 10px;}
p.skrivut img {margin-right: 5px;}
.dagsprogram p.skrivut {border-top: 0;}

p._1stjerne {display: block; width: 85px; height: 15px; text-indent: -9999px; background: url(../graphics/ikoner/stjerner.png) 0 75px; margin: 0; padding: 0; margin-top: 10px; margin-left: 10px;}
p._2stjerner {display: block; width: 85px; height: 15px; text-indent: -9999px; background: url(../graphics/ikoner/stjerner.png) 0 60px; margin: 0; padding: 0; margin-top: 10px; margin-left: 10px;}
p._3stjerner {display: block; width: 85px; height: 15px; text-indent: -9999px; background: url(../graphics/ikoner/stjerner.png) 0 45px; margin: 0; padding: 0; margin-top: 10px; margin-left: 10px;}
p._4stjerner {display: block; width: 85px; height: 15px; text-indent: -9999px; background: url(../graphics/ikoner/stjerner.png) 0 30px; margin: 0; padding: 0; margin-top: 10px; margin-left: 10px;}
p._5stjerner {display: block; width: 85px; height: 15px; text-indent: -9999px; background: url(../graphics/ikoner/stjerner.png) 0 15px; margin: 0; padding: 0; margin-top: 10px; margin-left: 10px;}

/*musikkreiser - liste*/

.mr_list h3{padding: 5px 20px 5px 50px; background: url(../graphics/arrows/down15.png) no-repeat 20px center #eeeeee; color: #4079A5; margin-top: 10px;}
.list_container {overflow: hidden; display: none;}
.list_container .grid_4 {height: 100px; overflow: hidden; border-bottom: 1px dotted #97999C;}
.mr_list h3.close_mr_list {background: url(../graphics/arrows/cross.png) no-repeat 20px center #ffffff; border-top: 3px solid #4079A5;}

table.news {margin-left: 10px; padding: 10px; border: 1px dotted #97999C;}
table.news tr {border: 1px solid #97999C;}
table.news tr:hover {background: #dddddd;}
table.news td {padding: 5px;}
table.news td.first {width: 200px;}
table.news {width: 90%;}

.urgent {background: #CD202C; padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px;}
.urgent h1 {color: #ffffff;}
.urgent p {color: #ffffff;}
.urgent p.italic {font-style: italic;}
.urgent p a {color: #ffffff; text-decoration: underline;}

/*=====  MISC  =====*/

.left		{ float: left; }
.right		{ float: right; }
img.left	{ margin-right: 20px; margin-bottom: 20px; }
.text_right { text-align: right; }
.text_left 	{ text-align: left; }
.center		{ text-align: center; }

.shadow			{
	   	box-shadow: 0 2px 2px #666666;
	   	-o-box-shadow: 0 2px 2px #666666;
   		-webkit-box-shadow: 0 2px 2px #666666;
   		-moz-box-shadow: 0 2px 2px #666666;
}

.pd10	{ margin-top: 10px; }
.pd20	{ margin-top: 20px; }
.pd40	{ margin-top: 40px; }
.pt10	{ padding-top: 10px; }
.pt20	{ padding-top: 20px; }
.pt40	{ padding-top: 40px; }
.mb10 			{ margin-bottom: 10px; }
.mb20 			{ margin-bottom: 20px; }
.mb40 			{ margin-bottom: 40px; }
.pb20 			{ padding-bottom: 20px; }
.pb40 			{ padding-bottom: 40px; }

.click			{ cursor: pointer; }