p, h1, h2, h3, body, ul, a, div,table
		{ 
		color:#fff;
		font-size: 12px; 
		font-family: arial, sans-serif;
		line-height: 18px;
		text-decoration: none;
		text-align:left;
		letter-spacing:0.02em;
		}
			

html, body 
		{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;		
		background: #111111;
		text-align:center;
		z-index:10;
		}


ul
		{
		margin: 0px 0px 0px 10px;
		padding: 0px 0px 0px 10px;		
		}
		
li		{
		padding:3px 0px 0px 0px;	
		}
		
		
h1	
		{
		color: #1c120b;
		font-size:14px;
		font-weight:normal;
		line-height:24px;
		}

h2	
		{
		font-weight: bold;
		color:#1c120b;
		font-size: 14px;
		line-height:24px;
		}

h3	
		{
		font-weight:bold;
		color: #fff;
		line-height:24px;
		font-size:14px;
		}



h4	
		{
		font-weight: bold;
		color:#1c120b;
		font-size: 14px;
		font-weight: normal;
		line-height:24px;
		background-image:	url(img/quadrat.gif);
		background-repeat:	no-repeat;
		background-position:left;
		padding: 0px 20px;
		}

h5	
		{
		color:#1c120b;
		font-size:14px;
		font-weight:normal;
		line-height:24px;
		text-align:center;
		}

table
		{
		width:980px;
		margin:0 auto;
		text-align:center;
		vertical-align: middle;
		}


#hg 
		{
		width:980px;
		height:550px;
		position:relative;
		background: #000 url(img/back_tuerkis.jpg) no-repeat  top center;
		}

#film 
		{
		width:970px;
		height: 78px;
		position:absolute;
		z-index: 1;
		top:19px;
		left:10px;
		}

		
#content
		{
		position: absolute;
		width: 800px;
		height:250px;
		left: 80px;
		top: 250px;
		text-align:center;
		z-index:10;
		overflow:auto;
		padding: 10px;
		border: 1px solid black;
		}
		
#content table
		{
		width: 450px;
		text-align:left;
		}

#content td
		{
		width: 150px;
		}



#content_de
		{
		position: absolute;
		width: 320px;
		height:290px;
		left: 20px;
		top: 200px;
		overflow:auto;
		padding: 10px;
		z-index:5;
		color:#1c120b;
		border: 0px solid black;
		}
		
#content_de p
		{
		color:#1c120b;
		}
		

#content_eng
		{
		position: absolute;
		width: 320px;
		height:280px;
		left: 600px;
		top: 210px;
		overflow:auto;
		padding: 10px;
		z-index:5;
		}
		
			
#content_eng_artists
		{
		position: absolute;
		width: 330px;
		height:255px;
		left: 590px;
		top: 210px;
		overflow:auto;
		padding: 10px;
		z-index:5;
		border: 0px solid blue;
		}
		

#logo
		{
		position: absolute;
		width: 180px;
		height:225px;
		left: 400px;
		top: 280px;
		overflow:auto;
		padding: 10px;
		z-index:5;
		border: 0px solid red;
		}

/* shop*/

#content_shop1
		{
		position: absolute;
		width: 360px;
		height:280px;
		left: 20px;
		top: 210px;
		overflow:hidden;
		padding: 10px;
		z-index:5;
		}

#content_shop2
		{
		position: absolute;
		width: 360px;
		height:280px;
		left: 600px;
		top: 210px;
		overflow:hidden;
		padding: 10px;
		z-index:5;
		}


#sh1
		{
		position: absolute;
		left: 0px;
		top: 0px;
		width:100px;

		}

#sh2
		{
		position: absolute;
		left: 110px;
		top: 50px;
		width:100px;

		}

#sh3
		{
		position: absolute;
		left: 220px;
		top: 100px;
		width:100px;
	
		}
		
#sh4
		{
		position: absolute;
		left: 240px;
		top: 0px;
		width:100px;
		}
		
#sh5
		{
		position: absolute;
		left:130px;
		top: 50px;
		width:100px;
		}

#sh6
		{
		position: absolute;
		left:20px;
		top: 100px;
		width:100px;
		}



/* Navigation*/


#mainnav 
		{
		top: 92px;
		left: 14px;
		position:absolute;
		}


#mainnav  ul 
		{
		  margin: 0;
		  padding: 0;
		  float: left;
		  width: 952px;
		  background: #b56832 url(img/mainNavBg.gif) repeat-x;
		  list-style: none;
		  text-transform: uppercase;
		}

#mainnav ul li 
		{
			float: left;
		}


#mainnav ul a 
		{
		  padding: 2px 15px;
		  background: url(img/mainNavBorder.gif) repeat-y left top;
		  text-decoration: none;
		  color: #fff;
		  float: left;
		  display: block;
		  font-size: 11px;
		}


#mainnav ul a:hover 
		{
		  color: #580000;
		}


#mainnav ul .first a 
		{
		  background: none;
		}

/* Ende Navigation*/

/* Dropdownmenue artists*/

#dropmenudiv
		{
		position:absolute;
		top:95px;
		border:1px solid #f2dcae;
		border-bottom-width: 0;
		line-height:18px;
		vertical-align:top;
		z-index:100;
		}

#dropmenudiv a
		{
		width: 100%;
		display: block;
		text-indent: 3px;
		border-bottom: 1px solid #f2dcae;
		color: #fff;
		font-size: 11px;
		padding: 1px 0;
		text-decoration: none;
		text-align:center;
		}

#dropmenudiv a:hover
		{ /*hover background color*/
		color: #1c120b;
		}
 
/* Dropdownmenue artists Ende*/


/* styles artists*/

