/* margin-padding-order: top, right, bottom, and left.*/
body {
  font: 																80% Arial, sans-serif;
	background-image:											url("../design/back_2.jpg");
	background-repeat:									 	no-repeat;
	bacground-color:											#ffffff;
  text-align: 													center;
  min-width: 														900px;
  color:																#696969;
}

#container {
  background-color: 										#fff;
  width: 																860px;
  margin: 															0 auto;
  text-align: 													left;
  padding-left:													15px;
  padding-right:												15px;
}
#container-alt{
  background-color: 										#fff;
  width: 																860px;
  margin: 															0 auto;
	margin-top:														100px;
  text-align: 													left;
  padding-left:													15px;
  padding-right:												15px;
}


#statkraft-logo{
	position:															relative;
	background-image:											url("../design/statkraft_logo.jpg");
	background-repeat:										no-repeat;
	float:																right;
	padding-right:												150px;
	margin-top:														30px;
	height:																50px;
}

#Lillehammer_logo{
	background-image:											url("../design/Lillehammer_logo.jpg");
	position:															relative;
	background-repeat:										no-repeat;
	float:																left;
	padding-left:													200px;
	margin-top:														30px;
	height:																50px;
}
#Hordaland_logo{
	background-image:											url("../design/Hordaland_logo.jpg");
	position:															relative;
	background-repeat:										no-repeat;
	float:																left;
	padding-left:													200px;
	margin-top:														30px;
	height:																50px;
}
#Tromso_logo{
	background-image:											url("../design/Tromso_logo.jpg");
	position:															relative;
	background-repeat:										no-repeat;
	float:																left;
	padding-left:													200px;
	margin-top:														30px;
	height:																50px;
}
#Gautefall_logo{
	background-image:											url("../design/Gautefall_logo.jpg");
	position:															relative;
	background-repeat:										no-repeat;
	float:																left;
	padding-left:													200px;
	margin-top:														30px;
	height:																50px;
}
#Nordfjord_logo{
	background-image:											url("../design/Nordfjord_logo.jpg");
	position:															relative;
	background-repeat:										no-repeat;
	float:																left;
	padding-left:													200px;
	margin-top:														30px;
	height:																50px;
}
#Trondheim_logo{
	background-image:											url("../design/Trondheim_logo.jpg");
	position:															relative;
	background-repeat:										no-repeat;
	float:																left;
	padding-left:													200px;
	margin-top:														30px;
	height:																50px;
}
#OsloAker_logo{
	background-image:											url("../design/OsloAker_logo.jpg");
	position:															relative;
	background-repeat:										no-repeat;
	float:																left;
	padding-left:													250px;
	margin-top:														30px;
	height:																50px;
}

#banner{
	position:															relative;
	background-image:											url("../design/banner.jpg");
	background-repeat:										no-repeat;
	height:																170px;
	clear:																both;
}


#menu {
  background-color:											#fff;
  width: 																150px;
  height:																450px;
  float: 																left;
}

#right-content {
  background-color:											#fff;
  width: 																220px;
  display: 															inline; /*Fixes IE double margin float bug */
  border-left:													1px solid #696969;
  float: 																right;
}

#right-content-alt{
  background-color:											#fff;
  width: 																220px;
  display: 															inline; /*Fixes IE double margin float bug */
  float: 																right;
}

#footer {
  background-color:											#fff;
  padding: 															1px 20px;
  border-top:														1px solid #b4b4b4;
}

#content {
  width: 																690px;
  float: 																right;
}

#content-inner {
  width: 																450px;
  margin: 															0;
  float: 																left;
}


#footer {
  clear: 																both;
}

/* Add some padding
================================== */
#menu, #right-content, #content-inner {
  padding-top: 													20px;
  padding-bottom: 											20px;
}

#menu *, #right-content * {
  padding-left: 												10px;
  padding-right: 												20px;
}

#menu * *, #right-content * * {
  padding-left: 												0;
  padding-right: 												0;
}

/*
0000000000000000000000000000000000000000000000000000000000000
	FANE STYLE
0000000000000000000000000000000000000000000000000000000000000
*/

div#faner{
	position:															relative;
	width:																100%;
}

