@charset "utf-8";
/* CSS-Deklaration für Las Jenas */

/*///////// Linkdeklarationen ///////////////*/
a:link {color:#FFFFFF; text-decoration:none; font-family:Arial;}
a:hover {color:#FFFFFF; text-decoration:none; font-family:Arial;}
a:visited {color:#FFFFFF; text-decoration:none; font-family:Arial;}

.gold {
color:#EBB86A;
font-weight:bold;
}

button {
background:#EBB86A;
color:#000000;
font-weight:normal;
}

body {
background-color:#000000;
background:url(web/body.png) repeat;
}

#city {
position:relative;
top:-40px;
height:auto;
width:1300px;
left:-100px;
margin-left:auto;
margin-right:auto;
z-index:1;
}

#welcome {
position:relative;
background:url(web/welcome.png) no-repeat;
margin-top:-500px;
right:-475px;
height:393px;
width:500px;
margin-left:auto;
margin-right:auto;
z-index:3;
}

#container {
position:relative;
background:black;
height:auto;
min-height:500px;
width:700px;
margin-left:auto;
margin-right:auto;
margin-top:-140px;
font-family:Arial;
font-size:13px;
font-weight:normal;
color:white;
z-index:2;
}

#content {
position:absolute;
background:none;
left:0px;
height:auto;
min-height:200px;
width:660px;
padding:20px;
font-family:Arial;
font-size:13px;
font-weight:normal;
color:white;
z-index:2;
}

#right {
position:absolute;
right:0px;
height:auto;
color:#FFFFFF;
padding:5px 7px 5px 7px;
border-left:2px dotted #EBB86A;
font-weight:bold;
}

#footer {
position:absolute;
bottom:10px;
height:auto;
width:700px;
font-family:Arial;
font-size:12px;
font-weight:bold;
color:white;
z-index:2;
}

#spielsatzsieg {
position:absolute; 
background:url(web/spiel-satz-sieg.png) no-repeat;
left:-80px; 
top:0px; 
width:368px;
height:614px;
z-index:0;
}

#think {
position:absolute; 
background:url(web/think.png) no-repeat;
right:20px; 
top:70px; 
width:164px;
height:500px;
z-index:0;
}

#yourturn {
position:absolute; 
background:url(web/yourturn.png) no-repeat;
right:-10px; 
top:70px; 
width:183px;
height:450px;
z-index:0;
}

#winner {
background:url(web/bing-jump.png) no-repeat;
position:absolute;
width:466px;
height:400px; 
right:0px; 
bottom:100px; 
z-index:0;
}

/*///////////////// STARTSEITE Container ///////////////////*/
#spiel {
visibility:hidden;
position:absolute; 
background:url(web/spiel.png) no-repeat; 
width:354px; 
height:316px; 
left:40px; 
top:-40px; 
z-index:1;
}

#satz {
visibility:hidden;
position:absolute;
background:url(web/satz.png) no-repeat; 
width:324px; 
height:263px; 
left:-40px; 
top:100px; 
z-index:1;
}

#sieg {
visibility:hidden;
position:absolute;
background:url(web/sieg.png) no-repeat;
width:322px;
height:253px;
left:40px;
top:240px;
z-index:1;
}

#vorteile {
position:absolute; 
background:url(web/vorteil.png) no-repeat; 
width:253px;
color:#D72326; 
font-family:Arial; 
font-size:24px; 
font-weight:bold; 
z-index:1;
}

#fragen {
position:absolute; 
background:url(web/fragen.png) no-repeat; 
width:253px;
color:#D72326; 
font-family:Arial; 
font-size:24px; 
font-weight:bold; 
z-index:1;
}


/*////////////////  NAVIGATION  /////////////////////////////////*/
ul#navigation {
background:url(web/menu.png);
height:35px;
list-style-type:none;
font-family:Arial;
font-size:14px;
font-weight:bold;
color:#666666;
}

ul#navigation li {
width:auto;
padding:0px 20px 0px 0px;
float:left;
text-align:center;
}

ul#navigation li a {
width:110%;
text-decoration:none;
color:#CCCCCC;
display:block;
height:25px;
padding:10px 5px 0px 5px;
}

ul#navigation li a:hover {
text-decoration:none;
width:110%;
background:url(web/star.png) no-repeat;
color:white;
font-size:14px;
display:block;
height:25px;
padding:10px 5px 0px 5px;
}