body {padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; background-color:#2f84ba;}
h1 {margin: 0; padding: 0 0 5px 0; font-size: 22px;}
h2 {
    font-size: 16px;
    border-top: dotted 1px 
    #ccc;
    padding-top: 10px;
}
h3 {font-size: 14px; margin-bottom: 1px;}
#catline {font-weight:bold; color:#000000; padding:5px; margin-bottom: 10px; font-size: 1.2em; background-color:#dddddd; border-bottom:1px solid #000000; border-top: 1px solid #000000;}

a:link {text-decoration: none; color:#000099}
a:visited {text-decoration: none; color:#990099;}
a:active {text-decoration: underline; color:#990099;}
a:hover {text-decoration: underline; color:#000099;}
.text {font-weight:bold;}
 
/* sidlayout */
#layout	{margin-right: auto; margin-left: auto; max-width: 800px; background: #ffffff;}
#sidhuvud {height: 115px; width:100%; max-width: 800px; margin:0; padding: 0; background-color:#2f84ba;}
 #sidhuvud .sitename  {color:#fff; font-weight:bold; text-transform:uppercase; font-size:40px; position: relative; bottom: 10px;}
#link {position:relative; margin: 5px; height: 60px; max-width:500px; width:100%; cursor:pointer;}
 #link img {max-width:500px; width:100%;}
#sidlayout {width: 100%; background: #ffffff;}
#content {padding:25px;}
 #content a:link, #content a:visited, #content a:active, #content a:hover {color:#0034ff !important;}
 #content img {max-width:100%; height:auto;}
#search {Width:210px; float:right; padding:5px;margin:1em 0 0 0;}


/* Box */
#kolumnbox {width:315px; float:left; margin:5px; padding: 2px 10px;}
#kolumnbox ul {list-style-type: square; list-style-position: outside; margin-left:0px; padding:0 0 0 10px;}
#kolumnbox li{margin-left:5px; margin-bottom:2px;}
#kolumnbox p {margin-bottom: 0px;} 
#kolumnbox h3 {font-size: 1.2em; margin-bottom: 1px; margin-top: 0px;}

#box 		{float:left; width:300px; margin:5px; padding:5px 10px; clear:both;}
.kollain	{width:80px; height:15px; background: url(imgs/kollain.gif) no-repeat; margin:0}

#erbjudande ul {margin: 0; padding:5px; background: #FFCC99;}
#erbjudande li{display: inline; list-style: none; background: #FFCC99; padding: 2px; margin: 4px;}
#erbjudande li a{text-decoration: none; padding-left:15px; background:url(imgs/pil.gif) no-repeat left;}
#erbjudande li a:hover{text-decoration: underline;}

.button {width:285px; background:url(/imgs/konkurrence_button.gif) no-repeat; padding:12px; text-align:center;}
.button a:link {font-weight:bold; font-size:14px; color:#FFFFFF !important;}
.button a:hover{text-decoration: underline;}

figcaption {font-size: 12px; font-style: italic;}

/*meny*/
#menycontainer {background: #000000;}
#menycontainer ul{margin: 0.1em ;  padding: 1em 4.5em; background: #000000;}
#menycontainer li{display: inline; list-style: none; margin-left:25px; color: #ffffff; text-transform:uppercase; font-weight:bold;}
#menycontainer a:link{color: #ffffff;}
#menycontainer a:visited{color: #ffffff;}
#menycontainer a:hover{color: #ffffff;}
#menycontainer a#current{background: #000000; border: 1px solid #000000; color: #ffffff;}

#sidfot {clear: both; padding: 10px; text-align:right; font-size:12px; color:#fff; margin-right: auto; margin-left: auto; max-width: 800px; width:90%;}
 #sidfot a:link, #sidfot a:visited, #sidfot a:active {color:#fff; font-weight:bold; text-decoration:underline;}

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

nav {
	height: 40px;
	width: 100%;
	font-weight: bold;
	position: relative;
	background-color: #000;
	color:#FFF;
}
nav ul {
	padding: 0;
	margin: 0 auto;
	width: 870px;
	height: 40px;
}
nav li {
	display: inline;
	float: left;
	margin: 0 5px 0 0;
}
nav a {
	color: #FFF;
	display: inline-block;
	width: 100px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	font-weight: bold;
}
nav li a {
}
nav li:last-child a {
	border-right: 0;
}
a:visited, a:link {color:#FFF !important; text-decoration:none !important;}
nav a:hover {border-bottom: 0.5em solid #2f9cf9; color: #FFF;}
nav a:active {border-bottom: 0.5em solid #2f9cf9; color: #FFF;}

nav a#pull {
	display: none;
}


@media screen and (max-width: 600px) {
	#sidhuvud .sitename  {font-size:20px;}
	#sidhuvud img {max-height:70px; width:auto;}
	#sidhuvud {height: 70px;}
	#menycontainer, #sidlayout, {width:100%;}
	#sidfot {width:90%;}
	
	nav a:hover {border:none;}
	nav { 
  		height: auto;
		border-bottom: 0;
		background-color: #000;
		color:#FFF;
		margin-top:0px;
		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;
  	}
	nav a#pull {
		display: block;
		background-color: #000;
		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;
	}
}

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