/* CSS Document */


/* Basic HTML tags */
* {
	margin: 0;
	padding: 0;
}
body {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin-bottom: 20px;
	line-height: 1.3em;
}
a {
	color: #993300;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}
img {
	border: none;
}
p {
	margin-bottom: .5em;
}
h1, h2, h3, h4, h5 {
	margin-top: .8em;
}
h1 { font-size: 1.6em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }

.linkarrow {
	display: block;
	margin-left: 15px;
	color:green;
} 

/* Common sections */
#logo {
	width: 189px;
	height: 96px;
	z-index: 20;
	position:absolute;
	top: 17px;
	background: transparent url(../img/logo_start.gif) top left no-repeat;
}
#logo a {
	display:block;
	height:96px;
	overflow:hidden;
	padding: 96px 0 0 0;
	height: 0px !important;
	height /**/:96px;
}

#menuwrap {
	width: 800px;
	padding: 12px 23px 12px 0;
	background-color: #F00;
	background: transparent url(../img/arrowhead.gif) right center no-repeat;
	z-index: 20;
	position:absolute;
	top: 104px;
}

#menu {
	height: 18px;
	background-color: #000;
	color: #999;
	font-size: 1.2em;
	padding-top: 3px;
}
#menu a {
	color: #FFF;
	font-weight: normal;
	text-decoration:none;
	text-transform:uppercase;
	padding: 0 5px 0 5px;
}

#content {
	z-index: 20;
	position:absolute;
	padding-bottom: 20px;
}
#sidebar {
	z-index: 20;
	position:absolute;
	color: #666;
}
#sidebar h2 {
	font-size: 1em;
	color: #000;
}

/* 1 - Start */
#page-start {
	background: #FFF url(../img/bg_start.jpg) top left no-repeat;
}
#page-start #logo {
	background-image: url(../img/logo_start.gif);
}
#page-start #content {
	top: 230px;
	left: 20px;
	width: 540px;
}
#page-start #sidebar {
	top: 230px;
	left: 580px;
	width: 220px;
	padding-left: 20px;
	border-left: #999 1px dashed;
}

/* 2 - Diskografi */
#page-diskografi {
	background-color: #000;
	background-image:none;
	color: #FFF;
}
#page-diskografi #logo {
	background-image: url(../img/logo_diskografi.gif);
}
#page-diskografi #content {
	top: 160px;
	left: 20px;
	width: 750px;
}
#page-diskografi #content a {
	color:#ff99cc;
}
#page-diskografi #sidebar {
	color: #CCC;
}
#page-diskografi #sidebar h2 {
	color: #FFF;
}
#page-diskografi #sidebar a {
	color: #ff99cc;
}

/* 3 - Spelningar */
#page-spelningar {
	background: #FFF url(../img/bg_spelningar.jpg) top left no-repeat;
}
#page-spelningar #logo {
	background-image: url(../img/logo_spelningar.gif);
}
#page-spelningar #content {
	top: 210px;
	left: 340px;
	width: 430px;
}
#page-spelningar #sidebar {
	top: 300px;
	left: 20px;
	width: 220px;
}

/* 4 - Ljud & video */
#page-ljudvideo {
	background: #FFF url(../img/bg_ljudvideo.jpg) top left no-repeat;
}
#page-ljudvideo #logo {
	background-image: url(../img/logo_ljudvideo.gif);
}
#page-ljudvideo #content {
	top: 170px;
	left: 320px;
	width: 430px;
}
#teve {
	position: absolute;
	z-index: 10;
	width: 198px;
	height: 101px;
	top: 136px;
	left: 100px;
}

/* 5 - Bild */
#page-bild {
	background: #FFF url(../img/bg_bild.jpg) top left no-repeat;
}
#page-bild #logo {
	background-image: url(../img/logo_bild.gif);
}
#page-bild #content {
	top: 180px;
	left: 200px;
	width: 570px;
}

/* 6 - Biografi */
#page-biografi {
	background: #FFF url(../img/bg_biografi.jpg) top left no-repeat;
}
#page-biografi #logo {
	background-image: url(../img/logo_biografi.gif);
}
#page-biografi #content {
	top: 180px;
	left: 420px;
	width: 350px;
}

/* 7 - Shop */
#page-shop {
	background: #FFF url(../img/bg_shop.jpg) top left no-repeat;
}
#page-shop #logo {
	background-image: url(../img/logo_shop.gif);
}
#page-shop #content {
	top: 160px;
	left: 230px;
	width: 540px;
}

/* 8 - Gastbok */
#page-gastbok {
	background: #FFF url(../img/bg_gastbok.gif) top 220px no-repeat;
}
#page-gastbok #logo {
	background-image: url(../img/logo_gastbok.gif);
}
#page-gastbok #content {
	top: 160px;
	left: 300px;
	width: 470px;
}
#page-gastbok #sidebar {
	top: 160px;
	left: 20px;
	width: 260px;
}

/* 9 - Kontakt */
#page-kontakt {
	background: #FFF url(../img/bg_kontakt.jpg) top left no-repeat;
}
#page-kontakt #logo {
	background-image: url(../img/logo_kontakt.gif);
}
#page-kontakt #content {
	top: 160px;
	left: 20px;
	width: 400px;
}
#page-kontakt #content p {
	margin-bottom: 2em;
}
#page-kontakt #sidebar {
	top: 160px;
	left: 420px;
	width: 320px;
	padding-left: 20px;
	border-left: #999 1px dashed;
}