/* Red color: #CE1126 */

/**************** body and tag styles ****************/
	body {
	  font-size: 12px;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  background:transparent;
	  overflow: -moz-scrollbars-vertical;
	  }
	  
	#container{
		position:absolute;
		margin: 0px auto 15px -410px;
		background-image:url("../img/bg_flat.gif");
		background-repeat:repeat-y;
		left:42%;
		padding-left:60px;
	}

	#middle{
	  float:left;
	  display:inline;
      clear:both;
	  width: 900px;
	  padding:0px;
	  font-size: 1em;
	  line-height: 1.6em;
	  color: #000000;
	  background-color:transparent;
	  border:0px solid #777777;
	  }
	  
	h1 {
	  color: #000000;
	  font-size: 1.6em;
	  background-color:transparent;
	  margin-top:15px;
	  margin-bottom:10px;
	  }
				
	h2 {
	  color: #000000;
	  font-size: 1.4em;
	  background-color: transparent;
  	  margin-top:5px;
	  margin-bottom:10px;
	  clear: both;
	  }
	h3 {
	  color: #000000;
	  font-size: 1.1em;
	  background-color: transparent;
	  margin-top:15px;
	  margin-bottom:0px;
	}
	
	h4 {
	  color: #000000;
	  font-size: 1.0em;
	  background-color: transparent;
	  margin-top:5px;
	  margin-bottom:0px;
	}
	
	p{
	  margin-top:5px;
	  margin-bottom:0px;
	}
	
	h3.line{
	border-top: 1px solid #DDDDDD;
	color: #444444;
	  font-size: 1.1em;
	  background-color: transparent;
	  padding-top:15px;
	  margin-bottom:10px;
	}
		
	a {
	color:#2756CC;
	  background-color: transparent;
	  text-decoration: none;
	  font-weight: bold;
	  }

	a:hover {
	  background-color: transparent;
	  color:#2756CC;
	  font-weight: normal;
	  text-decoration: none;
	  }
	a:visited
	{
		text-decoration: none;
	}
	
	td{
		vertical-align:top;
	}

    div {
        clear: both;
    }	 
	
	ul, ol{
		margin:10px 5px 10px 5px;
		padding-left:20px;
	} 
	li{
		padding-left:0px;
		margin-left:5px;
	}
	
	hr.space {
	  background: #fff;
	  color: #fff;
	  clear: both; 
	  float: none; 
	  width: 100%; 
	  height: .1em;
	  margin: 0 0 1.45em;
	  border: none; 
	}
	
/**************** Cities menu ******************/

#citiescontainer
{
	padding:5px;
	margin:15px 0px 0px 0px;
	width:310px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #CCCCCC;
}

#cities
{
    margin-left: 0px;
    padding-left: 0px;
    list-style: none;
}
#cities a
{
    text-decoration: none;
    font-weight:normal;
	font:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:11px;
}

#cities li 
{
    padding-left: 10px;
    background: url(/img/circle.png) no-repeat left center;
}

/*
#cities a:link{color: #ffffff;}
#cities a:visited{color: #ffffff;}
*/
#cities a:hover
{
    text-decoration: none;
}


/**************** images styles ****************/		
	a img{
	  border: none;
	  }

	img.left,img.center,img.right {
	  padding: 4px;
	  border: none;
	  }

	img.left {
	  float: left;
	  margin: 0 12px 5px 0;
	  }

	img.center {
	  display: block;
	  margin: 0 auto 5px auto;
	  }

	img.right {
	  float: right;
	  margin: 0 0 5px 12px;
	  }
	img.noborder{
		margin:25px 0 0 0;
	}

/**************** form styles ****************/
	form {
	  float:left;
	  font-size: 0.8em;
	  text-align:top;
	  }
	  
	#login_form form, input{
	  float:left;
	  font-size: 0.8em;
	  text-align:top;
	  color: #000000;
	  border: 1px solid #AAAAAA;
	  padding: 2px;
	}
	
	.button {
	  padding: 2px;
	  background-color: #6DA6E2;
	  color: transparent;
	  border: 1px solid #2763A5;
	  font-size: 1em;
	  }
	  	  

/**************** header styles ****************/
	#header {
	  float:left;
	  display:inline;
      clear:both;
	  width: 860px;
	  height: 45px;
	  margin: 0 0 2px 10px;
	  background-color: transparent;
	  border: 0px;
	  font-size: 1em;
	  line-height: 1.6em;
	  color: #333333;
	  border-bottom:2px solid #777777;
	  padding-bottom: 10px;
	  padding-top: 0px;
	  padding-left:0px;
	  padding-right:0px;
	  }
	#header p { 
	  margin-top: 0px;
	  margin-left: 0px;
	  color: #999999;
	}
	  
	.left{
		float:left;
		display:inline;
	 }
	#h_info{
		width:300px;
		
	}
	#h_logo{
		width:840px;
	}
	#h_login{
		border-top:1px solid #CCCCCC;
		border-bottom:1px solid #CCCCCC;
		padding:5px;
		background:#FFFFFF;
		margin:15px 0 0 0;
		height: 30px;
	}
	#h_login a, a:hover, a:active, a:visited{
		text-decoration:none;
	}
	#login a, a:hover{
		font-weight:bold;
		text-decoration:none;
	}
	  
	#h_info{
		margin-top:10px;
		float:left;
	}
	  
	#header form{
	  float:right;
	  font-size: 0.8em;
	}
