@charset "utf-8";
/* global settings */
* { padding:0; margin:0; }

body {
    background-color: #000000;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    color:#553910;
    }

a, a:link {
    color: #a8430c; 
    /*text-decoration: underline;*/
    text-decoration: none;
    font-weight: bold;
    }

a:hover, a:active {
    color: #d1530f; 
    /*text-decoration: underline;*/
    font-weight: bold;
    text-decoration: none;
    }

h1.content {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #fef3b8;
    width: 621px;
    height: 44px;
    padding-top: 8px; 
    margin: 0;
    text-align: center;
    background: url(interface/bigBannerBG.gif) 0 0 no-repeat;
    }

h1 {font-size: 12px; font-weight:bold;}
    
h2 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    }

h2 span {
    font-size: 12px;
    font-weight: normal;
    }

.clr {
    clear: both;
    height: 0px;
    line-height: 0px;
    font-size: 0px;
    }

.italic {
    font-style:italic;
    }

.bold {
    font-weight: bold;
    }

.missing, .error { 
    color: #b10200;
    font-weight: bold;
    }
    
/* style wordpress classes */
.leftContent.news h2 { font-size: 11px; font-weight: normal; margin-bottom: 0; }

.leftContent.news .storycontent h2 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    }

.alignleft { float: left; margin-right: 10px;}

.alignright { float: right;	}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
    }

.navigation .alignleft, .navigation .alignright { width: 176px; }

.navigation .alignright { text-align:right; }

.post, .leftContent h2 { clear: both; }

.post h2 { padding-top: 10px; }

h3.storytitle { padding-bottom: 5px; font-size: 16px; }

/* wordpress .entry on article page */
.entry p { margin-bottom: 10px; }

.entry ul li, .entry ol li, 
.section ul li, .section ol li,
.storycontent ul li, .storycontent ol li { margin: 0 0 10px 25px; }

.entry h1, .section h1, .storycontent h1 { font-size: 20px; line-height: 24px; }

.entry h2, .leftContent.news .section h2, .leftContent.news .post h2 { font-size: 16px;  line-height: 24px; font-weight: bold;  padding: 0; margin: 0; }

.entry h3, .section h3 { font-size: 14px;  line-height: 24px;  }

.entry h4, .section h4 { font-size: 12px;  line-height: 24px;  }

.entry h5, .section h5 { font-size: 10px;  line-height: 24px; }

.entry h6, .section h6 { font-size: 9px;  line-height: 24px; }



/* --------- lightbox test ----------- */
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img { width: auto; height: auto;}
#lightbox a img { border: none; }
#lightbox a, #lightbox a:link, #lightbox a:hover, #lightbox a:active {border: none; text-decoration: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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/nextlabel.gif) right 15% no-repeat; }

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

#imageData{ padding:0 10px; color: #553910; }
#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: 79px; float: right;  padding-bottom: 0.7em; outline: none;}      

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*------------ end: lightbox test ----------*/

/*-------------------- positioning main content --------------------*/
/*div needed for IE7 - if you give the #main div a margin-top 32px it won't work with IE7 because of the absolute positioning af the Networkbar id="mmonetbar" */
.positioningNetworkbar {
    height:32px;
    }

#main {
    margin:0 auto;
    height: 602px;
    background: url(interface/background.jpg) 50% 0 no-repeat;
    }

#headerWrapper {
    position: relative;
    margin:0 auto;
    height: 452px;
    width: 753px;
    }

.headerContentBG {
    position: absolute;
    top:4px;
    left:0;
    height: 452px;
    width: 753px;
    background: url(interface/header.png) 0 0 no-repeat;
    }

.headerContent {
    position: absolute;
    top:0;
    left:0;
    height: 452px;
    width: 753px;
    }

.headerImg {
    position: absolute;
    top:101px;
    left:72px;
    height: 250px;
    width: 610px;
    background: url(interface/headerImg.jpg) 0 0 no-repeat;
    }

#content {
    margin: 0 auto;
    width: 687px;
    padding-left:66px;
    background: url(interface/contentBG.jpg) 0 0 repeat-y;
    line-height: 17px;
    padding-top: 10px;
    }

/* -------------- advertisements in Header ------------ */
.headerContent .gildeLogo {
    display: block; 
    position: relative; 
    top:5px; 
    left:290px; 
    width: 240px; 
    height: 136px;
    }

.headerContent .adHeaderTop {
    position: absolute;
    top: 10px;
    left: 550px;
    width: 81px; 
    height: 80px;
   /* background: url(advertisements/playNow.png) 0 0 no-repeat;*/
    }

