/* Styles */

/* ###  Layout #################################################### */

body {
	background: #000 url(html/img/bg.jpg) no-repeat center top;
         margin: 0; padding: 0;
         width: 100%;
         color: #fff;
}

#container {
	margin: 0 auto;
         width: 960px;
         text-align: center;
         margin-top: 10px;
}

#stage {
	border: 1px solid #555;
         width: 903px; height: 600px;
         margin: 10px auto 0 auto;
}

#stage_s {
	border: 1px solid #555;
         width: 600px; height: 401px;
         margin: 10px auto 0 auto;
}

#content {
         width: 400px;
         margin: 20px auto;
         font-family: verdana, sans-serif;
         font-size: 10px;
         color: #999;
}

#content table {
}

p {
         font-family: verdana, sans-serif;
         font-size: 10px;
         color: #999;
}

h1 {
	font-family: verdana, sans-serif;
         color: #999;
}

/* ###  Navi  ##################################################### */

#navi { margin-bottom: 20px;}
a.story { background: url(view_story_no.jpg) no-repeat top; }
a.story:hover { background: url(view_story_ro.jpg) no-repeat top; }
a.making_of { background: url(making_of_no.jpg) no-repeat top; }
a.making_of:hover { background: url(making_of_ro.jpg) no-repeat top; }
a.facts { background: url(facts_no.jpg) no-repeat top; }
a.facts:hover { background: url(facts_ro.jpg) no-repeat top; }
a.downloads { background: url(downloads_no.jpg) no-repeat top; }
a.downloads:hover { background: url(downloads_ro.jpg) no-repeat top; }
a.credits { background: url(credits_contact_no.jpg) no-repeat top; }
a.credits:hover { background: url(credits_contact_ro.jpg) no-repeat top; }
a.imprint { background: url(imprint_no.jpg) no-repeat top; }
a.imprint:hover { background: url(imprint_ro.jpg) no-repeat top; }


/* ###  Mail links  ############################################### */

a.mail {
	text-decoration: none;
         color: #ccc;
         display: block;
         padding-left: 12px;
         padding-bottom: 2px;
}
a.mail:hover { background: url(mail_back.gif) no-repeat left; }
a.url {
         text-decoration: none;
         color: #ccc;
         display: inline;
         padding-left: 12px;
         padding-bottom: 2px;
         background: url(arrow_mini_right.gif) no-repeat left;
}


/* ###  Downloads  ################################################ */

div.floatBoax {float: left; disply: inline; width: 250px; }

#wrapper { margin: 0 auto; width: 500px;font-family: verdana, sans-serif; font-size: 10px; color: #999;}

a.dl_01 {
	background: transparent url(dl_01_no.jpg) no-repeat left;
	width: 250px; height: 300px; float: left;
}
a.dl_01:hover { background: url(dl_01_ro.jpg) no-repeat left ;}

a.dl_02 {
	background: transparent url(dl_02_no.jpg) no-repeat left;
	width: 250px; height: 300px; float: left;
}
a.dl_02:hover { background: url(dl_02_ro.jpg) no-repeat left ;}

.clear { clear: both; }