body
	{
	margin: 0px;
	padding: 0px;
	background-color: rgb(0,0,0);
	background-attachment : scroll;
	background-image : url(pics/olive-bg-gradient.jpg);
	background-repeat : repeat-x;
	scrollbar-base-color: rgb(90,90,70);
	}
	
div.browserShadow
	{
	position: absolute;
	z-index: 99999;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background-image: url(pics/browser-shadow.png);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position : top;
	}
	
div.decoLeft
	{
	position: absolute;
	z-index: 101;
	left: 49px;
	top: -212px;
	margin: 0px;
	padding: 0px;
	width: 118px;
	height: 212px;
	background-image: url(pics/zipfel.gif);
	background-repeat: no-repeat;
	}
	
div.gradient
	{
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-image: url(pics/browser-shadow.png);
	background-repeat: repeat-x;
	background-attachment: fixed;
	}
	
div.main
	{
	position: relative;
	width: 974px;
	margin : 0px;
	padding : 0px;
	padding-top: 20px;
	padding-bottom: 30px;
	font-family: Arial, Helvetica;
	font-size: 13px;
	color: rgb(200,190,170);
	text-align: left;
	}

div.header
	{
	position: relative;
	margin: 0px;
	padding: 0px;
	padding-top: 40px;
	padding-bottom: 10px;
	background-image: url(pics/page-header.png);
	background-position : top;
	}
	
div.content
	{
	position: relative;
	margin: 0px;
	padding: 0px;
	padding-top: 7px;
	padding-bottom: 30px;
	min-height: 350px;
	height: auto !important;
	height: 350px;
	background-image: url(pics/page-content.png);
	background-position : center top;
	background-repeat : repeat-y;
	}
	
div.spacerNews
	{
	height: 20px;
	margin: 0px;
	padding: 0px;
	}
	
h1.text
	{
	font-size: 15px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	margin-bottom: 7px;
	display: block;
	color: rgb(255,255,255);
	}
	
h1.inline
	{
	font-size: 13px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	display: inline;
	color: rgb(255,255,255);
	}
	
h1.seemless
	{
	font-size: 13px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	display: inline;
	color: rgb(200,190,170);
	}
	
p
	{
	padding: 0px;
	margin: 0px;
	margin-top: 7px;
	}
	
p.mehr
	{
	margin-top: 15px;
	}
	
span.oliv
	{
	color: rgb(195,195,133);
	}
	
span.grau
	{
	color: rgb(170,170,170);
	font-weight: bold;
	}
	
span.rot
	{
	color: rgb(190,50,0);
	}
	
b
	{
	font-weight: normal;
	color: rgb(255,255,255);
	}
	
b.braun
	{
	font-weight: bold;
	color: rgb(200,190,170);
	}
	
b.box
	{
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(230,100,20);
	}
	
form
	{
	display: inline;
	padding: 0px;
	margin: 0px;
	border: none;
	}
	
img
	{
	padding: 0px;
	margin: 0px;
	border: none;
	}
	
img.arcoma_editor_right
	{
	margin-left: 20px;
	margin-bottom: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(45,45,35);
	float: right;
	}
	
img.arcoma_editor_left
	{
	margin-right: 20px;
	margin-bottom: 5px;
	border: solid;
	border-width: 1px;
	border-color: rgb(45,45,35);
	float: left;
	}
	
a
	{
	color: rgb(240,240,160);
	}

a span
	{
	color: rgb(255,255,255);
	}

a:hover span
	{
	color: rgb(240,240,160);
	}
	
a, a span, a img
	{
	-webkit-transition: all 400ms ease-out;
	-moz-transition: all 400ms ease-out;
	}

a:hover, a:hover span, a:hover img
	{
	-webkit-transition: all 150ms ease-in;
	-moz-transition: all 150ms ease-in;
	}

a.arrow
	{
	text-decoration: none;
	}

a.arrow span, a.arrow:hover span
	{
	color: rgb(255,255,255);
	font-weight: bold;
	}