.headerContent .awardHeaderTop {
    position: absolute; 
    top: 10px;
    left: 75px; 
    width: 158px; 
    height: 85px;
    text-align: center;
    overflow: hidden;
    }
    
.headerContent .adHeaderBottom {
    position: absolute;
    top: 275px;
    left: 90px;
    }

.headerContent .adHeaderBottom a {
    text-decoration: none;
    margin-bottom: 5px;
    outline:none;
    }

.headerContent .adHeaderBottom a.facebook {
    display: block;
    width: 57px;
    height: 17px;
    background: url(advertisements/facebookLogo.png) 0 0 no-repeat;
    }

.headerContent .adHeaderBottom a.twitter {
    display: block;
    width: 57px;
    height: 17px;
    background: url(advertisements/twitterLogo.png) 0 0 no-repeat;
    }

/* ------ newsletterAbo ------ */
.loginArea {
    position: absolute;
    top: 327px;
    left: 84px;
    width: 590px;
    height: 75px;
    color: #b4b9b9;
    }

.loginArea .joinbutton {
    width: 349px; 
    height: 68px;
    background: url(interface/registerButtonBG.png) 0px 5px no-repeat;
    position: absolute;
    top: -61px;
    left: 118px; 
    }

.loginArea .joinbutton .button272 {margin: 19px auto;}

.newsletterAbo form { 
    padding-left: 180px;
    }

.newsletterAbo { 
    padding-top: 4px;
    height: 60px;
    background: url(interface/newsletterIcon.gif) 0px 5px no-repeat;
    }

.loginArea label, .loginArea input {
    float:left;
    width: 125px;
    /*margin-right: 35px;*/
    
    }

.loginArea label {
    font-weight: bold;
    }

.loginArea input.buttonGrey110 {
    width: 110px;
    margin-right: 0px;
    }

.loginArea p {
    clear: both;
    position: absolute;
    top: 47px;
    left:0;
    font-size: 11px; font-weight:bold;
    }

.loginArea .additionalInfo a {
    color:#fbd846; 
    font-size:10px;
    text-decoration:none;
    }

.loginArea .additionalInfo a:hover {
    color:#fef3b8;
    }

/* -------------------------------- from startpage ---------------------------------- */
/*-------------------- login and register form --------------------*/

/*style input and select*/
input.data, input.login, input.pass, select.uni {
    border:1px solid #303030;
    background-color:#ffffff;
    color:#373737;
    font-size:12px; 
    height: 17px; 
    line-height: 17px; 
    }
    
label { font-weight: bold; text-align: left;}

select.uni {
    height: 19px; 
    line-height: 19px;
    }

input.login, input.pass, select.uni {
    width:125px; 
    }
    
input.data { width: 165px; }

/*-------------------- style login table --------------------*/
#logindata td {
    padding: 0px 11px 5px 0px; 
    }
    
.logindata td {
    padding-bottom: 4px; 
    text-align: left; 
    }

.additionalInfo {
    font-size:11px;
    text-align: right;
    }

.additionalInfo span {
    width:150px; 
    float:left; 
    overflow: hidden;
    text-align: left;
    }

/*------------------------------ register -----------------------------------*/

.register p {
    margin-bottom: 10px;
    line-height: 14px;
    }

.register input.button {
    margin-top: 8px;
    }

.register .checkbox {
    margin-left: 5px;
    }

.register td.agb label {
    display:block; 
    width: 160px; 
    float:left; 
    font-weight: normal;
    line-height: 14px;
    }

.register td.agb input {
    display:block;
    width: 13px; 
    height:13px; 
    float:left; 
    margin-right: 5px;
    }

.register input#buttonlogin {
    margin:0px 0px 0px 18px;
    padding:2px 20px;
    }

.register input.data, .register select.uni {
    border:1px solid #553910;
    background-color:#ffffff;
    color:#553910;
    font-size:12px; 
    height: 17px; 
    line-height: 17px; 
    }

.register select.uni {
    height: 19px; 
    line-height: 19px; 
    }

.register .logindata td {
    padding-bottom: 8px; 
    }

/*a warning is shown if entered data are wrong/missing*/
p.warning {
    color:#c20e0e;
    width:350px;
    font-weight:bold;
    padding:0;
    margin-bottom: 5px; 
    }

label.warning {
    color:#c20e0e;
    }

/*register: infotext is shown if user clicks in a input field*/
/*#infotext {
    position: relative;
    top: 10px;
    left: 0;
    width: 270px; 
    }*/

