body,h1,input,select { font: 10px/13px arial,helvetica,sans-serif; }

body { background-color: #999; margin: 0; }

body, a { color: #000; }

h1 { margin: 0; text-transform: uppercase; }

p { margin: 0; }

#main { background-color: #fff; background-image: url("images/main.png"); width: 760px; height: 494px;  }
#main {
	position: absolute; left: 50%; top: 50%;	
	width: 760px; margin-left: -380px;
	height: 494px; margin-top: -247px;
	background-repeat: no-repeat;
}




#navi_lang { position: absolute; left: 0px; top: 15px;  width: 727px; text-align: right; }


#footer_tel, #footer_email { position: absolute; left: 490px; top: 471px;  width: 237px; }
#footer_email { text-align: right; }


.hr { overflow: hidden; height: 1px; margin: 5px 0; padding: 0; background-image: url("images/line.png"); }
img#subnavi_top    { position: absolute; left: 0px; top: 65px; background-image: url("images/line.png"); width: 487px; height: 1px; }
img#subnavi_bottom { position: absolute; left: 0px; top: 99px; background-image: url("images/line.png"); width: 487px; height: 1px; }

.first { margin-top: 0px; }

a { position: relative; z-index: 1; text-decoration: none; }
a:hover,a.selected { color: #999; }

a#button_shop { background-color: #666; color: #fff; }

#right { position: absolute; left: 238px; top: 0px; }

#artist_back { position: absolute; left: 400px; top: 375px; text-align: right; width: 87px; } /*400 + 87 = 487 */
#flash_singleplayer { position: absolute; left: 0px; top: 375px; width: 200px; height: 20px; }

#navi_main { position: absolute; left: 12px; top: 63px;  }
#navi_main a { display: block; text-transform: uppercase; }

#navi_artists { position: absolute; top: 65px; width: 512px; }
#navi_artists a { display: block; text-transform: uppercase; }

#navi_sub { position: absolute; top: 76px; left: 2px; width: 237px; }
#navi_sub a { margin-right: 6px; text-transform: uppercase; }

a#download,a#arrow {
	position: absolute; left: 250px; top: 0px; text-transform: none; width: 180px;
	background-position: 0 50%; background-repeat: no-repeat; padding-left: 15px;
}


a#arrow { background-image: url("images/icon_arrow.png"); }
a#arrow:hover, a#arrow.selected { background-image: url("images/icon_arrow_over.png"); }

a#download { background-image: url("images/icon_folder.png"); }
a#download:hover { background-image: url("images/icon_folder_over.png"); }

a#back { background-position: 0 50%; background-repeat: no-repeat; padding-left: 15px; }
a#back { background-image: url("images/back.png"); }
a#back:hover { background-image: url("images/back_over.png"); }

#content1, #content2, #content12 { position: absolute;  }
#content1  { width: 237px; height: 234px; top: 130px; }
#content2  { width: 262px; height: 208px; top: 156px; left: 250px; overflow: auto; }
#inner2    { width: 237px;  }
#content12 { width: 512px; height: 208px; top: 156px; overflow: auto; }
#inner12   { width: 487px; }

#bookings1 { position: absolute; left: 0px; top: 130px; width: 237px }
#bookings2 { position: absolute; left: 250px; top: 130px; width: 237px }

#contact1 { position: absolute; left: 0px; top: 0px; width: 237px }
#contact2 { position: absolute; left: 250px; top: 0px; width: 237px }

input, select { width: 100%; background-color: #ccc; height: 13px; /*#DCDADA*/  border: none; }
p.submit { text-align: right; margin-top: 20px; }
p.submit input { width: auto; background-color: #fff; }

/*
#content1  { background-color: pink; }
#content2  { background-color: yellow; }
#content12 { background-color: green; }
#inner2,#inner12 { background-color: red; }
*/

/*
nicht benutzt

#navi { width: 200px; }
#navi a { display: block; }

a.artist { text-transform: uppercase; isplay: block; order-bottom: 1px solid #000; }
#content  { width: 500px; height: 234px; background-color: green; }
*/