/* Skidspår.se
 Copyright 2006 All rights reserved
 Stefan Westling
 Westling IT
 stefan@westlingit.com
 http://www.westlingit.com
   */
/* CSS global reset for all browsers */ 
* {
	padding: 0;
	margin: 0;
	}

/* Background - a small image goes a long way, and basic font styling */
html, body {
	height: 100%; 
	float:left;
}
body {
	/*background-image: url(../images/background.gif);
	background-color: #A3E5FF;*/
	text-align: left;
	font-family: "arial", "tahoma", san-serif;
	color: #000000;
	font-size: 11px;
	background-image: url(../images/bgr_all.gif);
	background-color: #e0e0e0;
	background-repeat: repeat-y;
}
.contentheading {
	font-family: "arial", "tahoma", san-serif;
	color: #BF313C;
	font-size: 18px;
	font-weight: bold;
}
.contentpane td {
	padding-top: 3px;
}
.componentheading {
	font-family: "arial", "tahoma", san-serif;
	color: #BF313C;
	font-size: 18px;
	font-weight: bold;
}
#annons_epost {
	border: solid 3px #d0d0d0;
	background-color: #f0f0f0;
	padding: 16px;
	font-size: 16px;
}
.big {
	font-size: 20px;
	line-height: 19px;
	vertical-align: middle;
}
/* Start-sidan */
.box {
	background-repeat: no-repeat;
	width: 297px;
	height: 140px;
	margin-bottom: 10px;
	cursor: pointer;
}
.box p {
	padding-top: 45px;
	margin-left: 20px;
	width: 100px;
}
#box1 {
	background-image: url('../images/box_1.gif');
	margin-right: 10px;
}
#box2 {
	background-image: url('../images/box_2.gif');
}
#box3 {
	background-image: url('../images/box_3.gif');
	margin-right: 10px;
}
#box4 {
	background-image: url('../images/box_4.gif');
}
/* Huvudstyles */
p {
	margin-bottom: 10px;
}
#plats_header {
	border-bottom: solid 1px #BF313C;
	margin-bottom: 10px;
}
.header1 {
	font-family: arial, helvetica;
	font-size: 14pt;
	color: #BF313C;
	font-weight: bold;
	margin-bottom: 9px;
}
.header2 {
	font-family: arial, helvetica;
	font-size: 12pt;
	color: #BF313C;
	font-weight: bold;
	margin-bottom: 6px;
}
.header3 {
	font-family: arial, helvetica;
	font-size: 10pt;
	color: #BF313C;
	font-weight: bold;
	margin-bottom: 3px;
}
select, input {
	font-family: arial,tahoma,verdana;
	font-size: 11px;
}
.result_table {
	width: 100%;
	border: none;
	margin-bottom:8px;
}
.result_table th {
	border-bottom: solid 1px #BF313C;
	padding: 4px;
}
.result_table td {
	border-bottom: solid 1px #e0e0e0;
	padding: 4px;
}
#news_table {
	border-top: solid 1px #BF313C;
	border-bottom: solid 1px #BF313C;
	background-color: #EBEBEB;
	width: 407px;
}
.button, .button_long {
	background-image: url(../images/button.gif);
	background-repeat: no-repeat;
	background-color:#ffffff;
	width: 148px;
	height: 22px;
	text-align: center;
	padding-top: 3px;
}
.button2 {
	background-image: url("../images/button2.gif");
	background-repeat: no-repeat;
	background-color: #ffffff;
	width: 100px;
	height: 22px;
	text-align: center;
	padding-right: 5px;
	padding-top: 3px;
	color: #ffffff;
}
.button_small {
	/* För att göra till knappar */
	background-image: url("../images/button_small.gif");
	background-repeat: no-repeat;
	width: 65px;
	height: 22px;
	text-align: center;
	padding-top: 3px;
	font-weight: bold;
	color: white;
	margin-right: 5px;
	border: none;
	padding: 0px;
	background-color:buttonface;
}
INPUT.button {
	background-image: url(../images/button.gif);
	background-repeat: no-repeat;
	width: 148px;
	height: 22px;
	text-align: center;
	vertical-align: middle;
	padding-top: 0px;
	border: none;
	font-weight: bold;
	color: white;
	cursor: pointer;
}
.button_long {
	background-image: url(../images/button198.gif);
	background-repeat: no-repeat;
	width: 198px;
}
.button a, .button_long a, .button2 a {
	font-weight: bold;
}
.button a:link, .button_long a:link, .button2 a:link {
	color: white;
}
.button a:visited, .button_long a:visited, .button2 a:visited {
	color: white;
}
.button a:active, .button_long a:active, .button2 a:active {
	color: white;
}
.anlaggningsid {
	color: #BF313C;
}
.inforuta {
	clear: left;
	background-color: #e0e0e0;
	border-top: solid 1px #d0d0d0;
	border-bottom: solid 1px #d0d0d0;
	padding: 10px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 12px;
}
.rapport_huvud {
	background-color: #e8e8e8;
	border-top: solid 1px #BF313C;
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
	clear: both;
}
.rapport_text {
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
}

/* Now we figure out how wide our main page is  - Alignment comes from the margin calls here combined with the text-align: center in the body call*/	
#container {
	width: 923px;
	height: 100%;
	min-height: 100%;
	padding: 0px;
	float:left;
}

