*{
	text-align: left;
	padding: 0px;
	margin: 0px;
/*	z-index: 100;*/
}
body
{
	background: url(../gfx/bg.png);
	z-index: -1;
}
#container
{
	font: 14px/16px georgia,"times new roman",serif;
	position: relative;
	top: 20px;
	left: 50%;
	margin-left: -395px;
	display:block;
	width:790px;
	height: 700px;
	min-height: 700px;
	border: 1px solid #555;
	background: #dcdcdc;
	z-index: 15;
	overflow: visible;
}
div[id]#container
{
	height: auto;
	overflow: visible;;	
}
#top
{
	background: #dcdcdc url(../gfx/top.jpg);
	width: 790px;
	height: 168px;
}
#top span
{
	display: none;
}
#left
{
	display: block;
	padding: 20px 0 0 20px;
	background: #dcdcdc;
	width: 770px;
	height: 500px;
	min-height: 500px;
	float: left;
	z-index: 50;
}
div[id]#left
{
	height: auto;
	overflow: hidden;
}

div[id]#left
{
	height: auto;
	overflow: hidden;	
}
div#footer
{
	text-align: right;
	font: 0.7em/0.9em "MS Trebuchet",verdana,sans-serif;
	margin: 20px 0 0 0;
	padding: 0px 0 0 0;
	border-top: 1px #ccc dotted;
	width: 100%;
	height: 20px;
	display: block;
	clear: both;	
}
div#spacer
{
	height: 20px;
	display: block;
	clear: both;	
}

#breadcrumb
{
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;
	background: #dcdcdc;
	width: 100%;
	height: 20px;
	border-bottom: 1px dotted #888;
}
#logo
{
	position:relative;
	right: 5px;
	top: -20px;
	z-index: 99;
	border: 0px;
}
#lp1
{

	position: relative;
	left: 50%;
	margin-left: -567px;
	
	display: block;
	margin-right: -10px;
	margin-bottom: -320px;
	width: 344px;
	height: 324px;
	z-index: 10;
	
	
}
#lp2
{
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: 325px;
	margin-top: 240px;
	margin-right: -10px;
	
	display: block;

	z-index: 10;
}
.mediumImage
{
	display : block;
	padding: 3px;
	margin: 5px;
	border: 2px solid #222;
}
.thumbnail
{
	display: block;
	float: left;
	width: 120px;
	height: 90px;
	padding: 3px;
	margin: 5px;
	margin-left: -1px;
	border: 2px solid #222;
}
.thumbnail img
{
	border: 0;
	display: block;
	float: left;
	width: 120px;
	height: 90px;
}
.thumbnail:hover
{
	border: 2px solid #cc0000;
}
.imgDate
{
	position: relative;
	left: 20px;
	top: 20px;
	font: bold 14px verdana;
}
.imgDescription
{
	display: block;
	clear: both;
	position: relative;
	top: 30px;
	left: 20px;
	min-height: 50px;
	border-bottom: 1px #ccc solid;
	font: bold 14px verdana;
}
h1.bandet
{
	padding: 40px 0 0px 0;
	font: bold 18px arial, sans-serif;
	/*position: relative;
	left: 15px;	*/
	margin-left: 15px;
}
p
{
	/*position: relative;
	left: 15px;*/
	margin-left: 15px;
	padding: 15px 0 0 10px;
}
p.text
{
	width: 525px;
	text-align: justify;
}
p.text a
{
	border-bottom: 1px #000 dotted;
	color: #66c;
}
p.text a:hover
{
	color: #f00;
}
#copyright
{
	position: relative;
	float: left;
	left: 290px;
	width: 200px;
	text-align: center;
}
span.boldQ
{
	font: bold 12px verdana;
	margin: 10px 0 10px 0;
	display: block;

}
.bandmembers
{
	list-style: none;
	padding-left: 10px;
	position: relative;
	left: 15px;
}
.bandmembers a
{
	text-decoration: underline;
}
a
{
	color: #000;
	text-decoration: none;
}
a:hover
{
	color: #f00;
}
.texter a
{
	font: bold 12px arial;
}
ul.albumList
{
	clear: both;
	display: block;
	list-style: none;
	position: relative;
	left: 5px;
	top: 30px;
	/*padding-bottom: 30px;*/
	height: 230px;
/*	margin-top: 30px;*/
}
li.sida
{
	margin-top: 10px;
	font-style: italic;
}
ul.sida
{
	width: 240px;
	display: block;
	float: left;
}