div#faner ul, div#faner ul li{
	list-style:														none;
}
div#faner ul li{
	position:															relative;
	float:																left;
	width:																85px;
	display:															block;
	padding-top:													25px;
	margin-top:														-25px;

}
div#faner ul li.active{
	position:															relative;
	background-image:											url("../design/active_fane.gif");
	background-repeat:										no-repeat;
	display:															block;
}
div#faner ul li.unactive{
	position:															relative;
	background-image:											url("../design/unactive_fane.gif");
	background-repeat:										no-repeat;
	display:															block;
}
div#faner ul li.active a{
	display:															block;
	width:																85px;
	padding:															6px 0 15px 12px;
	margin-top:														-25px;
	font-weight:													bold;
	color:																#000;
	font-size:														10px;
}
div#faner ul li.unactive a{
	display:															block;
	width:																85px;
	padding:															6px 0 15px 12px;
	margin-top:														-25px;
	font-weight:													normal;
	color:																#000;
	font-size:														10px;
}

/*
0000000000000000000000000000000000000000000000000000000000000
*/
/*
0000000000000000000000000000000000000000000000000000000000000
	MENU STYLE
0000000000000000000000000000000000000000000000000000000000000
*/
/*
	farge: b4b4b4
*/

div#menu ul{
	padding-bottom:												20px;
}

div#menu ul,
div#menu ul li{
	background-color: 										#ffffff;
	display:															block;
  list-style-type: 											none;
  list-style-position: 									outside;
	margin:			 													0px;
	overflow:															hidden;
	padding-left: 												0px;
	width: 																100%;
}

div#menu .present a{
	background-color:											#b4b4b4;
	border-bottom:												1px solid #696969;
	color:																#fff;
	display:															block;
	text-decoration:											none;
	text-transform:												none;
}

div#menu ul li a{
	border-bottom: 												1px solid #696969;
	display:															block;
	padding-bottom:												7px;
	padding-left:													10px;
	padding-top:													7px;
	text-decoration:											none;
	text-transform: 											none;
	color:																#696969;

}
div#menu li a:hover{
	background-color:											#b4b4b4;
	border-bottom: 												1px solid #696969;
	color:																#fff;
	display:															block;
	text-decoration:											none;
	text-transform: 											none;
}
/*
0000000000000000000000000000000000000000000000000000000000000
*/

/*
0000000000000000000000000000000000000000000000000000000000000
	SPONSOR STYLE
0000000000000000000000000000000000000000000000000000000000000
*/
div#sponsor-panel{
	margin-left:	-350px;
width: 160px;
background-color: none;
float: left;
}

/*
0000000000000000000000000000000000000000000000000000000000000
*/


/*
0000000000000000000000000000000000000000000000000000000000000
	NEWS STYLE
0000000000000000000000000000000000000000000000000000000000000
*/

div#news{

}

div#news td{													/* t   r   b   l*/
	padding:															0px 5px 0px 0px;
}

#news-border{

}

#news-thick-dotted{
	border-bottom:												1px dashed silver;
	padding-top:													4px;
	margin-bottom:												4px;
}

#news-end-snippets{
	border-bottom:												1px solid black;
	margin-top:														-5px;
	margin-bottom:												20px;
}

.news-by{
	margin-bottom:												10px;
	margin-top:														10px;
}
.news-by a:link, .news-by a:visited{
	text-decoration:											underline;
	color:																#ff0000;
}
/*
0000000000000000000000000000000000000000000000000000000000000
*/

/*
0000000000000000000000000000000000000000000000000000000000000
	UTOVER TABLE STYLE
0000000000000000000000000000000000000000000000000000000000000
*/
div#utover-table table{
	border-collapse:											collapse;
	width:																440px;
	border:																1px solid #696969;
}

div#utover-table caption{
	font-size:														1.2em;
	font-weight:													bold;
	margin:																1em 0;
}

div#utover-table col{
	border-right:													1px solid #ccc;
}

div#utover-table thead{
	background: #ccc url(../images/bar.gif) repeat-x left center;
	background-color:											#b4b4b4;
	border-top:														1px solid #a5a5a5;
	border-bottom:												1px solid #a5a5a5;
}

div#utover-table th{
	font-size:														1.0em;
	text-align:														left;
}