/* Area to put the main heading text in */	
#header {
	padding: 0px;
	margin: 0px;
	margin-top: 0px;
}

/* Farhner Image Replacement - the code says its a header with the sitename, so we replace the header text with this header image - sweet  :-) )*/
#logo {
	background: url(../images/head3.gif) 0px 0px no-repeat;
	padding: 0px;
	margin: 0px;
	margin-left:16px;
	width: 1017px;
	width: 987px;
	height: 106px;
	font-size: 0px;
	cursor: pointer;
}
#headbar {
	width: 965px;
	height: 0px;
	border-top: solid 2px #BF313C;
	padding: 0px;
	margin: 0px;
	margin-left: 16px;
	line-height: 0px;
}

/* Start of the main content once the header has been done */
#core {
	text-align: left;
	padding: 0px;
	margin: 0px;
	height: auto !important; /* For Saf/Fx/IE7 */ 
	height: 100%; /* IE6 expands this if needed */
	min-height: 100%;
	float:left;
}

/* Main content area  - faux columns CSS as previously seen on AListApart.com */
/* One image for the background and borders with some padding for the internal layout, so as to move the content text itself off the borders */

#content {
	padding: 0px;
	padding-top: 0px;
	padding-right: 0px;
	margin: 0px;
	margin-top: 0px !important;
	margin-top: -4px;
	margin-right: 5px;
	margin-left: 16px !important;
	margin-left: 8px;
	color: #000000;
	min-height: 100%;
	width: 965px;
	float:left;
}

/* Split the main content area into two columns - via static widths and a float */
#sidebar {
	height: 100%;
	width: 200px;
	float: left;
	margin-right: 0px;
	margin-top: 5px;
	/*background-color: #DBE7FF;*/
	background-image: url('../images/bgr_menu.gif');
	background-repeat: repeat-y;
}
.mainlevel {
	margin-left: 10px;
}
#sidebar a {
	background: url(../images/punkt.gif) top left no-repeat;
	padding-left: 20px;
	line-height: 26px;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	/*list-style-image: url(../images/punkt.gif);*/
}
.moduletable th {
	font-size: 0px;
	color: #ffffff;
	position:absolute;
	left: -5000px;
}

/* Länkar */
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:link {
	color: #165182;
}
a:visited {
	color: #165182;
}
a:active {
	color: #BF313C;
}

#bodytext {
	/*
	overflow: auto;
	background-color: #ffff00;
	*/
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 605px;
	margin-right: 10px;
	margin-left: 10px;
	float: left;
}

#sparstatus_banner {
	float:right; 
}
#epostruta, #smsruta, #nyhssf, #nyhvasa, #sparstatusruta {
	margin-top:5px;
	margin-right: 5px;
	padding: 8px;
	width: 181px;
	height: 100px;
	border: solid 2px #d0d0d0;
	background-color: #f0f0f0;
	float:left;
}
#nyhvasa, #sparstatusruta, #smsruta {
	margin-right: 0px;
	float:none;
}
#nyhssf, #nyhvasa {
	width: 280px;
}
#rutor {
	/*clear:both;*/
}

/* ANNONSER */
#annonser_HEAD {
	margin: 0px;
	margin-left:16px;
	padding: 0px;
	width: 966px;
	text-align: center;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
	background-color: white;
}
#annonser_TOP {
	margin-top:0px;
	margin-left:210px;
	width: 755px;
	height: 94px;
	/*text-align: center;
	vertical-align: top;*/
	overflow: hidden;
}
#annonser_RIGHT {
	width: 140px;
	padding: 0px;
	margin: 0px;
	margin-top: 4px;
	display: block;
	float: left;
}
#annonser_PLATS {
	width: 605px;
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
}
#annonser_SPARSTATUS {
	width: 605px;
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
}
.A {
	margin: 0px;
	padding: 0px;
	float: left;
	/*width: 140px;*/
	max-height: 64px;
	overflow: hidden;
}
.A img {
	margin-top: 4px;
	margin-right: 5px;
}
.B {
	margin: 0px;
	padding: 0px;
	float: left;
	margin-right: 5px;
}
.B img {
	margin-bottom: 10px;
}
.C {
	margin: 0px;
	padding: 0px;
	float: left;
	margin-right: 5px;
}
.C img {
	margin-bottom: 4px;
}
.T {
	top:0px;
	left:0px;
	font-size: 12px;
	margin: 0px;
	margin-right:10px;
	margin-top: 14px;
	padding: 0px;
	float: left;
}
.H {
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
	width: 140px;
	float: left;
	text-align: center;
	overflow: hidden;
}
.V {
	margin-left: -15px;
	width: 210px;
	float: left;
	text-align: center;
	overflow: hidden;
}
#sidebar .V a {
	background: none;
}

/* Make sure the font size for links and paragraphs doesn't break */ 
p, a {
	font-size: 1em;
}

#copyright {
	margin-left: 10px;
	margin-bottom: -10px;
}

 /* Footer  - need I say more? */
#footer {
	margin: 0px;
	padding: 0px;
	border-top: solid 1px #165182;
	background-color: #ffffff;
	margin-top: 4px;
	top: auto;
	bottom: 10px;
	margin-left: 16px !important;
	margin-left: 8px;
	width: 965px;
	/*height: 50px;*/
	font-size: 9px;
	color: #165182;
	padding-top: 4px;
	text-align: center;
	float: left;
	#margin-top: 20px;
}