ul.albumList ul
{
	list-style: none;
	position: relative;
	left: 20px;
	margin-top: 10px;
}
ul.singleSongs
{
	clear: both;
	display: block;
	list-style: none;
	position: relative;
	left: 5px;
	top: 50px;
/*	margin-top: 50px;*/
}
ul.singleSongs ul
{
	list-style: none;
	position: relative;
	left: 20px;
	margin-top: 10px;
}
.floatLeft
{
	float: left;
}
.clearRight
{
	clear: right;
}
.bandText
{
	display: block;
	width: 450px;
	overflow: visible;
	float: left;
}
.bandImage
{
	display: block;
	float: left;
	
	position: relative;
	top: 65px;
	left: 75px;
	

	width: 165px;
	height: 200px;
	padding: 5px;
	border: 2px solid #222;
}
.bandImageSpecial
{
	display: block;
	float: left;
	
	position: relative;
	top: 105px;
	left: 75px;	

	width: 165px;
	height: 200px;
	padding: 5px;
	border: 2px solid #222;
}
.content
{
	width: 580px;
	margin-left: 15px;
	padding: 15px 0 0 10px;
	/*border: 1px solid #f00;*/
}
hr
{
	height: 1px;
	border: 0px;
	background-color: #ccc;
	color: #ccc;
	clear: both;
	width: 500px;
}
hr.none
{
	height: 1px;
	border: 0px;
	background-color: #ccc;
	color: #ccc;
	clear: both;
	width: 20px;
}
hr.fullsize
{
	height: 1px;
	border: 0px;
	background-color: #ccc;
	color: #ccc;
	clear: both;
	width: 700px;
}
.frontImage
{
	position: relative;
	left: 40px;
	top: 60px;
}
.center
{
	text-align:center;
}

div#right
{
	position: absolute;
	top: 220px;
	right: 0px;
	width: 150px;
	height: 300px;
}
#right ul
{
	list-style: none;
}
#right ul a
{
	text-align: right;
	/*position: relative;
	right: 25px;*/
	display: block;
	width: 120px;
	height: 25px;
}
#right ul.menu a:hover
{
	/*background: url(../gfx/menu_bg.png) no-repeat;
	color: #d60b0b;*/
}
#mark
{
	border: 0px;
	position: relative;
	left: 26px;
}
ul.menu
{
	width: 120px;
	left: 5px;
	position: relative;	
	/*top: -40px;*/
	left: -20px;
	list-style: none;
	/*border: 1px 0px 1px 0px #f00 solid;*/

}
.menu li
{
	font: bold 1.0em/1.3em verdana,sans-serif;
}
h2
{
	font: bold 1.1em/1.4em verdana,sans-serif;	
}
ul.submenu
{
	list-style: none;	
}
.submenu li
{
	font: 1.0em/1.3em verdana,sans-serif;	
}
.accord
{
	width: 300px;
}
.accord tr td
{
	width: 50px;
}
.albumImages img
{
	border: 0px;
}
.albumImages a
{
	display: block;
	padding: 3px;
	margin: 2px;

	
	float: left;
	border: 0px;
	width: 200px;
	height: 200px;
}

.albumImages
{
	width: 430px;
	height: 209px;
	
	display: block;
	clear: both;
	padding: 3px;
	margin: 5px;
	
	border: 2px solid #222;
}
li
{
	list-style: none;
}

.xModalPopupBox
{
	z-index: 500;
	/*float: left;*/
	width: 500px;
	height: 500px;
	margin-top: -250px;
	margin-left: -250px;
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
}
#top_modal
{
	text-indent: 5px;
	color: #fff;
	text-align: left;
	display: block;
	height: 16px;
	/*line-height: 14px;*/
	background: #ccc url(../gfx/top_border.gif) repeat;
	font: bold 10px "MS Trebuchet",verdana,sans-serif;
}
#top_modal a
{
	color : #000;

	height: 16px;
}
#top_modal a:hover
{
	color : #fff;
}

#kontakt
{
	display: block;
	position: absolute;
	left: 5px;
}


#xModalPopupBackground{ background-image: url(../gfx/transparant.png); }