/* @group General Styles */

html, body {
height:100%;
}

body {
/*Background wird im div #fixedBackground festgelegt, um iOS Darstellungsfehler zu umgehen*/
/*background:#000 no-repeat center top url(images/body.png);*/
/*background-attachment:fixed;*/
text-align:center;
padding:0;
font:12px/1.6em Verdana, Arial, sans-serif;
margin:0;
}

body #bodyGrad {
position:absolute;
left:0;
top:0;
z-index:0;
width:100%;
overflow:hidden;
}

a:link, a:visited {
color:#d21e23;
text-decoration:none;
font-weight:bold;
}

a:hover, a:active {
color:#fff;
text-decoration:none;
}

hr {
border:0; /* fŸr Firefox & Opera */
border-top:solid 2px #44444D;
border-bottom:transparent;
}

ul {
list-style-type:square;
text-align:left;
}

ul.links {
float:left;
}

ul.rechts {
float:right;
width:280px;
}

.caption {
text-align:center;
margin-bottom:17px;
color:#88888E;
}

.punkte {
font-size:3.5em;
text-shadow:white 0 0 0.2em;
}

img {
z-index:30;
border:0;
}

.image-left {
float:left;
margin:0 10px 0 0;
z-index:29;
}

.image-right {
float:right;
margin:0 0 0 10px;
z-index:29;
}

.phbutton {
opacity:0.8;
}

.phbutton:hover	{
opacity:1;
}

.highlight {
filter:alpha(opacity=65);
opacity:0.65;
}

.highlight:hover {
filter:alpha(opacity=100);
opacity:1;
}

.highlight-social {
filter:alpha(opacity=85);
opacity:0.85;
}

.highlight-social:hover {
filter:alpha(opacity=100);
opacity:1;
}

.bild {
width:150px;
border:2px solid #d21e23;
display:block;
margin:0 auto 3px;
border-radius:7px;
}

.bild:hover {
filter:alpha(opacity=90);
opacity:0.9;
}

.bild-nolink {
border:2px solid #44444D;
margin-left:auto;
margin-right:auto;
display:block;
margin:0 auto 3px;
border-radius:7px;
}

.cover {
width:150px;
border:2px solid #44444D;
display:block;
margin-left:auto;
margin-right:auto;
}

.tv {
width:154px;
height:116px;
background:no-repeat center url(images/tv.png);
padding:0;
display:block;
margin:0 auto 12px;
}

.screen {
width:120px;
height:90px;
margin-top:13px;
margin-left:17px;
border:0;
}

.screen:hover {
filter:alpha(opacity=85);
opacity:0.85;
}

.screen-big {
border:2px solid #44444D;
display:block;
margin-left:auto;
margin-right:auto;
}

.rubrikinfo {
text-align:left;
font-weight:bold;
}

.subrubrik {
width:220px;
height:130px;
background:no-repeat center url(images/tv.png);
padding:0;
margin:0;
text-align:center;
font-size:1.1em;
font-weight:bold;
}

.subrubrik a {
display:block;
padding:50px 0;
}

.subrubrik a:hover {
text-shadow:white 0 0 2em;
}

.pub {
color:#C8C8CC;
background-color:#101019;
border:2px solid #44444D;
margin-bottom:10px;
padding:4px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
font-size:0.8em;
font-weight:bold;
}

.datum {
float:right;
}

.wertung {
width:405px;
height:50px;
padding-top:20px;
text-align:right;
}

.kommentar {
position:relative;
min-height:120px;
background-color:#101019;
border:2px solid #44444D;
padding:10px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
}

.kommentar-autor {
float:left;
text-align:center;
position:absolute;
top:10;
font-size:0.8em;
font-weight:bold;
}

.kommentar-text {
margin:0 0 0 120px;
padding:0;
}