div#utover-table th, td, a{
	text-decoration:											none;
	padding:															5px 5px 5px 5px;
	width:																220px;
}

div#utover-table a{
	color:																#696969;
}
div#utover-table a:hover{
	color:																#fff;
}

div#utover-table .odd{
	background-color:											#edf5ff;
}

div#utover-table tr:hover{
	background-color:											#84b1cb;
	color:																inherit;
}

div#utover-table thead tr:hover{
	background-color:											transparent;
	color:																inherit;
}
/*
0000000000000000000000000000000000000000000000000000000000000
*/

/*
0000000000000000000000000000000000000000000000000000000000000
	UTOVER SHOWPAGE STYLE
0000000000000000000000000000000000000000000000000000000000000
*/

div#show-utover{
	width:																440px;
	position:															relative;
}

div#show-utover-pane{
	background:														url(../images/bar.gif) repeat-x left center;
	border:																1px solid #a5a5a5;
	width: 																440px;
	padding:															10px;
	font-size:														15px;
	font-weight:													bold;
	color:															  #777;
	text-align:														center;
	margin-bottom:												10px;
}

div#show-utover-picture{
	float:																left;
	border:																none;
	width:																220px;

}
div#show-utover-picture a{
	font-weight:													bold;
	color:																#777;

}

div#show-utover-info{
	padding-left:													10px;
	width:																200px;
	float:																right;
}

div#show-utover-end{
	position:															relative;
	clear:																both;
	height:																10px;
	border-bottom:												1px black solid;
	margin-bottom:												10px;
}
/*
0000000000000000000000000000000000000000000000000000000000000
*/
/*
0000000000000000000000000000000000000000000000000000000000000
	UTOVERBLOG STYLE
0000000000000000000000000000000000000000000000000000000000000
*/

#blog{

}

#blog h2, #blog h3, #blog h4{
	margin-bottom:												1em;
}

.blog-line{
	positon:															relative;
	border-bottom:												1px solid #a5a5a5;
	width:																100%;
	margin:																2em 0 2em 0;
}

div#blog-archive{
	margin-top:														0.4em;
}

div#blog-archive ul li{
	border:																1px solid #696969;
	width:																12em;
	display:															block;
	background-color:											#84b1cb;
	color:																#fff;
	margin-bottom:												-1px;
}
div#blog-archive ul li.head{
	font-weight:													bold;
	background-color:											#fff;
	color:																#696969;
	padding:															0.4em 0 0.2em 0;
	font-size:														1.2em;
	text-align:														center;
}
div#blog-archive ul li a{
	display:															block;
	padding:															0.2em 0.2em 0.2em 2em;
	color:																#fff;
	width:																9.8em;
}
div#blog-archive ul li a:hover{
	background-color:											#b4b4b4;
	color:																#fff;

}



/*
0000000000000000000000000000000000000000000000000000000000000
*/

/*
0000000000000000000000000000000000000000000000000000000000000
	COMMENT STYLE
0000000000000000000000000000000000000000000000000000000000000
*/
div#comment{
	padding-top:													1em;
}

div#comment blockquote{
	margin-bottom: 												5px;
	margin-left: 													20px;
	margin-right:													0px;
	margin-top: 													5px;
	padding-bottom: 											0px;
	padding-right:												0px;
}

div#comment a.blue{
	background-color:											#84b1cb;
	color:																#fff;
	border:																1px solid #696969;
	width:																10em;
	margin:																1em 2em 0 0;
	padding:															0.1em 1em 0.1em 1em;
	font-weight:													normal;
}
div#comment a.blue:hover{
	background-color:											#b4b4b4;
	color:																#fff;
	text-decoration:											none;
	font-weight:													normal;
}
div#comment a.nodisplay{
	display:															none;
	margin:																0;
	padding:															0;
}
div#comment a{
	font-weight:													bold;
}
div#comment a:hover{
	font-weight:													bold;
	text-decoration:											underline;
}
/*
0000000000000000000000000000000000000000000000000000000000000
*/


/*
0000000000000000000000000000000000000000000000000000000000000
	TESTER STYLE
0000000000000000000000000000000000000000000000000000000000000
*/

div#tester{
}

