html { height:100%; } /* Führt dazu, dass Netscape und Firefox keinen Sprungeffekt bei Seiten ohne Scrollbar haben */
body { min-height:101%; } /* dito */

body {
    margin: 0;
    padding: 0;
    background: url(/images/neu/bg.gif) #BFC1B7 center top;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 85%;
}
body, p, td, th, a {
    margin: 0;
    padding: 0;
}
/* -------------------------------- Überschriften - Mitte ------------------------------------- */
#inhalt h2 {
    font: bold 120%/130% Verdana, Arial, Helvetica, sans-serif; 
    color: #006A1B;
    border-bottom: 1px solid #C6C6C6;
    margin: 10px 0 10px 0;
}
#inhalt h2#news, #inhalt h2#artikel, #inhalt h2#demos {
    background: url(/images/standard/newsbalken.jpg) #fff no-repeat; 
    height: 24px;
    width: 305px; 
    margin: 0; 
    padding: 0;
    display: block;
    border: 0px none #fff;
}
#inhalt h2#artikel {
    background: url(/images/standard/artikelbalken.jpg) #fff no-repeat; 
}
#inhalt h2#demos {
    background: url(/images/standard/demobalken.jpg) #fff no-repeat; 
    margin-top: 5px; 
}
#inhalt h3 {
	font: bold 110%/130% Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-bottom: 1px solid #C6C6C6;
	margin: 2px 0px 5px 0px;
	padding: 0px 0px 0px 5px;
	background-image: url(/images/os_title.jpg);
	background-repeat: repeat-y;
}
#inhalt #text_re h3 {
    margin: 0;
    font: bold 90%/130% Verdana, Arial, Helvetica, sans-serif; 
    border: 0px none #fff;
}
#inhalt #text_re h3 span {
    font: normal 82%/130% Verdana, Arial, Helvetica, sans-serif; 
    color: #858585;}

/* -------------------------------- Überschriften - linke Navigation ------------------------------------- */
#links h3#aktuell, #links h3#reviews, #links h3#interaktiv, #links h3#genres {
    background: url(/images/neu/interaktiv.jpg) #fff no-repeat; 
    height: 23px;
    width: 170px; 
    margin: 0; 
    padding: 0;
    display: block;
}
#links h3#genres {
    background: url(/images/neu/genres.jpg) #fff no-repeat; 
}
#links h3#interaktiv {
    background: url(/images/neu/interaktiv.jpg) #fff no-repeat; 
}

/* -------------------------------- Überschriften - rechte Navigation ------------------------------------- */
#rechts h3#login, #rechts h3#suche, #rechts h3#umfrage, #rechts h3#partner, #rechts h3#screens, #rechts h3#werbung {
    background: url(/images/standard/gruen/navtops/login.jpg) #fff no-repeat; 
    height: 23px;
    width: 170px; 
    margin: 0; 
    padding: 0;
    display: block;
}
#rechts h3#suche {
    background: url(/images/neu/suche.jpg) #fff no-repeat; 
}
#rechts h3#werbung {
    background: url(/images/neu/werbung.jpg) #fff no-repeat; 
}
#rechts h3#umfrage {
    background: url(/images/standard/gruen/navtops/umfrage.jpg) #fff no-repeat; 
}
#rechts h3#partner {
    background: url(/images/standard/gruen/navtops/partner.jpg) #fff no-repeat; 
}
#rechts h3#screens {
    background: url(/images/standard/screens_hellgruen.jpg) #fff no-repeat; 
}

