/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }

caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { outline:none; } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

A:link { color: #293172; }
A:visited { color: #293172; }
A:active { color: #293172; }
A:hover { color: #293172; text-decoration: underline; }

.clear { clear: both; width: 100%; }

.till { clear: both; width: 100%; height: 50px; }

[data-retina=complete] {
    -webkit-background-size: 100%;
    background-size:100%;
}

img { -ms-interpolation-mode: bicubic; }


html { 
     -webkit-text-size-adjust:none;  
}

/* Windows 8 snap view */
@-ms-viewport{
    width: device-width;
}

.hidden {
	
	position: absolute;
	top: -9000px;
	
}

.clear {

	clear: both;
	height: 1px;

}

.dold {
	
	position: absolute;
	top: -9000px;
	color: white;
	opacity: 0.0;
	
}

/* --------------------------------------- */


 
body {

    background-color: #f2f2f2;
    color: #8d8d8d;

}

#main {
	
	display: block;
	max-width: 960px;
	width: 90%;
	margin: 0 auto;
	margin-top: 10%;
	padding-top: 3%;
	padding-bottom: 5%;
	margin-bottom: 100px;
	height: auto;
	background-color: #ffffff;
	
}

.top {
	
	display: block;
	max-width: 450px;
	width: 40%;
	height: auto;
	margin: 5%;
	
}

.top-left {
	
	float: left;
	
}

.top-right {
	
	float: right;
	
}


h1 {
	
	display: block;
	width: 354px;
	max-width: 90%;
	height: 85px;
	margin: 0 auto;
	background-image: url(logotype.png);
	background-repeat: no-repeat;
	background-size: 100% auto !important;
	
}

h1 a {
	
	position: absolute;
	top: -9000px;
	
}

h2 {
	
	display: block;
	width: 354px;
	max-width: 90%;
	height: 85px;
	margin: 0 auto;
	background-image: url(stringo.png);
	background-repeat: no-repeat;
	background-size: 100% auto !important;
	
}

h2 a {
	
	position: absolute;
	top: -9000px;
	
}

p { 

	display: block;
	margin: 0 auto;
	margin-top: 20px;
	width: 80%;
	max-width: 700px;
	height: auto;
	text-align: center;
	font-size: 16px;
	font-family: Georgia, Georgia, serif;
	line-height: 28px;	
	border: 0px solid red;
}

p a {
	
	text-decoration: none;
	font-size: 20px;
	
}

i, em {
	
	color: #cc4a39;
	
}

.inner-holder {
	
	display: block;
	max-width: 960px;
	width: 90%;
	margin: 0 auto;
	margin-top: 5%;
	padding-top: 3%;
	padding-bottom: 3%;
	margin-bottom: 10px;
	height: auto;
	background-color: #f8f8f8;	
	
}

.inner-holder2 {
	
	display: block;
	max-width: 960px;
	width: 90%;
	margin: 0 auto;
	height: auto;	
	
}

.inner-holder img {
	
	float: right;
	width: 40%;

	
}

.inner-holder h3 {
	
	float: left;
	width: 55%;
	color: #cc4a39;
	font-size: 18px;
	font-family: Georgia, Georgia, serif;
	line-height: 28px;

	
}

.inner-holder p {
	
	float: left;
	text-align: left;
	width: 55%;
	font-size: 16px;
	font-family: Georgia, Georgia, serif;
	line-height: 28px;
	
}

.inner-holder p a {
	
	font-size: 18px;
	font-family: Georgia, Georgia, serif;
	line-height: 28px;
	
}


/* 768 */

@media screen and (max-width: 1023px) {
	
	
p { 
	
	max-width: 670px;
		
}

.break {
	
	display: none !important;
	
}

}

/* 414 */

@media screen and (max-width: 767px) {
	

.top {
	
	float: none !important;
	margin: 0 auto;
	width: 80%;
	margin-top: 30px;
	margin-bottom: 30px;
	
}


p { 

	font-size: 20px !important;
	line-height: 30px !important;
	font-size: 16px !important;	
	text-align: left !important;
	
}

.top-links { text-align: center !important; }

.space {
	
	display: none !important;
	
}

.break {
	
	display: inline !important;
	
}

.inner-holder img {
	
	width: 100%;

	
}

.inner-holder h3 {
	
	float: left;
	width: 100%;
	color: #cc4a39;
	font-size: 18px;
	font-family: Georgia, Georgia, serif;
	line-height: 28px;

	
}

.inner-holder p {
	
	float: left;
	text-align: left;
	width: 100%;
	font-size: 16px;
	font-family: Georgia, Georgia, serif;
	line-height: 28px;
	
}

.inner-holder p a {
	
	font-size: 18px;
	font-family: Georgia, Georgia, serif;
	line-height: 28px;
	
}




}


/* 320 */

@media screen and (max-width: 413px) {

h1 {
	
	width: 250px !important;
	height: 60px !important;
		
}

}




/* HÖJDEN - iphone 4  */

@media screen and (min-height: 1px) and (max-height: 372px) {



}

/* HÖJDEN - iphone 5 */

@media screen and (min-height: 373px) and (max-height: 460px) {



}

/* HÖJDEN - iphone 6 */

@media screen and (min-height: 373px) and (max-height: 460px) {



}

/* HÖJDEN - iphone 6 Plus */

@media screen and (min-height: 373px) and (max-height: 460px) {



}

/* HÖJDEN - ipad liggande */

@media screen and (min-height: 373px) and (max-height: 460px) {



}

/* HÖJDEN - ipad stående */

@media screen and (min-height: 373px) and (max-height: 460px) {



}