div#tester ul li.red{
	color:																#ff0000;
}

div#tester ul li a{
	text-decoration: 											underline;
}

div#tester-line{
	border-bottom:												1px solid #b4b4b4;
	width:																100%;
}


/*
0000000000000000000000000000000000000000000000000000000000000
*/

/*
0000000000000000000000000000000000000000000000000000000000000
	PICTURE STYLE
0000000000000000000000000000000000000000000000000000000000000
*/

div#picture-matrix{
	margin-left:													0.6em;
}
div#picture-matrix ul,
div#picture-matrix ul li,
div#picture-matrix ul li img{
	float:																left;
	border:																3px #fff solid;
	margin-right:													3px;
	display:															block;
}
div#picture-matrix ul li img:hover{
	opacity:															0.75;
	filter: 															alpha(opacity=75);
	border:																3px #b4b4b4 solid;
}
div#picture-matrix ul li.active img{
	border:																3px #696969 solid;
}



div#picture-matrix-tab td{
	width:																auto;
	text-align:														center;
	padding:															7px;
	border:																1px #b4b4b4 solid;
}
div#picture-matrix-tab td img{
	text-align:														center;
	background-color:											#fff;
}
div#picture-matrix-tab td:hover{
	background-color:											#eee;
	border:																1px #696969 solid;
}



/*
0000000000000000000000000000000000000000000000000000000000000
*/


/*
0000000000000000000000000000000000000000000000000000000000000
	TEAMDRIFT STYLE
0000000000000000000000000000000000000000000000000000000000000
*/

div#teamdrift-tab{

}
div#teamdrift-tab ul,
div#teamdrift-tab ul li{
	float:																left;
	display:															block;
}
div#teamdrift-tab li.left{
	width:																150px;
	border:																1px #696969 solid;
	border-right:													0px;
	height:																50px;
	overflow:															auto;
	margin:																0 -1px 10 0;
	text-align:														center;
	vertical-align:												center;
}

div#teamdrift-tab li.right{
	width:																280px;
	border:																1px #696969 solid;
	height:																50px;
	overflow:															auto;
	text-align:														left;
}

div#teamdrift-thick-dotted{
	border-bottom:												1px dashed silver;
	padding-top:													4px;
	margin-bottom:												4px;
}




/*
0000000000000000000000000000000000000000000000000000000000000
*/

/*
0000000000000000000000000000000000000000000000000000000000000
	ADMINPAGE STYLE
0000000000000000000000000000000000000000000000000000000000000
*/
#admin-head-bar{
	/*background:														url(../images/bar.gif) repeat-x;*/
	background-color:											#84b1cb;
	width:																440px;
	padding-top:													5px;
	padding-bottom:												5px;
	text-align:														center;
	color:																#f00;
	font-size:														15pt;
}

div#admin-main{
	border:																1px #a5a5a5 solid;
	width:																440px;
	padding-top:													15px;
	margin-top:														15px;
}

div#admin-main ul,
div#admin-main ul li{
	list-style-type:											none;
	padding-left:													10px;
	padding-bottom:												3px;
}

div#admin-main li.head{
	text-align:														center;
	font-weight:													bold;
	font-size:														12pt;
	background:														#eeeeee;
	margin-bottom:												5px;
	margin-top:														5px;
}

div#admin-main a:hover{
	text-decoration:											underline;
}

div#admin-main .faded{
	color:																#ff0000;
}

div#admin-main .new a{
	color:																#11aa11;
}

div#admin-main .red a{
	font-size:														12px;
	color:																#ff0000;
}

div#delete-form{
	background-color:											#ccccff;
	width:																350px;
	border:																1px #a5a5a5 solid;
	height:																150px;
	padding:															20px;
}

div#delete-form .submit-red{
	color:																#ff0000;
	font-size:														15pt;
	font-weight:													bold;
	width:																150px;
}

div#delete-form .submit-green{
	color:																#00dd00;
	font-size:														15pt;
	font-weight:													bold;
	width:																150px;
}

.logout a:link, .logout a:visited{
	position:															relative;
	left:																 	50px;
	top:																	20px;
	font-size:														15pt;
	color:																#ff0000;
}
.logout a:hover{
	background-color:											#ff0000;
	color:																#ffffff;
	font-size:														15pt;
}