/* -------------------------------- Grundstruktur -------------------------------------- */
#container {
    background: url(/images/neu/content_bg.gif) #fff left top repeat-y;
    padding: 0px 0px 0px 0px;
    margin: 0px auto; 
    width: 960px; 
    position: relative; 
    text-align: left;
}
#header {
    background: url(/images/neu/standard.jpg) #fff left top no-repeat; 
    height: 112px;
    width: 960px; 
    margin: 0; 
    padding: 0;
}
#oben {
    background: transparent;
    height: 31px;
    width: 960px; 
    margin: 0; 
    padding: 0;
}
#textfeld {
    background: url(/images/neu/textfeld.jpg) #fff left top no-repeat; 
    height: 31px;
    width: 453px; 
    margin: 0; 
    padding: 0;
    float: left;
}
#links, #rechts {
    width: 170px;
    padding: 0;
    margin: 0;
    float: left;
    color: #000;
    font: normal 90%/130% Verdana, Arial, Helvetica, sans-serif; 
}
#inhalt {
    width: 620px;
    padding: 0;
    margin: 0;
    float: left;
    background: transparent;
    color: #000;
}
#footer {
    clear: both;
    background: url(/images/neu/footer.gif) #BFC1B7 left top no-repeat; 
    width: 960px; 
    margin: 0px auto; 
    padding: 0;
    text-align: center;
}

/* -------------------------------- Header -------------------------------- */
#user {
    color: #fff;
    font: normal 82%/130% Verdana, Arial, Helvetica, sans-serif;
    padding: 2px 0 0 10px; 
}

/* -------------------------------- Textfeld / Navigation oben -------------------------------- */
 #textfeld span {
    height: 31px;
    width: 453px; 
    margin: 0; 
    padding: 10px 0px 0px 23px;
    color: #fff;
    font: normal 82%/130% Verdana, Arial, Helvetica, sans-serif; 
	  display: block;
}
#textfeld a:link, #textfeld a:visited{
    padding: 0 0 0 5px;
    color: #fff;
    text-decoration: underline;
}

#textfeld a:hover, #textfeld a:active, #textfeld a:focus {
    padding: 0 0 0 5px;
    color: #000;
    text-decoration: underline;
}
#topnav {
    margin: 0;
    padding: 0;
    font: bold 80%/90% Verdana, Arial, Helvetica, sans-serif; 
    float: right;
    width: 507px;
}
#topnav ul {
	  list-style-type: none;
	  padding: 0;
	  margin: 0;
	  border: 0;
	  top: 0px;
	  left: 0px;
	  background: transparent;
}
#topnav ul li {
	  padding: 0;
	  margin: 0;
	  display: block;
	  float: left;
}
#topnav ul li a {
    background: url(/images/neu/tnav.jpg) #fff left top no-repeat; 
    color: #000;
	  border: 0;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 0;
    width: 99px;
    height: 31px;
    text-align: center;
}
#topnav ul li a span {
    display: block;
    margin: 0;
    padding: 10px 0 0 0;
    width: 99px;
    height: 31px;
}
#topnav ul li a.ende {
    background: url(/images/neu/tnav_end.jpg) #fff left top no-repeat; 
    width: 111px;
    height: 31px;
}
#topnav ul li a.ende  span {
    width: 111px;
    height: 31px;
}
#tnav a:focus, #tnav a:hover, #tnav a:active { 
    background: url(/images/neu/tnav_over.jpg) #fff left top no-repeat; 
    color: #000;
    width: 99px;
    height: 31px;
}
#tnav a.ende:focus, #tnav a.ende:hover, #tnav a.ende:active { 
    background: url(/images/neu/tnav_end_over.jpg) #fff left top no-repeat; 
    color: #000;
    width: 111px;
    height: 31px;
}