#infotext {
    width: 370px; 
    line-height: 14px;
    }

/* ------------------------------ game tour ---------------------------------- */
.tour { width: 620px; }

.tour h3 {
    font-size: 13px;
    margin-bottom: 5px;
    }
    
.tour .leftContent {
    width: 260px;
    }

.tour .rightContent {
    width: 245px;
    margin: 0 30px 0 0; 
    padding: 0 0 20px 25px; 
    }

.tour p {
    margin-bottom: 5px;
    }

.tour p img {
    margin-right: 5px;
    }

.tour .caption { 
    font-size: 9px;
    float:left; 
    width:52px; 
    margin-right: 12px;
    text-align: center;
    line-height: 10px;
    font-weight: bold;
    clear: none;
    }
    
.tour .rightContent img {
    margin-bottom: 8px;
    }
    
.tour #imagecontainer {
    height:113px;
    overflow:hidden;
    }

.tour #tourtext{  
    height:110px;
    overflow:auto;
    }
    
.tour #tourtext p{
    padding:0px;
    margin:8px 0px;
    }

.tour h2 { text-align: center; font-size: 16px;
    padding:0px 0px 10px 0px;
    }

.tour a.back {
    outline: none;
    display:block;
    width:100px;
    float:left;
    margin-left: 24px;
    }

.tour a.next {
    outline: none;
    margin-left:auto;
    width:120px;
    display:block;
    text-align:right;
    margin-right: 18px;
    }

.tour a.back, 
.tour a.next,
.no-login-umod a.back,
.text a.back {
    font-size:14px;
    font-weight:bold;
    }

/* -------------------- forgotten PWD ----------------------- */

#pwd input.button {
    margin:4px 0px 0px 44px;
    }

/*-------------------- navigation --------------------*/
#links {
    position: absolute;
    top: 423px;
    left: 48px;
    height:24px;
    width:655px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    }

#links a {
    color:#fbd846;
    text-decoration:none;
    padding: 0 16px 0 5px;
    background: url(interface/navigationDivider.gif) right 2px no-repeat;
    }

#links a.last {
    margin-right:-3px;/*needed to fix the doubleCharacter Bug in IE6*/
    background:none;
    }

#links a:hover, #links a.selected {
    color:#fef3b8;
    }

/*-------------------- footer --------------------*/
#footer { 
    clear: both;
    font-size: 11px;
    padding: 100px 40px 20px 80px;
    color:#c6a16a; 
    width: 651px;
    height: 15px;
    margin: 0 auto;
    text-align: left;
    background: url(interface/footer.jpg) 0 0 no-repeat;
    overflow: hidden;
    display: block;
    }

#footer span {
    display:block;
    height:13px;
    overflow:hidden;
    width:350px;
    float: left;
    text-align: left;
    }

#footer .links {
    display:block;
    height:13px;
    overflow:hidden;
    width:250px;
    text-align: right;
    }  

#footer a {
    color:#fbd846; 
    font-size:11px;
    text-decoration:none;
    }

#footer a:hover {
    color:#fef3b8;
    }

a.footerlink {
    margin-left:15px;
    }


/*leftContent*/
.leftContent {
    width: 435px;
    float: left;
    padding: 0 25px 20px 25px; 
    }
    
.leftContent p {
    clear:both;
    }

.leftContent p.date{
    margin: 0;
    }

.leftContent .section, .storycontent {
    border-bottom: dotted 1px #553910;
    padding-bottom: 10px;
    margin-bottom: 20px; 
    clear:both;
    float:left;
    width: 435px;
    }

.leftContent .section .imageframe {
    float:left;
    margin-right: 4px;
    }

/* ---- special settings for news ---- */
.leftContent.news {
    background: url(interface/verticalDivider.gif) right 0 repeat-y;
    }

.leftContent.news h2 a {
    text-decoration: none;
    }
 
.leftContent.news p.smallTextLink {
    font-size: 10px;
    text-align: right;
    font-weight: bold;
    }

.leftContent.news p.smallTextLink a {
    text-decoration: none;
    }

/*rightContent*/
.rightContent {
    width: 125px;
    float: left;
    margin: 0 15px 0 -5px; 
    /*padding: 0 0 20px 25px; */
    padding: 0 0 20px 5px;
    }

/* ----- special settings for news ----- */
.rightContent.news {
    background: url(interface/verticalDivider.gif) 0 0 repeat-y;
    padding: 0 0 20px 15px;
    }
    
