/* RESET */
* { margin: 0; padding: 0; }

/* BODY */
body { background: #000014; font-family: arial; font-size: 12px; color: #000; }

/* CUSTOMiZATIONS, FONTS, RULES */
img { border: medium none; }

ul { list-style: none; }
li { list-style-type: none; display: inline; position: relative; }

a { text-decoration: none;}
a:hover { text-decoration: underline; }

a.sidebar { text-decoration: none; color:#FFFFFF}
a.sidebar:hover { text-decoration: underline; color:#FFFFFF }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
h1 { font: bold 24px arial; color: #000; }
h2 { font: bold 12px arial; line-height: 20px; padding: 5px 0 0 0; }
h3 { font: bold 16px arial; line-height: 20px; color: #fff; padding: 5px 0 0 0; }
h4 { font: bold 12px arial; line-height: 20px; color: #999999; padding: 0px 0 0px 0; }

p { margin: 0; padding: 0 0 25px 0; line-height: 20px; font: normal 12px arial; }
p.ingress { font-weight: bold; padding: 0px 0 20px 0; }
span { display: block; }
span.indent { text-indent: 20px; }

.c1 { width: 256px; }
.c2 { width: 512px; }
.c3 { width: 768px }

.align_lt	{ float: left; }
.align_rt	{ float: right; }

.border	{ border-bottom: 1px solid #5E5D5D; }
.news { border-bottom: 1px solid #ccc; padding: 20px 0; }

.image	{ padding: 20px 0 0 0; }
.notice { font: bold 14px arial; color: #FF0000; padding: 5px 0; }
.normal { font: normal 12px arial; }

div#page .box ul.standard li { list-style-type: disc; list-style-image: none; margin: 0; padding: 0; }

/* SITE LAYOUT */
	
/* WRAPEPR */
div#wrapper 				{ margin: 0 auto; width: 950px; position: relative; }

/* CONTAiNER*/
div#container				{ float: left; position: relative; padding: 20px 92px; width: 768px; background: #840800 url('http://www.orebrogalan.se/img/orebrogalan_bg.jpg') no-repeat; }

/* HEADER */
div#header 				{ float: left; position: relative; width: 768px; padding: 3px 3px 5px 3px; }
	div#header .home 		{ float: left; position: relative; width: 80px; height: 80px; text-align: left; overflow: hidden; }
	div#header .home img		{ padding: 25px 0 0 0; position: relative; left: -10px; }
	
	div#header .logo 		{ float: left; position: relative; width: 608px; height: 80px; text-align: center; }
	div#header .logo img		{ padding: 6px 0 0 0; }
	
	div#header .kommun		{ float: left; position: relative; width: 80px; height: 80px; text-align: right; }

/* GRADiENT RiGHT */
div#rightGradient			{ background: url(http://www.orebrogalan.se/img/right.png) repeat-y center right; position: relative; float: left; width: 796px; }

/* NAViGATION */
div#navigation 				{ float: left; position: relative; width: 768px; height: 44px; padding: 3px; background: #fff; overflow: hidden; }
div#navigation li			{ float: left; position: relative; margin: 0; padding: 0; }
div#navigation a			{ text-indent: -2000em; float: left; position: relative; margin: 0; padding: 0; width: 96px; height: 46px; }
div#navigation a:hover 			{ float: left; position: relative; margin: 0; padding: 0; width: 96px; }

/* LiNKS */
	/* OM */
	div#navigation li a.om 			{ background: transparent url('http://www.orebrogalan.se/img/buttons/om.jpg') no-repeat; background-position:0px 0px}
	div#navigation li a:hover.om 		{ background-position:-96px 0px; }
	div#navigation li a.omActive 		{ background: transparent url('http://www.orebrogalan.se/img/buttons/om_active.jpg') no-repeat; }
	
	/* PRiSER */
	div#navigation li a.priser 		{ background: transparent url('http://www.orebrogalan.se/img/buttons/priser.jpg') no-repeat; background-position:0px 0px; }
	div#navigation li a:hover.priser 	{ background-position:-96px 0px; }
	div#navigation li a.priserActive 	{ background: transparent url('http://www.orebrogalan.se/img/buttons/priser_active.jpg') no-repeat; }
	
	/* GALATiPS */
	div#navigation li a.galatips	 	{ background: transparent url('http://www.orebrogalan.se/img/buttons/galatips.jpg') no-repeat; background-position:0px 0px; }
	div#navigation li a:hover.galatips 	{ background-position:-96px 0px; }
	div#navigation li a.galatipsActive 	{ background: transparent url('http://www.orebrogalan.se/img/buttons/galatips_active.jpg') no-repeat; }
	
	/* PROGRAM */
	div#navigation li a.program 		{ background: transparent url('http://www.orebrogalan.se/img/buttons/program.jpg') no-repeat; background-position:0px 0px; }
	div#navigation li a:hover.program 	{ background-position:-96px 0px; }
	div#navigation li a.programActive 	{ background: transparent url('http://www.orebrogalan.se/img/buttons/program_active.jpg') no-repeat; }
	
	/* BILJETT */
	div#navigation li a.biljett 		{ background: transparent url('http://www.orebrogalan.se/img/buttons/biljett.jpg') no-repeat; background-position:0px 0px; }
	div#navigation li a:hover.biljett 	{ background-position:-96px 0px; }
	div#navigation li a.biljettActive 	{ background: transparent url('http://www.orebrogalan.se/img/buttons/biljett_active.jpg') no-repeat; }
	
	/* SPONSORER */
	div#navigation li a.sponsorer 		{ background: transparent url('http://www.orebrogalan.se/img/buttons/sponsorer.jpg') no-repeat; background-position:0px 0px; }
	div#navigation li a:hover.sponsorer 	{ background-position:-96px 0px; }
	div#navigation li a.sponsorerActive 	{ background: transparent url('http://www.orebrogalan.se/img/buttons/sponsorer_active.jpg') no-repeat; }
	
	/* NYHETER */
	div#navigation li a.nyheter 		{ background: transparent url('http://www.orebrogalan.se/img/buttons/nyheter.jpg') no-repeat; background-position:0px 0px; }
	div#navigation li a:hover.nyheter 	{ background-position:-96px 0px; }
	div#navigation li a.nyheterActive 	{ background: transparent url('http://www.orebrogalan.se/img/buttons/nyheter_active.jpg') no-repeat; }
	
	/* KONTAKTA */
	div#navigation li a.kontakta 		{ background: transparent url('http://www.orebrogalan.se/img/buttons/kontakta.jpg') no-repeat; background-position:0px 0px; }
	div#navigation li a:hover.kontakta 	{ background-position:-96px 0px; }
	div#navigation li a.kontaktaActive 	{ background: transparent url('http://www.orebrogalan.se/img/buttons/kontakta_active.jpg') no-repeat; }

/* MAiN */
div#main 				{ float: left; position: relative; width: 768px; padding: 0px 3px 20px 3px; background: #fff; word-wrap: break-word; }
div#main .imgHolder			{ float: left; position: relative; width: 768px; height: 300px; background: #fff; overflow: hidden; text-align: center;}

/* PAGE */
div#page 				{ float: left; position: relative; background: #fff; }
div#page p				{ line-height: 20px; }

div#page .c1-layout 			{ width: 568px; margin: 30px 100px 0; }
div#page .c2-layout 			{ width: 490px; margin: 30px 20px 0 20px; }
div#page .c3-layout 			{
	width: 720px;
	margin: 30px 20px 0 20px;
}

div#page .box				{ margin: 0 0 20px 0; position: relative; float: left; }

/* NEWS SETTiNGS */
div#page .news			{ width: 568px; }
div#page .news h1		{ padding: 0 0 10px 0; line-height: 20px; }
div#page .news h2		{ font: bold 14px arial; padding: 5px 0 2px 0; line-height: 20px;  }
div#page .news h3		{ font: bold 12px arial; padding: 2px 0 5px 0; color: #000; line-height: 20px;  }
div#page .news h4		{ font: bold 12px arial; padding: 2px 0 5px 0; line-height: 20px;  }
div#page .news img		{ padding: 0 5px 0 0; }

div#page ul 					{ padding: 0 0 5px 0; font: bold 11px arial; }
div#page li					{ list-style-image: url('http://www.orebrogalan.se/img/star.gif'); list-style-type: square; margin: 0 0 0 30px; padding: 3px 0; display: list-item; }
div#page li.topic				{ list-style-image: none; list-style-type: none; margin: 0; padding: 3px 0; display: list-item; }


/* SiDEBAR */
div#sideBar				{ width: 218px;  margin: 25px 20px 0 0; position: relative; background: #5e5d5d; }
div#sideBar .sideBox {
	float: left;
	position: relative;
	padding: 9px;
	width: 200px;
	height: 260px;/* ta bort height om innehållet ska bestämma höjd */
	overflow: hidden; /* ta bort overflow om height tas bort */
}
div#sideBar .border 			{ border-bottom: 1px solid #868585; }
div#sideBar .sideBoxImg img {
	position: relative;
	width: 200px;
	height: 120px;
}
div#sideBar h2				{ font:bold 16px arial; color: #fff; }
div#sideBar p				{ color: #fff; line-height: 20px; padding: 0; }
div#sideBar span			{ color: #fff; line-height: 20px; }

/* FOOTER */
div#footer 				{ float: left; position: relative; width: 768px; padding: 0 3px; }
div#footerCont				{
	float: left;
	position: relative;
	width: 768px;
	left: -25px;
	top: 0px;
}
div#footerStart				{ position: absolute; left: -40px; top: 30px; }
div#copyright				{ float: right; margin: 0; padding: 0; color: #fff; bottom: 20px; position: relative; }
div#copyright p				{ font: normal 11px arial; }
div#copyright span			{ display: inline; font: bold 8px arial; }
div#copyright a				{ color: #fff; }
div#copyright a:hover			{ text-decoration: none; }