* 
{
	margin:0;
	padding:0;
	outline:0;
}

html 
{
	background: #f4f6f8 url(images/htmlbg.png) repeat-x left top;
	font-size: 62.5%;
	overflow: auto;
	overflow-y: scroll;
}

html, body {
height: 100%;
min-height:100%;
}

h6 
{
	font-size: 0.4em;
	margin: 1em 0em 0em 0em;
}

h5 
{
	font-size: 0.6em;
	margin: 1em 0em 0em 0em;
}

h4 
{
	font-size: 0.8em;
	margin: 1.5em 0em 0em 0em;
}

h3 
{
	font-size: 1.2em;
	margin: 1em 0em 0em 0em;
}

h2 
{
	font-size: 1.5em;
	margin: 1em 0em 0em 0em;
}

h1,
.modGallery h2,
.modGuestbook h2,
.modCatalog h2,
.modNewsList h2 
{
	text-transform: none;
	letter-spacing: 0em;
	font-size: 2.2em;
	margin: 0em 0em 0em 0em;
}

p 
{
	margin: 0em 0em 1em 0em;
}

a img 
{
	border: 0;
}

hr 
{
	border: 0;
	height: 1px;
	margin: 0.5em 0 1em 0;
	color: #2B8699;
	background-color: #2B8699;
}


ul,
ol 
{
	margin: 1.2em 0em 1.2em 2em;
	padding: 0;
}

ul li,
ol li 
{
	margin: 0.3em 0em 0em 0em;
	list-style-position: outside;
	line-height: 1em;
	padding: 0 0 0.5em 0;
}

#main-content ul 
{
	/*list-style: url(images/liststyle.png) disc;*/
}

ol 
{
	list-style: decimal;
}

strong 
{
	color:#333;
	font-weight: bold;
}

em 
{
	font-style: italic;
}

blockquote 
{
	margin: 0em 3em;
}

/*CONTENT (end) -----------*/

/*FOOTER ------------------*/

#footer
{
	font-size: 1em;
	text-align: center;
	margin: 0.2em 0 0 0;
	clear: both;
	color: #000;
	
}

#pFooterText
{
	margin: 1em 0 0 0;
}

#footer a,
#footer a:link,
#footer a:hover,
#footer a:visited,
#footer a:active 
{
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

/*LAYOUT ------------------*/

#wrapper
{
	background: url(images/wrapperbg.png) repeat-y center top;
	text-align: left;
	width: 930px;
	height: 100%;
	padding: 12px 20px;
	margin: 0 auto;
}

#header
{
	background: #F8F2E4 url(images/headerbg.jpg) no-repeat left top;
	border: 1px solid #d6d6d6;
	margin: 0px 0 10px 0;
	height: 200px;
	position: relative;
}

#logo
{
	position: absolute;
	left: -30px;
	top: -15px;

}

#main
{
	margin: 0 0 0 0;
	padding: 0em;
	min-height: 20em;
	height: auto !important;
	height: 20em;
	background-color: #fff;
}


#main-content
{
	/*border:1px solid #d6d6d6;*/
	float: right;
	width: 710px;
	padding: 1em;
	margin: 0 0 10px 0;
	text-align: left;
}

#newsbox
{
	background: #eff2f9;
	float: right;
	width: 180px;
	min-height: 20em;
	height: auto !important;
	height: 20em;
    	position: relative;
    	display: block;
    	border: 1px #A4A4A4 solid;
    	padding: 0 0.5em 0.5em 0.5em;
    	margin: 1.5em 0 1.5em 1.5em;
	font-size: 11px;
}

.clear 
{
	clear: both;
	line-height: 0.01;
	border-style: none;
}

/* NAV ---------------------- */

#nav
{
	float: left;
	width: 15em;
	margin: 0em 0 10px 0;
}

#lang {
width:57px;
margin:0 auto;
}

#nav ul 
{	
	margin: 0;
	padding: 0;
}

#nav ul li 
{
	background-color: #F9F6E9;
	width: 100%;
	list-style-type: none;
	margin: 0.4em 0;
	padding: 0.2em 0;
}