.rightContent .subnavigation {
    margin-bottom: 20px;
    }
    
.rightContent .subnavigation ul {
	margin-bottom: 20px;
	}

.rightContent .subnavigation ul li {
    list-style-type: none;
    font-weight: bold;
    }

.rightContent .subnavigation ul li a {
    text-decoration: none;
    font-weight: bold;
    }
    
/* ------------- paging ------------- */

/* ------- styled paging ------- */
.paging {
    font-weight: bold;
    width: 365px;
    height: 18px;
    padding: 10px 0;
    overflow: hidden;
    text-align: center;
    border-bottom: solid 1px #dac69b;
    border-top: solid 1px #dac69b;
    }

.paging input {
    line-height: 15px;
    text-align: center;
    margin-right: 5px;
    }

.paging span {
    padding: 0 15px 0 10px;
    width: 290px; 
    overflow: hidden;
    }

.paging .page input,  .paging .page em {
    margin-right: 5px;
    font-style: normal;
    }

/* --------- simple paging --------- */
.pagingSimple {
    font-weight: bold; 
    width: 365px;
    height: 18px;
    padding: 5px;
    overflow: hidden;
    text-align: center;
    }

.pagingSimple span {
    margin-right: 20px;
    }

.pagingSimple a, .pagingSimple em {
    margin-right: 5px;
    text-decoration: none;
    font-style: normal;
    }
    
/*container*/
.container { 
    display: inline-block;
    width: 540px;
    margin: 0 30px 0 20px; 
    }

.container ul li { 
    list-style-type: none;
    }

.container p, .leftContent p {
    margin-bottom: 10px;
    }

.container h3 {
    font-weight:bold;
    font-size: 12px;
    }

/*imageframe*/
/*for gallery*/
a.imageframe img { 
    padding: 6px 7px 8px 7px;
    background:url(interface/imageframe.gif) 0 0 no-repeat; 
    margin-bottom:4px;
    float: left;
    }

a.imageframe {
    cursor:pointer;
    }

/*for images in text*/
img.imageframe { 
    padding: 6px 7px 8px 7px;
    background:url(interface/imageframe.gif) 0 0 no-repeat; 
    margin: 0 4px 4px 0;
    float: left;
    cursor:pointer;    
    }
    
/*---------------- gallery ------------------*/

ul.gallery {
    width: 580px;
    overflow: hidden;
    list-style-type: none;
    margin-bottom: 10px;
    }

ul.gallery li{
    float: left;
    margin-right: 14px;
    margin-bottom: 10px;
    }

ul.gallery li p {
    margin-bottom: 0px;
    padding-left: 8px;
    }

/*section for downloading music*/
.musicSection { 
    width: 98px;
    height: 172px;
    background:url(interface/harp.gif) 0 0 no-repeat;
    float: left; 
    margin: 0 30px 30px 0;
    }

ul.downloadLinks { 
    float: left; 
    margin-top: 15px;
    }

ul.downloadLinks li { 
    margin-bottom: 10px;
    list-style-type: circle;
    }

/*-------------------- buttons --------------------*/
/*loginbutton*/
.button { 
    border: none;
    padding: 2px 0px;
    background:url(controls/buttonLogin167_normal.gif) 0 0 no-repeat;
    /*width:148px;*/
    width:167px;
    height:19px;
    font-size:11px;
    font-weight: bold;
    text-align:center;
    line-height:19px;
    color:#553910;
    cursor:pointer;
    }

.button:hover { 
    background:url(controls/buttonLogin167_normal_hover.gif) 0 0 no-repeat;
    }

.button:active { 
    background:url(controls/buttonLogin167_normal_active.gif) 0 0 no-repeat;
    }

/* ------ button width: 19px ------ */
.button19 { 
    border: none;
    padding: 2px 0px;
    background:url(controls/button19_normal.gif) 0 0 no-repeat;
    width:19px;
    height:19px;
    font-size:11px;
    font-weight: bold;
    text-align:center;
    line-height:19px;
    color:#553910;
    cursor:pointer;
    }

.button19:hover { 
    background:url(controls/button19_normal_hover.gif) 0 0 no-repeat;
    }

.button19:active, .button19.seclected { 
    background:url(controls/button19_normal_active.gif) 0 0 no-repeat;
    }

/* ------ button width: 33px ------ */
.button33 { 
    border: none;
    padding: 2px 0px;
    background:url(controls/button33_normal.gif) 0 0 no-repeat;
    width:33px;
    height:19px;
    font-size:11px;
    font-weight: bold;
    text-align:center;
    line-height:19px;
    color:#553910;
    cursor:pointer;
    }