a.arrow:hover
	{
	color: rgb(230,100,20);
	text-decoration: underline;
	}

a.arcoma_glossarylink
	{
	color: rgb(240,240,160);
	}

a.arcoma_glossarylink span
	{
	color: rgb(255,255,255);
	font-weight: normal;
	}

a.arcoma_glossarylink:hover span
	{
	color: rgb(240,240,160);
	font-weight: normal;
	}

ul
	{
	padding: 0px;
	margin: 0px;
	list-style-type: square;
	list-style-image: url(pics/li.gif);
	}
	
li
	{
	padding: 0px;
	margin: 0px;
	margin-top: 7px;
	margin-left:18px;
	}
	


/*---------- HEADER -----------------------------------------------------------------------------------------------------------------*/
	
div.menu
	{
	position: absolute;
	z-index: 301;
	top: 42px;
	left: 351px;
	width: 529px;
	height: 18px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding: 0px;
	margin: 0px;
	text-align: justify;
	}
	
a.menu
	{
	color: rgb(240,240,160);
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border-style: solid;
	border-width: 1px;
	border-color: transparent;
	}

a.menu:hover
	{
	color: rgb(255,255,255);
	border-top-color: rgb(230,100,20);
	}

a.here
	{
	color: rgb(220,220,220);
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border-style: solid;
	border-width: 1px;
	border-color: transparent;
	}

a.here:hover
	{
	color: rgb(255,255,255);
	border-top-color: rgb(230,100,20);
	}
	
div.headlineTop
	{
	padding: 0px;
	margin: 0px;
	margin-top: 55px;
	margin-left: 190px;
	text-align: left;
	}
	


/*---------- LOGIN-FENSTER -----------------------------------------------------------------------------------------------------------------*/
	
#loginWindow
	{
	display: none;
	position: absolute;
	z-index: 99997;
	left: 300px;
	top: 200px;
	margin: 0px;
	padding: 0px;
	width: 354px;
	height: 185px;
	background-image: url(pics/login.png);
	background-repeat: no-repeat;
	background-position : center;
	}

#loginClose
	{
	display: block;
	position: absolute;
	z-index: 99998;
	right: 33px;
	top: 23px;
	margin: 0px;
	padding: 0px;
	width: 9px;
	height: 9px;
	}

#loginContent
	{
	padding: 0px;
	margin: 0px;
	margin-top: 50px;
	}

input.login
	{
	width: 150px;
	font-family: Arial, Helvetica;
	font-size: 13px;
	color: rgb(104,0,8);
	text-align: left;
	border: solid;
	border-width: 1px;
	border-color: rgb(45,45,35);
	}
	


/*---------- VIDEO-FENSTER -----------------------------------------------------------------------------------------------------------------*/
	
#videoWindow
	{
	display: none;
	position: absolute;
	z-index: 99994;
	left: 250px;
	top: 140px;
	margin: 0px;
	padding: 0px;
	width: 392px;
	height: 313px;
	background-image: url(pics/video.png);
	background-repeat: no-repeat;
	background-position : center;
	}

#videoClose
	{
	display: block;
	position: absolute;
	z-index: 99996;
	right: 40px;
	top: 30px;
	margin: 0px;
	padding: 0px;
	width: 9px;
	height: 9px;
	}

#videoDIV
	{
	display: block;
	position: absolute;
	z-index: 99995;
	left: 36px;
	top: 26px;
	margin: 0px;
	padding: 0px;
	width: 320px;
	height: 240px;
	}

	


/*---------- NAVIGATION -----------------------------------------------------------------------------------------------------------------*/
	
div.navigation
	{
	padding: 0px;
	margin: 0px;
	margin-top: 40px;
	}

a.arcomalist_navigation_previous1, a.arcomalist_navigation_pagelink1, a.arcomalist_navigation_next1
	{
	color: rgb(0,0,0);
	font-weight: bold;
	text-decoration: none;
	}

