html {
	font-size: 1em;
	overflow-x: hidden;
}

body {	width: 100%;
		margin: 0;
		padding: 0;
		font-size: 0.8em;
		font-family: Verdana, Arial, sans-serif;
		overflow-x: hidden;
		}

#allt {
	margin: 0px auto auto auto;
	padding: 0;
	text-align: center;
	line-height: 1.5em;
	display: block;
	}
		
header {
	width: 100%;
	display: block;
	margin: 0px auto auto auto;
	overflow: visible;
	clear: both;
	text-align: left;
	position: relative;
	height: auto;
}


footer {
	display: block;
	overflow: auto;
	clear: both;
	margin-top: 75px;
	}

#textmassa {
	text-align: left;
	margin: 1em;
	padding: 1em;
	overflow: auto;
	/*float: right;*/
	}
	
article {
	display: block;
	padding: 1em;
	border-bottom: 1px #000 solid;
	width: auto;
	overflow: auto;
	float: none;
	}
	
	

.clearfix:before,  
.clearfix:after {  
	content: " ";  
	display: table;  
}  
.clearfix:after {  
	clear: both;  
}  
.clearfix {  
	*zoom: 1;  
}

	
/* NAVIGERING */
nav {  
	display: block;
	margin: 0px auto auto auto;
	overflow: visible;
	clear: both;
/*	position: relative; /*NY*/
	
	height: auto;
	font-size: 1.3em;
	background-color: #dac39a;
} 


/* nivå 1 */
nav ul {  
	padding: 0;  
	margin: 0 auto;  
	width: 100%;  
	height: auto;
	display: none;
	position: relative;
	text-indent: 2rem;
}  

nav li {  
	display: block;
	float: left;  
	width: 100%;
	/*position: relative;*/ /* Borttagen av menyskäl */
}  

nav a {  
    width: 100%;
   	color: #000000;
	text-decoration: none;
}

nav>ul>li>a {
	line-height: 2.5rem;
	border-top: 1px solid #fff;
	box-sizing: border-box;  /* boxarna blir för stora annars, med border*/
	-moz-box-sizing: border-box;  
	-webkit-box-sizing: border-box;
	width: 100%;
	display: block;
}  
	
nav a#pull {  
	display: block;  
	background-color: #58c358;
	position: relative; 
	font-size: 2em;
	font-family: 'Gregs Other Hand', Arial, sans-serif;
	line-height: 2.5rem;
	height: 2.5rem;
	width: 100%;
}

nav a#pull:after {  
	content: '\e801'; 
	position: absolute;  
	right: 1em;
	color: #ffffff;
} 

nav a.super:after {  
	font-family: "nopoosymboler";
	font-style: normal;
	font-weight: normal;
	color: #fff;
	font-size: 1.5rem;
	content: '\e812';
	display: inline-block;  
	right: 1em;  
	position: relative;  /* innan menyskälen absolute */
	float: right;
} 

li a.ute:after {
	font-family: "nopoosymboler";
	content: '\e813';
	}	
	 	
	 	

nav li:first-child a {  
	border-top: 0;
}  	
	
/* nivå 2 */

nav li ul {  
	padding: 0.5rem;  
	margin: 0 auto;  
	width: 100%;  
	height: auto;
	display: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8rem;
	left: 0;
	background-color: #e1daa9;
}

nav>ul>li>ul>li {
	text-align: left;
	margin: 0.5em 0 0.5em 0;
	text-indent: 0.5rem;
}

nav>ul>li>ul>li a{
	text-decoration: underline;
	color: #1a2457;
	border: 0;
	text-align: left;
}

li.mi {
	width: 100%;
}

li.miii {
	width: 33.33%;
}

/* RUBRIKER */
h1 {
	font: normal normal normal 2em "gregs other hand", Century;
	}

h2 {
	font: normal normal normal 1.5em "gregs other hand", "arial narrow";
	text-transform: small-caps;
	margin-bottom: 0.2em;
	}

