/* header and footer styles */

div#header
{
	height: 43px;
	background: url(../images/top.jpg) left top repeat-x;
	padding: 0 0 0 123px;
}

div#header a#mainLink
{
	background:url(../images/flip2.png) no-repeat;
	display:block;
	float:left;
	height:138px;
	overflow:hidden;
	text-indent:-9999px;
	width:141px;	
}

#header img {
	float: left;
}

#header img {
	float: left;
}


#mainmenu li span {
	float: left;
	width: 23px;
	height: 27px;
	margin-top: 8px;
	background: url(../images/counter_numbers.png) no-repeat;
	list-style: none;
	padding-right: 1px;
}
#mainmenu li span.two {
	background-position: 0 -27px;
}
#mainmenu li span.three {
	background-position: 0 -54px;
}
#mainmenu li span.four {
	background-position: 0 -81px;
}
#mainmenu li span.five {
	background-position: 0 -108px;
}
#mainmenu li span.six {
	background-position: 0 -135px;
}
#mainmenu li span.seven {
	background-position: 0 -162px;
}
#mainmenu li span.eight {
	background-position: 0 -189px;
}
#mainmenu li span.nine {
	background-position: 0 -216px;
}
#mainmenu li span.null {
	background-position: 0 -243px;
}

#mainmenu {
	list-style: none;
	padding-top: 0px;
	position: absolute;
	left: 261px;
	top: 0;
}
#mainmenu li, #mainmenu li a {
	float: left;
}
#mainmenu li a:hover, #mainmenu li a.active {
	background-position: bottom right;
}

#mainmenu li a.active
{
	cursor: default;
}

#mainmenu li span {
	display: block;
}

div#ribbon_vgtv a {
	text-indent: -9999px;
	width: 144px;
	height: 145px;
	background: url(../images/ribbon_vgtv.png) no-repeat left top;
	position: relative;
	z-index: 201;
	position: absolute;
	right: 0;
	top:0;
}

.har_gitt a, .gi_ditt a, .spre_ordet a, .laer_mer a, .link_blogg a, .link_fadder a  {
	text-indent: -999px;
	overflow: hidden;
	display: block;
}

.har_gitt a {
	background: url(../images/nav_hargitt.png) no-repeat 10px 0px;
	background-position: top right;
	width: 283px;
	height: 43px;
	float: left;
	padding-left: 3px;
}

.gi_ditt a {
	background: url(../images/nav_giditt.png) no-repeat 10px 0px;
	background-position: top right;
	width: 124px;
	height: 43px;
	padding-left: 1px;
}

.link_fadder a {
	background: url(../images/nav_blifadder.png) no-repeat;
	width: 106px;
	height: 43px;	
}

.spre_ordet a {
	background: url(../images/nav_spreordet.png) no-repeat;
	width: 110px;
	height: 43px;	
}
.laer_mer a {
	background: url(../images/nav_laermer.png) no-repeat;
	width: 95px;
	height: 43px;
}
.link_blogg a {
	background: url(../images/nav_blogg.png) no-repeat;
	width:76px;
	height: 43px;
}
/* footer */

#footer
{
	background: #f5f5f5;
	padding: 20px 0 20px 150px;
	color: #7f7f7f;
	margin-top: 100px;
}

#footer img.logo
{
	float: left;
}

#footer div.content
{
	float:left;
	margin-left:20px;
	width:510px;
}

#footer div.content p
{
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-bottom:10px;
	line-height: 160%;
}

#footer div.sidebar
{
	float: left;
	padding-left: 40px;
	color: #666;
}

#footer div.sidebar ul
{
	list-style: none;
	color: #666;
	line-height: 14px;
}

#footer div.sidebar ul a
{
	color: #666;
	font-size: 11px;
	text-decoration: none;
	padding: 0 0 0 15px;
}

#footer div.sidebar ul a.facebook
{
	background: url(../images/follow-facebook.png) no-repeat left;
}

#footer div.sidebar ul a.twitter
{
	background: url(../images/follow-twitter.png) no-repeat left;
}

#footer div.sidebar ul a.nettby
{
	background: url(../images/follow-nettby.png) no-repeat 1px;
}

#footer div.sidebar ul a:hover
{
	text-decoration: underline;
}
#footer div.sidebar ul li
{
	display: block;
	line-height: 14px;
}

#footer div.sidebar ul li a.fadderskap
{
	padding: 14px 0 0 0;
	font-weight: bold;
	display: block;
}
#footer .sidebar ul li {
	padding: 1px 0;
	background: none;
}

#footer .sidebar {
	padding: 0px;
}

/* end footer */

.sidebar ul {
	margin-top: 0px;
}
.sidebar ul li {
	padding: 6px 0 6px 11px;
	padding-left: -12px !important;
	line-height: 140%;
	background: url(../images/bullet.gif) no-repeat 0px 11px;
}
.sidebar p {
	line-height: 140% !important;
	margin-bottom: 20px;
	font-size: 12px;
	padding-left: 0;
}


.sidebar h5 {
	margin-bottom: 8px;
	text-transform: uppercase;
}

.counter {
	margin: 9px 0;
	width: 126px;
}

.counter .number {
    float:left;
    overflow:hidden;
    height:23px;
    width:126px;
    position:relative;
}
.counter .number div{
    float:right;
    width:21px;
    height:780px;
    background:url(../images/counter_plan2.png) no-repeat;
    overflow:hidden;
    text-indent:-6666px;
    position:relative;
}