h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
}

p {
	margin: 0 0 1em 0;
	font-size: 90%;
	line-height: 1.5em;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
}

img {
	max-width: 100%;
	height: auto;
	margin: 0 0 0px 0;
}

h1 {
	font-family:Arial,Gotham, "Helvetica Neue", Helvetica, sans-serif;
font-size: 140%;
font-weight:bold;
	padding-bottom:10px;

	
}

h2 {
	font-family:Arial,Gotham, "Helvetica Neue", Helvetica, sans-serif;
font-size: 100%;
font-weight:bold;
	padding-bottom:10px;

	
}

h3 {
	font-family:Arial,Gotham, "Helvetica Neue", Helvetica, sans-serif;
font-size: 85%;
font-weight:normal;
	padding-bottom:10px;
	border-bottom:1px solid #cccccc;
	margin-bottom:20px;
		
}

h4 {
	font-family:Arial,Gotham, "Helvetica Neue", Helvetica, sans-serif;
font-size: 100%;
font-weight:normal;
padding-bottom:6px;
	
}

/* Mellanrum */
div.mellanrum {
	height:10px;
	max-width:1200px;
	margin: 0 auto;
}
div.mellanrum-2 {
	height:25px;
	max-width:1200px;
	margin: 0 auto;
}
/* Section Inner */
div.section-inner {
//	max-width: 1200px;
	padding: 0 0px;
	margin: 0 auto;
}

/* Header */
div.header {
	background-image:url(../bilder/sidhuvud-bakgr.png);
	max-width:1200px;
	border:0px solid #F70004;	
	margin: 0 auto;
}

div.sidhuvud-kolumn1{
width:48%;	
border:0px solid #000000;
}
div.sidhuvud-kolumn2{
width:48%;	
border:0px solid #000000;
}

div.sidhuvud-logo{
	margin-top:5%;
	margin-left:4%;
width:30%;
float:left;	
border:0px solid #D03A3C;
	
}
div.sidhuvud-text{
	margin-top:2%;
	margin-left:4%;
float:left;	
width:45%;
border:0px solid #D03A3C;
color:#999999;
font-family:Arial,Gotham, "Helvetica Neue", Helvetica, sans-serif;
font-size: 100%;
font-weight:bold;
	
}

@media screen and (max-width: 960px) {
	
	div.sidhuvud-logo{
	margin-top:4%;
	margin-left:3%;
	}
	
	div.sidhuvud-text{
		margin-top:2%;
		margin-left:3%;
		font-size: 80%;
	}
	
}


@media screen and (max-width: 800px) {
	
	div.sidhuvud-logo{
	margin-top:2%;
	margin-left:3%;
	}
	
	div.sidhuvud-text{
		margin-top:2%;
		margin-left:3%;
		font-size: 75%;
	}
	
}

@media screen and (max-width: 730px) {
	
	div.sidhuvud-logo{
	margin-top:1.5%;
	margin-left:2.5%;
	}
	
	div.sidhuvud-text{
		margin-top:1.5%;
		margin-left:2.5%;
		font-size: 70%;
	}
	
}

@media screen and (max-width: 730px) {
	
	div.sidhuvud-logo{
	margin-top:1.5%;
	margin-left:2.5%;
	}
	
	div.sidhuvud-text{
		margin-top:1.5%;
		margin-left:2.5%;
		font-size: 60%;
	}
	
}

@media screen and (max-width: 600px) {
	
	div.sidhuvud-logo{
	margin-top:1%;
	margin-left:2%;
	}
	
	div.sidhuvud-text{
		display:none;
	}
	
}

@media screen and (max-width: 500px) {
	
	div.sidhuvud-logo{
	margin-top:1%;
	margin-left:2%;
	}
	
	div.sidhuvud-text{
		display:none;
	}
	
}


div.sidhuvud-bild{
float:right;	
width:50%;
border:0px solid #D03A3C;
	
}

/* Navigation */

.menu-trigger {
	display: none;
}