a.arcomalist_navigation_previous1:hover, a.arcomalist_navigation_pagelink1:hover, a.arcomalist_navigation_next1:hover
	{
	color: rgb(190,50,0);
	}
	
span.arcomalist_navigation_thispage1
	{
	color: rgb(120,120,60);
	font-weight: bold;
	}

img.arrowNext
	{
	width: 5px;
	height: 9px;
	padding: 0px;
	margin: 0px;
	margin-left: 4px;
	border: none;
	}
	
img.arrowBack
	{
	width: 5px;
	height: 9px;
	padding: 0px;
	margin: 0px;
	margin-right: 4px;
	border: none;
	}
	

/*---------- STARTSEITE -----------------------------------------------------------------------------------------------------------------*/
	
div.textStartseite1, div.textStartseite2
	{
	margin: 0px;
	padding: 0px;
	margin-left: 190px;
	text-align: justify;
	}

div.textStartseite1
	{
	width: 345px;
	padding-right: 40px;
	border: dashed;
	border-width: 0px;
	border-right-width: 1px;
	border-color: rgb(63,63,49);
	}

div.headlineText
	{
	padding: 0px;
	margin: 0px;
	margin-left: 190px;
	margin-top: 30px;
	margin-bottom: 15px;
	text-align: left;
	}
	
img.neuesAlbum
	{
	width: 100px;
	height: 100px;
	padding: 0px;
	margin: 0px;
	margin-left: 20px;
	border: solid;
	border-width: 1px;
	border-color: rgb(45,45,35);
	float: right;
	}
	
div.homeLogin
	{
	position: absolute;
	z-index: 306;
	top: 15px;
	right: 117px;
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
	padding-bottom: 10px;
	}

td
	{
	font-family: Arial, Helvetica;
	font-size: 13px;
	color: rgb(200,190,170);
	text-align: left;
	}
	

	
/*---------- KATALOG -----------------------------------------------------------------------------------------------------------------*/
	
img.album180
	{
	width: 180px;
	height: 180px;
	padding: 0px;
	margin: 0px;
	margin-right: 40px;
	border: solid;
	border-width: 1px;
	border-color: rgb(45,45,35);
	float: left;
	}
	
div.textAlben
	{
	width: 660px;
	padding: 0px;
	margin: 0px;
	margin-left: 190px;
	text-align: justify;
	}

div.textAlbum180
	{
	width: 660px;
	padding: 0px;
	margin: 0px;
	margin-top: 30px;
	margin-left: 190px;
	text-align: justify;
	}

h1.albumTitel
	{
	font-size: 15px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	margin-bottom: 15px;
	color: rgb(255,255,255);
	}
	
/*---------- ALBUM-DETAILS -----------------------------------------------------------------------------------------------------------------*/
	
div.textAlbum240
	{
	width: 697px;
	padding: 0px;
	padding-top: 30px;
	margin: 0px;
	margin-left: 190px;
	text-align: left;
	}
	
div.textAlbum300
	{
	width: 697px;
	padding: 0px;
	padding-top: 30px;
	margin: 0px;
	margin-left: 190px;
	text-align: left;
	}
	
img.album240
	{
	width: 240px;
	height: 240px;
	padding: 0px;
	margin: 0px;
	margin-right: 80px;
	margin-bottom: 20px;
	border: solid;
	border-width: 1px;
	border-color: rgb(45,45,35);
	float: left;
	}
	
img.album300
	{
	width: 300px;
	height: 300px;
	padding: 0px;
	margin: 0px;
	margin-right: 50px;
	margin-bottom: 20px;
	border: solid;
	border-width: 1px;
	border-color: rgb(45,45,35);
	float: left;
	}
	
img.gema
	{
	width: 116px;
	height: 132px;
	float: right;
	}
	
img.shop
	{
	height: 22px;
	margin-right: 10px;
	margin-top: 2px;
	}
	
h1.albumDetailTitel, h1.scanable
	{
	display: none;
	visibility: hidden;
	padding: 0px;
	margin: 0px;
	}