#title_lks
		{
		position: absolute;
		top:130px;
		left:30px;
		width: 320px;
		height:55px;
		z-index:10;
		border: 0px solid black;
		}

#title_re
		{
		position: absolute;
		top:130px;
		left:690px;
		width: 225px;
		height: 80px;
		z-index:10;
		border: 0px solid #cc0000;
		z-index:100;
		padding:3px;
		}
		



/* ende styles artists*/




/* styles player*/

#hg_player 
		{
		width:980px;
		height:35px;
		position:relative;
		background: #000000 url(img/back_player.gif) no-repeat  top left;
		}

		
/* Ende styles player*/



/* Styles Pressefenster*/

#presse
		{
		position:absolute;
		width: 150px;
		height: 260px;
		top: 250px;
		left:420px;
		text-align:center;
		vertical-align:bottom;
		}


#presse img
		{
		display:block;
		margin:1em auto; 
		border:1px solid #fff;
		padding:1px;
		cursor:pointer;
		}

div img 
		{
		cursor:auto;
		}
		
.unsichtbar{visibility:hidden}
.sichtbar{visibility:visible}

	#grossbild_div
		{
		background-color:#000;
		border:2px solid #000;
		width:200px;
		height:240px;
		text-align:center;
		position:absolute;
		left:0px;
		top:0px;
		z-index:15;
	/*	left und top 	werden für js-workarround im js auch deklariert */
		}	
		
	#zumacher 
		{
		text-align:center;
		color:#000;
		background-color:#fff;
		display:block;
		width:1.5em;
		height:1.5em;
		position:absolute;
		right:0;
		top:0;
		cursor:pointer;
		font-weight:bold;
		font-family:courier;
		font-size:.8em;
		}

/* Ende Styles Pressefenster*/


/* Styles fürs Kontaktformular */

#content_contact
		{
		position: absolute;
		width: 320px;
		height:315px;
		left: 20px;
		top: 210px;
		overflow:auto;
		z-index:5;
		padding-left: 10px; 
		}


form
		{
		text-align:left;
		margin-top:0;
		}


form br 
		{ 
		/* Alle Zeilenumbrüche in Formularen auswählen */
		  clear: both; /* das floating der labels und inputs aufheben */
		  line-height:5px;
		}


label.left 
		{
		margin-top:3px;
		width: 300px;
		display:block;
		text-align: left;
		}

input[type=text], textarea
		{
		float: left;
		border: 1px solid #000;
		}

input#submit 
		{ 
		/* den Submit-Button */
		  float: none;
		  width:50px;
		  margin:5px 0px 0px 210px;
		  background-color:#aaa;
		  color:#fff;
		  font-weight:bold;
		  display:inline;
		  padding:1px;
		  font-size: 12px;
		  text-align:center;
		  border:3px solid #ddd;
		 }
		 
.defbreite 
	{
	width: 260px;
	}


/* Kontaktformular Ende*/


/* classes */

.active
		{
		font-size:12px;
		color:#1c120b;
		font-weight:bold;
		}

.blue
		{
		color:#fff;
		border:none;
		}
		
.center
		{
		text-align:center;
		}

.cover
		{
		width:175px;
		height:175px;
		border:none;
		margin:0;
		margin-right:45px;
		float: left;
		}
		
.dark
		{
		color:#1c120b;
		}


.presse
		{
		cursor:pointer;
		}

.red
		{
		color:#cc0000;
		font-weight:bold;
		font-size:14px;
		}

.shop
		{
		margin-right: 70px;
		width:75px;
		height:75px;
		border:none;
		border: 1px solid #fff;
		margin:0;
		}

.small
		{
		font-size:11px;
		color: #fff;
		}

	
.start
		{
		margin:50px 0px 0px 328px;
		}

		
/* Ende classes */



/* Links*/

a.ext:link,  a.ext:visited
		{
		background-image:	url(img/extlink.gif);
		background-repeat:	no-repeat;
		background-position:left;
		text-decoration:none;
		padding: 0px 20px;
		}

a.ext:hover,  a.ext:active
		{
		background-image:	url(img/extlink.gif);
		background-repeat:	no-repeat;
		background-position:left;
		padding: 0px 20px;
		text-decoration:none;
		color:#cc0000;
		}


a.small:link,  a.small:visited
		{
		font-size:11px;
		color: #fff;
		text-decoration: none;
		}
		

a.small:hover,  a.small:active
		{
		font-size:11px;
		color:#cc0000;
		text-decoration: none
		}
	
 
	
a.int:link, a.int:visited 
		{
		text-decoration: underline;
		}

a.int:hover, a.int:active 
		{
		text-decoration: none;
		color:#cc0000;
		}
		
a.dark:link, a.dark:visited 
		{
		text-decoration: underline;
		}

a.dark:hover, a.dark:active 
		{
		text-decoration: none;
		color:#cc0000;
		}



a.infobox {text-decoration:none; }

a.infobox:hover {color:#fff; background: #b56832 ; font-weight:bold;}
a.infobox span { visibility:hidden; position:absolute; margin-top:1.5em; padding:1em; text-decoration:none;}
a.infobox:hover span { visibility:visible; border:1px solid #f2dcae; color:#fff; background:#b56832 ; font-weight:normal; font-size:11px; text-align:left;}


/* Links Ende*/



/* Test Runde Boxen*/
.box 
		{
		width: 418px;
		background: #effce7 url(img/bottom.gif) no-repeat  left bottom;
		top: 210px;
		left: 350px;
		}

.box h2 
		{
		  background: url(img/top.gif) no-repeat left top;
		   padding: 10px 20px 0 20px;
		}
		
.box h2 
		{
		  padding: 10px 20px 0 20px;
		}

.box p 
		{
		  padding: 0 20px 10px 20px;
		}

/* Boxen Ende*/