/* -------------------------------- linker Bereich ------------------------------------- */
#links ul, #links li {
    background: transparent;
    padding: 0;
    margin: 0;
    list-style: none;
}
#links li {
    background: url(/images/neu/lnav_bg.gif) bottom left no-repeat;
    padding: 2px 3px 4px 8px
}
#links a {
    text-decoration: none;
    display: block;
}
#links a:link, #links a:visited {
    background: url(/images/neu/pfeil_a.gif) no-repeat 8px 4px;
    padding: 0px 0px 0px 20px;
    color: #474E5F;
    text-decoration: none;
}
#links a:hover, #links a:active, #links a:focus {
    background: url(/images/neu/pfeil_b.gif) no-repeat 8px 4px;
    padding: 0px 0px 0px 20px;
    color: #000;
    text-decoration: none;
    font-weight: bold;
}
#links a.pc:link, #links a.pc:visited, #links a.pc:focus, #links a.pc:hover, #links a.pc:active {
    background: url(/images/standard/icons/pc.gif) no-repeat 0px 0px;
}
#links a.xbox:link, #links a.xbox:visited, #links a.xbox:focus, #links a.xbox:hover, #links a.xbox:active {
    background: url(/images/standard/icons/xbox.gif) no-repeat 0px 0px;
}
#links a.xbox360:link, #links a.xbox360:visited, #links a.xbox360:focus, #links a.xbox360:hover, #links a.xbox360:active {
    background: url(/images/standard/icons/xbox360.gif) no-repeat 0px 0px;
}
#links a.ps2:link, #links a.ps2:visited, #links a.ps2:focus, #links a.ps2:hover, #links a.ps2:active {
    background: url(/images/standard/icons/ps2.gif) no-repeat 0px 0px;
}
#links a.ps3:link, #links a.ps3:visited, #links a.ps3:focus, #links a.ps3:hover, #links a.ps3:active {
    background: url(/images/standard/icons/ps3.gif) no-repeat 0px 0px;
}
#links a.nds:link, #links a.nds:visited, #links a.nds:focus, #links a.nds:hover, #links a.nds:active {
    background: url(/images/standard/icons/nds.gif) no-repeat 0px 0px;
}
#links a.gba:link, #links a.gba:visited, #links a.gba:focus, #links a.gba:hover, #links a.gba:active {
    background: url(/images/standard/icons/gba.gif) no-repeat 0px 0px;
}
#links a.gc:link, #links a.gc:visited, #links a.gc:focus, #links a.gc:hover, #links a.gc:active {
    background: url(/images/standard/icons/gamecube.gif) no-repeat 0px 0px;
}
#links a.ngage:link, #links a.ngage:visited, #links a.ngage:focus, #links a.ngage:hover, #links a.ngage:active {
    background: url(/images/standard/icons/ngage.gif) no-repeat 0px 0px;
}
#links a.nrev:link, #links a.nrev:visited, #links a.nrev:focus, #links a.nrev:hover, #links a.nrev:active {
    background: url(/images/standard/icons/nrev.gif) no-repeat 0px 0px;
}
#links a.psp:link, #links a.psp:visited, #links a.psp:focus, #links a.psp:hover, #links a.psp:active {
    background: url(/images/standard/icons/psp.gif) no-repeat 0px 0px;
}
#links a.wii:link, #links a.wii:visited, #links a.wii:focus, #links a.wii:hover, #links a.wii:active {
    background: url(/images/standard/icons/wii.gif) no-repeat 0px 0px;
}

/* -------------------------------- mittlerer Bereich ------------------------------------- */
#rahmen {
    font: normal 90%/130% Arial, Helvetica, sans-serif;
    padding: 3px;
}
#highlight1 {
    height: 111px;
    width: 305px; 
    margin: 0 4px 0 0; 
    padding: 0;
    float: left;
}
#highlight2 {
    height: 111px;
    width: 305px; 
    margin: 0; 
    padding: 0;
    float: left;
}
#werbung300{
    background: url(/images/standard/werbung_h.gif) #BAC384 left bottom no-repeat; 
    padding: 0px 0px 28px 0px;
    margin: 4px 0 0 0;
}
#werbung486 {
    background: url(/images/standard/werbung_v.gif) #BAC384 left bottom no-repeat; 
    padding: 2px 3px 2px 78px;
    margin: 4px 0 0 0;
}
#werbung468 {
    padding: 18px 10px 2px 466px;
    margin: 0px;
}

