html {height:100%} 

html, body {
	padding: 0px;
	margin: 0px;
	background-color: #000;
}

body#play {height: 100%;}
body#play applet { width: 100%; height: 100%;}
                       
#language{
	background-image:url(../img/bg.gif);
	padding: 0px;
	font-family: sans-serif;
	color: #fff;
}
#language a:link { color:#FFFFFF; text-decoration:underline; }
#language a:visited { color:#D0D0D0; text-decoration:underline; }
#language a:active { color:#FFFFFF; text-decoration:none; }


#login{
	background-image:url(../img/bg.gif);
	padding: 0px;
	font-family: sans-serif;
}

#login label{
	display: block;
	float: left;
	color: #fff;
	width: 90px;
	padding: 2px;
	font-size: 14px;
}

#login input {
	color: #000;
	width: 140px;
}
#login #subm{
	margin: auto;
	color: #000;
	width: 240px;
}
#login .row {
	color: #000;
	width: 240px;
	margin: 5px;
}
#login p{
	text-align: center;
	margin: 2px;
}
#login p a{
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}
#login .error{
	color: #f00;
	font-size: 11px;
}
#login p a:hover{
	text-decoration: underline;	
}


#intro{
	font-family: Arial, Helvetia, sans-serif;
	font-size: 10pt;
	color: #ffffff;
	background-image: url(../img/bg.gif);
	background-color: #000000;
}
#intro h1{ margin-top: 5px; margin-bottom: 5px; } 

#intro a:link { color:#FFFFFF; text-decoration:underline; }
#intro a:visited { color:#D0D0D0; text-decoration:underline; }
#intro a:active { color:#FFFFFF; text-decoration:none; }
#intro div { 
	text-align: left;
	vertical-align: middle;
	padding: 4px;
}
#intro .small {font-size: 8pt;}


#content h1 span { display: none; }
#content h2 span { display: none; }
#subcontent h1 span { display: none; }
#subcontent h2 span { display: none; }

#content{
	z-index: 1;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 132px;
	margin-left: -50%;
	background-image:url(../img/bg.gif);
	background-repeat:repeat-x;
	padding: 0px;
}
#subcontent{
	z-index: 2;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 132px;
	margin-left: -50%;
	padding: 0px;
	overflow:hidden;
}
	
#portal {
	z-index: 1;
	position: absolute;
	left: 20%;
	top: -287px;
	width:315px;
	height: 410px;
	background-image:url(../img/portal.jpg);
}
* html #portal {
	margin-left: -50%;
	left: 74%;
	padding: 0px;
}
#portal p{
	text-align: center;
	font-family: Helvetica,helv,arial,sans-serif;
	font-size: 10px;
	color: #fff;
	position: absolute;
	width: 415px;
	left: 0px;
	top: 418px;
	margin: 0px;
	padding: 0px;
}


#portal #philfe a{
	position: absolute;
	display: block;
	left: 70px; top: 190px;
	width: 50px; height: 68px;
}
#portal #pspiele a{
	position: absolute;
	display: block;
	left: 190px; top: 190px;
	width: 50px; height: 68px;
}
#portal #phalloffame a{
	position: absolute;
	display: block;
	left: 130px; top: 186px;
	width: 50px; height: 62px;
}

#portal #pmetaspiel a{
	position: absolute;
	display: block;
	left: 20px; top: 200px;
	width: 46px; height: 88px;
}
#portal #pcommunity a{
	position: absolute;
	display: block;
	left: 250px; top: 200px;
	width: 46px; height: 88px;
}
#portal a span{ display:none; }

#brettspielwelt {
	position: absolute;
	left: 321px;
	top: 276px;
	width: 199px;
	height: 38px;
	background-image:url(../img/brettspielwelt.jpg);
}


#quickstart {
	position: absolute;
	left: 10px;
	top: 87px;
	width: 131px;
	height: 45px;
	background-image:url(../img/schnellstart.jpg);
	background-position: 0px -45px;
}
#quickstart:hover {
	background-image:url(../img/schnellstart.jpg);
	background-position: 0px 0px; 
}


#spielen {
	position: absolute;
	left: -91px;
	top: 51px;
	width: 103px;
	height: 25px;
	background-image:url(../img/button_yellow.gif);
	
}
#spielen:hover {
	background-image:url(../img/button_yellow.gif);
	background-position: 0% -25px;
}

#einfuehrung {
	position: absolute;
	left: -91px;
	top: 75px;
	width: 103px;
	height: 25px;
	background-image:url(../img/button_red.gif);

}
#einfuehrung:hover {
	background-image:url(../img/button_red.gif);
	background-position: 0% -25px;
}

#anmelden {
	position: absolute;
	left: -91px;
	top: 99px;
	width: 103px;
	height: 25px;
	background-image:url(../img/button_blue.gif);
}
#anmelden:hover {
	background-image:url(../img/button_blue.gif);
	background-position: 0% -25px;
}