div.nav {
	background-image:url(../bilder/nav_bakgr.png);
	background-repeat:repeat-x;
	max-width:1200px;
	margin: 0 auto;
	z-index:1000;
	
}

div.nav-2 { 
	display:none;
}

div.nav-logga-in{
	padding-top:6px;
	border:0px solid #000000;
	float:right;
	width:28%;	
}
div.nav-logga-in-rubrik{
	color:#FFFFFF;
	font-size:70%;
	padding:0%;

}

div.nav-logga-in-lankar{
	border:0px solid #000000;
	float:right;
width:11%;	
}

div.nav-logga-in-lankar-lank{
	color:#FFFFFF;
	margin-left:5%;
	font-size:71%;
	padding-top:3%;
	
		
}
div.nav-logga-in-lankar-lank a:link ,
div.nav-logga-in-lankar-lank a:visited {
	color:#FFFFFF;
	text-decoration:none;
}


#loggain { margin:0; }

.loggain-text{ border: 1px solid #99cc00; padding: 4px; font-size: 75%; letter-spacing: 0px; background-color: #FFFFFF; width: 7em;}
.loggain-knapp{ font-size: 80%; letter-spacing: 0px; background-color: #FFFFFF; width: 7em; height:2em; }

@media screen and (max-width: 1050px) {
.loggain-text{ border: 1px solid #99cc00; padding: 4px; font-size: 70%; letter-spacing: 0px; background-color: #FFFFFF; width: 6em;}
.loggain-knapp{ font-size: 70%; letter-spacing: 0px; background-color: #FFFFFF; width: 6em; height:2em; }	
div.nav-logga-in-lankar-lank{
	color:#FFFFFF;
	margin-left:3%;
	font-size:60%;
	padding-top:3%;		
}

}

@media screen and (max-width: 850px) {
.loggain-text{ border: 1px solid #99cc00; padding: 4px; font-size: 60%; letter-spacing: 0px; background-color: #FFFFFF; width: 6em;}
.loggain-knapp{ font-size: 60%; letter-spacing: 0px; background-color: #FFFFFF; width: 7em; height:2em; }	
div.nav-logga-in-lankar-lank{
	color:#FFFFFF;
	margin-left:3%;
	font-size:60%;
	padding-top:3%;		
}

}

@media screen and (max-width: 783px) {
.loggain-text{ border: 1px solid #99cc00; padding: 4px; font-size: 50%; letter-spacing: 0px; background-color: #FFFFFF; width: 6em;}
.loggain-knapp{ font-size: 50%; letter-spacing: 0px; background-color: #FFFFFF; width: 7em; height:2em; }	
div.nav-logga-in-lankar-lank{
	color:#FFFFFF;
	margin-left:1%;
	font-size:50%;
	padding-top:3%;		
}

}

@media screen and (max-width: 783px) {
.loggain-text{ border: 1px solid #99cc00; padding: 4px; font-size: 40%; letter-spacing: 0px; background-color: #FFFFFF; width: 6em;}
.loggain-knapp{ font-size: 40%; letter-spacing: 0px; background-color: #FFFFFF; width: 7em; height:2em; }	
div.nav-logga-in-lankar-lank{
	color:#FFFFFF;
	margin-left:1%;
	font-size:40%;
	padding-top:3%;		
}

}

@media screen and (max-width: 570px) {
.loggain-text{ border: 1px solid #99cc00; padding: 4px; font-size: 30%; letter-spacing: 0px; background-color: #FFFFFF; width: 6em;}
.loggain-knapp{ font-size: 30%; letter-spacing: 0px; background-color: #FFFFFF; width: 7em; height:2em; }	
div.nav-logga-in-lankar-lank{
	color:#FFFFFF;
	margin-left:1%;
	font-size:30%;
	padding-top:3%;		
}

}

@media screen and (max-width: 1200px) {
	
	.menu-trigger {
		display: block;
		color: #FFFFFF;
		background-image:url(../bilder/nav_bakgr.png);
		background-repeat:repeat-x;
		padding: 10px;
		font-family:Arial,Gotham, "Helvetica Neue", Helvetica, sans-serif;
		font-weight:bold;
		font-size: 110%;
		cursor: pointer;
	}
	
	div.nav {
		display: none;
	}
	
	#cssmenu {
		display:none;	
	}
	
	div.nav-expanded {
		display: block;
	}
	
	div.nav-logga-in{
		display:none;	
	}
	
	div.nav-logga-in-lankar{
		display:none;	
	}
	
	div.nav-2 {
		
	}
	
	div.nav-2{
		display:block;
	}
	
	#nav-2-mobil-meny{
		
	}
	
	#nav-2-mobil-meny ul {
		margin: 0;
		padding: 0;

	}
	
	#nav-2-mobil-meny ul li {
		background-image:url(../bilder/sidhuvud-bakgr.png);
		float: none;
		color: #003366;
		padding: 4px 0px 4px 10px;
		border-bottom: 1px solid #d5dce4;
		font-size: 90%;
		color:#333333;
		font-weight:bold;
	}
	
	#nav-2-mobil-meny ul li a:link,
	#nav-2-mobil-meny ul li a:visited {
	text-decoration: none;
	color:#333333;
	}

	
	#nav-2-mobil-meny ul li:last-child {
		border-bottom: none;
	}
	

}

/*
div.nav ul {
	
	margin: 0;
	padding: 0;
	margin-left:50px;
}

div.nav ul li {
	
	list-style: none;
	float: left;	
	font-size: 110%;
	font-family:Arial,Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-weight:bold;
	
}



div.nav ul li a:link,
div.nav ul li a:visited {	
	display: block;
	padding: 10px 60px 10px 0px;
	text-decoration: none;
	text-align: left;
	color: #FFFFFF;
	border: 0px solid #bababa;
}
div.nav ul li a:hover {
	
}

@media screen and (max-width: 860px) {
	div.nav ul li a:link,
	div.nav ul li a:visited {	
		display: block;
		padding: 10px 50px 10px 0px;
	}
}

@media screen and (max-width: 800px) {
	div.nav ul li a:link,
	div.nav ul li a:visited {	
		display: block;
		padding: 10px 40px 10px 0px;
	}
}

@media screen and (max-width: 750px) {
	div.nav ul li a:link,
	div.nav ul li a:visited {	
		display: block;
		padding: 10px 30px 10px 0px;
	}

}

@media screen and (max-width: 650px) {
	div.nav ul li a:link,
	div.nav ul li a:visited {	
		display: block;
		padding: 10px 15px 10px 0px;
	}

}

@media screen and (max-width: 600px) {
	
	.menu-trigger {
		display: block;
		color: #FFFFFF;
		background-image:url(../bilder/nav_bakgr.png);
		background-repeat:repeat-x;
		padding: 10px;
		font-family:Arial,Gotham, "Helvetica Neue", Helvetica, sans-serif;
		font-weight:bold;
		font-size: 110%;
		cursor: pointer;
	}
	
	div.nav {
		display: none;
	}
	
	div.nav-expanded {
		display: block;
	}
	
	div.nav ul {
		margin-left:0px;
	}
	
	div.nav ul li {
		background-image:url(../bilder/sidhuvud-bakgr.png);
		float: none;
		color: #003366;
		padding: 2px 0px 2px 10px;
		border-bottom: 2px solid #d5dce4;
		font-size: 90%;
		color:#7A7A7A;
	}
	
	div.nav ul li a:link,
	div.nav ul li a:visited {
	text-decoration: none;
	color:#7A7A7A;
	}

	
	div.nav ul li:last-child {
		border-bottom: none;
	}
	
}

*/

/* Slider */
div.slider {
	background-color: #E9E9E9;
	max-width:1200px;
	margin: 0 auto;
}
div.slider-inner {
	
	margin: 0 auto;
}

/* Body Content */
div.body-content {
	padd5ing: 50px 0;
	background-color: #FFF;
}

/* två */
div.tva {
	width: 45%;
	float: left;
	margin-right: 4%;
}



/* Tre */
div.tre {
	
}

div.tre-rad1-forst {
	width: 32%;
	float: left;
	margin-right: 2%;
}

div.tre-rad1-andra {
	width: 32%;
	float: left;
	margin-right: 2%;
	text-align:center;
}

div.tre-rad1-tredje {
	width: 32%;
	float: left;
	margin: 0;
	text-align:right;
}

div.tre-rad2-forst {
	width: 32%;
	float: left;
	margin-right: 2%;

}

div.tre-rad2-andra {
	width: 32%;
	float: left;
	margin-right: 2%;
	text-align:center;
}

div.tre-rad2-tredje {
	width: 32%;
	float: left;
	margin: 0;
	text-align:right;
}

div.mellanrum_tre{
	background-image:url(../bilder/mellanrum-tre-bakgr.png);
	background-repeat:repeat-x;
	height:40px;

}

@media screen and (max-width: 500px) {
div.tre-rad1-forst {
	width: 100%;
	text-align:center;
}
div.tre-rad1-andra {
	width: 100%;
	text-align:center;
}
div.tre-rad1-tredje {
	width: 100%;
	text-align:center;
}
div.tre-rad2-forst {
	width: 100%;
	text-align:center;
}
div.tre-rad2-andra {
	width: 100%;
	text-align:center;
}
div.tre-rad2-tredje {
	width: 100%;
	text-align:center;
}
div.mellanrum_tre{
	display:none;	
}

}

/* Kolumn ontour */

div.ontour {
	
}

div.ontour-ruta {
	width: 100%;
	float: left;
	margin-right: 2%;
	border:0px solid #B93335;
	border-left: 1px solid #e20024;
}


div.ontour-datum{ 
	font-size: 100%;
	font-family:Arial,Gotham, "Helvetica Neue", Helvetica, sans-serif;
	color: #888888;
	font-weight:bold;
	text-transform: uppercase;
	padding-top:10px;
	padding-left:3px;

}

div.ontour-rubrik{ 
	font-size: 100%;
	font-family:Arial,Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	padding-top:10px;
	padding-left:10px;

}

div.ontour-rubrik-under{ 
	font-size: 95%;
	font-family:Arial,Gotham, "Helvetica Neue", Helvetica, sans-serif;
	line-height:20px;
	font-weight:normal;
	padding-left:10px;

}

div.ontour-text-lank{
	font-size: 90%;
	font-family:Arial,Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-weight:bold;
	line-height:20px;
	font-weight:bold;
	padding-left:11px;
	padding-top:2px;
	

}

div.ontour-text-lank a:link,
div.ontour-text-lank a:visited{
	color: #888888;
	text-decoration:none;
	
}

div.mellanrum_ontour{
	background-image:url(../bilder/mellanrum-tre-bakgr.png);
	background-repeat:repeat-x;
	height:40px;
	width:100%;

}


/* Kolumn fyra */

div.fyra {
	
}

div.fyra-ruta {
	width: 23%;
	float: left;
	margin-right: 2%;
	border:0px solid #B93335;
}

div.fyra-ruta-sist {
	width: 23%;
	float: left;
	margin: 0;
	border:0px solid #003366;
	
}


div.fyra-rubrik{ 
	font-size: 100%;
	font-family:Arial,Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	padding-top:10px;

}

div.fyra-rubrik-under{ 
	font-size: 90%;
	font-family:Arial,Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-weight:bold;
	text-trans1form: uppercase;
	line-height:20px;

}

div.fyra-text-namn{
	font-size: 85%;
	font-family:Arial,Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-weight:bold;
	line-height:20px;
	font-weight:bold;
	padding-top:8px;

}


div.fyra-text{
	font-size: 82%;
	font-family:Arial,Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-weight:bold;
	line-height:20px;
	font-weight:normal;

}

div.fyra-text a:link,
div.fyta-text a:visited{
	color: #000000;
	text-decoration:none;
	
}

div.mellanrum_fyra{
	background-image:url(../bilder/mellanrum-tre-bakgr.png);
	background-repeat:repeat-x;
	height:40px;
	width:100%;

}


@media screen and (max-width: 900px) {
	
	div.fyra-ruta {
		width: 45%;
	float: left;
	margin-right: 2%;
	border:0px solid #B93335;
	}
	div.fyra-ruta-sist {
	width: 45%;
	float: left;
	margin: 0;
	border:0px solid #003366;
	}
	

	
	div.mellanrum_tva{
	background-image:url(../bilder/mellanrum-tre-bakgr.png);
	background-repeat:repeat-x;
	height:40px;
	width:100%;
	border:0px solid #9E3D3F;
	 clear: both;
	}
}





/* Footer */
div.footer {
	background-color: #b8b8b8;
	max-width:1200px;
	border:0px solid #F70004;	
	margin: 0 auto;
}

div.kolumn-fyra {
	width: 25%;
	float: left;
	padding-bottom:20px;
	padding-top:15px;
}

div.kolumn-fyra-rubrik {
	width: 100%;
	float: left;
	font-size: 90%;
	font-family:Arial,Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	line-height:30px;
	padding-left:30px;
	color:#FFFFFF;
}

div.kolumn-fyra-rubrik-under {
	width: 100%;
	float: left;
	font-size: 80%;
	font-family:Arial,Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-weight:bold;
	line-height:20px;
	padding-left:30px;
	color:#FFFFFF;
}

div.kolumn-fyra-text{
	width: 90%;
	float: left;
	font-size: 80%;
	font-family:Arial,Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-weight:bold;
	padding-left:30px;
	line-height:16px;
	color: #333333;
	padding-bottom:5px;	
}

div.kolumn-fyra-lank  {
	width: 90%;
	float: left;
	font-size: 80%;
	font-family:Arial,Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-weight:bold;
	padding-left:30px;
	line-height:20px;
}

div.kolumn-fyra-logo {
	width: 30%;
	float: left;
	
	padding-left:30px;
	margin-bottom:3%;

}

div.kolumn-fyra-logo-nyhet {
	width: 50%;
	float: left;
	
	padding-left:30px;
	margin-bottom:3%;

}

div.kolumn-fyra-mellanrum{
	
}


@media screen and (max-width: 900px) {
	
	div.kolumn-fyra {
	width: 48%;
	float: left;
	border:0px solid #965253;
	}
	
	div.kolumn-fyra-mellanrum{
		 clear: both; 
		border:0px solid #965253;
		 }
	
}



div.kolumn-fyra-lank a:link,
div.kolumn-fyra-lank a:visited {	
	text-decoration: none;
	text-align: left;
	color: #333333;
}


/* Sifot 2 */
div.footer-2 {	
	max-width:1200px;
	border:0px solid #F70004;	
	margin: 0 auto;
}

div.sidfot2-text{
	margin-top:20px;
	width: 32%;
	float: left;
	font-size: 80%;
	font-family:Arial,Gotham, "Helvetica Neue", Helvetica, sans-serif;
	color:#8C8C8C;
	
}
div.sidfot2-logo-aaa{
	margin-top:16px;
	padding-left:2%;
	width: 4%;
	float:left;
	border: 0px solid #B12F31;
	
}

@media screen and (max-width: 1100px) {
	div.sidfot2-text{
	font-size: 70%;
	width: 35%;	
	}
}

@media screen and (max-width: 850px) {
	div.sidfot2-text{
	font-size: 70%;
	width: 40%;	
	}
}

@media screen and (max-width: 740px) {
	div.sidfot2-text{

	width: 50%;	
	}
}

@media screen and (max-width: 600px) {
	div.sidfot2-text{

	width: 60%;	
	}
}
@media screen and (max-width: 500px) {
	div.sidfot2-text{

	width: 70%;	
	}
}


.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

