/** BASIC */

body {
	margin: 0px;
	padding: 0px;
	line-height: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000;
}

a {color: #006dca;}
a:hover {text-decoration: none;}

h1, h2, h3 {font-family:Arial, Helvetica, sans-serif;}
h1 {font-size:26px; font-weight: bold; line-height: 30px;}
h2 {font-size: 22px; font-weight: bold; background-color: #223d58;
display: block;
max-width: 350px;
color: #fff;
padding: 10px; line-height:24px;}
h3 {font-size:20px; font-weight: bold; line-height:22px;}

p, ol li, ul li {font-size:18px;line-height:26px;}

img {border: none;}
img.left {float: left;margin: 3px 20px 0px 0px;}

hr {
  display: block;
  width: 100%;
  position: relative;
  top: -16px;
  border-top: 2px solid #223d58;
}

#wrap {min-height: 100%; margin-bottom: -150px;}
	#main {margin-bottom: 10px; clear:both;}

/** HEADER */

#logowrap {background-color: #d3e9fe; width:100%;padding: 10px 0;}
#logowrap img{max-width:100%; height:auto;}
    #logo {width:778px; margin: 0 auto;}
	#logo a{text-decoration:none;}
	.site-title {font-size:40px; font-weight:bold; font-family: Arial, 'Helvetica', sans-serif; color:#000; line-height:1; letter-spacing: -0.05em;}
	.site-description: {font-size:18px; font-family: Arial, 'Helvetica', sans-serif; color:#000; font-style:italic;}
#header {background-color:#223d58; display:block; width:100%; height:55px; padding-top:15px;}
#header-menu {margin:auto; width:850px;}
#header ul li{font-size:14px;}

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

table {border:1px solid black;}
thead {font-weight:bold; color:#FFF;}
 .headfirst {background-color:#009;}
 .headsecond {background-color:#666;}
 .headthird {background-color:#636;}
tbody tr{text-align:center;}

p img {max-width:100%; height:auto;}

/* Responsiv Menu Basic Styles */

nav {
	height: 40px;
	width: 100%;
	font-weight: bold;
	position: relative;
	color:#000;
	max-width: 778px;
	margin: 0 auto;
}
nav ul {
	padding: 0;
	margin: 0 auto;
	width: 770px;
	height: 40px;
}
nav li {
	display: inline;
	float: left;
	margin: 0 10px 0 0;
}
nav a {
	color: #fff;
	display: inline-block;
	width: 140px;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	font-weight: bold;
	border-bottom: 0.5em solid white;
}
nav li a {}
nav li:last-child a {
	border-right: 0;
}
nav a:hover {border-bottom: 0.5em solid #F63; color: white;}
nav a:active {border-bottom: 0.5em solid #d3e9fe; color: white;}

nav a#pull {display: none;}

/** CONTENT */

#content {
	width: 778px;
	margin: 0px auto;
	padding: 0px 0px 20px 0px;
}

#skyltfonster {width:770px; min-height:460px; margin:0 auto; padding:40px 0 25px 0;}

ol {counter-reset: item;}
  ol li {display:block;}
  ol li:before {
        content: counters(item, ".") " - ";
        counter-increment: item;
      }

/** FOOTER */

#footer {
	clear: both;
	margin: 0px auto;
	background: #006;
	text-align: center;
	color:#fff;
}

#footer p {
	margin: 0 auto;
	padding: 18px 0px 0px 0px;
	font-size: 12px;
	color: #FFFFFF;
	width: 650px;
}

#footer a {color: #CCCCCC;}


/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	#content {padding-left:3%; padding-right:3%; width:90%; z-index:0;}
	#logo {width:90%; padding: 0 0 5px 15px;}
	.site-title {font-size:30px;}
	#header {height:45px; padding-top:5px;}
	#skyltfonster {width:95%; padding-top:20px;}
	#skyltfonster h1 {font-size: 22px; line-height: 24px;}
	#skyltfonster img {max-width: 100%; height: auto;}
	hr {display:none;}
	iframe {max-width:100%; height:auto;}
	nav a:hover {border:none;}
	nav { 
  		height: auto;
		border-bottom: 0;
		background-color: #223d58;
		color:#fff;
		z-index:1;
  	}
  	nav ul {
  		width: 100%;
  		display: none;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border:none;
		color:#fff;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
		border-bottom: none;
		line-height: 30px;
  	}
	nav a#pull {
		display: block;
		background-color: #223d58;
		color:#fff;
		width: 100%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url('/imgs/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	#footer {max-width:100%;}
	#footer p {max-width:90%;}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: none;
	}
}