#abmelden {
	position: absolute;
	left: -91px;
	top: 99px;
	width: 103px;
	height: 25px;
	background-image:url(../img/button_lila.gif);
}
#abmelden:hover {
	background-image:url(../img/button_lila.gif);
	background-position: 0% -25px;
}


#german {
	position: absolute;
	left: -86px;
	top: -1px;
	width: 30px;
	height: 33px;
	background-image:url(../img/german.jpg);
}
#german:hover {
	background-image:url(../img/german_hig.jpg);
}
#english {
	position: absolute;
	left: -56px;
	top: -1px;
	width: 30px;
	height: 33px;
	background-image:url(../img/english.jpg);
}
#english:hover {
	background-image:url(../img/english_hig.jpg);
}
#otherlanguage {
	position: absolute;
	left: -26px;
	top: -1px;
	width: 30px;
	height: 33px;
	background-image:url(../img/otherl.jpg);
}
#otherlanguage:hover {
	background-image:url(../img/otherl_hig.jpg);
}


#pmenu {
	position: absolute;
	left: 20%;
	top: 0px;
	width:80%;
	height: 410px;
	padding: 0px;
}
.subcat{
	display: inline;
	margin: 0px;
	padding: 0px;
	padding-left: 12px;
}


#metaspiel{
	position: absolute;
	display: block;
	left: 318px;
	top: 21px;
	height: 22px;
	width: 100%;
	background-image:url(../img/rw_t.gif);
}
#metaspiel .head a{
	padding-left:20px;
	margin-left: 0px;
	float: left;
	height: 22px;
	background-image:url(../img/rw_gruen.gif);
	background-repeat: no-repeat;
}

#hilfe{
	position: absolute;
	display: block;
	left: 312px;
	top: 43px;
	height: 22px;
	width: 100%;
	background-image:url(../img/rw_t2.gif);
}
#hilfe .head a{
	padding-left:20px;
	margin-left: 0px;
	float: left;
	height: 22px;
	background-image:url(../img/rw_rot.gif);
	background-repeat: no-repeat;
}

#halloffame{
	position: absolute;
	display: block;
	left: 297px;
	top: 65px;
	height: 22px;
	width: 100%;
	background-image:url(../img/rw_t.gif);
}
#halloffame .head a{
	padding-left:20px;
	margin-left: 0px;
	float: left;
	height: 22px;
	background-image:url(../img/rw_lila.gif);
	background-repeat: no-repeat;
}

#spiele{
	position: absolute;
	display: block;
	left: 279px;
	top: 87px;
	height: 22px;
	width: 100%;
	background-image:url(../img/rw_t2.gif);
}
#spiele .head a{
	padding-left:20px;
	margin-left: 0px;
	float: left;
	height: 22px;
	background-image:url(../img/rw_gelb.gif);
	background-repeat: no-repeat;
}

#community{
	position: absolute;
	display: block;
	left: 253px;
	top: 109px;
	height: 22px;
	width: 100%;
	background-image:url(../img/rw_t.gif);
}
#community .head a{
	padding-left:20px;
	margin-left: 0px;
	float: left;
	height: 22px;
	background-image:url(../img/rw_blau.gif);
	background-repeat: no-repeat;
}



#communitylist a:hover{color: #bbd;}
#spielelist a:hover{color: #cc9;}
#halloffamelist a:hover{color: #dbd;}
#hilfelist a:hover{color: #dbb;}
#metaspiellist a:hover{color: #bdb;}

#buttons a span, .head a span { 
	display: none;
}

#buttons a {
	text-align: center;
	text-decoration: none;
	color: #ccc;
	font: bold 13px/23px Arial, Helvetia, sans-serif;
	vertical-align: middle;
	
}
#buttons a:hover {
	color: #444;	
}

#buttons a#spielen span, #buttons a#einfuehrung span, #buttons a#anmelden span, #buttons a#abmelden span {
	display: block;
	
}

#subcontent .head a{
	font-family: Helvetica,helv,arial,sans-serif;
	padding-top: 2px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #ddd;
} 
#subcontent #metaspiel .head a:hover{ color: #8f8; }
#subcontent #spiele .head a:hover{ color: #ff8; }
#subcontent #community .head a:hover{ color: #aaf; }
#subcontent #halloffame .head a:hover{ color: #f8f; }
#subcontent #hilfe .head a:hover{ color: #f88; }


.subcat a{
	padding-top: 2px;
	margin-top: 2px;
	font-family: Helvetica,helv,arial,sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #ccc;
} 

.subcat li a{ 
	display: inline; 
	line-height: 1.5em;
}

#content a{
	text-decoration: none;
}

li
{
	display: inline;
	list-style-type: none;
	padding-right: 5px;
}

#impressum a span{ display:none; } 
#impressum a{
	position: absolute;
	right: 0px;
	bottom: 2px;
	width: 104px;
	height: 80px;
	background-image:url(../img/logo.gif);
	z-index: 0;
}
#advert {
        position: absolute;
        right: 120px;
        bottom: 0px;
        width: 358px;
        height: 90px;
        z-index: 0;
}