/*****Basic Elements*****/ 
html {
	background: #252525 url(../img/bg-x.jpg) repeat-x;
}

body { 
	background: url(../img/bg-logo.png) no-repeat center top;
	color: #363636;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.5em;
}
h2 {
	background: transparent url(../img/bg-rub.png) repeat-x bottom;
	height: 41px;
	padding-top: 20px;
}

h3 {
	padding: 10px 0 0 10px;
	margin-bottom: -8px;
	text-transform: uppercase;
}
h3 em {
	text-transform: lowercase;
	font-style: normal;
	font-size: 10px;
	color: #666;
}

h4 {
	padding: 10px 0 1px 10px;
	text-transform: uppercase;
}
h5 {
	padding: 10px 0 1px 0px;
	text-transform: uppercase;
}
h6 {
	color: #287bb1;
	padding: 10px 0 1px 10px;
}
h7 {
	color: #287bb1;
}
h5 em {
	font-style: normal;
	font-size: 10px;
	color: #666;
}
p {
	margin: 5px 10px;
	}
	
.tbfix {
	margin: 5px 10px;
	}


a {
	color:#287bb1;
	text-decoration:none;
	}
a:hover{
	color: #39b0fe;
	cursor:pointer;
}
ul {
margin: 10px 0 20px 0;
}
li {
background: url(../img/bullet-blue.png) no-repeat top left;
height: 16px;
margin: 0px 0 8px 10px;
padding-left: 20px;
line-height: 1em;
}

/*****Generic Classes*****/

.clear {
	clear: both;
}
.red {
	color: #f00;
}
.left {
	float: left;
}
.right {
	float: right;
	text-align: right;
}



/*****Basic Layout*****/

div#header{
	width:960px;
	height: 116px;
	margin: 0 auto;
}
#userbox {
	float: right;
	padding: 15px 20px 0 0;
	text-align: right;
	line-height: 1em;
	}

div#nav{
	background: transparent url(../img/bg-nav.png) no-repeat center top;
	width:970px;
	height: 44px;
	margin: 0 auto;
}
div#wr1{
	background: transparent url(../img/bg-wr1.png) repeat-y;
	width: 970px;
	margin: 0 auto;
	overflow: hidden;
}
div#wr2{
	background: transparent url(../img/bg-wr2.jpg) no-repeat center top;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

div#main{
	
	background: transparent url(../img/bg-wr3.jpg) no-repeat center top;
	padding: 0;
	width: 720px;
	float: left;
	margin-top: 1px;
}
div#wr3{
background: transparent url(../img/bg-web.png) no-repeat right bottom;
	width: 680px;
	min-height: 700px;
	float: left;
	padding: 0 20px 40px 20px
}
div#sidebar{
	width: 200px;
	float: right;
	padding: 0 20px 40px 20px
}
div#foot{
	background: transparent url(../img/bg-foot.jpg) no-repeat center top;
	width: 960px;
	height: 124px;
	float: left;
	color: #959595;
}

.rubrik {
	margin-bottom:5px;
}


#main input:focus {
	color: #999;
}

#main select {
	margin: 3px;
	border: 1px solid #717171;
	padding: 2px;
	color: #777;
	background: #eeeeee;
	font-size: 14px;
	font-family: Arial, Verdana, sans-serif;
}


.tjoho {
	margin: 3px;
	border: 1px solid #717171;
	padding: 2px;
	color: #777;
	background: #eeeeee;
	font-size: 14px;
	font-family: Arial, Verdana, sans-serif;
}

#main textarea {
	margin: 3px;
	margin-left: 0px;
	border: 1px solid #717171;
	color: #777;
	background: #eeeeee;
	font-size: 14px;
	font-family: Arial, Verdana, sans-serif;
}
#main select:focus {
	color: #999;
}

#main input {
	margin: 3px;
	padding: 2px;
	
	border: 1px solid #717171;
	color: #777;
	background: #eeeeee;
	font-size: 14px;
	font-family: Arial, Verdana, sans-serif;
}


/*****HEADER*****/
#header h1 {
	width: 325px;
	height: 106px;
	text-indent: -9999px;
	float: left;
	display: block;
	margin-top: 10px;
}
/*****USERBOX*****/
#userbox input {
	width: 160px;
	padding: 3px;
	border: 1px solid #717171;
	color: #777;
	background: #252525 url(../img/bg-input.png) no-repeat bottom left;
	font-size: 14px;
	font-family: Arial, Verdana, sans-serif;
}
#userbox input:focus {
	color: #999;
}