header>h1, header>h2 {
	display: none;
}

/* LISTOR */
dt {
	font-weight: bold;
}

dd {
	margin-left: 1.5em;
}

/* TEXT */

a {
	color: #1a2457;
}

/* BILDER */
.logga {
	height: 120%;
	border: 0;
}	
	
	/* Andra upplösningar */
@media screen and (min-width: 480px) {

header h2 {
	font-size: 1.4em;
}

}

@media screen and (min-width: 600px) {  

#allt {
	width: 90%; /*Nej! Vill ha i procent. Kan funka ändå om jag hela tiden har % av aktuell minwdth.*/
}

header {
	border-bottom: 0.5rem solid #dac39a;
}

nav {
	background-color: #fff;
	display: inline-block;
	width: 100%;
}

nav ul {
	display: block;
}	

nav li {
	width: 20%;
	position: auto;
	text-align: center;
} 

nav>ul>li>a {
	border-style: none;
	text-indent: 0em;
}

nav a  {
    text-align: center;
	/*text-indent: 0;*/
}

nav li:last-child a {  
	/*border-right: 0;  
	border-bottom: 0;*/
} 

nav li a {  
    border-top-style: none;
    border-right: 1px solid #fff;
}

	
nav a#pull {  
    display: none;  
} 

nav a.super:after {    
	right: 0;
	color: #1a2457;
} 

header:before, header:after {
  content: "";
  position: absolute;
  border-bottom: 0.5rem solid #dac39a; /*2.5*/
  top: 0;
  bottom: -0.5rem;
  width: 9999px;   /* some huge width */
}

header:before {
  right: 100%; 
}
header:after {
  left: 100%;
}


header>h1 {
	font: normal normal normal 3em "gregs other hand", Century;
	margin: 0;
	display: block; /*inline*/
	/*float: left; tog bort nu */
	height: 5rem;
	overflow: visible;
	position: relative;
}

header>h2 {
	font: normal normal normal 1.5em "gregs other hand", "arial narrow";
	display: inline-block; /*inline*/
	right: 0;
	top: 0; /*ny*/
	position: absolute;
	width: 50%;
	text-align: right;
}


/* menynivå 2 */
nav li ul {
	position: absolute;
	z-index: 100;
	border: 0.2rem solid #515985;
	border-top-width: 0.5rem;
	margin-top: 0.5rem;
	box-sizing: border-box;  /* boxarna blir för stora annars, med border*/
	-moz-box-sizing: border-box;  
	-webkit-box-sizing: border-box;
}

nav a.ute:before {  
	font-family: "nopoosymboler";
	font-style: normal;
	font-weight: normal;
	color: #515985;
	font-size: 2.5rem;
	content: '\e813'; 
	position: absolute;
	top: 1.7rem;
} 

nav a.ute:after {
	color: transparent;
}

}  



@media screen and (min-width: 800px) {  
nav>ul>li>a {
	text-indent: 1em;
}
}


@media screen and (min-width: 1024px) {  
nav {
	width: auto;
}

header>h2 {
	width: auto;
	font-size: 1.8em;
}

nav li {
	width: auto;
	margin-right: 2em;
} 
}


/* FONTER */