.fixed-cheats {
color:#666;
width:192px;
height:256px;
position:fixed;
margin-top:-16px;
background: no-repeat url(http://www.nescenter.de/rw_common/themes/nes_center/images/container/soundtracks.gif);
padding:10px 20px 20px 0px;
text-align:center;
font-size:21px;
font-weight:bold;
letter-spacing:3px;
line-height:1.6;
}

.fixed-cheats a {
color:#000;
}

.fixed-cheats a:hover {
color:#d21e23;
}

table.soundtracks .eintrag:hover, table.soundtracks .letzter:hover {
background-color:#000;
}


/* @group Layout */

#fixedBackground {
background:#000 no-repeat center top url(images/body.png);
position:fixed;
height:100%;
width:100%;
}

#wrapper {
position:relative;
min-height:100%;
width:900px;
margin:0 auto;
}

/*IE 6 fix*/
* html #wrapper {
height:100%;
}

#container {
text-align:justify;
position:relative;
background-color:#000;
padding-bottom:75px;
color:#C8C8CC; 
}

.clearer {
clear:both;
}

#grad {
position:absolute;
left:0;
top:0;
max-width:900px;
height:38px;
background:#252525 repeat-x url(images/container/separator.png);
border-bottom:1px solid black;
filter:alpha(opacity=80);
opacity:0.80;
}

#pageHeader {
height:249px;
position:relative;
background-color:#000;
border-bottom:1px solid black;
}

#pageHeader img {
border:0;
}

#pageHeader h1 {
/* NES Center Logo */
margin:0;
position:absolute;
top:56px; /*  Normal 56px - Anniversary 43px */
left:36px;
}

#pageHeader h2 {
/* Radio Button*/
margin:0;
padding:0;
position:absolute;
top:150px;
right:25px;
line-height:0;
border:none;
}

#search-bar {
position:absolute;
left:8px;
top:7px;
}

form.search-form {
background-color:#fff;
width:188px;
height:21px;
margin:2px;
padding:0;
border:1px solid #aaa;
filter:alpha(opacity=90);
opacity:0.9;
}

form.search-form:hover {
filter:alpha(opacity=100);
opacity:1;
}

form.search-form input.search-text {
background-color:#fff;
font-size:13px;
color:#44444D;
font-family:Verdana, Arial, sans-serif;
display:block;
width:150px;
height:21px;
padding:0 0 0 8px;
float:left;
border:none;
}

form.search-form input.search-submit {
background-color:#fff;
display:block;
height:21px;
width:28px;
background-image:url("images/search-icon.png");
float:left;
cursor:pointer;
-webkit-transition:all 0.2s ease;
-ms-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
border:none;
}

form.search-form input.search-submit:hover{
background-image:url("images/search-icon-hover.png");
}

form.search-form input.search-text::-webkit-input-placeholder {
color:#aaaaaa;
-webkit-transition:all 0.2s ease;
-ms-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
}

form.search-form input.search-text::-moz-placeholder {
color:#aaaaaa;
-webkit-transition:all 0.2s ease;
-ms-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
}

form.search-form input.search-text::-ms-input-placeholder {
color:#aaaaaa;
-webkit-transition:all 0.2s ease;
-ms-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
}

form.search-form input.search-text:focus::-webkit-input-placeholder {color:transparent;}
form.search-form input.search-text:focus::-moz-placeholder {color:transparent;} 
form.search-form input.search-text:focus:-moz-placeholder {color:transparent;} /* Alte Version mit nur einem Doppelpunkt */
form.search-form input.search-text:focus::-ms-input-placeholder {color:transparent;}

#socialbuttons {
position:absolute;
top:7px;
right:520px;
z-index:1;
}

#socialbuttons-text {
position:absolute;
top:10px;
right:616px;
font-size:11px;
font-weight:bold;
font-family:Verdana, Arial, sans-serif;
z-index:1;
}

#supportbuttons {
position:absolute;
top:7px;
right:40px;
z-index:1;
}