.button33:hover { 
    background:url(controls/button33_normal_hover.gif) 0 0 no-repeat;
    }

.button33:active, .button33.selected { 
    background:url(controls/button33_normal_active.gif) 0 0 no-repeat;
    }

/* ------ button width: 272px ------ */
.button272, a.button272 { 
    border: none;
    padding: 2px 0px;
    background:url(controls/button272_normal.gif) 0 0 no-repeat;
    width:272px;
    height:29px;
    font-size:16px;
    font-weight: bold;
    text-align:center;
    line-height:29px;
    color:#553910;
    cursor:pointer;
    display: block;
    text-decoration: none; 
    }

.button272:hover, a.button272:hover { 
    background:url(controls/button272_normal_hover.gif) 0 0 no-repeat;
    color:#553910;
    text-decoration: none;
    }

.button272:active, a.button272:active { 
    background:url(controls/button272_normal_active.gif) 0 0 no-repeat;
    color:#553910;
    text-decoration: none;
    }

/*grey button width 110*/
.buttonGrey110 { 
    border: none;
    background:url(controls/buttonGrey110_normal.gif) 0 0 no-repeat;
    /*width:148px;*/
    width:110px;
    height:19px;
    font-size:11px; 
    font-weight: bold;
    text-align:center;
    line-height:19px;
    color:#2c2c2c;
    cursor:pointer;
    }

.buttonGrey110:hover { 
    background:url(controls/buttonGrey110_normal_hover.gif) 0 0 no-repeat;
    }

.buttonGrey110:active { 
    background:url(controls/buttonGrey110_normal_active.gif) 0 0 no-repeat;
    }
    
input.buttonGreyGlow110 { 
    clear:both;
    position: absolute;
    top: 15px;
    left:490px;
    padding-bottom:2px;
    border: none;
    background:url(controls/buttonGrey110Glow_normal.gif) 0 0 no-repeat;
    /*width:148px;*/
    width:121px;
    height:30px;
    font-size:11px; 
    font-weight: bold;
    text-align:center;
    line-height:30px; 
    color:#2c2c2c;
    cursor:pointer;
    }

input.buttonGreyGlow110:hover { 
    background:url(controls/buttonGrey110Glow_normal_hover.gif) 0 0 no-repeat;
    }

input.buttonGreyGlow110:active { 
    background:url(controls/buttonGrey110Glow_normal_active.gif) 0 0 no-repeat;
    }

/*closeButton MessageBox*/
.closeButtonFooter a {
    z-index:141;
    margin: auto;
    width:90px;
    height:16px;
    cursor:pointer;
    padding-top: 3px;
    font-weight: bold;
    text-align: center; 
    color:#553910; 
    display:block;
    background-image:url(controls/button90_normal.gif);
    }

.closeButtonFooter a:hover {
    background-image:url(controls/button90_normal_hover.gif);
    }

.closeButtonFooter a:active {
    background-image:url(controls/button90_normal_active.gif);
    }

/* ----------------- hideBG -------------------- */

#hideBG { 
    position: absolute; 
    top: 0; 
    left:0; 
    width: 100%; 
    height: 1000px;
    background-color: #000; 
    display:block; 
    z-index: 1000;
    visibility: visible;
    opacity: 0.5; /*opacity CSS3*/
    filter: alpha(opacity=50); /*IE - this setting is not valid CSS*/
    -moz-opacity:0.5; /*old Gecko*/
    -khtml-opacity: 0.5; /* old Safari*/
    }

#messageBox { z-index: 5000; width: 1px; height: 1px; position: absolute; top: 0; left:50%; }

/* ------- messageBox ------- */
.messageBox .feedback {
    position: relative;
    top: 70px;
    left: -220px;
    width:453px;
    padding: 28px 0 20px 0;
    background:url(interface/headMessageboxW453.gif) 0 0 no-repeat;
    text-align: center;
    }

.messageBox .feedback.welcomeMsg {
    left: -128px;
    top:70px;
    }

.messageBox .feedback .body {
    margin-left:0px;
    overflow:hidden;
    color:#703500;
    line-height:12px; 
    padding: 0 25px 6px 25px;
    background:url(interface/bodyW453.gif) 0 0 repeat-y;
    }

.messageBox .feedback .footer {
    margin-left:0px;
    overflow:hidden;
    color:#703500;
    line-height:12px; 
    padding-bottom: 20px;
    height: 20px; background:url(interface/footerW453.gif) 0 bottom no-repeat;
    }

