body{
	font: small/18px Verdana, Tahoma, sans-serif;
}

#wrapper{
	width: 100%;
}

/* =Shared Styles */
a{
	text-decoration: none;
	color: #000;
}

a:hover{
	text-decoration: underline;
}

p,li,th,td, #paging-controls a{
	font-size: 10px;
}

#paging-controls a{
	padding: 0 0 0 5px;
}

#paging-controls a#back{
	padding: 0 0 0 10px;
}

th{
	padding: 2px 0;
	text-align: left;
}

td{
	padding: 5px 0;
}

h1{
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
}

h2{
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	background: url(../images/tile-header.jpg) top left repeat-x;
	height: 25px;
	padding: 7px 0 0 10px;
	margin: 0 0 5px 0;
}

h3{
	text-transform: uppercase;
	color: #000;
	font-size: 14px;
}

	h3 a{
		color: #000;
	}

#utilities, #branding, #navisearch, #content, #footer{
	width: 940px;
	margin: 0 auto;
}

/* =UTILITIES */

#utilities-wrapper{
	height: 22px;
	background:#330099 url(../images/tile-utilities.jpg) top left repeat-x;
}

	#utilities ul{
		float: right;
		height: 22px;
	}

		#utilities ul li{
			float: left;
			background: url(../images/delimiter.gif) 100% 70% no-repeat;
			padding: 0 6px;
		}

		#utilities ul li.last{
			background: none;
			padding-right: 0;
		}

			#utilities ul li a{
				font-weight: bold;
				color: #fff;
				font-size: 10px;
			}

/* =BRANDING */

#branding-wrapper{
	background: #3366ff;
	height: 86px;
	border-bottom: 3px solid #300395;
}

	#branding{
		height: 86px;
	}

		#branding #logo{
			display: block;
			float: left;
			padding: 15px 0 0 0;
			margin: 0 0 0 -5px;
		}

		#branding h1{
			float: left;
			padding: 41px 0 0 22px;
		}

/* =MAIN-NAVIGATION */

#navisearch-wrapper{
	background: #364b8c url(../images/tile-mainnav.jpg) top left repeat-x;
	height: 30px;
}

#navisearch{
	height: 30px;
}

#main-navigation{
	float: left;
	height: 30px;
}

	#main-navigation ul{
		height: 30px;
	}

		#main-navigation ul li{
			float: left;
			background: url(../images/delimiter-mainnav.jpg) top right no-repeat;
			/*height: 25px;
			padding: 5px 10px 0 10px;*/
			padding-right: 2px;
		}

			#main-navigation ul li a{
				font-weight: bold;
				color: #fff;
				text-transform: uppercase;
				font-size: 10px;
				height: 25px;
				display: block;
				padding: 5px 10px 0 10px;
			}

			#main-navigation ul li a:hover, #main-navigation ul li a.active{
				text-decoration: none;
				background: url(../images/tile-mainnav-hover.jpg) top left repeat-x;
			}

#site-search{
	float: right;
	position: relative;
}

	#site-search input#search-text{
		position: absolute;
		top: 4px;
		right: 60px;
	}

	#site-search input#search-button{
		position: absolute;
		top: 4px;
		right: 0;
	}

/* =MAIN-CONTENT */

#content{
	padding: 10px 0 0 0;
}

#main-content{
	width: 614px;
	float: left;
	margin-bottom: 30px; /* SKAL FJERNES FRA IE!*/
}

	#main-content #inner-content li{
		margin: 0 0 0 10px;
		padding: 0 0 0 15px;
		background: url(../images/arrow-subnav.gif) 0 50% no-repeat;
	}

#login #main-content{
	width: 940px;
}

/* =SIDEBAR */

#sidebar{
	width: 306px;
	float: right;
	margin: 0 0 30px 20px;
}


/* =IMAGE-CAROUSSEL */

#image-caroussel-holder{
	width: 614px;
	height: 264px;
	background: #031c6e;
}

	#image-caroussel-holder div{
		display: block;
		padding: 7px 0 0 7px;
	}

/* =NEWS-SECTION */

#news-section{
	float: left;
	margin: 0 0 10px 0;
	width: 614px;
}

#news-section h2{
	display: block;
}

#news-section, #media-section{
	margin: 10px 0 0 0;
	font-size: 10px;
}

	#news-section #news-navigation{
		background: #e9de9c;
		height: 20px;
	}

		#news-section #news-navigation ul li{
			display: inline;
			height: 20px;
		}

			#news-section #news-navigation ul li a{
				font-weight: bold;
				color: #000;
				display: block;
				float: left;
				padding: 0 10px;
				height: 20px;
			}

			#news-section #news-navigation ul li a:hover, #news-section #news-navigation ul li a.active{
				background: #beab41;
				text-decoration: none;
			}

		#news-section #news-listing li{
			background: #beab41;
			padding: 10px;
		}

		#news-section #news-listing li.odd{
			background: #ccbd66;
		}

			#news-section #news-listing li a{
				color: #000;
			}

		#news-more{
			background: #beab41;
			margin: 1px 0 0 0;
			height: 20px;
		}

			#news-more li{
				text-align: right;
				margin: 0 10px 0 0;
			}

				#news-more li a{
					font-weight: bold;
					color: #000;
				}

