/* RESET ALL */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit; font-style: inherit; font-size: 100%;	font-family: inherit;	vertical-align: baseline;}
ol, ul { list-style: none;}table {	border-collapse: separate;	border-spacing: 0;}caption, th, td { text-align: left;	font-weight: normal;}


body {
	background: #1c1314 url("/img/main/sitebackground.jpg") no-repeat left top;
	font-family: verdana, arial;
}



/* ::: STRUCTURE ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#verketheader {
	height: 109px;
	background: transparent url("/img/main/headerbg.jpg") no-repeat left top;
}

#verketbody { 
	background: transparent url("/img/main/bandsbg.jpg") no-repeat 865px 0px;
}
#verketbody div.wrapper {
	width: 1060px;
}

	#nav {
		width: 238px;
		height: 1041px;
		background: transparent url("/img/main/navbg.jpg") no-repeat left top;
		float: left;
	}
	
	#content {
		width: 627px;
		background: #fff url("/img/main/contentbg.gif") no-repeat left top;
		float: left;
	}

		#verketfooter {
			width: 627px;
			height: 32px;
			background: #fff url("/img/main/footeredge.gif") no-repeat left bottom;
		}

	#bands {
		width: 195px;
		float: left;	
	}
	
.breaker {
	clear: both;
	height: 20px;
}



/* ::: GLOBAL STYLES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
a 			{ text-decoration: none;}
a:hover 	{ text-decoration: underline;}



/* ::: DETAILED STYLES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/* ::: HEADER :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#verketheader a.logo {
	width: 438px;
	height: 109px;
	float: left;
}
#verketheader div.icons {
	width: 427px;
	padding: 78px 0 0 0;
	float: left;
	text-align: right;
}








/* ::: NAV :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#nav ul {	list-style:none; margin: 0 0 0 149px; }
#nav ul li { }
#nav ul li a {
	display: block;
	width: 89px;
	height: 20px;
	text-indent: -1999px;
	color: #37a5d8;
	
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#nav ul li a:hover, #nav ul li.active a {
	background-position: -89px 0px;
}

#nav-nyheter 	{ background-image: url("/img/nav/nyheter.gif");}
#nav-program 	{ background-image: url("/img/nav/program.gif"); }
#nav-billetter 	{ background-image: url("/img/nav/billetter.gif"); }
#nav-frivillige { background-image: url("/img/nav/frivillige.gif"); }
#nav-forum 		{ background-image: url("/img/nav/forum.gif"); }
#nav-info 		{ background-image: url("/img/nav/info.gif"); }
#nav-partnere	{ background-image: url("/img/nav/partnere.gif"); }




/* ::: CONTENT :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#content div.content {
	padding: 39px 23px 20px 23px;
}

div.narrow {
	width: 420px;
}


/* ::: FOOTER ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#verketfooter p {
	background: transparent url("/img/main/footerline.gif") repeat-x left top;
	margin: 0 24px 0 24px;
	text-align: right;
	padding-top: 8px;
}

#verketfooter p, #verketfooter p a {
	color: #34a2d4;
	font-size: 10px;	
}






/* ::: BANDS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#bands ul { list-style: none; margin-left: 11px;}

#bands ul li a {
	color: #ff5084;
	font-weight: bold;
	font-family: helvetica, arial;
	font-size: 15px;
	text-decoration: none;
}
#bands ul li.small a{
	font-size: 12px;
	text-decoration: none;
}
#bands ul li a:hover, #bands ul li a.active {
	color: #fff;	
}