@charset "utf-8";

html {
	overflow-y: scroll;
}


body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-image: url(img/layout/bgGrad.png);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	color: #000;
}


ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 0;
	padding-left: 0;
}
a img {
	border: none;
}

a {
	color: red;
	text-decoration: underline;
}

a:hover, a:active, a:focus {
	text-decoration: none;
}

/* ~~this fixed width container surrounds the other divs~~ */
.container {
	width: 960px;
	background: #FFFFFF;
	margin: 5em auto 2em auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
	background: navy;
	color: #ff4a01;
	display: block;
	height: 150px;
}
.header img {
	float:left;
}
.header div {
	font-size: xx-large;
	float:right;
}

.topmenu {
	background-image:url(img/layout/topMenu.png);
	padding: 5px 5px 5px 0;
	height:22px;
}

.topmenu > a {
    display: -moz-inline-box; display: inline-block;
    *display: inline; /* For IE7 */
    
    padding:0;
    margin:0;
    zoom: 1.0; /* Trigger hasLayout */
	width: 12%;
	margin-left: 0.5%;
	
    font-size:10pt;
    font-weight: bold;
    
    text-align: center;
    /*	border: #FF7500 solid 1px; */
    border-radius: 10px;
    background-color: #ff4a01;
    text-decoration: none;
    color:navy;
}

.topmenu a:hover {
	background-color: orange;
}

.topmenu .selected {
	background-color: orange;
}

.sidebar1 {
	min-height:250px;
	float: right;
	width: 145px;
	background: #ff4a01;
	color: navy;
	border-radius:15px;
	padding: 20px 20px 20px 20px;
    margin-top: 1em;
    margin-bottom: 1em;
	font-size: 10pt;
}

.sidebar1 h1 {
	font-size: 12pt;
	margin-top:1em;
	margin-bottom:0;
}

.content {
	min-height:400px;
	padding: 0;
	width: 775px;
	float: left;
}

.styrelseNamn {
	font-size: 10pt;
	line-height:0;
	padding-bottom:1em;
}
.styrelseTitel {
	font-weight: bold;
	font-size: 10pt;
}
.styrelseBild img {
	border-radius: 15px;
}

.actualcontent {
	padding: 1em 1em 1em 1em;
	font-size:10pt;
}

.actualcontent ul {
	padding-left:2em;
}

.actualcontent h1 {
	font-size: 14pt;
}

.news {
	font-size:10pt;
}

.news h2 {
	font-size: 12pt;
	margin-bottom:0;
}
.news .newsdate {
	font-size:8pt;
}
.news div {
	margin-bottom:1em;
}

.footer {
	padding: 5px 5px 5px 5px;
	background: #ff4a01;
	border-radius: 15px;
	text-align: center;
	font-size: 8pt;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.newsnav {
	border-top: 1px solid black;
	text-align: center;
	margin-top: 1em;
}

iframe {
	border: none;
	padding-left: 1em;
}