@font-face {
    font-family: 'Gregs Other Hand';
    src: url('font/gregoh__-webfont.eot');
    src: url('font/gregoh__-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/gregoh__-webfont.woff') format('woff'),
         url('font/gregoh__-webfont.ttf') format('truetype'),
         url('font/gregoh__-webfont.svg#gregs_other_handregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'nopoosymboler';
  src: url('font/nopoosymboler.eot?29457021');
  src: url('font/nopoosymboler.eot?29457021#iefix') format('embedded-opentype'),
       url('font/nopoosymboler.woff?29457021') format('woff'),
       url('font/nopoosymboler.ttf?29457021') format('truetype'),
       url('font/nopoosymboler.svg?29457021#nopoosymboler') format('svg');
  font-weight: normal;
  font-style: normal;
}

 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "nopoosymboler";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  font-size: 120%;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-arrow-sorted-down:before { content: '\e812'; } /* '' */
.icon-rss-alt:before { content: '\e800'; } /* '' */
.icon-at:before { content: '\e814'; } /* '' */
.icon-delete:before { content: '\e816'; } /* '' */
.icon-delete-outline:before { content: '\e817'; } /* '' */
.icon-heart:before { content: '\e818'; } /* '' */
.icon-heart-outline:before { content: '\e819'; } /* '' */
.icon-info:before { content: '\e81a'; } /* '' */
.icon-info-outline:before { content: '\e81b'; } /* '' */
.icon-mail:before { content: '\e81c'; } /* '' */
.icon-message:before { content: '\e81d'; } /* '' */
.icon-messages:before { content: '\e81e'; } /* '' */
.icon-message-typing:before { content: '\e81f'; } /* '' */
.icon-minus-outline:before { content: '\e820'; } /* '' */
.icon-minus:before { content: '\e821'; } /* '' */
.icon-plus:before { content: '\e822'; } /* '' */
.icon-plus-1:before { content: '\e823'; } /* '' */
.icon-plus-outline:before { content: '\e824'; } /* '' */
.icon-rss-1:before { content: '\e825'; } /* '' */
.icon-arrow-sorted-up:before { content: '\e813'; } /* '' */
.icon-social-twitter:before { content: '\e827'; } /* '' */
.icon-star-1:before { content: '\e828'; } /* '' */
.icon-star-outline:before { content: '\e829'; } /* '' */
.icon-th-menu:before { content: '\e82a'; } /* '' */
.icon-th-menu-outline:before { content: '\e82b'; } /* '' */
.icon-times:before { content: '\e82c'; } /* '' */
.icon-times-outline:before { content: '\e82d'; } /* '' */
.icon-trash:before { content: '\e82e'; } /* '' */
.icon-rss:before { content: '\e802'; } /* '' */
.icon-menu:before { content: '\e801'; } /* '' */
.icon-down-open:before { content: '\e803'; } /* '' */
.icon-left-open:before { content: '\e80f'; } /* '' */
.icon-right-open:before { content: '\e810'; } /* '' */
.icon-up-open:before { content: '\e811'; } /* '' */
.icon-star:before { content: '\e804'; } /* '' */
.icon-cancel-circle:before { content: '\e805'; } /* '' */
.icon-plus-circle:before { content: '\e806'; } /* '' */
.icon-minus-circle:before { content: '\e808'; } /* '' */
.icon-rss-outline:before { content: '\e826'; } /* '' */



.screen-reader {
    position: absolute; 
    top: -9999px; 
    left:-9999px; 
}


/* IE */
html.ie8 #allt {
	width: 90%;
}

html.ie8 header {  
    height: 100px;
	width: 100%;
} 


/* Menyn */
html.ie8 nav {  
	padding: 0.2em;
	width: 100%;
	background-color: #e1c6a9;
} 

html.ie8 nav>ul{  
    display: block;
	height: 20px;
} 

html.ie8 nav li {
	width: 20%;
	position: auto;
	text-align: center;
} 
html.ie8 nav li a {  
    border-top: 0;
}

html.ie8 nav a.super:after {    
	right: 0;
} 

html.ie8 a#pull {  
    display: none;  
} 

html.ie8 .logga {
	height: 100px;
}


html.ie8 header>h1 {
	font: normal normal normal 3em "gregs other hand", Century;
	margin: 0;
	display: inline;
	float: left;
	height: 5rem;
	overflow: visible;
	position: relative;
}

html.ie8 header>h2 {
	font: normal normal normal 1.8em "gregs other hand", "arial narrow";
	display: inline;
	right: 0;
	position: absolute;
	width: 60%;
	text-align: right;
}

/* menynivå 2 */
html.ie8 nav li ul {
	position: absolute;
	z-index: 100;
	display: none;
}