#werbung600v {
    background-color: transparent;
    background: url(/images/standard/werbung_h2.gif) left top no-repeat;  
    padding: 28px 2px 2px 2px;
    margin: 8px 0 0 3px;
}
#werbung600v a:link, #werbung600v a:visited, #werbung600v a:hover, #werbung600v a:active, #werbung600v a:focus {
    background: transparent; 
}

#werbung792 {
    background: url(/images/standard/werbung_v.gif) #BAC384 left bottom no-repeat; 
    padding: 0px 0px 0px 74px;
    margin: 0p; 
}
#werbung792_2 {
    background: #BAC384 left bottom no-repeat; 
    padding: 0px 0px 0px 74px;
    margin: 0p; 
}
#textinhalt {
    padding: 0;
    margin: 0;
    width: 614px;
    overflow-x: hidden;
}
#textinhalt p {
	  padding: 0;
	  margin: 0 0 1em 0;
}
#textinhalt p#art_daten, #textinhalt p#hinweis {
    font: normal 85%/130% Arial, Helvetica, sans-serif; 
	  color: #888;
	  margin: 5px 0 2px 0;
}
#textinhalt a:link, #textinhalt a:visited {
    font: bold 100%/130% Arial, Helvetica, sans-serif; 
    color: #5a5a5a;
    text-decoration: none;
}
#textinhalt .active-scaffold th a:link, #textinhalt .active-scaffold th a:visited {
    color: #fff;
}
#textinhalt a:hover, #textinhalt a:active, #textinhalt a:focus {
    color: #000;
    text-decoration: underline;
}
#text_li {
    width: 305px; 
    margin: 4px 4px 0 0; 
    padding: 0;
    float: left;
}
#text_re {
    width: 305px; 
    margin: 4px 0 0 0; 
    padding: 0;
    float: left;
}

#inhalt select{
    font: normal 100%/130% Arial, Helvetica, sans-serif; 
    color: #5a5a5a;
    text-decoration: none;
	border: 1px solid #CCCCCC;
}

/* ----- Tabellen in der Mitte ----- */

#bs_liste {
	padding: 5px;
	margin: 5px 5px 10px 5px;
	text-align: justify;
	width: 590px;
	min-height: 130px;

}

table {
    margin: 0;
    padding: 0;
}
th{
    color: #fff;
    font-weight: bold;
    background-color: #474E5F;
}
tr.z_a {
    background-color: #F4F4F4;
}
tr.z_b {
    background-color: #ECECEC;
}
tr.z_c {
    background-color: #F9F6F6;
}
tr.z_d {
    background-color: #F1EBEB;
}
td {
    font: normal 90%/130% Arial, Helvetica, sans-serif; 
    vertical-align: top;
    border-bottom: 1px solid #eaeaea;
    padding: 1px;
}
td.zeit {
    width: 70px;
	  white-space: nowrap;
    padding: 1px;
}
td.zeit span {
    color: #999;
    font: normal 82%/130% Arial, Helvetica, sans-serif; 
}
td.nwr {
    white-space: nowrap;
}
table#uebersicht, table.ubr {
    width: 98%;
}
#uebersicht th, #uebersicht td, #ubr th, #ubr td {
    padding: 1px 3px;
}
#redaktion th, #redaktion td {
    padding: 1px 5px;
}

.tooltip { 
     position: absolute; 
     display: none; 
     background-color: #FFFFFF; 
     border-width: 1px; 
     border-style: solid; 
     border-color: #000000; 
}


/* ----- Listenlinks in der Mitte ----- */
#inhalt i {
	font: italic 80%/130% Arial, Helvetica, sans-serif;
}

