body {
font-family:'Arial',Times,serif; font-size:200%;
background:black;
}

a {
color:black;
}

img {
	border:none;
}

div {
	font-size:12px;
}

textarea{
font-size:9pt;
}

#line01 {
	vertical-align:top;
	height:150px;
}

#line02 {
	vertical-align:top;
	height:250px;
}

#main {
	margin-top:0px;
	padding-top:0px;
	border:0px solid red;
	border-collapse:collapse;
	width:1023px;
	height:716px;
	vertical-align:top;
}

#logoLay1 {
	text-align:center;
	padding-top:10px;
	padding-right:30px;
}

#logoLay2 {
	text-align:center;
	padding-top:10px;
	padding-left:30px;
}

#backgroundLay1 {
	background-image:url(img/backgroundText01.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#backgroundLay2 {
	background-image:url(img/backgroundImages01.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#mainmenueLay1 {
	width:137px;
	padding-left:90px;
	text-align:center;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:170px;
	padding-right:50px;
	padding-bottom:0px;
	margin-left:10px;
	border:0px solid red;
}

#mainmenueLay2 {
	width:137px;
	padding-left:90px;
	text-align:center;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:170px;
	padding-right:50px;
	padding-bottom:0px;
	margin-left:10px;
	border:0px solid red;
}

#contentContainerLay1 {
	width:479px;
	padding-top:150px;
	padding-right:0px;
}

#contentContainerLay2 {
	height:379px;
	width:379px;
	text-align:left;
	vertical-align:top;
}

#contentLay1 {
	border:0px solid red;
	padding:0px;
	margin:0px;
	_background:white;
	background-image:url(img/textFrame.jpg);
	_background-image:url(img/textFrame_smaller.jpg);
	background-repeat:no-repeat;
	height:250px;
	_height:251px;
	width=479px;
	overflow:auto;
	scrollbar-base-color:black;
	scrollbar-3d-light-color:#FFFFFF;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:black;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#000000;
	scrollbar-track-color:#FFFFFF;
}

#contentLay2 {
	border:0px solid red;
	padding-left:25px;
	padding-top:60px;
}

#submenueLay2 {
	vertical-align:top;
	text-align:left;
	padding-top:190px;
	padding-left:30px;
}

#submenueLay1 {
	vertical-align:top;
	text-align:left;
	padding-top:190px;
	padding-left:26px;
}

/* MENUE */

#info {padding:2em 0;}

#imap {display:block; width:137px; height:300px; background:url(img/menue.gif); background-repeat:no-repeat;position:relative; margin:0 auto 2em auto;}


a#home, a#game, a#visuals, a#team, a#contact {
display:block;
width:130px;
height:0;
_height:23px;
padding-top:23px;
overflow:hidden;
position:absolute;
}


a#home {left:3px; top:62px; background:transparent;}
a#game {left:3px; top:92px; background:transparent;}
a#visuals {left:3px; top:123px; background:transparent;}
a#team {left:3px; top:154px; background:transparent;}
a#contact {left:3px; top:185px; background:transparent;}

a#home:hover {background:#fff url(img/homeHover.gif) no-repeat 0 0;}
a#game:hover {background:#fff url(img/gameHover.gif) no-repeat 0 0;}
a#visuals:hover {background:#fff url(img/visualsHover.gif) no-repeat 0 0;}
a#team:hover {background:#fff url(img/teamHover.gif) no-repeat 0 0;}
a#contact:hover {background:#fff url(img/contactHover.gif) no-repeat 0 0;}


/* SUBMENUE */

#imapSubNone {display:block; width:137px; height:94px; background:url(img/noSub.gif); background-repeat:no-repeat;position:relative; margin:0;}

#imapSubGame {display:block; width:137px; height:94px; background:url(img/submenueGame.gif); background-repeat:no-repeat;position:relative; margin:0;}

a#gameplay, a#story, a#download {
display:block;
width:132px;
height:0;
_height:23px;
padding-top:23px;
overflow:hidden;
position:absolute;
}

a#gameplay {left:3px; top:5px; background:transparent;}
a#story {left:3px; top:35px; background:transparent;}
a#download {left:3px; top:65px; background:transparent;}

a#gameplay:hover {background:#fff url(img/gameplayHover.gif) no-repeat 0 0;}
a#story:hover {background:#fff url(img/storyHover.gif) no-repeat 0 0;}
a#download:hover {background:#fff url(img/downloadHover.gif) no-repeat 0 0;}


#imapSubVisuals {display:block; width:137px; height:94px; background:url(img/submenueVisuals.gif); background-repeat:no-repeat;position:relative; margin:0;}

a#artworks, a#screenshots, a#videos {
display:block;
width:132px;
height:0;
_height:23px;
padding-top:23px;
overflow:hidden;
position:absolute;
}

a#artworks {left:3px; top:5px; background:transparent;}
a#screenshots {left:3px; top:35px; background:transparent;}
a#videos {left:3px; top:66px; background:transparent;}

a#artworks:hover {background:#fff url(img/artworksHover.gif) no-repeat 0 0;}
a#screenshots:hover {background:#fff url(img/screenshotsHover.gif) no-repeat 0 0;}
a#videos:hover {background:#fff url(img/videosHover.gif) no-repeat 0 0;}


#imapSubContact {display:block; width:137px; height:94px; background:url(img/submenueContact.gif); background-repeat:no-repeat;position:relative; margin:0;}

a#impressum, a#gaLinks {
display:block;
width:132px;
height:0;
_height:23px;
padding-top:23px;
overflow:hidden;
position:absolute;
}

a#impressum {left:3px; top:5px; background:transparent;}
a#gaLinks {left:3px; top:35px; background:transparent;}

a#impressum:hover {background:#fff url(img/impressumHover.gif) no-repeat 0 0;}
a#gaLinks:hover {background:#fff url(img/galinksHover.gif) no-repeat 0 0;}