h2.albumDetailTitel
	{
	font-family: InterstateLightCondensed, "Arial Narrow", Arial, Helvetica;
	font-size: 20px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	color: rgb(165,165,115);
	color: rgb(195,195,133);
	color: rgb(200,190,170);
	}

h1.tracks
	{
	font-size: 15px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	margin-top: 30px;
	margin-bottom: 15px;
	display: block;
	color: rgb(255,255,255);
	}
	
span.player
	{
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	}

/*---------- Komponist-DETAILS -----------------------------------------------------------------------------------------------------------------*/
	
div.textKomponist240
	{
	width: 697px;
	padding: 0px;
	padding-top: 30px;
	margin: 0px;
	margin-left: 190px;
	text-align: justify;
	}
	
img.komponist240
	{
	width: 240px;
	height: 240px;
	padding: 0px;
	margin: 0px;
	margin-left: 40px;
	border: solid;
	border-width: 1px;
	border-color: rgb(45,45,35);
	float: right;
	}
	
h1.komponistDetailTitel
	{
	display: none;
	visibility: hidden;
	}

h2.komponistDetailTitel
	{
	font-size: 20px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	color: rgb(120,120,60);
	}

/*---------- BIO- / FILMOGRAPHIE -----------------------------------------------------------------------------------------------------------------*/
	
div.textBiographie
	{
	width: 660px;
	padding: 0px;
	margin: 0px;
	margin-left: 190px;
	text-align: justify;
	}

/*---------- KONTAKT -----------------------------------------------------------------------------------------------------------------*/
	
div.textKontakt
	{
	width: 400px;
	padding: 0px;
	padding-left: 25px;
	padding-bottom: 7px;
	margin: 0px;
	margin-left: 245px;
	margin-top: 80px;
	text-align: left;
	border: dashed;
	border-width: 0px;
	border-left-width: 1px;
	border-color: rgb(63,63,49);
	}
	
div.bildKontakt
	{
	position: absolute;
	z-index: 305;
	bottom: 0px;
	right: 47px;
	width: 240px;
	height: 224px;
	padding: 0px;
	margin: 0px;
	background-image: url(pics/kontakt.gif);
	}
	

	
/*---------- REGISTRIERUNG -----------------------------------------------------------------------------------------------------------------*/

td.reg1
	{
	width: 120px;
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
	}

td.reg2
	{
	width: 300px;
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
	}

td.reg3
	{
	width: 240px;
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
	padding-left: 20px;
	color: rgb(145,140,120);
	}

td.reg4
	{
	text-align: right;
	margin: 0px;
	padding: 0px;
	padding-top: 30px;
	}

input.reg, select.reg, textarea.reg
	{
	width: 300px;
	font-family: Arial, Helvetica;
	font-size: 13px;
	color: rgb(0,0,0);
	text-align: left;
	border: solid;
	border-width: 1px;
	border-color: rgb(45,45,35);
	}
	
textarea.reg
	{
	height: 71px;
	overflow-y: auto;
	}
	
span.fehler
	{
	color: rgb(230,100,20);
	font-weight: bold;
	}
	


/*---------- FOOTER -----------------------------------------------------------------------------------------------------------------*/
	
div.footer
	{
	position: relative;
	height: 105px;
	margin: 0px;
	padding: 0px;
	background-image: url(pics/page-footer.png);
	background-position : center top;
	background-repeat: no-repeat;
	}
	
div.zurueck
	{
	position: absolute;
	top: 27px;
	left: 47px;
	z-index: 302;
	padding: 0px;
	margin: 0px;
	}

div.up
	{
	position: absolute;
	top: 15px;
	right: 47px;
	z-index: 303;
	padding: 0px;
	margin: 0px;
	}

div.impressum
	{
	display: none;
	position: absolute;
	top: 82px;
	right: 47px;
	z-index: 304;
	padding: 0px;
	margin: 0px;
	}

a.impressum
	{
	color: rgb(203,203,137);
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}

a.impressum:hover
	{
	color: rgb(214,214,209);
	}