/**************** menu styles ****************/

#menu {
	float:left;
	display:inline;
	color: #000000;
	width:150px;
	margin:0px 0px 20px 5px;
	padding-top:15px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:15px;
	border-collapse:collapse;
	border:0px solid #CE1126;
	background-color:#FFFFFF;
	font-weight:normal;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	clear:none;
}

.dtree
{
    list-style: none;
	margin: 0;
	padding: 0;
}

.dtree ul
{
    list-style: none;
	margin: 0;
	padding: 0;
}

.dtree img {
	border: 0px;
	margin:0px;
	vertical-align: middle;
}
.dtree a {
	color: #000000;
	text-decoration: none;
	font-weight:normal;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #000000;
	text-decoration: none;
	font-weight:normal;
}
.dtree a.nodeSel {
	border:1px solid #AAAAAA;
	background-color:#CCCCCC;

}
.dtree .clip {
	overflow: hidden;
}



/**************** content styles ****************/
	#content {
	  float:left;
	  display:inline;
	  width: 340px;
	  padding-left: 15px;
	  padding-right: 15px;
	  padding-top: 0px;
	  padding-bottom:25px;
	  border-left:1px solid #CCCCCC;
	  border-right:1px solid #CCCCCC;
	  margin:15px 0 15px 0;
	  background-color: #FFFFFF;
	  clear:none;
	
	  }	
		
	#content_left {
	  width: 340px;
	  padding-left: 25px;
	  padding-right: 25px;
	  padding-top: 10px;
	  padding-bottom:25px;
	  border-left:1px solid #CCCCCC;
	  margin-left:0px;
      margin-right:0px;
	  float:left;
	  }
		
	#content p, #content_left p{
		margin:0px;
		padding-top: 0px;
		padding-bottom: 10px;
		border-bottom: 0px solid #DDDDDD;
	}
	
	#content ul ol, #content_left ul ol{
		margin-top:0px;
		padding-top:0px;
		margin-bottom:10px;
		padding:0px;
	  }
	  
	#content li, #content_left li{
		margin-bottom:5px;
		padding:0px;
	}
/**************** puff styles ****************/	
#puff_holder{
	float:left;
	display:inline;
	width:320px;
	border:0px solid #CCCCCC;
	margin:0 0 0 15px;
	clear:none;
}

#puff{
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:5px;
	margin:15px 0px 0px 0px;
	width:310px;
}
#puff h3{
	margin:0px 5px 0px 5px;
}
#puff strong{
	margin:0px;
}
#middle{
}
/**************** news styles ****************/

.nyhet{
	color: #000000;
	font-size: 1em;
	padding:10px;
	border-top:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	background-color:#F3F3F3;
	margin-bottom:10px;
}
.nyhet a {
	font-size: 1em;
	font-weight:normal;
	text-decoration:underline;
}
.nyhet h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
	border:0;
	padding:0;
	font-weight:bold;
}


/**************** sidebar styles ****************/
	#sidebar {
	  width: 125px;
	  padding:15px;
	  margin-left:0px;
	  margin-right:0px;
	  margin-top:25px;
	  float: left;
	  border:1px solid #CCCCCC;
	  }
	p.sidebar_title {
	  color: #444444;
	  font-size: 1em;
	  font-weight:bold;
	  background-color: transparent;
	  padding:0px;
	  margin:0px;
	}
	#imagebar {
	  width: 250px;
	  text-align:center;
	  padding-left: 21px;
	  padding-right: 10px;
	  padding-top: 10px;
	  float: right;
	  }
		
	#sidebar p {
	  padding-bottom: 10px;
	  width:100%;
	}
	  
/**************** footer styles ****************/
	#footer {
	  float:left;
	  display:inline;
	  margin:2px 0px 0px 10px;
	  padding: 10px 10px 0px 10px;
	  width: 840px;
	  color:#333333;  
	  background-color:transparent;
	  border-top:1px solid #777777;
	  }
		
	#footer p {
	  font-size:0.9em;
	  color:#333333;
	  padding:0px;
	  margin:0px;
	  text-align: left;
	  }
		
	#footer p a {
	  color:#2763A5;
	  font-weight:bold;
	  text-decoration:underline;
	  }
		
	#footer p a:hover {
	  text-decoration: none;
	  border-top: 0px dotted #2763A5;
	  text-decoration:underline;
	  }
	 #btnSend{
	 	background:#CCCCCC;
		border:1px solid #AAAAAA;
	 }
	 
