/*@charset "utf-8";*/
/* Generella CSSes */
* {
	/*margin: 0;*/
}
html, body {
	height: 100%;
	text-align:center;
	background-color: #FFFFFF;
	background-image: url(../images/bg_main.png);
	font-size:11px;
	background-repeat: repeat-y;
	background-position: center top;
}





.wrapper {
	text-align:left;
	width:900px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -46px; /* the bottom margin is the negative value of the footer's height */
	
}
.footer, .push {
	height: 46px; /* .push must be the same height as .footer */
}



  .footer blockquote {
	height:46px;
	width: 900px;
	margin: 0 auto;
	
	background-image: url(../images/bg_sidfot.png);
	background-repeat: no-repeat;
    }
.footer a, .footer p{
	color:#FFFFFF;
}

#footerLeft{
	
		float:left;
		margin:16px 0 0 10px;
}
#footerRight {
	margin:16px 10px 0 0;
	
	float:right;
	text-align:right;
}

ul {

	margin: 0;
	padding: 0;
}

li {
	font-family:Arial, Helvetica, sans-serif;
	list-style-type: circle;
	margin-left:20px;
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

/*SITEMAP*/

#sitmapdiv a
{
	font-size:1.0em;
	text-decoration:none;
	
}
#sitmapdiv ul,#sitmapdiv li
{
	
	list-style-type:circle;
	font-weight:bold;
}

#sitmapdiv li li
{
	
	list-style-type:square;
	font-weight:bold;
}

#navTop {
	margin: 5px 0px 10px 0px;
	padding: 10px 20px 0px 20px;
	width: 860px;
	height: 24px;
	background-image: url(../images/bg_topnav.png);
	background-repeat: no-repeat;


}
#header{
	padding: 0;
	margin: 0;
}
#header img{
	padding: 0px;
	margin: 12px 0 0 0;
}


#header ul {
	padding: 0px;
	margin: 0px;
}
#header li {
list-style-type: none;
margin-right: 10px;
margin-left:0;
display: inline;
}
#header a {
	font-family:Arial, Helvetica, sans-serif;
	
	font-size: 1.1em;
	font-weight: bolder;
	color:#FFFFFF;
	text-decoration: none;
	text-transform:uppercase;

}

#header a:hover {
	color: #666666;
}

#mainContent{
	padding: 20px 0 20px 20px;
	margin: 0px;
}

#subPageNav {
	float: left; 
	width: 150px; /* since this element is floated, a width must be given */
	
}
#subPageContent {
	margin: 0 0px 0 160px; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
}

#subPageContent ul {

	margin: 0;
	padding: 0;
}

#subPageContent li {
	font-family:Arial, Helvetica, sans-serif;
	list-style-type: circle;
	margin-left:20px;
}


#subPageContentLeft {
	float: left; 
	width: 105px; /* since this element is floated, a width must be given */
	
	
}

#subPageContentRight {
	float: right; 
	width: 100px; /* since this element is floated, a width must be given */
	
	
}
#subPageContentText {
  margin: 0 110px 0 125px; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
  
}

#subPageContentTextLeft {
  margin: 0 110px 0 0; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
  
}



#startLeft {
	width: 345px;
	margin-bottom: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	margin: 0 500px 0 20px;
	padding: 0 10px 0 0;
	
}
#startCenter {
	float: left;
	width: 245px; /* since this element is floated, a width must be given */
	margin: 0 10px 0 10px;
	padding: 0px;
}
#startRight {
	float: right;
	width: 220px;
	margin: 0; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
	padding: 0 0 0 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
} 

#startContentTop  {
	padding: 0 0 20px 0;
	margin:40px 80px 0 80px;
	}
#startContentTop P {
	text-align: justify;
}

#startContentBottom  {
	padding: 0;
	margin:20px 80px 0 80px;
	text-align:center;
	}
#startContentBottom li  {
	list-style-type: none;
	/*margin-right: 50px;*/
	display: inline;
	}