#inhalt ul, #inhalt li {
	font: normal 100%/130% Arial, Helvetica, sans-serif;
	background: transparent;
	padding: 1;
	list-style: disc;
}
#inhalt li a, #text_re li a {
    text-decoration: none;
    display: block;
    margin: 0;
}
#inhalt li a:link, #inhalt li a:visited, #text_re li a:link, #text_re li a:visited  {
    background: url(/images/standard/pfeil_a.gif) no-repeat 2px 3px;
    padding: 0 0 0 10px;
    color: #474E5F;
    text-decoration: none;
}
#inhalt li a:hover, #inhalt li a:active, #inhalt li a:focus {
    background: url(/images/standard/pfeil_b.gif) no-repeat 2px 3px;
    padding: 0 0 0 10px;
    color: #000;
    text-decoration: underline;
    font-weight: bold;
}
/* ----- Artikel, Demos im mittleren Bereich ----- */
#inhalt #text_re p {
    font: normal 90%/130% Arial, Helvetica, sans-serif; 
    color: #5a5a5a;
    padding-bottom: 2px;
    margin: 0;
    border-bottom: 1px solid #eaeaea;       
}
#text_re p a:link, #text_re p a:visited {
    font: bold 90%/130% Arial, Helvetica, sans-serif; 
    color: #5a5a5a;
    text-decoration: none;
}
#text_re p a:hover, #text_re p a:active, #text_re p a:focus {
    color: #000;
    text-decoration: underline;
}
#thlink a:link, #thlink a:visited { 
    font: bold 100%/130% Arial, Helvetica, sans-serif;  
    color: #fff; 
    font-weight: bold; 
    background-color: #474E5F; 
    text-decoration: none; 
} 
#thlink a:hover, #thlink a:active, #thlink a:focus { 
    color: #fff; 
    font-weight: bold; 
    background-color: #474E5F; 
    text-decoration: underline; 
}

#inhalt #text_re div.beitrag {
    padding: 2px 0 4px 0;
    border-bottom: 1px solid #eaeaea;
}
#inhalt #text_re div.beitrag2 {
    padding: 2px 0 4px 0;
    border: 0px none #fff;
}
#inhalt p.seiten, #inhalt p.seiten2 {
    text-align: right;
    font: normal 90%/130% Arial, Helvetica, sans-serif; 
    color: #5a5a5a;
    padding: 2px;
    margin: 0 0 1em 0;
    background-color: #f0f0f0;
    border-bottom: 1px solid #eaeaea;  
    border-top: 1px solid #eaeaea;     
}
#inhalt p.seiten2 {
    text-align: left;
}
#inhalt p.seiten strong, #inhalt p.seiten2 strong {
    color: #000;   
}

/* -------------------------------- rechter Bereich ------------------------------------- */
#rechts p {
    font: normal 85%/130% Arial, Helvetica, sans-serif; 
    color: #474E5F;
    padding: 2px 2px 4px 6px
}
#rechts ul, #rechts li {
    background: transparent;
    padding: 0;
    margin: 0;
    list-style: none;
}
#rechts li {
    font: normal 82%/130% Arial, Helvetica, sans-serif; 
    background: url(/images/neu/rnav_bg.gif) bottom left no-repeat;
    padding: 2px 0px 4px 4px
}
#rechts ul#anmelden li {
    background: transparent;
}
#rechts a {
    text-decoration: none;
    display: block;
}
#rechts a:link, #rechts a:visited {
    background: url(/images/standard/pfeil_a.gif) no-repeat 8px 4px;
    padding: 0px 0px 0px 18px;
    color: #474E5F;
    text-decoration: none;
}
#rechts a:focus, #rechts a:hover, #rechts a:active {
    background: url(/images/standard/pfeil_b.gif) no-repeat 8px 4px;
    padding: 0px 0px 0px 20px;
    color: #000;
    text-decoration: none;
    font-weight: bold;
}
#werbung160 a:link, #werbung160 a:visited, #werbung160 a:hover, #werbung160 a:active, #werbung160 a:focus {
    background: url() left top no-repeat;  
    background-color: transparent;
    padding: 15px 0px 0px 0px;
    margin: 0px 0 0 0px;
}

