@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
body {	
	text-align: center;
	background-color: #d9d9d9;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}

/* GÖR ATT ALLA ELEMENT BEHÅLLER SIN BREDD TROTS PADDING
{box-sizing: border-box;}
*/

A:link	   				{color: #004646; text-decoration: none; }
A:visited  				{color: #004646; text-decoration: none; }
A:hover    				{color: #004646; text-decoration: underline;}

A.extern:link			{color: #2e436b; text-decoration: underline; background: url(https://media.bilsemester.net/graphics/external-link.png) center right no-repeat; padding-right: 17px;}
A.extern:hover			{color: #2e436b; text-decoration: none; background: url(https://media.bilsemester.net/graphics/external-link-hover.png) center right no-repeat; padding-right: 17px;}
A.extern:visited		{color: #2e436b; text-decoration: underline;}
A.extern_blank:hover	{color: #2e436b; text-decoration: none;}
A.extern_blank:link		{color: #2e436b; text-decoration: underline;}
A.extern_blank:visited	{color: #2e436b; text-decoration: underline;}
A.intern:link			{color: #2e436b; text-decoration: underline;} /*gammal färg intern: #004646;*/
A.intern:visited		{color: #2e436b; text-decoration: underline;} /*gammal färg intern: #324A76;*/
A.intern:hover			{color: #2e436b; text-decoration: none;}
A.intern_nav:link		{color: #000000; text-decoration: underline;}
A.intern_nav:visited	{color: #000000; text-decoration: underline;}
A.intern_nav:hover		{color: #000000; text-decoration: none;}
A.intmap:link			{color: #004646; text-decoration: none;}
A.intmap:visited		{color: #004646; text-decoration: none;}
A.intmap:hover			{color: #004646; text-decoration: underline;}

img.alignnone			{height: auto; max-width: 100%; margin-bottom: 20px;}
img.alignnone_orgsize	{width: auto; height: auto; margin-bottom: 20px;}
img.alignnone_50		{width: 48%; height: auto; float: none; margin-right: 10px; margin-bottom: 10px;}
img.alignleft			{width: 400px; height: auto; float: left; margin-right: 10px; margin-bottom: 10px;}
img.alignleft_300px		{width: 300px; height: auto; float: left; margin-right: 10px; margin-bottom: 10px;}
img.alignleft_orgsize	{width: auto; height: auto; float: left; margin-right: 10px; margin-bottom: 10px;}
img.alignleft_50		{width: 48%; height: auto; float: left; margin-right: 0.5%; margin-left: 0.5%; margin-bottom: 10px;}
img.aligned_nomargin	{margin-left: 0px; margin-right: 0px;}
img.alignright			{width: 400px; height: auto; float: right; margin-left: 10px; margin-bottom: 10px;}
img.alignright_300px	{width: 300px; height: auto; float: right; margin-left: 10px; margin-bottom: 10px;}
img.alignright_orgsize	{width: auto; height: auto; float: right; margin-left: 10px; margin-bottom: 10px;}
img.alignright_50		{width: 48%; height: auto; float: right; margin-right: 0.5%; margin-left: 0.5%; margin-bottom: 10px;}
img.landflagga			{float: right; margin-left: 10px; margin-bottom: 10px;}
img.desktop 			{visibility: visible; display: inline;}
img.mobile				{visibility: hidden; display: none;}
a.desktop 				{visibility: visible; display: inline;}
a.mobile				{visibility: hidden; display: none;}
div.desktop 			{visibility: visible; display: inline;}
div.mobile				{visibility: hidden; display: none;}
div.vaderwidget			{margin: 10px 0px 10px 0px;}

/******* LAZYLOAD START ******/
.lazyload,
.lazyloading {
	opacity: 0;
}
.lazyloaded {
	opacity: 1;
	transition: opacity 300ms;
}
/******* LAZYLOAD SLUT ******/

/******* COPY TO CLIPBOARD START ******/
button.copy2clip {
	cursor:pointer;
	background: url(../includes/graphics/clipboard-copy-24px.png) no-repeat;
	height: 24px;
	width: 24px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}

span.in_coords {
	background-color:#e1eaea;
	padding: 3px;
	margin-right: 5px;
}
/******* COPY TO CLIPBOARD SLUT ******/

p.jumpto {
	font-size: 10pt;
	padding: 0px;
}

span.jumpto {
	float: left;
	font-family: Roboto,Arial,Calibri,Verdana,Tahoma,Arial;
	background-color: #000000;
	color: #ffffff;
	padding: 5px 10px 5px 10px;
	margin: 0px 5px 5px 0px !important;
	font-size: 10pt;
	line-height: 14pt;
	text-decoration: none;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(ie-css3.htc);
}

a.jumpto {
	float: left;
	font-family: Roboto,Arial,Calibri,Verdana,Tahoma,Arial;
	background-color: #324a76;
	/*background-color: #004646; gammal färg*/
	color: #ffffff;
	padding: 5px 10px 5px 10px;
	margin: 0px 5px 5px 0px !important;
	font-size: 10pt;
	line-height: 14pt;
	text-decoration: none;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(ie-css3.htc);
}

/******* FILTER START ******/
.container {
  width: 100%;
  overflow: hidden;
}

.filterDiv {
  float:left;
  display: none; /* Hidden by default */
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

.filtrera {
	float: left;
	font-family: Roboto,Arial,Calibri,Verdana,Tahoma,Arial;
	background-color: #000000;
	color: #ffffff;
	padding: 5px 10px 5px 10px;
	margin: 0px 5px 5px 0px !important;
	font-size: 10pt;
	line-height: 14pt;
	text-decoration: none;
	border: 0px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(ie-css3.htc);
}

.btn {
	float: left;
	font-family: Roboto,Arial,Calibri,Verdana,Tahoma,Arial;
	background-color: #004646;
	color: #ffffff;
	padding: 5px 10px 5px 10px;
	margin: 0px 5px 5px 0px !important;
	font-size: 10pt;
	line-height: 14pt;
	text-decoration: none;
	border: 0px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(ie-css3.htc);
}

/* Add a light grey background on mouse-over */
.btn:hover {
  background-color: #004646;
  cursor: pointer;
}

/* Add a dark background to the active button */
.btn.active {
  background-color: #003333;
  color: #FFD700;
  border: none;
  outline:none;
}
/******* FILTER SLUT ******/
	
h1 {
	font-family: 'Roboto Slab',Calibri,"Trebuchet MS",Verdana,Arial; 
	font-size: 26pt; 	
	line-height: 28pt;
	font-weight: normal; 
	color: #000000; 
	text-align: left;
	vertical-align: bottom;
	margin: 5px 0px 10px 0px;
	clear: both;
	float: none;
}

h2 {	
	font-family: 'Roboto Slab',Calibri,"Trebuchet MS",Verdana,Arial; 
	font-size: 22pt; 
	line-height: 24pt;
	font-weight: normal; 
	color: #000000; 
	text-align: left;
	margin: 25px 0px 5px 0px;
	clear: both;
	float: none;
}
	
h3 {	
	font-family: 'Roboto Slab',Calibri,"Trebuchet MS",Verdana,Arial; 
	font-size: 16pt;	
	line-height: 20pt;
	font-weight: normal; 
	color: #000000; 
	text-align: left;
	margin: 25px 0px 5px 0px;
	clear: both;
	float: none;
}
	
h4 {
	font-family: 'Roboto Slab',Calibri,"Trebuchet MS",Verdana,Arial; 
	font-size: 14pt;
	font-weight: normal;
	text-align: left;
	color: #000000; 
	vertical-align: bottom; 
	line-height: 18pt;
	margin: 20px 0px 5px 0px;
	padding: 0px;
	clear: both;
	float: none;
}

h5 {
	font-family: Roboto,Calibri,"Trebuchet MS",Verdana,Arial; 
	font-size: 12pt;
	font-weight: 500;
	text-align: left;
	text-decoration: underline;
	color: #000000; 
	vertical-align: bottom; 
	line-height: 18pt;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	clear: both;
	float: none;
}

p.bildtext {
	border-left: 5px solid #6a9595;
	border-bottom: 1px solid #6a9595;
	border-right: 1px solid #6a9595;
	background-color: #f0f4f4;
	padding: 5px 3px 3px 10px;
	margin: -24px 0px 15px 0px;
	font-family: "Roboto Condensed",Arial,Calibri,Verdana,Tahoma,Arial;
	font-size: 10pt;
	line-height: 12pt;
	font-style:italic;
	color: #004646;
	text-align: left;
}

p.table_rub	{margin-top: 5px; margin-bottom: 5px; margin-left: 10px; font-family: Calibri,"Trebuchet MS",Verdana,Tahoma,Arial; font-size: 12pt; color: #000000; font-weight: bold; text-align: left;}
p.table_text{margin-top: 5px; margin-bottom: 5px; margin-left: 10px; font-family: Calibri,Verdana,Tahoma,Arial; font-size: 11pt; color: #000000; text-align: left;}

p			{margin: 1px 5px 10px 0px; font-family: Roboto,Arial,Calibri,Verdana,Tahoma,Arial; font-size: 12pt; color: #000000; text-align: left; line-height: 16pt;}
td			{font-family: Roboto,Arial,Calibri,Verdana,Tahoma,Arial; font-size: 12pt; color: #000000; text-align: left; line-height: 16pt;}
.clearleft	{clear: left;}
p.text_nm	{margin: 1px 0px 1px 0px; font-family: Roboto,Arial,Calibri,Verdana,Tahoma,Arial; font-size: 12pt; color: #000000; text-align: left;}
p.lank		{margin-top: 1px; margin-bottom: 1px; font-family: Roboto,Arial,Verdana,Tahoma; font-size: 10pt; color: #000000; text-align: left;}
p.text_s	{margin-top: 1px; margin-bottom: 1px; font-family: Roboto,Arial,Verdana,Tahoma; font-size: 10pt; color: #000000; text-align: left;}
p.copyright	{margin-top: 10px; margin-bottom: 1px; font-family: Roboto,Arial,Verdana,Tahoma; font-size: 10pt; line-height: 12pt; color: #004646; text-align: center;}
p.maptitle	{width: 200px; margin-top: 6px; margin-bottom: 3px; font-family: Roboto,Verdana,Tahoma,Arial; font-size: 10pt; font-weight: bold; color: #000000; text-align: left;}
p.maptext	{width: 200px; margin-top: 1px; margin-bottom: 3px; font-family: Roboto,Verdana,Tahoma,Arial; font-size: 10pt; color: #000000; text-align: left;}
p.mapadress	{width: 200px; margin-top: 1px; margin-bottom: 3px; font-family: Roboto,Verdana,Tahoma,Arial; font-size: 8pt; color: #000000; text-align: left;}
p.h2rubrik	{font-family: Roboto,Calibri,"Trebuchet MS",Verdana,Arial; font-size: 14pt; font-weight: bold; color: #000000; text-align: left; margin-bottom: 1px;}
p.announcement {box-sizing: border-box; text-align: center; font-size: 18pt; padding: 25px; border: 2px #000000 dashed; margin-top: 20px; line-height: 24pt; background-color: #edf1f7; width: 99%;}
p.announcement span {display: inline-block;}
span.smaller {font-size: 14pt; line-height: 18pt;}
blockquote				{padding: 10px 20px 10px 20px; background-color: #c9d4e8; color: #000000; font-family: Roboto,Arial,Calibri; font-style: italic; font-size: 10pt;}
blockquote.alignleft	{margin-left: 0; padding: 10px 20px 10px 20px; background-color: #c9d4e8; color: #000000; font-family: Roboto,Arial,Calibri; font-style: italic; font-size: 10pt;}


ul.lista	{margin: 10px 0px 15px 5px; padding: 0px}
li.lista	{list-style: disc; margin: 0px 5px 10px 20px; font-family: Roboto,Calibri,Verdana,Tahoma,Arial; font-size: 12pt; line-height: 14pt; color: #000000; text-align: left;}

ol.nummerlista		{margin: 20px 0px 10px 0px; padding: 0px;}
ol.nummerlista li	{margin: 0px 5px 10px 20px; font-family: Roboto,Calibri,Verdana,Tahoma,Arial; font-size: 12pt; line-height: 14pt; color: #000000; text-align: left;}

ul	{margin: 0px; padding: 0px;}
ol	{margin: 0px 0px 10px 0px; padding: 0px;}
ol li	{margin: 0px 0px 0px 20px; padding: 0px; list-style: normal; font-family: Calibri,Verdana,Tahoma,Arial; font-size: 11pt; color: #000000; text-align: left;}
ul li	{margin: 0px 0px 5px 0px; padding: 0px; list-style: none; font-family: Calibri,Verdana,Tahoma,Arial; font-size: 11pt; color: #000000; text-align: left;}

/******* WIDETOP ******/
div.widetop {
	width: 100%;
	background: #e0ebeb;
	border-bottom: 2px solid #004646;
	border-top: 2px solid #004646;
	padding-top: 0px;
	padding-bottom: 20px;
	margin: 0px 0px 0px 0px;
}
div.widetop p.rad1 {text-align: center; font-size: 18pt; line-height: 22pt; padding: 0px 15px 0px 15px;}
div.widetop p.rad2 {text-align: center; font-size: 28pt; line-height: 32pt; padding: 0px 15px 0px 15px;}
div.widetop p.rad3 {text-align: center; font-size: 14pt; line-height: 20pt; margin-bottom: 0px; padding: 0px 15px 0px 15px;}

div.widetop_both {
	display: block;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 0px 0px;
}

div.widetop_desktop {
	visibility: visible;
	display: block;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 0px 0px;
}

div.widetop_desktop img {
	max-width: 100%;
	margin: 0px 0px 0px 0px;
}

div.widetop_mobile {
	visibility: hidden;
	display: none;
}

div.widetop_mobile img {	
	max-width: 100%;
}

/******* WIDETOP ******/

div.container {
	max-width: 1000px; 
	margin: 0 auto; 
	padding: 0px 0px 0px 0px;
	background: #ffffff;
}

.title {
	padding-top: 35px;
	padding-bottom: 35px;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

div.titleimage {
	background: url("https://media.bilsemester.net/graphics/header-8-desktop.jpg");
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 0;
	padding-bottom: 35.69%; /* (img-height / img-width * container-width) */
						/* (853 / 1280 * 100) */
	/*background-size: 100% 100%;*/
	text-align: left;
}

div.titleimage img {
		width: 175px;
		display: none;
	}

div.content {
	max-width: 1000px;
	padding: 0px 30px 30px 30px;
	margin-top: 20px;
}

div.middle {
	width: 100%;
	float: left;
	max-width: 720px;
	margin: 0px 40px 0px 0px;
	text-align: left;
}

div.middle_box {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	max-width: 100%;
	max-width: 720px;
    overflow: hidden;
}

div.middle_box_half_left {
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	margin-right: 30px;
	width: 345px;
    overflow: hidden;
}

div.middle_box_half_right {
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 345px;
    overflow: hidden;
}

div.middle_box_third {
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	padding: 0px;
	margin-top: 20px;
	width: 29%;
    overflow: hidden;
}

div.middle_box_third h3 {
	height: 42pt;
}

div.right {
	float: left;
	width: 180px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

div.right_box {
	margin: 0px 0px 30px 0px;
	padding: 0px;
	width: 100%;
}

div.breadcrumb {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 20px;
	background-color: #edf1f7;
	/*background-color: #e0ebeb; tidigare färg*/
	max-width: 720px;	
	font-family: Roboto, Calibri,Verdana,Tahoma,Arial; 
	font-size: 11pt; 
	color: #000000; 
	text-align: left;
	line-height: 17pt;

	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;

	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

div.breadcrumb a {color: #000000;}
div.breadcrumb a:hover {color: #000000;}
div.breadcrumb a:visited {color: #000000;}

div.mobile_inline_ad {
	max-width: 720px; 
	margin: 0px;
	padding: 0px 0px 0px 0px;
	visibility: hidden;
	display: none;
}

/******* SELECT ALL START ******/
.force-select-all {
  user-select: all;
}

.force-select-all {
  -webkit-user-select: all; /* Covers Blink-land & Firefox (yup) */
  user-select: all; /* Someday */
}
/******* SELECT ALL SLUT ******/

/******* INLINE BOOK BOX START ******/
div.inline_book_box {width: 100%; margin-bottom: 40px; margin-top: 20px; padding: 5px 0px 5px 5px; background-color: #e0ebeb;}
div.inline_book_box_single {width: 50%; margin-bottom: 40px; margin-top: 20px; padding: 5px 0px 5px 5px; background-color: #e0ebeb;}

div.inline_book_box_item {
	background-color: #ffffff;
	margin: 10px;
	padding: 10px 0px 10px 0px;
	float: left;
	width: 335px;
}

div.inline_book_box_item_heading {
	padding: 10px;
	margin: 0px;
}

div.inline_book_box_item_heading h3 {
	font-family: "Roboto Condensed";
	font-size: 16pt;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

div.inline_book_box_item_row {
	padding: 0px 10px 10px 10px;
	margin: 0px;
}

div.inline_book_box_item_row p {
	font-family: "Roboto Condensed";
	text-align: left;
	font-size: 12pt;
	line-height: 12pt;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

div.inline_book_box_item_booking {
	padding: 0px 30px 10px 30px;
	margin: 10px 0px 0px 0px;
}

div.inline_book_box_item_row a.book_but {width: 100%; margin-top: 0px;}

a.book_but {
	margin: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	float: left;
	width: 100%;
	background-color: #228b22;
	color: #ffffff;
	font-family: Roboto,Montserrat,'Roboto Condensed',Roboto,Calibri,"Trebuchet MS", Verdana;
	letter-spacing: 2px;
	font-weight: bold;
	text-align: center;
	font-size: 14pt;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(ie-css3.htc);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a.book_but:hover {
	margin: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	float: left;
	width: 100%;
	background-color: #28a428;
	color: #ffffff;
	font-family: Roboto,Montserrat,'Roboto Condensed',Roboto,Calibri,"Trebuchet MS", Verdana;
	letter-spacing: 2px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	font-size: 14pt;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(ie-css3.htc);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a.readmore_but {
	margin: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	float: left;
	width: 100%;
	background-color: #324a76;
	/*background-color: #3c5d5d; gammal färg*/
	color: #ffffff;
	font-family: Roboto, Montserrat,'Roboto Condensed',Roboto,Calibri,"Trebuchet MS", Verdana;
	letter-spacing: 2px;
	font-weight: bold;
	text-align: center;
	font-size: 14pt;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(ie-css3.htc);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a.readmore_but:hover {
	margin: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	float: left;
	width: 100%;
	background-color: #3d5a8f;
	/*background-color: #507c7c; gammal färg*/
	color: #ffffff;
	font-family: Roboto, Montserrat,'Roboto Condensed',Roboto,Calibri,"Trebuchet MS", Verdana;
	letter-spacing: 2px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	font-size: 14pt;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(ie-css3.htc);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/******* INLINE BOOK BOX SLUT ******/

/******* INLINE ARTICLE BOX START ******/
div.inline_article_box {width: 100%; margin-bottom: 40px; margin-top: 20px; padding: 5px 0px 5px 5px; background-color: #e0ebeb;}
div.inline_article_box_single {width: 50%; margin-bottom: 40px; margin-top: 20px; padding: 5px 0px 5px 5px; background-color: #e0ebeb;}

div.inline_article_box_item {
	background-color: #ffffff;
	margin: 10px;
	padding: 10px 0px 10px 0px;
	float: left;
	width: 335px;
}

div.inline_article_box_item_heading {
	padding: 5px 10px 5px 10px;
	margin: 0px;
}

div.inline_article_box_item_heading h3 {
	font-family: "Roboto Slab";
	font-size: 16pt;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

div.inline_article_box_item_image {
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

div.inline_article_box_item_row {
	padding: 0px 10px 10px 10px;
	margin: 0px;
	min-height: 10px;
}

div.inline_article_box_item_row p {
	font-family: "Roboto Condensed";
	text-align: left;
	font-size: 12pt;
	line-height: 15pt;
	padding: 0px;
	margin: 0px;
	text-align: center;
}
 /*
div.inline_article_box_item_row img {
	height: auto;
	max-width: 100%;
	margin-bottom: 0px;
} TA BORT NÄR ALL HTML ÄR UTBYTT MOT NEDAN */

div.inline_article_box_item_image img {
	height: auto;
	max-width: 100%;
	margin-bottom: 0px;
}

div.inline_article_box_item_readmore {
	padding: 0px 30px 10px 30px;
	margin: 10px 0px 0px 0px;
	display: none;
	visibility: hidden;
}

a.article_block_link {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

div.inline_book_box_item_row a.article_but {width: 100%; margin-top: 0px;}

a.article_but {
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 3px;
	float: left;
	width: 100%;
	background-color: #228b22;
	color: #ffffff;
	font-family: Roboto,Calibri,"Trebuchet MS", Verdana;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: center;
	font-size: 14pt;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(ie-css3.htc);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a.article_but:hover {
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 3px;
	float: left;
	width: 100%;
	background-color: #28a428;
	color: #ffffff;
	font-family: Roboto,Calibri,"Trebuchet MS", Verdana;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	font-size: 14pt;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(ie-css3.htc);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/******* INLINE ARTICLE BOX SLUT ******/

/******* INLINE ARTICLE BOX LATEST NEWS FRONTPAGE START ******/
div.inline_article_box_latestnews {width: 100%; margin-bottom: 30px; margin-top: 15px; padding: 5px 5px 15px 5px; background-color: #e0ebeb;}

div.inline_article_box_item_latestnews {
	background-color: #ffffff;
	padding: 5px 0px 0px 0px;
	margin-top: 10px;
	margin-right: 1%;
	margin-bottom: 10px;
	margin-left: 1%;
	float: left;
	width: 30.5%;
}

div.inline_article_box_item_heading_latestnews {
	padding: 0px 10px 5px 10px;
	margin: 0px;
}

div.inline_article_box_item_heading_latestnews h3 {
	font-family: "Roboto Slab";
	font-size: 16pt;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

div.inline_article_box_item_image_latestnews {
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

div.inline_article_box_item_image_latestnews img {
	height: auto;
	max-width: 100%;
	margin-bottom: -10px;
	padding-bottom: 0px;
}
/******* INLINE ARTICLE BOX LATEST NEWS FRONTPAGE SLUT ******/

/******* INLINE HOTEL BOX START ******/
div.inline_hotel_box {width: 100%; margin-bottom: 40px; margin-top: 20px; padding: 5px 0px 5px 5px; background-color: #e0ebeb; text-align: center;}
div.inline_hotel_box h2 {font-size: 16pt; margin: 10px 0px 10px -10px; text-align: center; line-height: 18pt;}

div.inline_hotel_box_item {
	background-color: #ffffff;
	margin: 10px;
	padding: 10px 0px 10px 0px;
	float: left;
	width: 216px;
}

div.inline_hotel_box_item_heading {
	padding: 10px;
	margin: 0px;
}

div.inline_hotel_box_item_heading h3 {
	font-family: "Roboto Slab";
	font-size: 16pt;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

div.inline_hotel_box_item_row {
	padding: 0px 10px 0px 10px;
	margin: 0px;
}

div.inline_hotel_box_item_row p {
	font-family: "Roboto Condensed";
	text-align: left;
	font-size: 10pt;
	line-height: 15pt;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

div.inline_hotel_box_item_readmore {
	padding: 0px 30px 10px 30px;
	margin: 10px 0px 0px 0px;
}

div.inline_hotel_box_item_readmore a.hotel_but {width: 100%; margin-top: 0px;}

div.inline_hotel_box_item_special {float: none; clear: both; padding: 25px 0px 30px 0px;}

a.hotel_but {
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	width: 100%;
	background-color: #228b22;
	color: #ffffff;
	font-family: Calibri,"Trebuchet MS", Verdana;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(ie-css3.htc);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a.hotel_but:hover {
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	width: 100%;
	background-color: #28a428;
	color: #ffffff;
	font-family: Calibri,"Trebuchet MS", Verdana;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(ie-css3.htc);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a.hotelbooking {
	margin: 10px 0px 20px 0px;
	padding: 10px 25px 10px 25px;
	width: 350px;
	background-color: #324a76;
	/*background-color: #324A76; gammal färg*/
	color: #ffffff;
	font-family: Calibri,"Trebuchet MS", Verdana;
	font-weight: bold;
	text-align: center;
	text-decoration: none;	
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

a.hotelbooking:hover {
	margin: 10px 0px 20px 0px;
	padding: 10px 25px 10px 25px;
	width: 350px;
	background-color: #3d5a8f;
	/*background-color: #5B6E91; gammal färg*/
	color: #ffffff;
	font-family: Calibri,"Trebuchet MS", Verdana;
	font-weight: bold;
	text-align: center;
	text-decoration: none;	
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
/******* INLINE HOTEL BOX SLUT ******/

/******* BETYG BOX START ******/
div.betyg_box {
	background: #e0ebeb;
	padding: 15px;
	margin-bottom: 25px;
}
/******* BETYG BOX SLUT ******/

div.lander_fakta_meny {
	float: left;
	max-width: 360px;
	min-height: 130px;
	margin: 10px 0px 0px 0px;
}

div.lander_fakta_meny img{
	float: left;
	border: 0px;
	margin: 0px 8px 0px 0px;
}

/******* LÄNDER SNABBFAKTARUTA START  ******/
div.lander_snabbfakta {
	width: 100%; background-color: #e0ebeb; padding: 15px 15px 5px 15px; margin-bottom: 20px;
}

div.lander_snabbfakta p {
	font-size: 10pt; margin-bottom: 5px; line-height: 14pt;
}

div.lander_snabbfakta_kolumn {
	width: 24%; float: left; margin-right: 1%;
}
/******* LÄNDER SNABBFAKTARUTA SLUT  ******/

/******* DÄCKTABELL START  ******/
div.dack_row {
	width: 100%;
	border-top: #000000 dotted 1px;
	color: #000000;
	background: #ffffff;
	text-align: left;
	margin: 3px 0px 3px 0px;
	clear:both;
	float:none;
	font-family: Roboto,Calibri,Verdana,Tahoma,Arial; 
}

div.dack_cont {
	float:left;
	vertical-align: middle;
	padding-top: 12px;
}

div.dack_cont a {
	text-decoration: none;
	color: #000000;
}

div.dack_cont span {
	font-size: 12pt;
	vertical-align: middle;
	padding-left: 2px;
	display:block;
	width:200px;
	word-wrap:break-word;
}

div.dack_cont img {
	vertical-align: middle;
	height: 40px;
	width: auto;
}

div.dack_price {
	float: right;
	min-width: 120px;
	font-size: 12pt; 
	padding-top: 22px;
	text-align: right;
	padding-right: 35px;
}

div.dack_logo_mobile {
	display: none;
	visibility: hidden;
}

div.dack_logo {
	float: right;
	min-width: 170px;
	padding-top: 10px;
}

div.dack_button {
	float: right;
	min-width: 130px;
	padding-top: 15px;
}
/******* DÄCKTABELL SLUT ******/

/******* BOKNINGSTABELL START ******/
div.booking_row {
	width: 100%;
	border-top: #000000 dotted 1px;
	color: #000000;
	background: #ffffff;
	text-align: left;
	margin: 3px 0px 3px 0px;
	clear:both;
	float:none;
	font-family: Roboto,Calibri,Verdana,Tahoma,Arial; 
}

div.booking_cont {
	float:left;
	vertical-align: middle;
	padding-top: 15px;
}

div.booking_cont a {
	text-decoration: none;
	color: #000000;
}

div.booking_cont span {
	font-size: 12pt;
	vertical-align: middle;
	padding-left: 2px;
}

div.booking_cont img {
	vertical-align: middle;
}

div.booking_price {
	float: right;
	min-width: 120px;
	font-size: 12pt; 
	padding-top: 18px;
	text-align: right;
	padding-right: 35px;
}

div.booking_logo {
	float: right;
	min-width: 140px;
	padding-top: 10px;
}

div.booking_button {
	float: right;
	min-width: 120px;
	padding-top: 10px;
}
/******* BOKNINGSTABELL SLUT ******/

/******* BENSINKORTSTABELL START ******/
div.bensinkort_row {
	width: 100%;
	border-top: #000000 dotted 1px;
	color: #000000;
	background: #ffffff;
	text-align: left;
	margin: 3px 0px 3px 0px;
	clear:both;
	float:none;
	font-family: Roboto,Calibri,Verdana,Tahoma,Arial; 
}

div.bensinkort_cont {
	float:left;
	vertical-align: middle;
	padding-top: 12px;
	width:50%;
}

div.bensinkort_cont a {
	text-decoration: none;
	color: #000000;
}

div.bensinkort_cont span {
	font-size: 12pt;
	vertical-align: middle;
	padding-left: 2px;
	display:block;
	width:100%;
	word-wrap:break-word;
	margin-bottom: 10px;
}

div.bensinkort_logo {
	float: right;
	min-width: 170px;
	padding-top: 10px;
}

div.bensinkort_button {
	float: right;
	min-width: 130px;
	padding-top: 15px;
}
/******* BENSINKORTSTABELL SLUT ******/

/******* BOKNINGSKNAPPAR UNDER SAMMANFATTNING START ******/
div.booking_box_inline {
	float:right; margin-top: 0px;
	max-width: 320px; height: 50px;
}

div.booking_button_inline_book {
	float:right; margin-top: 0px;
	width: 150px; height: 50px;
	margin-right: 0px;
}

div.booking_button_inline_read {
	float:right; margin-top: 0px;
	width: 150px; height: 50px;
	margin-right: 20px;
}
/******* BOKNINGSKNAPPAR UNDER SAMMANFATTNING SLUT ******/

/* ***** BRANSLEPRISER TABLE ***** */
table.bransle {
	width: 70%;
	border: 2px solid #000000;
	border-collapse: collapse; 
}

table.bransle tr {
	width: 100%;
	border-bottom: 1px solid #000000;
}

table.bransle td {	
	border-right: 1px solid #c0c0c0;
}

table.bransle td.land {
	width: 50%;
}

table.bransle td.bensin {
	width: 25%;
}

table.bransle td.diesel {
	width: 25%;
}

/* ***** BENSINPRISER TABLE ***** */

p.restid {min-width: 200px; display: inline-block;}

.overlay {
   background:transparent; 
   position:relative; 
   width:100%;
   height:100%; /* your iframe height */
   top:100%;  /* your iframe height */
   margin-top:-100%;  /* your iframe height */
}

/* ***** BROBIZZ START ***** */
div.brobizzbox {
	float:right;
	width:250px;
	background-color:#336B6B;
	margin-left: 15px;
	margin-bottom: 15px;
	padding: 25px;
}

p.brobizz_rubr {
	font-family: Calibri,Arial;
	font-size: 22pt;
	line-height: 24pt;
	color: #CCDADA;
	text-align: center;
}

p.brobizz_text {
	font-family: Calibri,Arial;
	font-size: 14pt;
	color: #CCDADA;
	text-align: center;
	margin-bottom: 20px;
}

p.brobizz_lank {
	font-family: Calibri,Arial;
	color: #CCDADA;
	text-align: center;
	margin-bottom: 20px;
}

p.brobizz_lank {
	text-align:center;
	margin-bottom: 0px;
}

.brobizz_lank a {
	color:#CCDADA;
	text-decoration:underline;
	font-family:Calibri,Arial;
	font-size:18pt;
	line-height: 22pt;
}

.brobizz_lank a:visited {
	text-decoration:underline;
}

.brobizz_lank a:hover {
	text-decoration:underline;
	font-weight: bold;
}
/* ***** BROBIZZ SLUT ***** */

a.booking {
	margin: 10px 0px 20px 0px;
	padding: 10px;
	float: none;
	display: inline-block;
	width: 350px;
    box-sizing: border-box;
	background-color: #324a76;
	/*background-color: #324A76; gammal färg*/
	color: #ffffff;
	font-family: Calibri,"Trebuchet MS", Verdana;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

a.booking:hover {
	margin: 10px 0px 20px 0px;
	padding: 10px;
	float: none;
	display: inline-block;
	width: 350px;
	background-color: #3d5a8f;
	/*background-color: #5B6E91; gammal färg*/
	color: #ffffff;
	font-family: Calibri,"Trebuchet MS", Verdana;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

/******* RESPONSIV VIDEO START ******/
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:97%;
	height:97%;
}
/******* RESPONSIV VIDEO SLUT ******/

/******* RESPONSIV KARTA START ******/
.maps-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.maps-container iframe, .maps-container object, .maps-container embed {
	position:absolute;
	top:0;
	left:0;
	width:97%;
	height:97%;
}
/******* RESPONSIV KARTA SLUT ******/

/******* GOOGLE MAPS START ******/
#map_wrapper {height: 400px;}
#map_canvas {width: 100%; height: 100%;}
#infowindow {width: 200px; height; 200px; clear:both; float:none; overflow: hidden; white-space: nowrap;}
/******* GOOGLE MAPS SLUT ******/

.clear {
	float:none;
	clear:both;
}

/* ***** BILDSPEL START ***** */
.carousel {
    position: relative;
	margin-bottom: 10px;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;	
	height: 0;
	padding-bottom: 65.00%; /* (img-height / img-width * container-width) */
							/* (853 / 1280 * 100) */
	background-size: 100% 100%;
	text-align: left;
}

.carousel-inner>.item {
    display: none;
    position: relative;
    -webkit-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    height: auto;
	line-height: 1;
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block;
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner>.next {
    left: 100%;
}

.carousel-inner>.prev {
    left: -100%;
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0;
}

.carousel-inner>.active.left {
    left: -100%;
}

.carousel-inner>.active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    filter: alpha(opacity=20);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.carousel-control.icon-prev {
	background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .5) 0), color-stop(rgba(0, 0, 0, .0001) 100%));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.carousel-control.icon-next {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0), color-stop(rgba(0, 0, 0, .5) 100%));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.carousel-control:hover,
.carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90);
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.glyphicon-chevron-left,
.glyphicon-chevron-right {
    font-size: 60pt !important;
	color: #ffffff;
	line-height: 60pt !important;
	opacity: 1.0;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
    left: 50%;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
    right: 50%;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    font-family: serif;
}

.carousel-control .icon-prev:before {
    content: '\2039';
}

.carousel-control .icon-next:before {
    content: '\203a';
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff;
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-right: 15px;
    padding-left: 15px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	background: rgba(0, 0, 0, 0.3);
}

.carousel-caption h3 {
	color: #ffffff;
	margin: 0px;
}

.carousel-caption p {
	color: #ffffff;
}

.carousel-caption p.annons {
	margin-bottom: 0px; 
	padding-right: 17px;
	font-size: 10pt;
	font-family: Roboto, Calibri, Arial;
	text-align: left;
}

.carousel-caption .btn {
    text-shadow: none;
}

@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px;
    }
    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px;
    }
    .carousel-indicators {
        bottom: 20px;
    }
}
@media screen and (max-width:768px) {
	/*.carousel {
		height: 300px !important;
	}*/
	
	.carousel-inner>.item>img,
	.carousel-inner>.item>a>img {
		display: block;
		max-width: 100%;
		height: auto;
		line-height: 1;
	}
	
	.carousel-caption p {
		font-size: 10pt !important;
		line-height: 12pt !important;
	}
	
	.carousel-caption h3 {
		color: #ffffff;
		margin: 0px;
		font-size: 14pt;
	}
	
	.carousel-indicators {
        padding-bottom: 5px;
    }
}
/* ***** BILDSPEL SLUT ***** */


/* ************************************************************************************************************************** */
/* ************************************************ RESPONSIV DESIGN ******************************************************** */
/* ************************************************************************************************************************** */

/* ************************************************************************************************************************** */
/* ***************************************************** 1020 PX ************************************************************ */
/* ************************************************************************************************************************** */

@media only screen and (max-width: 1020px) {
	BODY {
		padding: 0px 0px 0px 0px;
		text-align: none;
		margin: 0px;
	}
	
	img.alignnone {height: auto; width: 100%; margin-bottom: 20px;}
	p.bildtext {margin-top: -24px !important; margin-bottom: 15px;}
	
	/*
	div.booking_cont {
		float: left;
		min-width: 240px;
		vertical-align: middle;
		padding-top: 15px;
	}*/
}


/* ************************************************************************************************************************** */
/* ***************************************************** 900 PX ************************************************************* */
/* ************************************************************************************************************************** */
@media only screen and (max-width: 900px) {	
	div.breadcrumb {
		margin: -10px 0px -5px 0px;
	}
	
	/******* INLINE BOOK BOX START ******/
	div.inline_book_box {width: 100%; margin-bottom: 40px; margin-top: 20px; padding: 5px 0px 5px 5px; background-color: #e0ebeb;}
	div.inline_book_box_single {width: 50%; margin-bottom: 40px; margin-top: 20px; padding: 5px 0px 5px 5px; background-color: #e0ebeb;}

	div.inline_book_box_item {
		margin: 10px 2% 10px 2%;
		padding: 10px 0px 10px 0px;
		width: 45%;
	}

	div.inline_book_box_item_heading h3 {
		font-family: "Roboto Condensed";
		font-size: 15pt;
		margin: 0px;
		padding: 0px;
		text-align: center;
	}

	div.inline_book_box_item_row p {
		font-family: "Roboto Condensed";
		text-align: left;
		font-size: 12pt;
		line-height: 12pt;
		padding: 0px;
		margin: 0px;
		text-align: center;
	}
	/******* INLINE BOOK BOX SLUT ******/
	
	/******* INLINE ARTICLE BOX START ******/
	div.inline_article_box {width: 100%; margin-bottom: 40px; margin-top: 20px; padding: 5px 0px 5px 5px; background-color: #e0ebeb;}
	div.inline_article_box_single {width: 50%; margin-bottom: 40px; margin-top: 20px; padding: 5px 0px 5px 5px; background-color: #e0ebeb;}
	
	div.inline_article_box_item {
		margin: 10px 2% 10px 2%;
		padding: 10px 0px 10px 0px;
		width: 45%;
	}
	
	div.inline_article_box_item_image {
		padding: 0px 0px 10px 0px;
		margin: 0px;
	}
	
	div.inline_article_box_item_image img {
		height: auto;
		max-width: 100%;
		margin-bottom: 0px;
	}
	
	div.inline_article_box_item_row {
		padding: 0px 10px 10px 10px;
		margin: 0px;
		min-height: 50px;
	}

	div.inline_article_box_item_heading h3 {
		font-size: 15pt;
	}
	/******* INLINE ARTICLE BOX SLUT ******/
	
	/******* INLINE HOTEL BOX START ******/
	div.inline_hotel_box {width: 100%; margin-bottom: 40px; margin-top: 20px; padding: 5px 0px 5px 5px; background-color: #e0ebeb;}

	div.inline_hotel_box_item {
		margin: 10px 2% 10px 2%;
		padding: 10px 0px 10px 0px;
		width: 45%;
	}

	div.inline_hotel_box_item_heading h3 {
		font-size: 15pt;
	}
	/******* INLINE HOTEL BOX SLUT ******/

/* ************************************************************************************************************************** */
/* ***************************************************** 800 PX ************************************************************* */
/* ************************************************************************************************************************** */
@media only screen and (max-width: 800px) {
	body {
		background-color: #ffffff;
	}
	
	h1	{
		font-family: 'Roboto Slab',Calibri,"Trebuchet MS",Verdana,Arial; 
		font-size: 21pt;
		line-height: 24pt;
		font-weight: normal; 
		color: #000000; 
		text-align: left;
		vertical-align: bottom;
		margin: 5px 0px 10px 0px;
		}

	h2	{	
		font-family: 'Roboto Slab',Calibri,"Trebuchet MS",Verdana,Arial; 
		font-size: 20pt; 
		line-height: 22pt;
		font-weight: normal; 
		color: #000000; 
		text-align: left;
		margin: 15px 0px 5px 0px;
		}
		
	div.farja h2	{	
		font-family: 'Roboto Slab',Calibri,"Trebuchet MS",Verdana,Arial; 
		font-size: 20pt; 
		line-height: 22pt;
		font-weight: normal; 
		color: #000000; 
		text-align: left;
		margin: 25px 0px 5px 0px;
		clear: both;
		float: none;
		}

	h3	{	
		font-family: 'Roboto Slab',Calibri,"Trebuchet MS",Verdana,Arial; 
		font-size: 18pt; 
		line-height: 20pt;
		font-weight: normal; 
		color: #000000; 
		text-align: left;
		margin: 25px 0px 2px 0px;
		}
		
	h4	{	
		font-family: 'Roboto Slab',Calibri,"Trebuchet MS",Verdana,Arial; 
		font-size: 15pt;  
		line-height: 18pt;
		font-weight: normal;
		text-align: left;
		color: #000000; 
		vertical-align: bottom;
		margin: 15px 0px 5px 0px;
		padding: 0px;
	}
	
	div.container {
		width: 100%; 
		margin: 0px;
	}
	
	div.middle {
		max-width: 720px;
		margin: 0px 0px 40px 0px;
	}
	
	div.middle_box {
		margin: 20px 0px 0px 0px;
		padding: 0px;
		max-width: 720px;
	}
	
	div.middle_box_half_left {
		margin: 0px 0px 0px 0px;
		padding: 0px;
		width: 390px;
		overflow: hidden;
	}

	div.middle_box_half_right {
		margin: 20px 0px 0px 0px;
		padding: 0px;
		width: 390px;
		overflow: hidden;
	}
	
	div.right {
		float: left;
		width: 100%;
	}
	
	/******* INLINE BOOK BOX START ******/
	div.inline_book_box {width: 100%; margin-bottom: 40px; margin-top: 20px; padding: 5px 0px 5px 5px; background-color: #e0ebeb;}
	div.inline_book_box_single {width: 100%; margin-bottom: 40px; margin-top: 20px; padding: 5px 0px 5px 5px; background-color: #e0ebeb;}
	
	div.inline_book_box_item {
		margin: 10px 2% 10px 2%;
		padding: 10px 0px 10px 0px;
		width: 45%;
	}
	
	div.inline_book_box_item_heading {
		/*height: 35pt;*/
	}

	div.inline_book_box_item_heading h3 {
		font-weight: normal;
	}

	div.inline_book_box_item_row p {
		font-weight: normal;
	}
	/******* INLINE BOOK BOX SLUT ******/
	
	/******* INLINE ARTICLE BOX START ******/
	div.inline_article_box {width: 100%; margin-bottom: 40px; margin-top: 20px; padding: 5px 0px 5px 5px; background-color: #e0ebeb;}
	div.inline_article_box_single {width: 100%; margin-bottom: 40px; margin-top: 20px; padding: 5px 0px 5px 5px; background-color: #e0ebeb;}
	
	div.inline_article_box_item {
		margin: 10px 2% 10px 2%;
		padding: 10px 0px 10px 0px;
		width: 45%;
	}
	
	/*div.inline_article_box_item_heading {
		height: 35pt;
	}*/
	
	div.inline_article_box_item_heading h3 {
		font-weight: normal;
	}
	
	div.inline_article_box_item_image {
		padding: 0px 0px 10px 0px;
		margin: 0px;
	}
	
	div.inline_article_box_item_image img {
		height: auto;
		max-width: 100%;
		margin-bottom: 0px;
	}

	div.inline_article_box_item_row p {
		font-weight: normal;
		margin: 0px;
	}
	
	div.inline_article_box_item_row {
		padding: 0px 10px 10px 10px;
		margin: 0px;
		min-height: 80px;
	}
	/******* INLINE ARTICLE BOX SLUT ******/
	
	/******* INLINE HOTEL BOX START ******/
	div.inline_hotel_box {width: 100%; margin-bottom: 40px; margin-top: 20px; padding: 5px 0px 5px 5px; background-color: #e0ebeb;}

	div.inline_hotel_box_item {
		margin: 10px 2% 10px 2%;
		padding: 10px 0px 10px 0px;
		width: 45%;
	}
	
	div.inline_hotel_box_item_heading {
		height: 35pt;
	}

	div.inline_hotel_box_item_heading h3 {
		font-weight: normal;
	}

	div.inline_hotel_box_item_row p {
		font-weight: normal;
	}
	/******* INLINE HOTEL BOX SLUT ******/
	
	div.copy {background-color: #e6e6e6; padding-top: 10px; padding-bottom: 10px;}
	
	/******* DÄCKTABELL START  ******/
	div.dack_price {
		float: right;
		min-width: 90px;
		font-size: 12pt; 
		padding-top: 22px;
		text-align: right;
		padding-right: 15px;
	}
	
	div.dack_logo_mobile {
		display: none;
		visibility: hidden;
	}
	
	div.dack_logo {
		float: right;
		min-width: 170px;
		padding-top: 10px;
	}
	
	div.dack_button {
		float: right;
		min-width: 100px;
		padding-top: 15px;
	}
	/******* DÄCKTABELL SLUT  ******/
	
	/******* BOKNINGSTABELL START  ******/
	div.booking_price {
		float: right;
		min-width: 90px;
		font-size: 12pt; 
		padding-top: 18px;
		text-align: right;
		padding-right: 15px;
	}
	
	div.booking_logo {
		float: right;
		min-width: 120px;
		padding-top: 10px;
	}
	
	div.booking_button {
		float: right;
		min-width: 100px;
		padding-top: 10px;
	}
	/******* BOKNINGSTABELL SLUT  ******/
	
	/******* BENSINKORTSTABELL START  ******/
	div.bensinkort_logo {
		float: right;
		min-width: 170px;
		padding-top: 10px;
	}
	
	div.bensinkort_cont {
		float:left;
		vertical-align: middle;
		padding-top: 12px;
	}
	
	div.bensinkort_button {
		float: right;
		min-width: 100px;
		padding-top: 15px;
	}
	/******* BENSINKORTSTABELL SLUT  ******/
	
	table.bransle {
		width: 100%;
	}
	
	div.right_annons {
		display: none;
	}
	
	img.foto  {max-width: 650px;}

	div.lander_fakta_meny {width: 100%; margin-bottom: 10px;}
}


/* ************************************************************************************************************************** */
/* ***************************************************** 720 PX ************************************************************* */
/* ************************************************************************************************************************** */
@media only screen and (max-width: 720px) {	
	div.title {margin-bottom: 10px;}
	
	p.announcement {box-sizing: border-box; text-align: center; font-size: 14pt; padding: 25px; border: 2px #000000 dashed; margin-top: 20px; line-height: 18pt; background-color: #edf1f7; width: 98%;}
	p.announcement span {display: inline-block;}	
	span.smaller {font-size: 12pt; line-height: 16pt;}

	div.middle_box_third {
		float: left;
		margin-left: 2%;
		margin-right: 2%;
		padding: 0px;
		margin-top: 20px;
		width: 46%;
		overflow: hidden;
	}
	
	div.middle_box_third h3 {
		font-size: 16pt;
		height: 42pt;
	}
	
}
	
/* ************************************************************************************************************************** */
/* ***************************************************** 660 PX ************************************************************* */
/* ************************************************************************************************************************** */
@media only screen and (max-width: 660px) {	
	img.bt_right 	{float: none; margin: 0px 0px 5px 0px; max-widht: 99%;}
	img.bt_left 	{float: none; margin: 0px 0px 5px 0px; max-widht: 99%;}
	
	img.alignnone			{height: auto; width: 100%; margin-bottom: 15px;}
	img.alignnone_50		{width: 100%; height: auto; float: none; margin-right: 10px; margin-bottom: 10px;}
	img.alignleft			{height: auto; width: 100% !important; float: none; margin-right: 0px; margin-bottom: 10px;}
	img.alignleft_300px		{height: auto; width: 100% !important; float: none; margin-right: 0px; margin-bottom: 10px;}
	img.alignright			{height: auto; width: 100% !important; float: none; margin-left: 0px; margin-bottom: 10px;}
	img.alignright_300px	{height: auto; width: 100% !important; float: none; margin-left: 0px; margin-bottom: 10px;}
	img.alignleft_50		{width: 100%; height: auto; float: none; margin-right: 0px; margin-bottom: 10px;}	
	img.alignleft_orgsize	{width: 100%; height: auto; float: none; margin-right: 0px; margin-bottom: 10px;}
	img.alignright_orgsize	{width: 100%; height: auto; float: none; margin-left: 0px; margin-bottom: 10px;}
	img.alignleft_50		{width: 100%; height: auto; float: none; margin-right: 0px; margin-bottom: 10px;}
	img.desktop 			{visibility: hidden; display: none;}
	img.mobile				{visibility: visible; display: inline;}
	
	div.title {margin-bottom: 10px;}
	div.content {margin-top: 0px; padding: 15px;}
	
	p.bildtext {
		border-left: 5px solid #6a9595;
		border-bottom: 1px solid #6a9595;
		border-right: 1px solid #6a9595;
		background-color: #f0f4f4;
		padding: 5px 3px 3px 10px;
		margin-top: -20px !important;
		margin-bottom: 15px;
		font-family: "Roboto Condensed",Arial,Calibri,Verdana,Tahoma,Arial;
		font-size: 10pt;
		line-height: 12pt;
		font-style:italic;
		color: #004646;
		text-align: left;
	}
	
	h2	{	
		font-family: 'Roboto Slab',Calibri,"Trebuchet MS",Verdana,Arial; 
		font-size: 18pt; 
		line-height: 21pt;
		font-weight: normal; 
		color: #000000; 
		text-align: left;
		margin: 15px 0px 5px 0px;
		}
		
	div.farja h2	{	
		font-family: 'Roboto Slab',Calibri,"Trebuchet MS",Verdana,Arial; 
		font-size: 18pt; 
		line-height: 22pt;
		font-weight: normal; 
		color: #000000; 
		text-align: left;
		margin: 25px 0px 5px 0px;
		clear: both;
		float: none;
		}

	h3	{	
		font-family: 'Roboto Slab',Calibri,"Trebuchet MS",Verdana,Arial; 
		font-size: 16pt; 
		line-height: 18pt;
		font-weight: normal; 
		color: #000000; 
		text-align: left;
		margin: 25px 0px 2px 0px;
		}
		
	h4	{	
		font-family: 'Roboto Slab',Calibri,"Trebuchet MS",Verdana,Arial; 
		font-size: 15pt;  
		line-height: 17pt;
		font-weight: normal;
		text-align: left;
		color: #000000; 
		vertical-align: bottom;
		margin: 15px 0px 5px 0px;
		padding: 0px;
	}
	
	div.breadcrumb {
		margin: -15px 0px -10px 0px;
	}
	
	div.middle_box_half_left {
		margin: 0px 0px 0px 0px;
		padding: 0px;
		margin-right: 0px;
		width: 100%;
		overflow: hidden;
	}

	div.middle_box_half_right {
		margin: 0px 0px 0px 0px;
		padding: 0px;
		width: 100%;
		overflow: hidden;
	}
	
	/******* DÄCKTABELL START  ******/
	div.dack_cont {
		/*float: left;
		width: 65%;
		margin-top: 10px;
		font-size: 13pt; 
		font-weight: normal;
		padding-top: 0px;
		text-align: left;
		font-family: Roboto,Calibri;*/
		display: none;
		visibility: hidden;
		width: 0%;
	}
	
	div.dack_logo_mobile {
		display: inline;
		visibility: visible;
		float: left;
		width: 65%;
		padding-top: 15px;
	}

	div.dack_logo {
		display: none;
		visibility: hidden;
		width: 0%;
	}

	div.dack_price {
		float: left;
		width: 35%;
		font-size: 16pt; 
		font-weight: normal;
		padding-top: 0px;
		text-align: center;
		margin-top: 15px;
		padding-right: 0px;
		font-family: Roboto,Calibri;
	}

	div.dack_button {
		float: left;
		width: 35%;
		font-weight: normal;
		font-family: Roboto,Calibri;
	}
	/******* DÄCKTABELL SLUT  ******/
	
	/******* BOKNINGSTABELL START  ******/
	div.booking_cont {
		float: left;
		width: 65%;
		margin-top: 10px;
		font-size: 13pt; 
		font-weight: normal;
		padding-top: 0px;
		text-align: left;
		font-family: Roboto,Calibri;
	}

	div.booking_logo {
		float: left;
		width: 65%;
	}

	div.booking_price {
		float: left;
		width: 35%;
		font-size: 16pt; 
		font-weight: normal;
		padding-top: 0px;
		text-align: center;
		margin-top: 15px;
		padding-right: 0px;
		font-family: Roboto,Calibri;
	}

	div.booking_button {
		float: left;
		width: 35%;
		font-weight: normal;
		font-family: Roboto,Calibri;
	}
	/******* BOKNINGSTABELL SLUT  ******/
	
	/******* BENSINKORTSTABELL START  ******/
	div.bensinkort_cont {
		float: left;
		width: 100%;
		margin-top: 10px;
		font-size: 13pt; 
		font-weight: normal;
		padding-top: 0px;
		text-align: left;
		font-family: Roboto,Calibri;
	}
	
	div.bensinkort_logo {
		float: left;
		min-width: 170px;
		padding-top: 10px;
		margin-left: 25px;
		margin-bottom: 10px;
	}

	div.bensinkort_button {
		float: left;
		width: 35%;
		font-weight: normal;
		font-family: Roboto,Calibri;
	}
	/******* BENSINKORTSTABELL SLUT  ******/
}


/* ************************************************************************************************************************** */
/* ***************************************************** 600 PX ************************************************************* */
/* ************************************************************************************************************************** */
@media only screen and (max-width: 600px) {
	img.foto  {max-width: 400px;}
	
	div.lander_fakta_meny {width: 100%; margin-bottom: 10px;}
	
	div.booking_cont a {
		color: #004646;
	}
	
	/******* INLINE ARTICLE BOX START ******/
	div.inline_article_box_item_row {
		padding: 0px 10px 10px 10px;
		margin: 0px;
		min-height: 120px;
	}
	/******* INLINE ARTICLE BOX START ******/
	
	/******* LÄNDER SNABBFAKTARUTA START  ******/
	div.lander_snabbfakta {
		width: 100%; background-color: #e0ebeb; padding: 10px 10px 5px 10px; margin-bottom: 20px;
	}

	div.lander_snabbfakta p {
		font-size: 12pt; margin-bottom: 8px; line-height: 15pt;
	}

	div.lander_snabbfakta_kolumn {
		width: 100%; float: left; margin-right: 0;
	}
	/******* LÄNDER SNABBFAKTARUTA SLUT  ******/
}


/* ************************************************************************************************************************** */
/* ***************************************************** 520 PX ************************************************************* */
/* ************************************************************************************************************************** */
@media only screen and (max-width: 520px) {		
	a.booking {
		margin: 10px 0px 20px 0px;
		padding: 10px 0px 10px 0px;
		float: left;
		width: 100%;
		box-sizing: border-box;
		background-color: #324A76;
		color: #ffffff;
		font-family: Calibri,"Trebuchet MS", Verdana;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		
		-moz-border-radius: 5px; /* Firefox */
		-webkit-border-radius: 5px; /* Safari and Chrome */
		border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

		behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	}

	a.booking:hover {
		margin: 10px 0px 20px 0px;
		padding: 10px 0px 10px 0px;
		float: left;
		width: 100%;
		box-sizing: border-box;
		background-color: #5B6E91;
		color: #ffffff;
		font-family: Calibri,"Trebuchet MS", Verdana;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		
		-moz-border-radius: 5px; /* Firefox */
		-webkit-border-radius: 5px; /* Safari and Chrome */
		border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

		behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	}
	
	div.mobile_inline_ad {
		width: 100%;
		padding: 0px 0px 0px 0px;
		visibility: visible;
		display: block;
		text-align: center;
	}
	
	div.mobile_inline_ad img {
		width: 100%;
		height: auto;
		float: none;
		margin-right: 0px;
		margin-bottom: 10px;
	}
	
	/******* WIDETOP ******/
	div.widetop {margin: 0px 0px 20px 0px;}
	
	div.widetop p.rad1 {
		font-size: 14pt; line-height: 18pt;
	}

	div.widetop p.rad2 {
		font-size: 28pt; line-height: 32pt;
	}

	div.widetop p.rad3 {
		font-size: 14pt; line-height: 20pt;
	}
	
	a.desktop	{visibility: hidden; display: none;}
	a.mobile	{visibility: visible; display: inline;}
	div.desktop	{visibility: hidden; display: none;}
	div.mobile	{visibility: visible; display: inline;}
	
	div.inline_hotel_box_item_special {float: none; clear: both; padding: 0px 0px 0px 0px;}
	
	div.widetop_desktop {
		visibility: hidden;
		display: none;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 0px;
		margin: 0px 0px 0px 0px;
	}

	div.widetop_mobile {
		visibility: visible;
		display: block;
		width: 100%;
		padding-top: 0px;
		padding-bottom: 0px;
		margin: 0px 0px 0px 0px;
	}
	
	/******* WIDETOP ******/
	
	p.restid {width: 100%; display: inline-block;}
	
	div.booking_box_inline {
		float: left; margin-top: 0px;
		max-width: 600px;
		height: 50px;
		margin-bottom: 40px;
	}
	
	div.booking_button_inline_book {
		float: left; margin-top: 0px;
		width: 130px;
		height: 50px;
		margin-right: 10px;
	}

	div.booking_button_inline_read {
		float:left; margin-top: 0px;
		width: 130px;
		height: 50px;
		margin-right: 0px;
	}
	
	/******* INLINE ARTICLE BOX START ******/
	div.inline_article_box {width: 100%; margin-bottom: 40px; margin-top: 20px; padding: 5px 0px 5px 7px; background-color: #e0ebeb;}

	div.inline_article_box_item {
		background-color: #ffffff;
		margin: 10px;
		padding: 10px 0px 10px 0px;
		float: left;
		width: 90%;
	}

	div.inline_article_box_item_heading {
		padding: 5px 10px 0px 10px;
		margin: 0px 0px 5px 0px;
	}
	
	div.inline_article_box_item_image {
		padding: 0px 0px 0px 0px;
		margin: 0px;
	}
	
	div.inline_article_box_item_row {
		padding: 0px 10px 10px 10px;
		margin: 0px;
		min-height: 10px;
	}
	
	a.article_but {
		padding-top: 7px;
	}

	a.article_but:hover {
		padding-top: 7px;
	}
	/******* INLINE ARTICLE BOX SLUT ******/
	
	/******* INLINE BOOK BOX ******/			
	div.inline_book_box_left a.book_but {
		margin: 15px 0px 0px 0px;
		padding: 3px 0px 3px 0px;
		float: left;
		width: 85%;
		background-color: #228b22;
		color: #ffffff;
		font-family: Calibri,"Trebuchet MS", Verdana;
		font-weight: bold;
		text-align: center;
		font-size: 16pt;
		
		-moz-border-radius: 5px; /* Firefox */
		-webkit-border-radius: 5px; /* Safari and Chrome */
		border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
		behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	}

	div.inline_book_box_left a.book_but:hover {
		margin: 15px 0px 0px 0px;
		padding: 3px 0px 3px 0px;
		float: left;
		width: 85%;
		background-color: #28a428;
		color: #ffffff;
		font-family: Calibri,"Trebuchet MS", Verdana;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		font-size: 16pt;
		
		-moz-border-radius: 5px; /* Firefox */
		-webkit-border-radius: 5px; /* Safari and Chrome */
		border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
		behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	}
	
	div.inline_book_box_right a.book_but {
		margin: 15px 0px 0px 0px;
		padding: 3px 0px 3px 0px;
		float: left;
		width: 85%;
		background-color: #228b22;
		color: #ffffff;
		font-family: Calibri,"Trebuchet MS", Verdana;
		font-weight: bold;
		text-align: center;
		font-size: 16pt;
		
		-moz-border-radius: 5px; /* Firefox */
		-webkit-border-radius: 5px; /* Safari and Chrome */
		border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
		behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	}

	div.inline_book_box_right a.book_but:hover {
		margin: 15px 0px 0px 0px;
		padding: 3px 0px 3px 0px;
		float: left;
		width: 85%;
		background-color: #28a428;
		color: #ffffff;
		font-family: Calibri,"Trebuchet MS", Verdana;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		font-size: 16pt;
		
		-moz-border-radius: 5px; /* Firefox */
		-webkit-border-radius: 5px; /* Safari and Chrome */
		border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
		behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	}	
	/******* INLINE BOOK BOX ******/
	
	div.titleimage {
		background: url("https://media.bilsemester.net/graphics/header-8-mobile.jpg");
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		width: 100%;
		margin: 0px;
		padding: 0px;
		height: 0;
		padding-bottom: 35.69%; /* (img-height / img-width * container-width) */
							/* (853 / 1280 * 100) */
		/*background-size: 100% 100%;*/
		text-align: left;
	}
	
	div.titleimage img {
		width: 175px;
		display: none;
	}
	
	img.foto  {max-width: 95%;}
	
	
	div.brobizzbox {
		float:none;
		width: 90%;
		background-color:#336B6B;
		margin-left: 0%;
		margin-right: 5%;
		margin-bottom: 15px;
		padding: 5%;
	}
	
	div.adsense-right-border {
		float:none;
		max-width: 99%;
		margin: 5px 5px 5px 5px;
		border: 1px solid #004646;
	}

	div.adsense-left-border {
		float:none;
		max-width: 99%;
		margin: 5px 5px 5px 5px;
		border: 1px solid #004646;
	}

	div.lander_fakta_meny {width: 100%; margin-bottom: 10px;}
}

/* ************************************************************************************************************************** */
/* ***************************************************** 490 PX ************************************************************* */
/* ************************************************************************************************************************** */
@media only screen and (max-width: 490px) {		
	span.jumpto {
		padding: 5px 7px 5px 7px;
	}

	a.jumpto {
		padding: 5px 7px 5px 7px;
	}
	
	/******* INLINE BOOK BOX START ******/
	div.inline_book_box {width: 100%; margin-bottom: 40px; margin-top: 20px; padding: 5px 0px 5px 5px; background-color: #e0ebeb;}

	div.inline_book_box_item {
		background-color: #ffffff;
		margin: 10px;
		padding: 10px 0px 10px 0px;
		float: left;
		width: 90%;
	}

	div.inline_book_box_item_heading {
		padding: 10px;
		margin: 0px;
	}
	
	a.book_but {
		padding-top: 6px;
	}

	a.book_but:hover {
		padding-top: 6px;
	}

	a.readmore_but {
		padding-top: 6px;
	}

	a.readmore_but:hover {
		padding-top: 6px;
	}
	/******* INLINE BOOK BOX SLUT ******/
	
	/******* INLINE HOTEL BOX START ******/
	div.inline_hotel_box {width: 100%; margin-bottom: 40px; margin-top: 20px; padding: 5px 0px 5px 5px; background-color: #e0ebeb;}
	div.inline_hotel_box h2 {font-size: 16pt; margin: 10px 0px 10px -10px; text-align: center; font-weight: bold; line-height: 18pt;}
	
	div.inline_hotel_box_item {
		background-color: #ffffff;
		margin: 10px;
		padding: 10px 0px 10px 0px;
		float: left;
		width: 90%;
	}

	div.inline_hotel_box_item_heading {
		padding: 10px 10px 0px 10px;
		margin: 0px;
	}
	
	a.article_but {
		padding-top: 7px;
	}

	a.article_but:hover {
		padding-top: 7px;
	}
	/******* INLINE HOTEL BOX SLUT ******/
}