@charset "utf-8";
/* CSS Jakt & fritid*/

/* Layout */
html, body { margin: 0; padding: 0; width: 100%; height: 100%; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px;}

#bg_image { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }
#scrolling { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2;}
#container {width: 900px; margin-top: 3em; margin-left: auto; margin-right: auto; background-color: #F2EFE0; border: 1px solid #666666;}

#header { height: 180px;}
#header .logo{ position: absolute;  margin-top: 20px; margin-left: 25px; border: none;}
#header .info{
	width: 250px;
	position: absolute;
	margin-top: 40px;
	margin-left: 230px;
}
#header .info h3{margin-bottom: -0.7em; color: #990000;}
#header .info p{font-weight: bold; font-size: 14px;}
#header .headerPhoto{ position: absolute; margin-top: 10px; margin-left: 590px; z-index: 10;}


#sidebar{ float: right; width: 18em; padding-top: 4em; padding-right: 2em;}
#mainContent {margin: 0 20em 0 0; padding: 3.5em 3.5em 0 3.5em; min-height: 400px;} 
#mainContent2 {margin: 0; padding: 3.5em 3.5em 0 3.5em; min-height: 400px;} 
#mainContent .space img { padding: 10px;}
img.padding {padding: 10px 10px 0 0;}

#sidebar p, #mainContent p {
	line-height: 1.2em;
	color: #000;
	text-align: left;
}
#sidebar ul li, #mainContent ul li{margin-left: -2em; list-style-type: none;}
#sidebar img{border: 0;}

#footer { padding: 5em 2em 1em 2em;} 
#footer p { margin: 0; padding: 10px 0;font-size: 10px; line-height: 1.5em; text-align: center; color: #666666;}


/* Rubriker innehåll*/
h1{font-size: 24px; color: #990000; margin-bottom: -0.2em;}
#mainContent h1{padding-top: 0.2em;}
h2{font-size: 18px; color: #333333; margin-bottom: -0.2em;}
h3{font-size: 16px; margin-bottom: -0.5em;}
h4{font-size: 14px; margin-bottom: -0.5em;}
h5{font-size: 12px; margin-bottom: -0.7em;}

/* Länkar innehåll */
#mainContent a:link, #sidebar a:link{color: #003366;}
#mainContent a:visited, #sidebar a:visited {color: #730101;}
#mainContent a:hover, #sidebar a:hover {background-color: #CCCCCC;}
#mainContent img {border: none;}


/* Flytande element och kolumner */
.left{float: left; padding-right: 1em;} /* Använd till bilder */
.right{float: right; padding-left: 1em;} /* Använd till bilder */

.leftCol{float:left; width: 250px;}
.rightCol{float:right; width: 250px; padding-left: 10px;}

.alert{width: 200px; padding: 1em; border: 1px solid #999999;}
.alertGreen{width: 200px; padding: 1em; border: 1px solid #999999; background-color:#719450;}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}

/* Tabeller */
table{width: 100%; font-size: 12px; text-align: left; vertical-align: text-top;}
table.big {width: 100%; font-size: 14px; text-align: left; vertical-align: text-top;}

th{background-color: #730101; color: #F2EFE0; vertical-align: top;}
td{padding-bottom: 3px; vertical-align: top;}
table .center {text-align: center;}

/* Formulär */
form .tag{width: 100px; }
form .input{width: 200px; }


/* Meny */
#menu {
	font-size: 13px;
	width: 670px;
	margin-top: 154px;
	margin-left: 205px;
	position: absolute;
	z-index: 20;
	padding: 0;
}