/******************************************************************************************************
* CSS for the top navigation box and the footer box
******************************************************************************************************/
    
#topbar {
    position: absolute;
    height: 111px;
    width: 964px;    
    margin: 0 12px 0 14px;
    z-index: 2;
}
#topbar #topbar-bg-left {
    background: url(/NOE/images/navigation/nav-topbar-bg-left.png) no-repeat top left;
    float: left;
    height: 97px;
    width: 2px;
    font-size:0px;
    line-height:0px;
}
#topbar #topbar-content {
    background-color: #fff;
    float: left;
    height: 97px;
    width: 958px;
}
#topbar #topbar-bg-right {
    background: url(/NOE/images/navigation/nav-topbar-bg-right.png) no-repeat top left;
    float: left;
    height: 97px;
    width: 4px;
    font-size:0px;
    line-height:0px;
}
#topbar #topbar-bg-bottom {
    background: url(/NOE/images/navigation/nav-topbar-bg-bottom.png) no-repeat top center;
    float: left;
    height: 14px;
    width: 964px;
    font-size:0px;
    line-height:0px;
}
#topbar #logo {
    position: absolute;
    left: 14px;
    top: 11px;
    height: 26px;
    width: 100px;
}

#nav {
    font-size: 0.85em;
    clear:both; 
    width: auto; 
}
/* ### Toolbar (Search, Login, ...) ### */
#toolbar {
    position: absolute;
    right: 18px;
    top: 11px;
    white-space: nowrap;
    width:800px;
}
#toolbar * {
    vertical-align: top;
}
#toolbar #toolbar-links {
    float: right;
    padding: 0px 3px 0 8px;
    white-space: nowrap;
    line-height: 17px;
    
}
#toolbar #toolbar-links a {
    padding: 0 4px 0 4px;
    vertical-align: middle;
}
#toolbar #search {
    float: right;
}
#toolbar form,
#toolbar fieldset,
#search{
    display: inline;
}
#nav input.text {
    background-color: #FFF;
    color: #808080;
    border: 1px solid #b4b4b4;
    height: 1.3em; 
    margin: 0 4px 0 4px;
    padding: 1px 1px 2px;
    line-height:12px;
    font-size: 1em;
}
#search input.text {
    width: 90px;
}
#login_wrapper {
    display: inline;
    float:right;
}
#login_form_wrapper {
    float:right;
    display: inline;
}
#user_data_wrapper{
    display: inline;
    float: right;
}
#user_data_loading {
    float:right; 
    margin-right:15px;
} 

.loginform-col {
    display: inline;
    float: left;
}
#login_wrapper a *,
#login_form_wrapper a *,
#user_data_wrapper a * {
    text-decoration:underline;
}
#login_form_wrapper input.text {
    width: 130px;
    margin: 0 8px 4px 0;
}
#login_form_wrapper #forgotpw {
    font-size: 9px;
    line-height: 1.5em;
    text-decoration: underline;
    vertical-align: middle;
}
#login_form_wrapper label {
    font-size: 9px;
}
#login_form_wrapper #login_remember {
    vertical-align: middle;
    height: 12px;
    width: 12px;
    border: 1px solid #b4b4b4;
    margin-right: 4px;
}
#login_form_wrapper #login_submit {
    float:left;
    position: relative;
}
#login_error_wrapper {
    width:220px;
}
#login_error_wrapper span {
    color:#eb1e25;
}
#login_error_wrapper a {
    color:#eb1e25;
    text-decoration:underline;
}
#user_data_wrapper a {
    float:left;
    line-height: 29px;
    height: 29px;
    display:block;
}
#user_data_wrapper form {
    float: left;
    height: 23px;
    padding-left: 8px;
}
#user_data_wrapper #user_data {
    /* background:url(/NOE/images/icons/user-ffffff.gif) no-repeat left center;
    padding-left: 26px; */
    margin-top: -5px;
    margin-left: 5px;
    position: relative;
}
#user_data_wrapper #message_data {
    background:url(/NOE/images/icons/message.gif) no-repeat left center;
    padding-left: 17px;
    margin-top: -5px;
    margin-left: 5px;
    position: relative;
}
#user_data_wrapper #star_data {
    background:url(/NOE/images/icons/grey-star-ffffff.gif) no-repeat left center;
    padding-left: 17px;
    margin-top: -5px;
    margin-left: 5px;
    position: relative;
}