#supportbuttons-text {
position:absolute;
top:10px;
right:50px;
font-size:11px;
font-weight:bold;
font-family:Verdana, Arial, sans-serif;
z-index:1;
}

#paypalbutton {
position:absolute;
top:7px;
right:10px;
z-index:1;
}

#contentContainer {
position:relative;
z-index:2;
}

#contentContainer #content {
padding:20px;
}

#sidebarContainer {
width:240px;
font-size:0.9em;
line-height:normal;
margin-bottom:20px;
position:relative;
z-index:100;
}

#sidebarContainer #sidebar {
padding:30px 0 20px 10px;
text-align:left;
}

#sidebarContainer .sideHeader,
#sidebarContainer h1,
#sidebarContainer h2,
#sidebarContainer h3,
#sidebarContainer h4,
#sidebarContainer h5 {
color:#88888E;
font-size:1.4em;
font-weight:bold;
letter-spacing:normal;
margin:4px 0 12px;
}

#footer {
position:absolute;
bottom:0;
width:100%;
max-height:50px;
padding:0;
font-size:0.9em;
background:#bfbfc5 repeat-x url(images/container/nav.png);
z-index:1;
}

#footer p {
font-family:Georgia;
color:#000;
text-align:left;
margin:0;
padding:10px 20px 2px;
}

#footer p a {
color:#000;
}

#footer p a:hover{
text-decoration:underline;
}

/* Toolbar Styles */

#navcontainer {
font-family:arial, sans-serif;
font-size:16px;
font-weight:bold;
height:50px;
position:relative;
background:repeat-x url(images/container/nav.png);
z-index:3;
}

/* Parent - Level 0 */

#navcontainer ul {
list-style:none;
margin:0;
padding:0;
z-index:5;
}

#navcontainer ul #current {
}

#navcontainer ul .currentAncestor {
}

#navcontainer ul .currentAncestor:hover {
}

#navcontainer li {
position:relative;
display:inline;
float:left;
}

#navcontainer li:hover {
background:#bfbfc5;
}

#navcontainer a {
color:#000;
display:block;
padding:14px 14px 17px;
}

#navcontainer a:hover {
color:#d21e23;
}

/* Child - Level 1 */
/* All browsers will use this code, it will make the pop out menus work */

#navcontainer ul ul {
font-size:14px;
position:absolute;
top:50px;
left:0;
right:0;
display:none;
z-index:6;
width:160px;
padding:10px 13px; 
background:#bfbfc5;
-moz-border-radius-bottomright:7px;
-webkit-border-bottom-right-radius:7px;
border-bottom-right-radius:7px;
-moz-border-radius-bottomleft:7px;
-webkit-border-bottom-left-radius:7px;
border-bottom-left-radius:7px;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=135);
-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.5),-5px 5px 5px rgba(0,0,0,0.5);
-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.5),-5px 5px 5px rgba(0,0,0,0.5);
box-shadow:5px 5px 5px rgba(0,0,0,0.5),-5px 5px 5px rgba(0,0,0,0.5);
}

#navcontainer ul ul li {
display:block;
}

#navcontainer ul ul a {
padding:5px 0;
display:block;
width:155px;
}

#navcontainer ul ul #current {
}

#navcontainer ul ul #current:hover {
}

#navcontainer ul ul .currentAncestor {
}

#navcontainer ul ul .currentAncestor:hover {
}

/* Child Level 3 */

#navcontainer ul ul ul {
position:absolute;
left:110px;
top:0;
font-size:1em;
}

div#navcontainer ul ul, div#navcontainer ul ul ul, div#navcontainer ul li:hover ul ul, div#navcontainer ul li:hover ul ul ul, div#navcontainer ul li:hover ul ul ul ul, div#navcontainer ul li:hover ul ul ul ul ul {
display:none;
}