#navcontainer {
	padding: 0px;
	margin: 0;
	
}
#navcontainer ul,#navcontainer li
{
	margin: 0;
	padding: 0;
	list-style-type: none;

}

#navcontainer a
{
	display: block;
	color: #9c1b1c;
	width:160px;
	padding: 4px 0px 4px 0px;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top:-1px;
	
}

#navcontainer a:hover
{
	color: #333333;
}

#navcontainer ul ul
{
	display: block;
	width:180px;
	margin:3px 0;
	
	
}
#navcontainer li li a
{
	display: block;
	border:none;
	width:160px;
	padding: 3px 1px 0px 15px;
	font-weight: normal;
	color: #000000;
}

#navcontainer li li a:hover
{
	color: #CC3333;
}
#navcontainer img {
	border-style:none;
	float: right;
}

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



a {
	color: #990000;
	text-decoration:underline;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 13px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin: 1px 0px 5px 1px;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	font-weight: bolder;
	color: #990000;
	text-decoration: none;
	letter-spacing: -1px;
	margin: 0px 0px 10px 1px;
	line-height: normal;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	font-weight: bolder;
	color: #990000;
	text-decoration: none;
	margin: 0px 0px 10px 1px;
	line-height: normal;
	letter-spacing: -1px;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	font-weight: bolder;
	color: #990000;
	text-decoration: none;
	margin: 0px 0px 10px 1px;
	line-height: normal;
}

h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bolder;
	color: #000000;
	text-decoration: none;
	margin: 0px 0px 10px 1px;
	line-height: 14px;
}


input, textarea {
	background-color:whitesmoke;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	border:1px #666666 solid;
}
select {
	background-color:whitesmoke;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	border:1px #666666 solid;
}
form {
	margin:0 0 0 0;
}

.oneColTxt {
	margin: 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0 15px;
}



.twoTxtColHdr {
	margin: 0;
	
	}
	

.twoTxtColLeft {
	float: left; 
	width: 46%; /* since this element is floated, a width must be given */
	margin: 0 15px 0 0px;
}
.twoTxtColRight {
	float: right;
	width: 200px;
	margin: 0 0px 0 10px; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
} 

.twoColTxtLeft {
	margin: 0 230px 0 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0 15px;
}
.twoColImgRight {
	float: right;
	width: 200px;
	margin: 0 0 0 10px; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
	text-align: center;
} 

.greyLine {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	margin: 0 0 15px 0;
	}
.textRed {
	color: #CC3300;
}
#subPageContentHdr {
	margin-bottom: 20px;
}
.downloadIkoner {
	margin-top: 20px;
}

#subPageOneColContentText {
	margin-top: 0px;
	margin-right: 110px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/*Nyheter*/

.menuNyheter
{
	
}



.menuNyheter .Header
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 1.0em;
	font-weight: bolder;
	color:#000000;
	text-decoration: none;	
	padding-left:10px;
	padding-top:5px;
}
.menuNyheter .Content
{
	
}

.Newslink
{
	font-weight: normal;
	color:#ff0000;
}

.menuNyheter .Content ul
{
	
}
.menuNyheter .Content ul li
{
	
}

.NewsHeader
{
	
}
.NewsConclusion
{
	display:none;
}
.NewsReadMore
{
	display:none;
}
.NewsNewsDate
{
	display:none;
}

.NewsContent .latestNews
{
	color: #CC3300;
}

.NewsContent .ingress
{
	
}

.NewsContent .content
{
	
}

.NewsContent .image
{
	margin:10px 0px 10px 0px;
}
#startBanners {
	float: right;
	width: 500px;
}



.vaderbannerTop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/start_vaedertop.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 19px;
	width: 200px;
	padding: 5px 10px  0 10px;
}
.vaderbannerTop img {
	float: right;
	margin-top: -4px;
}
.vaderbannerContent {
	padding: 10px;
	background-repeat: repeat-x;
	background-position: top;
}
.vaederbanner {
	background-image: url(../images/bg_greydient.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-style: none;
	border-left-style: none;
}

.vaederbanner .TempText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color:#a5cff7;
	line-height:22px;
}

