@charset "UTF-8";
/*
Projektname:   Koenig und Neurath flash-fallback 
QS am:         02.09.2007 von MKue 
*/
#content-spalterechts-flashfallback {
position: relative;
width: 278px; 
height: 276px; 
float: left;
padding: 20px 20px;
background-color: #F8F8F8;
overflow: hidden;
}
#content-spalterechts-flashfallback ul {
margin: 30px 0 0 10px;
padding: 0 0;
}
#content-spalterechts-flashfallback li {
margin: 15px 0 0 0;
background: url(../images/bullet_orange.gif) left no-repeat;
padding: 0 0 0 7px;
color: #808080;
list-style-type: none;
font-size: 12px;
}
#content-spalterechts-flashfallback li {
padding-left: 20px !important;
width: 200px !important;
background-position: 0px 4px !important;
}
.content-flashfallback { 
position: absolute;
top: 119px;
left: 300px;
width: 660px; /* Uebergroesse wichtig! */
height: 316px;
}
#content-spalteunten-flashfallback {
position: absolute;
top: 325px;
left: 100px;
width: 530px;
height: 119px;
padding: 0 10px;
overflow: hidden; /* abschliessend mit der meta */
}
#content-flashfallback-hintergrundbild {
position: absolute;
top: 119px;
left: 300px;
width: 652px; 
height: 316px;
background: url(../images/flash-fallback/keyvisual.jpg) no-repeat;
}
#content-flashfallback-hintergrundbild a {
text-decoration: none;
color: #e65a14;
}
#content-flashfallback-hintergrundbild a:hover {
text-decoration: underline;
color: #e65a14;
}
#city-navi {
position: absolute;
top: 320px;
left: -108px;
width: 195px;
height: 119px;
padding: 0 10px;
}
#city-navi p.wechsel {
color: #e65a14;
font-weight: bold;
position: absolute;
top: 90px;
left: 6px;
font-size: 14px;
}
#city-navi h2 {
position: absolute;
left: 200px;
top: -8px;
color: #e65a14;
}
#city-navi p {
position: absolute;
left: 200px;
top: 23px;
font-size: 11px;
line-height: 13px;
}
#zone-null {
float: left;
width: 6px;
height: 89px;
background-image: url(../images/flash-fallback/zone-0.jpg);
}
#zone-eins { /* Recreation Area */
float: left;
width: 54px;
height: 89px;
background-image: url(../images/flash-fallback/zone-1-aktiv.jpg);
}
#zone-eins a { /* Recreation Area */
float: left;
width: 54px;
height: 89px;
background-image: url(../images/flash-fallback/zone-1.jpg);
}
#zone-eins a:hover{ /* Recreation Area */
float: left;
width: 54px;
height: 89px;
background-image: url(../images/flash-fallback/zone-1-aktiv.jpg);
}
#zone-zwei, #zone-zwei a { /* My Base */
float: left;
width: 23px;
height: 89px;
background-image: url(../images/flash-fallback/zone-2.jpg);
}
#zone-zwei a:hover{ /* My Base */
float: left;
width: 23px;
height: 89px;
background-image: url(../images/flash-fallback/zone-2-aktiv.jpg);
}
#zone-drei, #zone-drei a { /* Market Place */
float: left;
width: 26px;
height: 89px;
background-image: url(../images/flash-fallback/zone-3.jpg);
}
#zone-drei a:hover{ /* Market Place */
float: left;
width: 26px;
height: 89px;
background-image: url(../images/flash-fallback/zone-3-aktiv.jpg);
}
#zone-vier, #zone-vier a { /* Forum */
float: left;
width: 20px;
height: 89px;
background-image: url(../images/flash-fallback/zone-4.jpg);
}
#zone-vier a:hover{ /* Forum */
float: left;
width: 20px;
height: 89px;
background-image: url(../images/flash-fallback/zone-4-aktiv.jpg);
}
#zone-fuenf, #zone-fuenf a { /* Text Area */
float: left;
width: 22px;
height: 89px;
background-image: url(../images/flash-fallback/zone-5.jpg);
}
#zone-fuenf a:hover{ /* Text Area*/
float: left;
width: 22px;
height: 89px;
background-image: url(../images/flash-fallback/zone-5-aktiv.jpg);
}
#zone-sechs, #zone-sechs a { /* Brain Zone */
float: left;
width: 26px;
height: 89px;
background-image: url(../images/flash-fallback/zone-6.jpg);
}
#zone-sechs a:hover{ /* Brain Zone*/
float: left;
width: 26px;
height: 89px;
background-image: url(../images/flash-fallback/zone-6-aktiv.jpg);
}
.zone-verweis-box {
width: 118px;
height: 170px;
}
.zone-verweis-box img {
width: 90px;
height: 62px;
}
.zone-verweis-box h2 {
margin: 0 0;
padding: 0 0;
color: #e65a14;
font-weight: normal;
}
.zone-verweis-box img {
margin: 6px 0 0 0;
}
.zone-verweis-box h2 a,
.zone-verweis-box h2 a:hover {
position: absolute;
left: 0px;
top: 0px;
z-index: 999;
}
.zone-verweis-box h2 a:hover {
color: #000 !important;
text-decoration: none !important;
}
.zone-verweis-box p {
position: absolute;
left: 0px;
top: 85px;
margin: 0;
padding: 0;
color: #808080;
font-weight: bold;
line-height: 14px;
}
.recreation-area {
position: absolute;
top: 130px;
left: 32px;
}
.my-base {
position: absolute;
top: 70px;
left: 155px;
}
.market-place {
position: absolute;
top: 200px;
left: 255px;
}
.forum {
position: absolute;
top: 135px;
left: 370px;
}
.team-area {
position: absolute;
top: 30px;
left: 450px;
}
.brain-zone {
position: absolute;
top: 180px;
left: 550px;
}