/* Buttons, see http://www.monc.se/kitchen/59/scalable-css-buttons-using-png-and-background-colors */
a.btn {font-size: 1.0em; font-weight:normal; color: #fff; text-decoration:none;}
a.btn:hover { font-weight:normal; color: #fff; text-decoration:none;}
a.btn:link {font-weight:normal; color: #fff; text-decoration:none;}
a.btn:visited { font-weight:normal; color: #fff; text-decoration:none;}

.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(/images/ui/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

/*IE6 hack, fixes shrinkwrap bug */
* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.ml { background: #CE1126; font-size: 1.2em; width: 200px; }
.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #a00; }
.btn:active { background-color: #444; }
.btn[class] { background-image: url(/images/ui/shade.png); background-position: bottom; }

/*IE6 hack, fallback layout... */
* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }


/* center and right alignt buttons from http://css.illutic.nl/ */

/*---------- centered button ----------*/
.btnC { display: block; position: relative; background: #aaa; padding: 5px; width: 120px; margin: 0px auto; color: #fff; text-decoration: none; cursor: pointer; text-align: center; }
.btnC * { font-style: normal; background-image: url('../images/btn2.png'); background-repeat: no-repeat; display: block; position: relative; }
.btnC i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btnC span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btnC span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btnC span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btnC span,
* html .btnC i { width: 120px; text-align: center; padding: 0px; display: block; margin: 0px auto; background-image: none; cursor: pointer; }

.btnC.blue { background: #2ae; }
.btnC.green { background: #9d4; }
.btnC.lime { background: #bbce00; }
.btnC.pink { background: #e1a; }
.btnC:hover { background-color: #a00; color: #fff; }
.btnC:active { background-color: #444; color: #fff; }
.btnC[class] {  background-image: url('../images/btn.png'); background-position: bottom; }

* html .btnC { border: 3px double #aaa; }
* html .btnC.blue { border-color: #2ae; }
* html .btnC.green { border-color: #9d4; }
* html .btnC.lime { border-color: #bbce00; }
* html .btnC.pink { border-color: #e1a; }
* html .btnC:hover { border-color: #a00; }

/*---------- centered button ----------*/
.btnC2 { display: block; position: relative; background: #aaa; padding: 5px; margin: 0px auto; min-width: 100px; max-width: 490px; color: #fff; text-decoration: none; cursor: pointer; text-align: center; }
.btnC2 * { font-style: normal; background-image: url('../images/btn2.png'); background-repeat: no-repeat; display: block; position: relative; text-align: center; }
.btnC2 i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btnC2 span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btnC2 span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btnC2 span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btnC2 span,
* html .btnC2 i { width: auto; text-align: center; padding: 0px; margin: 0px auto; background-image: none; cursor: pointer; }

.btnC2.blue { background: #2ae; }
.btnC2.green { background: #9d4; }
.btnC2.lime { background: #bbce00; }
.btnC2.pink { background: #e1a; }
.btnC2:hover { background-color: #a00; color: #fff; }
.btnC2:active { background-color: #444; color: #fff; }
.btnC2[class] {  background-image: url('../images/btn.png'); background-position: bottom; }

* html .btnC2 { border: 3px double #aaa; }
* html .btnC2.blue { border-color: #2ae; }
* html .btnC2.green { border-color: #9d4; }
* html .btnC2.lime { border-color: #bbce00; }
* html .btnC2.pink { border-color: #e1a; }
* html .btnC2:hover { border-color: #a00; }

/*---------- right aligned button ----------*/
.btnR { display: block; position: relative; background: #aaa; padding: 5px; float: right; color: #fff; text-decoration: none; cursor: pointer; }
.btnR * { font-style: normal; background-image: url('../images/btn2.png'); background-repeat: no-repeat; display: block; position: relative; }
.btnR i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btnR span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btnR span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btnR span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btnR span,
* html .btnR i { float: right; width: auto; background-image: none; cursor: pointer; }

.btnR.blue { background: #2ae; }
.btnR.green { background: #9d4; }
.btnR.lime { background: #bbce00; }
.btnR.pink { background: #e1a; }
.btnR:hover { background-color: #a00; color: #fff; }
.btnR:active { background-color: #444; color: #fff; }
.btnR[class] {  background-image: url('../images/btn.png'); background-position: bottom; }

* html .btnR { border: 3px double #aaa; }
* html .btnR.blue { border-color: #2ae; }
* html .btnR.green { border-color: #9d4; }
* html .btnR.lime { border-color: #bbce00; }
* html .btnR.pink { border-color: #e1a; }
* html .btnR:hover { border-color: #a00; }