@charset "utf-8";
/* CSS Dokument */

/*
---------------------------
HTML-TAGGAR
---------------------------
*/
html { height: 100%; width: 100%;}

body {
	height: 100%;
	width: 100%;
	border: none;
	background-color: #CCCCCC;
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
	color: #848704;
	font-size: 9pt;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
a:link{
}
a:visited { 
}
a:active { 
}
a:hover{
	text-decoration: underline;
}
h1 {
	margin: 5px 0 0 0;
	padding: 0px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #bfce00;
}
h2 {
	margin: 10px 0 0 0;
	padding: 0px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #CC6600;
}
h3 {
	margin:0px;
	padding: 0px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #CC6600;
}
h4 {
	margin: 0px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
}
h5 {
}
h6 {
}
p {
}
ul {
}
li {
}
strong {
}
hr {
}

/*
---------------------------
MENY
---------------------------
*/
ul#menu {
	width: 885px; 
	height: 35px; 
	background: #FFF url("../images/menu/menu-bg.gif") top left repeat-x; 
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	list-style-type: none; 
	margin: 0; 
	padding: 0 0 0 11px; 
}
ul#menu li { 
	display: block; 
	float: left; 
	margin: 0 0 0 5px;
}
ul#menu li a { 
	height: 26px; 
	color: #666; 
	text-decoration: none; 
	display: block; 
	float: left; 
	line-height: 150%; 
	padding: 6px 15px 0;
}
ul#menu li a:hover { 
	color: #333; 
}
ul#menu li a.current {
	color: #FFF;
	background: #FFF url("../images/menu/current-bg.gif") top left repeat-x;
	padding: 5px 15px 0;
}
/*
---------------------------
LAYOUT
---------------------------
*/
#top {
	width: 914px;
	margin-right: auto;
	margin-left: auto;
	height: 14px;
	padding: 0px;
	background-image: url(../images/layout/bg_top-shadow.gif);
}
#disposition {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../images/layout/bg_main-shadow.gif);
	background-color: #FFFFFF;
	padding-right: 7px;
	padding-left: 7px;
}
#header {
	height: 83px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/layout/bg_header.jpg);
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:10pt;
	position: relative;
}
#header a {
	/*display: block;*/
	width: 200px;
	height: 75px;
}
#logolink { position:absolute; top:20px; left:20px; width:160px; height:50px; }

#content {
	width: 870px;
	margin: 0px;
	padding: 8px 15px 8px 15px;
}
#column1x3 {
	width: 185px;
	float: left;
	margin: 0 0 7px 0;
}	
#column2x3 {
	width: 470px;
	margin: 5px 15px 7px 15px;
	padding: 0px;
	float: left;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}	
#column3x3 {
	width: 185px;
	margin: 0 0 7px 0;
	float: left;
}	
#puffar{
	clear: both;
	height: 100px;
	width: 870px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	margin: 5px auto 3px auto;
	padding: 5px 0 2px 0
	}
#footer {
	width: 900px;
	height: 20px;
}
#footer a:link{
	color: #999999;
}
#footer a:visited { 
	color: #999999;
}
#footer a:hover{
	color: #333333;
}
#adress {
	width: 685px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	float: left;
	padding: 0 0 0 15px;
	}
#adress a  { font-size:10px; }

#siteinfo {
	width: 185px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	float: right;
	text-align: right;
	padding: 0 15px 0 0;
	}
#bottom {
	width: 914px;
	margin-right: auto;
	margin-left: auto;
	height: 14px;
	padding: 0px;
	background-image: url(../images/layout/bg_bottom-shadow.gif);
}

/*
---------------------------
ELEMENT & PUFFAR
---------------------------
*/

#newsletter {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #dc8c00;
	padding: 5px 5px 5px 5px;
	margin: 7px 0 7px 0;
	height: 112px;
	/*background-image:url(../images/puffar/puff_nyhetsbrev.jpg);*/
}
#puff_sverigekarta {
	position: relative;
	width: 175px;
	height: 79px;
	/*background-image:url(../images/puffar/puff_sverigekarta.jpg);
	background-repeat: no-repeat;
	padding: 13px 0 0 10px;*/
	margin: 0 0 16px 0;
}
#puff_sverigekarta a.linktext { 
	position:absolute; 
	top:15px; 
	left:10px; 	
	margin: 0px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
	font-weight:bold;
}
#puff_sverigekarta a.linktext:hover { text-decoration:none; }

#puff_bottom01 {
	width: 297px;
	height: 97px;
	background-image:url(../images/puffar/puff_skisspuff01.jpg);
	background-repeat: no-repeat;
	margin: 0 2px 0 0;
	float: left;
}
#puff_bottom02 {
	width: 272px;
	height: 97px;
	/*background-image:url(../images/puffar/puff_skisspuff02.jpg);
	background-repeat: no-repeat;*/
	margin: 0;
	float: left;
}
#puff_bottom03 {
	width: 297px;
	height: 97px;
	/*background-image:url(../images/puffar/puff_skisspuff03.jpg);
	background-repeat: no-repeat;*/
	margin: 0 0 0 2px;
	float: left;
}

#puff_right_login
{
	width: 175px;
	height: 150px;
	background-color:#777;
	color: white;
	padding: 5px 0 5px 10px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/*
---------------------------
CLASSER
---------------------------
*/

.infobox_news{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-image: url(../images/layout/bg_14CCC.gif);
	padding: 15px 10px 15px 10px;
	margin-top: 5px;
	min-height: 283px;
}
.infobox_news strong{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #848704;
}
.infobox_news a{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #848704;
}
.infobox01{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-image: url(../images/layout/bg_14CCC.gif);
	padding: 15px 10px 15px 10px;
	margin-top: 5px;
	height: 340px;
}
.infobox01 strong{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #848704;
}
.infobox01 p{
	margin: 8px 0 0 0;
}
.infobox02{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-image: url(../images/layout/bg_14CCC.gif);
	padding: 15px 10px 20px 10px;
}
.infobox02 p{
	margin: 8px 0 0 0;
}
.noborder {
	border: none;
}
.border {
	border: 1px #070E33;
}

.editformtext
{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
}