div#navcontainer ul li:hover ul, div#navcontainer ul ul li:hover ul, div#navcontainer ul ul ul li:hover ul, div#navcontainer ul ul ul ul li:hover ul, div#navcontainer ul ul ul ul ul li:hover ul {
display:block;
}

/* @group Global Classes */

/*Interview-Text*/
blockquote, .standout {
text-align:justify;
font-style:italic;
margin:0;
padding:0;
color:#a8a8a8;
overflow:hidden;
}

h1,
h2,
h3,
h4,
h5 {
font-weight:bold;
letter-spacing:normal;
text-transform:uppercase;
line-height:1.0;
}

h2 {
text-transform:none;
margin:4px 0 -3px;
padding-bottom:2px;
border-bottom:solid 2px #44444D;
}

.imageStyle {
}

/* Main content area unordered list styles */
#contentContainer #content ul {
}

#contentContainer #content li {
text-align:justify;
}

ul.disc {
list-style-type:disc;
}

ul.circle {
list-style-type:circle;
}

ul.square {
list-style-type:square;
}

ol.arabic-numbers {
list-style-type:decimal;
}

ol.upper-alpha {
list-style-type:upper-alpha;
}

ol.lower-alpha {
list-style-type:lower-alpha;
}

ol.upper-roman {
list-style-type:upper-roman;
}

ol.lower-roman {
list-style-type:lower-roman;
}

/* Sidebar area unordered list styles */
#sidebarContainer #sidebar ul {
}

#sidebarContainer #sidebar li {
}

/* Table Styles */

table {
border-collapse:collapse;
width:620px;
font-size:0.9em;
}

table th {
color:#000;
background-color:#bfbfc5;
padding:5px;
text-align:left;
}

table td {
padding:0 5px;
}

table a {
display:block;
width:100%;
white-space:nowrap;
}

table .a {
background-color:#101019;
}

table .b {
background-color:#1A1A24;
}

table .buchstabe {
height:40px;
font-size:3.5em;
text-shadow:white 0 0 0.2em;
padding-top:60px;
}

table .spiel {
padding-top:30px;
font-size:1.2em;
font-weight:bold;
text-transform:uppercase;
border-bottom:2px solid #44444D;
}

table .eintrag, table .letzter {
padding-left:24px;
border-left:2px solid #44444D;
border-right:2px solid #44444D;
}

table .letzter {
border-bottom:2px solid #44444D;
}

table.text td {
padding:10px;
text-align:justify;
}

table.text-noblock td {
padding:10px;
text-align:left;
}

table.spielinfo, table.material {
width:auto;
margin-left:auto;
margin-right:auto;
}

table.spielinfo td {
padding:4px;
}

table.spielinfo .titel, table.material .titel {
text-align:center;
font-size:1.2em;
font-weight:bold;
text-transform:uppercase;
background-color:transparent;
}

table.spielinfo .titel {
border-bottom:2px solid #44444D;
}

table.spielinfo .merkmal, table.spielinfo .letztesmerkmal {
font-weight:bold;
width:96px;
border-left:2px solid #44444D;
}

table.spielinfo .letztesmerkmal {
border-bottom:2px solid #44444D;
}

table.spielinfo .wert, table.spielinfo .letzterwert {
border-right:2px solid #44444D;
}

table.spielinfo .letzterwert {
border-bottom:2px solid #44444D;
}

table.cheats, table.soundtracks, table.arp {
position:relative;
top:-5px;
}

table code {
font:1.3em Courier, Monospace;
letter-spacing:2px;
padding-right:19px;
}

table.cheats code {
padding-right:0;
font-weight:bold;
}

table.cheats h1 {
font-size:1.1em;
font-style:italic;
text-transform:none;
}

table.cheats .eintrag, table.cheats .letzter {
background-color:#101019;
padding:6px 15px 13px;
vertical-align:top;
line-height:1.2;
text-align:left;
}

table .item {
font-weight:bold;
white-space:nowrap;
}