/* -------------------------------- Footer --------------------------------- */
#footer p {
    padding: 6px 0;
    color: #356313;
    font: bold 82%/130% Arial, Helvetica, sans-serif; 
}
#footer p a:link, #footer p a:visited {
    font: normal 100%/130% Arial, Helvetica, sans-serif; 
    color: #356313;
    text-decoration: none;
}
#footer p a:hover, #footer p a:active, #footer p a:focus {
    color: #000;
    text-decoration: underline;
}

/* -------------------------------- Formularfelder --------------------------------- */
form {
    padding: 0;
    margin: 0 0 4px 0;
}
form#kontaktform {
    background-color: #E2E1E1;
    padding: 5px;
}
#minisuche fieldset, #umf fieldset {
    margin: 0;
    padding: 0;
    border: 0px none #fff;
    background: transparent;
}
input:focus, textarea:focus, #minisuche input:focus, #umf input:focus {
    background-color: #E2E1E1;
}
input, textarea, #minisuche input {
    background-color: #fff;
    width: 240px;
    padding: 1px;
    margin: 0;
    border-top: 1px solid #787F92;
    border-right: 1px solid #474E5F;
    border-bottom: 1px solid #474E5F;
    border-left: 1px solid #787F92;
    height: 1.1em;
}
.active-scaffold .submit {
 width:auto;
 height:auto;
}

#kontaktform textarea {
    width: 340px;
    height: auto;
}
input.mini {
   width: 1em;
   border: 0px none #fff;
}
#minisuche input {
    width: 120px;
}
#minisuche input#gfx_btn {
    width: 12px;
    height: 10px;
}
.btn {
    height: 1.6em;
    background-color: #D8D7D6;
    width: 100px;
    margin: 4px 0 4px 0;
    padding: 0px;
    border-top: 1px solid #F3F3F3;
    border-right: 2px solid #9A9999;
    border-bottom: 2px solid #9A9999;
    border-left: 1px solid #F3F3F3;
}

/* -------------------------------- Linkangaben -------------------------------------- */
td a:link, td a:visited {
    text-decoration: none;
    color: #484B5C;    
}
td a:hover, td a:active, td a:focus {
    text-decoration: underline;
    color: #000;    
}  

/* -------------------------------- Sonstiges ------------------------------------ */
abbr, acronym {
    border-bottom: 1px dotted #3C528B;
    cursor: help;
}
img {
    border: 0px none #fff;
}
dt {
    margin-top: 0.5em;
    font-weight: bold;
}
dd {
    background-color: #F7F7F7;
    padding: 3px;
}
strong, kbd {
    font-weight: bold;
}
em {
    font-style: italic;
}


/* ----------------- Klassen ----------------- */
.kapital {
    text-transform: uppercase;
}
.imgre {
    float: left;
    margin: 2px 22% 2px 5px;
    /*
    float: right;
    margin: 2px 5px 2px 10px;
    */
}

.imgli {
    float: left;
    margin: 2px 5px 2px 5px;
}

#bs_liste .imgli {
    float: left;
    margin: 2px 40px 2px 5px;
}
.aussen, dfn {
    position: absolute;
    left: -3000px;
    top: -3000px;
    width: 0;
    height: 0;
    overflow: hidden;
    display: inline;
}
.klar {
    clear:both;
}
.anfang {
    text-align: right;
    font: normal 85%/130% Verdana,Arial,Helvetica,sans-serif;
}

/* ------------- LIGHTBOX -------------- */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #BFC1B7;
}

#gameicon {
   text-align: center;
}


/***** EIGENES ********/

#pfeil_weiter {
 margin-left:10px; 
}

#pfeil_direkt {
 margin-left:30px; 
}

#link {
text-align:right;
}