/*-- messageBoxContent --*/

.messageBox .content {
    width: 403px; 
    text-align: left; 
    padding-top: 8px;
    background:url(interface/contentHeadW453.gif) 0 0 no-repeat;
    }

.messageBox .contentHeader {
    height: 15px;
    padding: 8px 10px 0 10px;
    }
    
.messageBox .contentBody {
    background:url(interface/contentBodyW453.gif) 0 0 repeat-y;
     padding: 0 10px 5px 10px;
    }

.messageBox .contentBody ul li {
    list-style-type: disc;
    list-style-position: inside;
    }

.messageBox .contentBody.failure {
    text-align: center; 
    font-weight: bold;
    }
    
.messageBox .contentFooter {
    background:url(interface/contentFooterW453.gif) 0 bottom no-repeat;
    height: 8px;
    }

/* --- headline - red bandarole --- */
.messageBox .feedback .body .headline {
    color: #fbe9b4;
    height: 55px;
    line-height: 22px;
    width: 405px;
    padding-top: 16px;
    background:url(interface/messageBoxHeadline.gif) 0 0 no-repeat;
    }

/* --- one string centered --- */
.messageBox .feedback .body .headline.simple h2 { 
    display: inline-block;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    width: 320px;
    }

/* ------------------ manual ----------------------- */

.manual ul{
    list-style-type:none;
    margin-left: 15px;
}

.manual .article ul{
    list-style-type:disc;
     margin: 10px 15px 10px 30px;
}

.manual .rightContent .subnavigation ul {
    margin-bottom:0px;
}
.manual .navigation {
    border-top:1px dotted #553910;
    height:15px;
    margin-top:15px;
    padding-top:10px;
}

.manual h2{
   font-size: 15px;
   margin: 12px 0px;
}
.manual h3{
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0px;
}
.manual h4{
    font-size: 13px;
    font-weight: bold;
}
.manual h5{
    font-size: 12px;
    font-weight: bold;
}
.manual  table{
    border-collapse:collapse;
    margin-bottom: 10px;
}
.manual td{
    padding: 2px;
    border: solid 1px #553910;
    vertical-align: top;
}
.manual th{
    padding: 2px;
    border: solid 1px #553910;
    vertical-align: top;
    font-weight: bold;
    text-align: left;
}
.equalCols3{
    width: 33%;
}
.equalCols4{
    width: 25%;
}
.manual .question{
    font-weight: bold;
    margin: 15px 0 2px 0;
    font-size: 13px;
}
.manual .answer{
    font-weight: normal;
    margin-top: 0px;
}

.manual h4.credits{
    margin-top: 15px;
}
.manual p.credits{
    margin: 0;
    padding: 0;
}
a img{
    border: none;
}
.wide.frame{
    background: url('/skin/manual/frame/frameTop.png') no-repeat;
    width: 450px;
    margin: 10px 0 10px -2px;
    padding-left: 7px;
    padding-top: 8px;
    overflow: hidden;
}
.wide .frameMiddle{
    background:url("/skin/manual/frame/frameMiddle.png") repeat-y scroll 0 0 transparent;
    margin-left:-7px;
    overflow:hidden;
    padding-left:8px;
    width:450px;
}
.wide .frameBottom{
   background:url("/skin/manual/frame/frameBottom.png") no-repeat scroll 0 0 transparent;
    height:40px;
    margin-left:-7px;
    margin-top:-32px;
    padding-left:20px;
    width:450px;
}
.wide img{
    max-width: 420px;
}
.small.frame{
    background: url('/skin/manual/frame/frameTopSmall.png') no-repeat;
    width: 310px;
    margin: 10px 0 10px -2px;
    padding-left: 7px;
    padding-top: 8px;
    overflow: hidden;
    text-align: center;
}
.small .frameMiddle{
    background:url("/skin/manual/frame/frameMiddleSmall.png") repeat-y scroll 0 0 transparent;
    margin-left:-7px;
    overflow:hidden;
    padding: 5px 0;
    width:317px;
}
.small .frameBottom{
   background:url("/skin/manual/frame/frameBottomSmall.png") no-repeat scroll 0 0 transparent;
    height:36px;
    margin-left:-7px;
    margin-top:-20px;
    padding-left:20px;
    width:298px;
    z-index: 5;
    position: relative;
}
.small img{
    max-width: 290px;
    z-index: 10;
    position: relative;
}