/* ### Navigation to external Sites (Wii.com, ...) ### */
#nav #nav-external {
    position: absolute;
    top: 64px; /*bottom: 8px;*/
    right: 16px;
}
#nav #nav-external .wii {
    margin-right: 7px;
}
#nav #nav-external .wifi {
    margin-right: 3px;
}

/* flash stage */
#stage {
  padding-bottom: 12px;
}

/* ### Second level flash navigation and the html alternative ### */
#nav-sub {
    margin:0px 0px 0px 11px; 
    width:948px;
}
#nav-sub .nav-sub-header{
    margin-left:20px;
    background: url(/NOE/images/siteware/bg-928-eeeeee-top.gif) top left no-repeat;
    line-height:1px; height:8px; font-size:1px;
}
#nav-sub .nav-sub-footer{
    margin-left:20px;
    background: url(/NOE/images/siteware/bg-928-eeeeee-bottom.gif) bottom left no-repeat;
    line-height:1px; height:8px; font-size:1px;
}
#nav-sub .nav-sub-content{
    margin-left:20px;
    background: #EEEEEE;
    padding:0 0 0 16px;
}
#nav-sub .second_level a{
    margin-right:18px;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
}                
#nav-sub a:hover,
#nav-sub a.active{
    color: #008CE4;
    text-decoration: none;
}
.third_level a{
    font-size: 11px;
    margin-right: 20px;
    padding-left:11px;
    background: url(/NOE/images/icons/list-808080-ffffff.gif) left no-repeat;
}
                    
.third_level a:hover,
.third_level a.active{
    background: url(/NOE/images/icons/list-008ce4-ffffff.gif) left no-repeat;
}
   
                 
/* ### First level Navigation ### */
#nav_main{
    position:absolute;
    top:72px;
    left:17px;
}
.holder{
    width:10px;
    float:left;
    height:21px;    
}
.nav_item{
    float:left;
    height:21px;
}
#nav_main .holder.first,
#nav_main .holder.last{
    background: url(/NOE/images/navigation/nav_main_home_pre.gif) top left no-repeat;
    width:9px;
    height:21px;
}
#nav_main .holder.last{
    background: url(/NOE/images/navigation/nav_main_news_nxt.gif) top right no-repeat;
}
#nav_main .holder.std{
    background: url(/NOE/images/navigation/nav_main_std.gif) top left no-repeat;
    width:16px;
    height:21px;
}
#nav_main .holder.first_act{
    background: url(/NOE/images/navigation/nav_main_home_pre_act.gif) top right no-repeat;
}
/* ### IE6 Fix ### */
* html #nav_main .holder.first_act{
    margin:0 !important;
    padding:0 !important;
}
#nav_main .holder.last_act{
    background: url(/NOE/images/navigation/nav_main_news_nxt_act.gif) top left no-repeat;
}
#nav_main .holder.std_pre_act{
    background: url(/NOE/images/navigation/nav_main_std_pre_act.gif) top left no-repeat;
    width:16px;
}
#nav_main .holder.std_nxt_act{
    background: url(/NOE/images/navigation/nav_main_std_nxt_act.gif) top left no-repeat;
}
#nav_main .holder.std_pre_red_act{
    background: url(/NOE/images/navigation/nav_main_std_pre_red_act.gif) top left no-repeat;
    width:16px;
}
#nav_main .holder.std_nxt_red_act{
    background: url(/NOE/images/navigation/nav_main_std_nxt_red_act.gif) top left no-repeat; 
}
#nav_main .holder.std_pre_green_act{
    background: url(/NOE/images/navigation/nav_main_std_pre_green_act.gif) top left no-repeat;
    width:16px;
}
#nav_main .holder.std_nxt_green_act{
    background: url(/NOE/images/navigation/nav_main_std_nxt_green_act.gif) top left no-repeat;
}
/* ********************************************************************************* */
/* ### FOOTER ### */
/* ********************************************************************************* */
/* ### Footer - System History ### */
#footer {
    background-color: #eeeeee; 
    font-size: 1em;
    padding: 16px 32px;
}
#footer #nav-meta {
    float: left;
    color: #b4b4b4;
    margin-left: -2px;
}
#footer #nav-meta .links {
    padding: 0 0 6px 0;
}
#footer #nav-meta .links a {
    padding: 0 2px;
}
#footer #nav-meta .copyright a{
    color: #b4b4b4;
    padding-left: 3px;
}
#footer #nav-oldsystems {
    background-color: #FFFFFF;
    float: right;
    font-size:0.9em;
    width: 208px;
}
#footer #nav-oldsystems .border-top {
    background: url(/NOE/images/navigation/nav-oldsystems-top.gif) no-repeat top center;
    padding-top: 10px;
}
#footer #nav-oldsystems .border-bottom {
    background: url(/NOE/images/navigation/nav-oldsystems-bottom.gif) no-repeat bottom center;
    padding-bottom: 10px;
}