.imgStartBullet {
	float: left;
	margin-top: -5px;
	margin-left: -40px;
}
.startLeftTxt ul {
	margin: 0px;
	padding: 0px;
}
.startLeftTxt li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	list-style:none;

}

.startLeftTxt {
margin:0 0 20px 0;
}

.startLeftBannerTop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/rubrikbanner_roed.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 19px;
	width: 325px;
	padding: 5px 10px  0 10px;
}

.startLeftBannerTop img {
	float: right;
	margin-top: -4px;
}
.startLeftBannerContent {
	padding: 10px;
	background-repeat: repeat-x;
	background-position: top;
}
.startLeftBanner {
	background-image: url(../images/bg_greydient.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-style: none;
	border-left-style: none;
	height: 140px;
}
.imgLeft {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}
.imgRight {
	float: right;
	margin-bottom: 8px;
	margin-left: 8px;
}
.bannerStart {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.bannerStart img {
	border: 1px solid #CCCCCC;
}
#startSmallBanners {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top: 10px;
	margin: 10px 0 0 10px;
	vertical-align: middle;
}

#startSmallBanners ul {
	padding: 0px;
	margin: 0px;
}
#startSmallBanners li {
	list-style-type: none;
	margin:0 0px 0 0;
	width:158px;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align: middle;
}
.tableRedHdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-right: 8px;
	padding-left: 8px;
}
.tableRedHdr th {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #990000;
	text-align: left;
	vertical-align: middle;
	height: 20px;
	padding-right: 8px;
	padding-left: 8px;
}
.tableRedHdr td {
	padding-right: 8px;
	padding-left: 8px;
}
.twoColImgRight img {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#vaegbeskrDa img {
	float: left;
	margin-right: 10px;
}
#vaegbeskrDa {
	border: 1px solid #CCCCCC;
	padding: 10px;
	height: 70px;
}
.oneColTxt p {

}
 #generateMap
{
	/*display:none;*/
	width:100%
}

.ruta {
	border: 1px solid #CCCCCC;
	padding: 10px;

}

.fourSixtyBannerTop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/rubrikbanner_roed_eon.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 19px;
	width: 440px;
	padding: 5px 10px  0 10px;
}

.fourSixtyBannerTop img {
	float: right;
	margin-top: -4px;
}
.fourSixtyBannerContent {
	padding: 10px;
	background-repeat: repeat-x;
	background-position: top;
}
.fourSixtyBanner {
	background-image: url(../images/bg_greydient.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-style: none;
	border-left-style: none;
	height: 140px;
}

/*Webcam*/
#loader 
{
	border:1px solid #CCCCCC;
	padding:5px;
}

#webcamdiv
{
	padding:5px;
	border:1px solid #CCCCCC;
	background-color:#000000;
	margin-bottom:10px;
}

#webcamdiv img
{

	margin-bottom:10px;
}

#webcamdiv .camHdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}


.webcamMeny {
	float: right;
	width: 120px;
	margin: 0 0px 0 10px; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
	border: 1px solid #CCCCCC;
	padding: 10px;
} 

.webcamImg {
	margin: 0 160px 0 0px;
	padding: 10px;
	border: 1px solid #CCCCCC;
}

/*Nyheter*/
#nyhetright p
{
	margin-bottom:10px;
	font-size:11px;
}
.tableTrLightGrey {
	background-color: #EEEEEE;
}
.webcamHdr {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #990000;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.webcamMeny a {
	display: block;
	background-color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
}

.webcamMeny a:hover {
	background-color: #990000;

}

.webcamMeny .active {
	background-color: #990000;
}
#startNewsTempBanner {
	border: 1px solid #CCCCCC;
	background-image: url(../images/banner_avslutning09.jpg);
	background-repeat: no-repeat;
	background-position: center 6px;
	padding-top: 210px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
}
#startNewsTempBanner li {
	list-style-type: square;
	color: #990000;
	margin-bottom: 5px;
}