#userbox p {
margin: 0 0 5px 0;
}
#userbox p.but {
margin: -3px 0 0 0;
}
#userbox img {
margin: 0 7px 2px 0;
vertical-align: bottom;
}
#userbox #submit {
width: 71px;
height: 19px;
background: transparent url(../img/userbox-login.png) no-repeat top left;
padding:0; 
margin:0; 
border:none;
text-indent: -9999px;
}
#userbox #submit:hover {
background: transparent url(../img/userbox-login-hover.png) no-repeat top left;
cursor: pointer;
}
#userbox #glomt {
width: 107px;
height: 19px;
background: transparent url(../img/userbox-glomt.png) no-repeat top left;
padding:0; 
margin:0; 
border:none;
text-indent: -9999px;
}
#userbox #glomt:hover {
background: transparent url(../img/userbox-glomt-hover.png) no-repeat top left;
cursor: pointer;
}


/*****NAV*****/

#nav ul, #nav li {
	float: left;
	list-style: none;
	background: none;
	padding: 0;
	margin: 0;
}
#nav a {
  background: url(../img/bg-nav-span.png) right no-repeat;
  float: left;
  font-size: 14px;
  line-height: 14px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 17px 25px 7px 23px;
  color: #959595;
}
#nav a:hover, #nav .selected a {
  color: #39b0fe;
}
#nav a:active {
  color: #fff;
}
#nav a.first {
  padding: 17px 25px 7px 29px;
}
#nav a.last {
  background: none;
}

/*****SIDEBAR*****/
#sidebar h2.first {
	background: transparent url(../img/bg-rub.png) repeat-x bottom;
	height: 41px;
	margin: 0;
}
#sidebar h2 {
	background: transparent url(../img/bg-rub.png) repeat-x bottom;
	height: 41px;
	margin-top: -30px;
}
#sidebar table {
	width: 200px;
	line-height: 1.7em;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	margin: 5px 0 20px 0;
}
#sidebar li {
background: url(../img/bullet-gray.png) no-repeat top left;
height: 16px;
margin: 0 0 8px 0;
padding: 0;
line-height: 1em;
}
#sidebar li:hover {
background: url(../img/bullet-yellow.png) no-repeat top left;
}
#sidebar li a {
color: #363636;
display: block;
padding-left: 20px;
}
#sidebar li a:hover {
text-decoration: underline;
}

/*****FOOT*****/
#foot p {
width: 430px;
}
#foot a {
color: #959595;
}
#foot a:hover {
color: #ccc;
}

/*****ANNONSER*****/
.ad120, .ad120r, .ad120l {
width: 130px;
height: 70px;
background: url(../img/bg-ad120.png) no-repeat top left;
margin: 10px auto;
}
.ad120 img, .ad120r img, .ad120l img, .ad468 img {
margin: 4px 0 0 5px;
}

.ad120 object {
margin: 4px 0 0 5px;
}

.ad468 object {
margin: 4px 0 0 5px;
}

.ad120r {
margin: 10px 80px 0 0;
float: right;
}
.ad120l {
margin: 10px 0 0 80px;
float: left;
}
.ad468 {
width: 478px;
height: 70px;
background: url(../img/bg-ad468.png) no-repeat top left;
float: left;
margin: 10px 0 0 30px;
}


/*****STATISTIK*****/
	.stat {
	width:675px;
	}
	dl { 
		margin: 10px; 
		margin-left: -7px;
		padding: 0;                     
	}
	dt { 
		position: relative; /* IE is dumb */
		clear: none;
		display: block; 
		float: left; 
		width: 50px; 
		height: 24px; 
		line-height: 24px;              
		font-size: .75em; 
		text-align: right; 
	}
	dt.date { 
		clear: both;
		font-size: 1em;
		font-weight: bold;
		width: 90px;
		margin-right: 10px;
	}
	dt.day { 
		width: 110px;
		text-align: left; 
	}
	dt.ant { 
		font-size: 1em;
		font-weight: bold;
		width: 40px;
		margin-right: 10px;
	}
	dt.proc { 
		font-size: 1em;
		font-weight: bold;
		width: 35px;
		margin-right: 17px;
	}
	dd { 
		position: relative; /* IE is dumb */
		display: block;                 
		float: left;     
		width: 350px; 
		height: 24px; 
		margin: 0 0 5px; 
		background: url("../img/bar-tom.png"); 
	 }
	 * html dd { float: none; } 
	/* IE is dumb; Quick IE hack, apply favorite filter methods for 
	wider browser compatibility */

	 dd div { 
		position: relative; 
		background: url("../img/bar-full.png"); 
		height: 24px; 
		width: 75%; 
		text-align:right; 
	 }
	 dd div strong { 
		position: absolute; 
		right: -5px; 
		top: 0; 
		display: block; 
		background: url("../img/bar-span.png"); 
		height: 24px; 
		width: 5px; 
		text-align: left;
		text-indent: -9999px; 
		overflow: hidden;
	 }