/* ###  Footer Page Ranking ### */
#footer-rating {
    background-color: #ffffff;
    font-size: 1em;
    padding: 16px 32px;
}
#footer-rating .rating-text {
  float: left;
  line-height: 13px;
  font-size: 11px;
  margin-right: 50px;
  width: 280px;
}

* html #footer-rating .rating-text {
    margin-right:30px;    
}


/* ### Footer Rating Box ### */
#footer-rating .rating-box {
    float: left;
    width:385px;
}

#footer-rating .rating-box .rating-box-left {
    background:url(/NOE/images/siteware/bg-rating-box-left.gif) left top no-repeat; 
    width:12px; 
    height:28px; 
    float:left;
}
#footer-rating .rating-box .rating-box-right {
    background:url(/NOE/images/siteware/bg-rating-box-right.gif) left top no-repeat; 
    width:12px; 
    height:28px; 
    float:left;
}
#footer-rating .rating-box #rating-form {
    font-weight: bold;
    vertical-align: middle;
    float:left; 
    background-color: #eeeeee; 
    padding:0 5px 0 5px;
    width:auto;
}
#footer-rating .rating-box #rating-form label {
    font-weight: bold;
    vertical-align: middle;
}
#footer-rating .rating-box #rating-form .radio-rate {
    vertical-align: middle;
    margin: 0 5px;
    height: 27px;
    width:15px;
}
#footer-rating .rating-box #rating-form .rating-go {
    margin-left: 8px;
    vertical-align: middle;
}
#footer-rating .rating-box #rating-error {
    color:#EB1E25; 
    padding:5px 0 0 16px;
    clear:left;
}
#footer-rating #rating-loading {
    float:left; 
    margin:7px 0 0 10px;
}


/* ### Footer Page functions ### */
#footer-rating .pagefunctions-box {
    float: right;
    font-size:0.9em;
    width: 208px;
}


/* ### Footer nav-oldsystems & #pagefunctions-box ### */
#footer #nav-oldsystems .link-container,
#footer-rating .pagefunctions-box .link-container {
    display: block;
    float: left;
    padding: 0 16px;
    width: 153px;
}
#footer #nav-oldsystems .link-container {
    margin: -4px 0;
}
#footer #nav-oldsystems .link {
    display: block;
    background: url(/NOE/images/icons/link-arrow-808080-ffffff.gif) no-repeat left 0.6em;
    padding: 4px 0 4px 10px;
}
#footer-rating .pagefunctions-box .link {
    display: block;
    background: url(/NOE/images/icons/link-arrow-808080-ffffff.gif) no-repeat left 0.5em;
    padding: 2px 0 2px 10px;
}