/*--------------------------------------------------------------
Bildalätt

    Author: Fredrik Muskos, Frosting Kommunikationsbyrå AB
    
    gul: 		  			#faec41
    blå bakgrund: 			#5896c0
    blå mörk:     			#4d86ab
    blå mörk bottenlänk: 	#3f5c74
    
--------------------------------------------------------------*/
/* Resets default browser CSS.  
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }

/* Body 
-------------------------------------------------------------- */
body {font: 62.5%/1.5 arial, verdana, sans-serif; color:#fff; background: #589bc0;}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {font-family: arial, sans-serif; font-weight: normal; margin-bottom: 1.5em; color: #fff; text-transform: uppercase; letter-spacing: .05em;}

h1 {font-size:2.0em; line-height:1; margin-bottom:.5em;}
h2 {font-size:1.5em; line-height:1.25; margin-bottom:.834em; text-transform:none; letter-spacing:0;}
h3 {font-size:1.2em; line-height:1.25; margin-bottom:.65em;}
h4 {font-size:1.1em; line-height:1.25; margin-bottom:.577em;}
h5 {font-size:1em; line-height:1.364; margin-bottom:.682em;}

/* Text elements
-------------------------------------------------------------- */
blockquote {margin-bottom:1.5em;}
em {font-style:italic;}
p {margin-bottom:1.5em;}
strong {font-weight:bold;}

/* Link elements 
-------------------------------------------------------------- */
a {text-decoration:none;}
a:link {color:#fff;}
a:visited {color:#fff;}
a:hover,
a:focus {color:#faec41;}
a:active {color:#faec41;}
a.markedlink {color:#faec41;}
a.markedlink:hover {color:#fff;}

/* General classes
-------------------------------------------------------------- */
.align-left {float:left;}
.align-right {float:right; }
.hide {display:none;}
.leftspace {margin:0 0 0 50px;}
.pdflink {float:right;display:inline;}

/* Site structure
-------------------------------------------------------------- */
#wrapper {width:966px; padding:0; margin:0 auto; position:relative;}
#header {height:124px;}
#logo {float:left; margin: 0;}
#order a {float:right; background: url(../img/orderbutton.jpg) no-repeat; width:210px; height:61px; margin:45px 0 0 0; text-indent:-9999px;}
#order:hover, #order a:hover{background: url(../img/orderbutton-on.jpg) no-repeat; }

/* Content sections */
/* Main content section */
#content-main {width:966px; height:670px; padding:0; font-size:1.6em;}
#mobilecontent {visibility:hidden;display:none;}
#flash {height:667px;}
#orderpage {padding-top:50px;}
/* Footer section */
#footer {clear:left; font-size:1.1em; padding:11px 65px; background: url(../img/footerbkg.jpg) no-repeat left top; overflow:hidden;}
#footercontent {width:836px; text-transform:uppercase;}
.contact {float:right;}
#footer #credits a {color:#3f5c74; font-size:.85em; float:right; margin-top:-5px;}

/* MOBILE --------- by GWiZ */
@media only screen
and (min-device-width: 320px) and (max-device-width: 1024px)  {
	#wrapper {width:90%;height:auto;margin:0 5%;}
	#header{display:block;clear:both;height:auto;}
	#logo {display:block;float:none;margin-left:-30px;}
	#order {width:100%;margin:0 auto;text-align:center;}
	#order a {
		float:none;
		clear:both;
		display:block;
		background: url(../img/orderbutton.jpg) no-repeat;
		width: 210px;
		height: 61px;
		margin: 0 auto;
		text-indent: -9999px;
}
	#order:hover, #order a:hover{background: url(../img/orderbutton-on.jpg) no-repeat; 
		float:none;
		clear:both;
		display:block;
		width: 210px;
		height: 61px;
		margin: 0 auto;
		text-indent: -9999px;
}
.pdflink {margin:0 auto;width:100%; text-align:center;}
.leftspace {margin:0 auto;}
	#orderpage img {max-width:200px; width:auto;height:auto;display:block;}
	#content-main {display:block;clear:both;width:100%;height:auto;margin:20px 0 0 0;}
	h1 {font-size:1.35em;line-height:1.3em;font-weight:bold;text-transform:none;}
	h2 {font-size:1.2em;}
	#mobilecontent {visibility:visible;display:block;}
	#flash {display:none;visibility:hidden;}
	#footer {display:block;clear:both;width:90%;height:auto;padding:10px 20px;margin:25px 0;}
	#footercontent {width:90%;}
	

}