table.stats{
	border:																1px #696969 solid;
	background-color:											#b4b4b4;
}
td.stats{
	border:																1px #696969 solid;
	text-align:														center;
	background-color:											#fff;
}
th.stats{
	font-size:														1.1em;
	font-weight:													bold;
	text-align:														center;
	color:																#fff;
	padding:															0.2em 0 0.2em 0;
}

/*
0000000000000000000000000000000000000000000000000000000000000
*/


#button-link{
	/*padding:															1em 0 0 0;*/
}
#button-link ul, #button-link ul li{
	list-style:														none;
	margin-bottom:												0.5em;
}
#button-link ul li{
	float:																left;
	border:																1px solid #696969;
	width:																10em;
	margin-right:													1em;
	display:															block;
	background-color:											#84b1cb;
	color:																#fff;
}
#button-link ul li a{
	display:															block;
	width:																8.8em;
	padding:															0.2em 0.2em 0.2em 1em;
	color:																#fff;
}
#button-link ul li a:hover{
	background-color:											#b4b4b4;
	color:																#fff;
	text-decoration:											none;
}


div#line-solid-top{
	border-bottom:												1px #696969 solid;
}

#center-placing{
	width:																100%;
	text-align:														center;
}

#loginform{
	width: 																400px;
	padding:															20px;
}

#wrong_pw{
	background-color:											#cceeff;
	width:																400px;
	padding:															20px;
	border:																2px red solid;
	margin-bottom:												10px;
}

#info{
	border:																1px #F49898 solid;
	background-color:											#FFE05F;
	color:																#000;
	padding:															10px;
	text-align:														center;
	font-weight:													bold;
	margin-bottom:												15px;
}

.left{
	float:																left;
	text-align:														left;
}

.right{
	float:																right;
	text-align:														right;
}

.border-dotted{
	border:																5px #b4b4b4 dotted;
}

.clear-both-sides{
	position:															relative;
	clear:																both;
	padding-top:													2em;
}

textarea{
	font-family:													verdana;
	font-size:														1em;
}
select{
	width:																100px;
}

.submit{
	width:																10em;
	margin:																1em 0 0em 1em;
	font-weight:													bold;
	background-color:											#84b1cb;
	color:																#fff;
	border:																2px solid #696969;
}

.submit:hover{
	background-color:											#339933
}

.submit-side{
	width:																10em;
	margin:																1em 0 2em 1em;
	font-weight:													bold;
	background-color:											#84b1cb;
	color:																#fff;
	border:																2px solid #696969;
}

.submit-side:hover{
	background-color:											#339933
}


.red{
	color:																red;
}
.red:link, .red:visited{
	color:																red;
}

.blue{
	color:																#84b1cb;
}
.bluelink a:link, .bluelink a:visited{
	color:																#5555ff;
}

.italic{
	font-style:														italic;
}
.italic-small{
	font-style:														italic;
	font-size:														0.9em;
}


a:link, a:visited{
	color:																#696969;
	padding:															0px;
}
a:hover{
	text-decoration:											underline;
}

blockquote{
	margin-bottom: 												5px;
	margin-left: 													20px;
	margin-right:													0px;
	margin-top: 													5px;
	padding-bottom: 											0px;
	padding-right:												0px;
}

* {
  margin: 															0;
  padding: 															0;
}

h1 {
  font-size: 														2.4em;
  font-weight:												 	normal;
}

h2 {
  font-size: 														2.0em;
  font-weight: 													normal;
}

h3{
	font-size:														1.3em;
	font-weight:													normal;
	margin:																0;
	padding:															0;
}
h3 a:hover{
	text-decoration:											underline;
}

h4{
	font-size:														1.1em;
	font-weight:													bold;
	margin:																0 0 0.5em 0;
	padding:															0;
}

h5{
	font-size:														0.8em;
	font-weight:													normal;
}

p{
  font-size: 														1.0em;
}

img{
	border:																0;
}






/*not sure what this does...*/
div#blog-menu .clearfix {
    display: inline-table;
}
div#blog-menu .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
div#blog-menu .clearfix {display: block;}
/* End hide from IE-mac */