/* =MEDIA-SECTION */

	#media-section{
		margin: 10px 0 0 0;
		width: 614px;
		display: block;
		float: left;
	}

		#media-section ul li{
			float: left;
			margin: 0 0 10px 10px;
			border: 1px solid #000;
			padding: 0;
			height: 144px;
		}

		#media-section ul li.firstinrow{
			float: left;
			margin: 0;
		}


/* =SIDEBAR */

/* =BOX */
.box{
	float: left;
	width: 306px;
	margin: 12px 0 0 0;
}	

	.box p{
		padding: 10px;
		background: #beab41;
	}

	.box p a, .sale p a{
		font-weight: bold;
	}

	.sale h2{
		background: #e2e524 url(../images/tile-sale.jpg) top left repeat-x;
		color: #000;
	}

	.sale p{
		background: #f5e480;
	}

/* =ACTIVITIES*/

/* =ACTIVITIES-OVERVIEW */

#activities-overview{
	width: 714px;
}

	#activities-overview th{
		background: #E9DE9C;
	}

	#activities-overview td{
		background: #BEAB41;
	}

	#activities-overview tr.odd td{
		background: #ccbd66;
	}

		#activities-overview th.activityDate, #activities-overview td.activityDate{
			padding-left: 10px;
			width: 100px;
		}

		#activities-overview th.activity, #activities-overview td.activity{
			padding-left: 15px;
			width: 90px;
		}

		#activities-overview th.activityMatch, #activities-overview td.activityMatch{
			padding-left: 15px;
			width: 150px;
		}

		#activities-overview th.activityPlace, #activities-overview td.activityPlace{
			padding-left: 15px;
			width: 120px;
		}

		#activities-overview th.activityInfo, #activities-overview td.activityInfo{
			padding-right: 10px;
			padding-left: 15px;
			width: 184px;
		}

#paging-controls{
	background: #E9DE9C;
	padding: 2px 0;
}

	#paging-controls a.active{
		font-weight: bold;
	}

/* =ACTIVITIES-LIST */
#activities-list{
	margin: 0 0 10px 0;
}


#activities-list #activities-utilities{
	background: #beab41;
	width: 306px;
	height: 23px;
	float: left;
	font-size: 10px;
}

	#activities-list #activities-utilities ul{
		position: relative;
	}

		#activities-list #activities-utilities ul li{
			float: left;
			padding: 2px 10px 0 10px;
			background: url(../images/delimiter-activities.gif) 100% 70% no-repeat;
		}

		#activities-list #activities-utilities ul li.last{
			float: left;
			padding: 2px 10px 0 10px;
			background: none;
		}

			#activities-list #activities-utilities ul li a{
				color: #000;
				font-weight: bold;
			}

		#activities-list #activities-utilities ul li ul{
			display: none;
		}

	#activities-list ol li{
		background: #c4b24b url(../images/tile-activities1.jpg) top left repeat-x;
		width: 306px;
		float: left;
	}

		#activities-list ol li img{
			display: block;
			padding: 10px;
			float: left;
		}

		#activities-list ol li span.date{
			position: relative;
			display: block;
		}

			#activities-list ol li span.day, #activities-list ol li span.month{
				position: absolute;
				top: 30px;
				left: 14px;
				width: 55px;
				height: 35px;
			}

				#activities-list ol li span.day span, #activities-list ol li span.month span{
					display: block;
					text-align: center;
					font-weight: bold;
					font-size: 10px;
				}

				#activities-list ol li span.day span{
					margin: 2px 0 0;
				}

				#activities-list ol li span.month span{
					margin: 15px 0 0;
				}

		#activities-list ol li p{
			padding: 10px 10px 10px 0;
			float: left;
		}

			#activities-list ol li p span{
				display: block;
			}

	#activities-list ul#activities-more{
		height: 23px;
		float: left;
		width: 306px;
		font-size: 10px;
		margin: 1px 0 0 0;
	}

	#activities-list ul#activities-more li{
		background: #beab41;
		padding: 3px 10px 0 0;
		text-align: right;
		height: 23px;
	}

		#activities-list ul#activities-more li a{
			color: #000;
			font-weight: bold;
		}

/* =FOOTER */

#footer-wrapper{
	height: 35px;
	background: #2f5ff9;
	border-top: 3px solid #300395;
	border-bottom: 15px solid #300395;
	clear: both;
	margin: 30px 0 0 0; /* VIRKER KUN I IE7 OG MÅSKE 6! */
	/*position: relative;*/
}

	#footer{
		clear: both;
		height: 35px;
		/*position: absolute;
		bottom: 0;*/
	}

		#footer p{
			color: #fff;
			text-align: center;
			padding: 8px 0 0 0;
		}

			#footer p a{
				color: #fff;
			}

/* =SUBNAVIGATION */

#sub-navigation{
	background: #F5E480;
	padding: 5px 0;
	margin: 0 0 10px 0;
}

	#sub-navigation li{
		margin: 0 0 0 10px;
	}

		#sub-navigation li a{
			padding: 0 0 0 15px;
			background: url(../images/arrow-subnav.gif) 0 50% no-repeat;
		}

		#sub-navigation li a:hover, #sub-navigation li a.active{
			background: url(../images/arrow-subnavh.gif) 0 50% no-repeat;
			text-decoration: underline;
			color: #999;
		}

/* =SUBPAGE */

#subpage #sidebar{
	float: left;
	margin: 0;
	width: 206px;
}

#subpage #main-content{
	float: right;
	width: 714px;
}

	#subpage #main-content em{
		font-size: 10px;
	}

	#subpage #main-content p{
		margin: 0 0 10px 0;
	}