#nav ul li.current a 
{
	background-color: #2B8699;
	color: #fff;
}

/*Current state för nivå1*/
#nav ul li.current li a 
{
	background-color: #fff;
}

#nav ul li.current 
{
	background-color: #fff;

}

#nav ul li a 
{
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	padding: 3px 0.5em;
	color: #000;
	text-decoration: none;
        display: block;
}
		
#nav ul li a:hover 
{
	background-color: #F8F2E4;
	color: #2B8699;
	
}

/*Nivå2*/
#nav ul ul 
{
	margin: 0 0 0 1em;
}
	
#nav ul ul li 
{
	padding:0;

        margin: 5px 0 0 0;
}

#nav ul ul li a
{
	font-weight: normal;
        display: block;
	color: #000 !important;
	border-left: #2B8699 solid 2px;
	font-size: 0.9em;
}

#nav ul ul li li a
{ 
	border-left: 0px;
}

#nav ul ul li a:hover 
{
font-weight:bold;
	background-color: #fff;
}

/*Current state för nivå2*/
#nav ul li ul li.current a 
{
background-color: #2B8699;
	color: #fff !important;
}

#nav ul li ul,
#nav ul li ul li ul,
#nav ul li.current ul li ul
{
    	display:none;
    	font-weight: normal;
}

#nav ul li.current ul,
#nav ul li.current ul li.current ul
{
	display: block;
}


/*NYHETSMODUL------------------*/

.modNewsList
{
	margin: 0px;
}

.NewList
{

	width: 600px;
}


.modNewsList h3
{
	background-color: #2B8699;
	border: 1px #a4a4a4 solid;
	color: #fff;
	font-weight: bold;
	padding: 0 0.3em;
	margin: 0 0 0.1em 0;
	position: relative;
	top: -1em;
	width: 120px;
}

.modNewsList ul 
{
	margin: 0;
	padding: 0;
}

.NewsList li
{
	list-style-type: none;
	margin: 0;
	padding: 1em 0em;
    	margin-right: 10px;
    	width: 150px;
}

.NewList li
{
    	list-style-type: none;
    	margin: 0;
    	padding: 1em;
    	border-bottom: #2B8699 3px solid;
}

.image
{
    	margin: 0 1em 1em 0;
}

.aNewsLink 
{
    	font-weight:bold;
}

.modNewsList ul.NewsList li, 
.date
{
    	font-weight:bold;
}

.modNewsList a, 
.modNewsList a:hover
{
    	font-weight: normal;
	line-height: 1.2;
}

.modGuestbook p button {
	margin-top: 1em;
}

.thumbnail {
background: #f8f2e4;
border:1px solid #d6d6d6;
width:160px;
height:160px;
margin: 5px;
padding:10px; 
float: left;
text-align:center;
}

.thumbnailp {text-align: center; vertical-align: bottom;}

a[href$='.PDF'], a[href$='.pdf'] { 
padding:0 0 0 20px; 
background:transparent url(images/pdf.gif) no-repeat center left !important; 
}

.card {
	float: left;
	width: 230px;
	height: 150px;
}

.modGallery {
padding-top:20px;
}


form {

}

form fieldset {
width: 300px;
border:0;
float:left;
display:block;
}

form legend {
font-weight: bold;
display:none;
}

form label {
display:block;
font-weight:normal;
}

form input, form textarea, form select {
border:0;
}

form input[type="text"] {
width:170px;
margin: 0 0 7px 0;
padding: 2px;
border:1px solid #ccc;
}

form select {
border:1px solid #ccc;
}

form input[type="checkbox"] {
margin:0 0 0 5px
}

form textarea {
width:220px;
height:7em;
padding: 2px;
overflow-y:auto;
border:1px solid #ccc;
}

form div.inline {
clear:both;
margin:7px 0;
}

form #Skicka {
display: block;
float:left;
margin:10px 0 0 0;
padding:2px 3px;
clear:both;
}

form span.obligatorisk {
color: #2B8699;
}