/*
    --------------------------------------------------------------------
    ALLGEMEINES
    --------------------------------------------------------------------
*/

/*  Allgemeine Dokument-weite Einstellungen */
body, table, tr, td, div {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 14px;
} html {
    height: 100%;
} body {
    height: 100%;
    background-repeat: repeat;
    background-position: top left;
    background-color: #000000;
    color: #DEDEDD;
    font-family: Verdana, Arial, sans-serif;
    font-size: 14px;
} img {
    border: 0px;
} input.sitetxt {
    font-style: normal;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    width: 150px;
    height: 15px;
    border: 1px solid #6C7D64;
    background-color: #153D22;
} * html input.sitetxt {
    /*  IE Browser-Extrawurst   */
    height: 18px;
} img.skyscraper {
    padding: 0px;
    margin: 0px;
    margin-left: 8px;
    margin-top: 22px;
} select {
    background-color: #153D22;
    color: #ffffff;
    border: 1px solid #6C7D64;
    font-size: 12px;
} img.submenu-off {
    margin: 0px;
    padding: 0px;
    visibility: hidden;
} img.submenu-on {
    margin: 0px;
    padding: 0px;
    visibility: visible;
    cursor: pointer;
}  img.submenu-deactivated {
    margin: 0px;
    padding: 0px;
    visibility: visible;
} img.nomargin {
    margin: 0px;
    padding: 0px;
} img.status {
    width: 300px;
    height: 19px;
} img.diagram {
    width: 700px;
    height: 300px;
} p.nomargintop {
    margin-top: 0px;
    padding-top: 0px;
} p.nomarginbottom {
    margin-bottom: 0px;
    padding-bottom: 0px;
} p.nomargin {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

#flashnav {
    position:absolute;
    top: 0px;
    left: 0px;
}


.popupbody {
    background-image: url('images/content-bg-final.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 45px;
    padding-top: 1px;
    padding-right: 25px;
    padding-bottom: 25px;
    margin: 0px;
}
.popupheadline {
    background-image: url('images/popheadlinebackground.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    padding: 0px;
    margin: 0px;
    height: 66px;
}

/*  Formatierung der Flash-Ersatz-Tabelle   */
td.noflash {
    background-repeat: no-repeat;
    background-position: top left;
} table.flash-ersatz {
    padding: 0px;
    margin: 0px;
    height: 350px;
    width: 1000px;
    border-collapse: collapse;
    border-spacing: 0px;
    display: inline;
    table-layout: fixed;
} table.flash-ersatz td {
    vertical-align: top;
} tr.fe-row1 {
    height: 115px;
} tr.fe-row2 {
    height: 12px;
} tr.fe-row3 {
    height: 47px;
} tr.fe-row4 {
    height: 10px;
} tr.fe-row5 {
    height: 61px;
} tr.fe-row6 {
    height: 105px;
} td.community-font {
    background-repeat: no-repeat;
    background-position: top left;
    width: 144px;
    /*height: 128px;*/
} td.community-planet {
    background-repeat: no-repeat;
    background-position: top left;
    width: 74px;
} td.community-line {
    background-repeat: no-repeat;
    background-position: top left;
    width: 125px;
} td.diverses-planet {
    background-repeat: no-repeat;
    background-position: top left;
    width: 121px;
} td.diverses-line {
    background-repeat: no-repeat;
    background-position: top left;
    width: 231px;
} td.aktuelles-line {
    background-repeat: no-repeat;
    background-position: top left;
    width: 219px;
} td.spiel-line {
    background-repeat: no-repeat;
    background-position: top left;
    width: 86px;
} td.none-diverses {
    background-repeat: no-repeat;
    background-position: top left;
    width: 122px;
} td.aktuelles-planet {
    background-repeat: no-repeat;
    background-position: top left;
    width: 109px;
} td.diverses-font {
    background-repeat: no-repeat;
    background-position: top left;
    width: 343px;
} td.none-aktuelles {
    background-repeat: no-repeat;
    background-position: top left;
    width: 52px;
} td.spiel-planet {
    background-repeat: no-repeat;
    background-position: top left;
    width: 167px;
} td.aktuelles-font {
    background-repeat: no-repeat;
    background-position: top left;
    width: 586px;
} td.spacetale-header {
    background-repeat: no-repeat;
    background-position: top left;
    width: 747px;
} td.spiel-font {
    background-repeat: no-repeat;
    background-position: top left;
    width: 747px;
} tr.sh-inner {
    height: 105px;
} table.sh-inner {
    padding: 0px;
    margin: 0px;
    height: 105px;
    width: 747px;
    border-collapse: collapse;
    border-spacing: 0px;
    display: inline;
} table.vtop {
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    display: inline;
    table-layout: fixed;
} table.vtop td {
    vertical-align: top;
}

/*  Position des oberen Banners und der entsprechenden Rahmen   */
#Banner {
    z-index: 1000;
    position: absolute;
    top: 25px;
    left: 507px;
} #BannerBGTop {
    z-index: 999;
    position: absolute;
    top: 22px;
    left: 273px;
} #BannerBGLeft {
    z-index: 998;
    position: absolute;
    top: 3px;
    left: 504px;
} #BannerBGBottom {
    z-index: 997;
    position: absolute;
    top: 85px;
    left: 485px;
} #BannerBGRight {
    z-index: 996;
    position: absolute;
    top: 3px;
    left: 975px;
}

/*  Hintergrund der Zelle für den Text- bzw. Seiteninhalt   */
td.content-bg {
    background-repeat: no-repeat;
    background-position: top left;
    width: 1000px;
    height: auto;
    overflow: auto;
}

/*  Formatierungsangaben des Grundgerüsts der gesamten Portal-Seite */
td.flash {
    height: 350px;
} tr.row1 {
    height: 350px;
} tr.row2 {
    height: 100%;
    vertical-align: top;
} table.site {
    empty-cells: show;
    height: 100%;
    table-layout: fixed;
    border-collapse: separate;
} table.inner {
    empty-cells: show;
    height: 100%;
    table-layout: fixed;
    border-collapse: separate;
} tr.content {
    height: 100%;
} div.site-content {
    margin-top: 5px;
    padding-top: 10px;
    padding-left: 45px;
    padding-right: 45px;
    padding-bottom: 20px;
    width: 760px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0px -5px;
} html:first-child>*:first-child+body div.site-content {
    background-image: none;
    position: static;
} * html div.site-content {
    background-image: none;
    position: static;
} td.content {
    vertical-align: top;
} table.formular td {
    padding-bottom: 5px;
}



/*  Formatierung samt Inhalt, Hintergrund und Rahmen des Login-Feldes   */
#LoginBGTop {
    z-index:995;
    position: absolute;
    top: 372px;
    left: 830px;
} #LoginBGLeft {
    z-index:994;
    position: absolute;
    top: 355px;
    left: 845px;
} #LoginBGBottom {
    z-index:993;
    position: absolute;
    top: 588px;
    left: 823px;
} #LoginBGRight {
    z-index:992;
    position: absolute;
    top: 289px;
    left: 975px;
} #username {
    margin-top: 22px;
} * html #username {
    margin-top: 17px;
} #password {
    margin-top: 15px;
} * html #password {
    margin-top: 13px;
} #register {
    margin-top: 85px;
} #login {
    margin: 0px;
    padding: 0px;
    margin-top: 8px;
} * html #login {
    margin-top: 8px;
} input.logintxt {
    font-style: normal;
    font-size: 10px;
    color: #ffffff;
    text-decoration: none;
    width: 85px;
    height: 13px;
    border: 1px solid #6C7D64;
    background-color: #153D22;
} * html input.logintxt {
    /*  IE Browser-Extrawurst   */
    height: 17px;
} td.login {
    background-repeat: no-repeat;
    background-position: 25px 25px;
    width: 177px;
    height: 342px;
    vertical-align: top;
    text-align: center;
} #pwlost {
    margin-top: 5px;
} * html #pwlost {
    margin-top: 0px;
} img.lost {
    width: 80px;
    height: 22px;
} #eintragen {
    /*position: absolute;
    top: 557px;
    left: 857px;
    visibility: visible;
    z-index: 2000;*/

    margin-top: 10px;
} #email {
/*  position: absolute;
    top: 533px;
    left: 868px;
    visibility: visible;
    z-index: 2001;*/

    margin-top: 182px;
}
#VersionLink {
    margin-top: 12px;
}

/*  Rahmen-Formatierung für grüne HTML-Matrix-Rahmen (3x3 Tabelle, davon die Mitte Inhalt)  */
td.border-top-left {
    background-repeat: no-repeat;
    background-position: top left;
} td.border-top {
    background-repeat: repeat-x;
    background-position: 0px 20px;
    height: 40px;
} td.border-top-right {
    background-repeat: no-repeat;
    background-position: top left;
} td.border-left {
    background-repeat: repeat-y;
    background-position: 20px 0px;
} td.border-right {
    background-repeat: repeat-y;
    background-position: top left;
} td.border-bottom-left {
    background-repeat: no-repeat;
    background-position: top left;
} td.border-bottom {
    background-repeat: repeat-x;
    background-position: top left;
    height: 40px;
} td.border-bottom-right {
    background-repeat: no-repeat;
    background-position: top left;
} td.smallborder-top-left {
    background-repeat: no-repeat;
    background-position: top left;
} td.smallborder-top {
    background-repeat: repeat-x;
    background-position:  top left;
    height: 20px;
} td.smallborder-top-right {
    background-repeat: no-repeat;
    background-position: top left;
} td.smallborder-left {
    background-repeat: repeat-y;
    background-position:  top left;
} td.smallborder-right {
    background-repeat: repeat-y;
    background-position: top left;
} td.smallborder-bottom-left {
    background-repeat: no-repeat;
    background-position: top left;
} td.smallborder-bottom {
    background-repeat: repeat-x;
    background-position: top left;
    height: 20px;
} td.smallborder-bottom-right {
    background-repeat: no-repeat;
    background-position: top left;
} td.smallborder2-top-left {
    background-repeat: no-repeat;
    background-position: top left;
} td.smallborder2-top {
    background-repeat: repeat-x;
    background-position:  top left;
    height: 20px;
} td.smallborder2-top-right {
    background-repeat: no-repeat;
    background-position: top left;
} td.smallborder2-left {
    background-repeat: repeat-y;
    background-position:  top left;
} td.smallborder2-right {
    background-repeat: repeat-y;
    background-position: top left;
} td.smallborder2-bottom-left {
    background-repeat: no-repeat;
    background-position: top left;
} td.smallborder2-bottom {
    background-repeat: repeat-x;
    background-position: top left;
    height: 20px;
} td.smallborder2-bottom-right {
    background-repeat: no-repeat;
    background-position: top left;
} td.smallborder3-top-left {
    background-repeat: no-repeat;
    background-position: top left;
} td.smallborder3-top {
    background-repeat: repeat-x;
    background-position:  top left;
    height: 20px;
} td.smallborder3-top-right {
    background-repeat: no-repeat;
    background-position: top left;
} td.smallborder3-left {
    background-repeat: repeat-y;
    background-position:  top left;
} td.smallborder3-right {
    background-repeat: repeat-y;
    background-position: top left;
} td.smallborder3-bottom-left {
    background-repeat: no-repeat;
    background-position: top left;
} td.smallborder3-bottom {
    background-repeat: repeat-x;
    background-position: top left;
    height: 20px;
} td.smallborder3-bottom-right {
    background-repeat: no-repeat;
    background-position: top left;
}

/*  Bilder-Rahmen   */
img.border {
    border: 1px solid #777777;
} img.team-border {
    border: 1px solid #2d2d2d;
}

/*  Verweis-Formatierung    */
a {
    color: #DEDEDD;
    text-decoration: underline;
    background-color: transparent;
    font-variant: small-caps;
} a:hover {
    color: #999999;
    text-decoration: underline;
    background-color: transparent;
} a img {
    color: #DEDEDD;
    text-decoration: none;
    background-color: transparent;
} a:hover img {
    color: #DEDEDD;
    text-decoration: none;
    background-color: transparent;
} h4 a {
    color: #DEDEDD;
    text-decoration: none;
    background-color: transparent;
} h4 a:hover {
    color: #DEDEDD;
    text-decoration: none;
    background-color: transparent;
}

/*  Überschriften-Formatierung  */
h1 {
    font-size: 24px;
} h2 {
    font-size: 24px;
    padding: 0px;
    padding-left: 45px;
    padding-top: 75px;
    margin: 0px;
    font-weight: normal;
    font-variant: small-caps;
} h3 {
    padding: 0px;
    padding-bottom: 5px;
    margin: 0px;
    font-weight: bold;
    font-size: 16px;
} h4 {
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
    margin: 0px;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
} h5 {
    padding: 0px;
    padding-bottom: 0px;
    margin: 0px;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
} table.team h5 {
    padding-bottom: 10px;
    color: #00A245;
} h6 {
    margin: 0px;
    padding: 0px;
    color: #dededd;
    font-weight: bold;
    font-size: 14px;
}

/*  Listenformatierung  */
li {
    margin-left: 20px;
    margin-bottom: 10px;
} ul {
    margin-left: 0px;
    padding-left: 10px;
} ol {
    margin-top: 15px;
    margin-left: 0px;
    padding-left: 10px;
} ul.nomargin {
    padding: 0px;
    margin: 0px;
    padding-bottom: 10px;
    padding-left: 15px;
} ul.nomargin li {
    padding: 0px;
    margin: 0px;
} ol.nomargin {
    padding: 0px;
    margin: 0px;
    padding-bottom: 20px;
    padding-left: 15px;
} ol.nomargin li {
    padding: 0px;
    margin: 0px;
}

/*  Hover-Effekt für Tabellen   */
tr.effect-tr:hover {
    background-color: #00551C;
}
tr.effect-tr-on {
    background-color: #00551C;
}

/*  Tabellen-Formatierung   */
table.margin-bottom {
    margin-bottom: 5px;
} table.full-width {
    width: 739px;
} table.full-width td {
    vertical-align: top;
} table.inner-content-table {
    border-collapse: collapse;
    border-spacing: 0px;
    /*display: inline;*/
    border-bottom: 3px solid #777777;
    background-position: top left;
    background-repeat: repeat;
} table.inner-content {
    border-collapse: collapse;
    border-spacing: 0px;
    display: inline;
    margin-top: 15px;
} table.inner-content td {
    padding: 3px;
    padding-bottom: 20px;
    margin: 0px;
    vertical-align: top;
    background-image: none;
} table.inner-content-table td, table.inner-content-table th {
    padding: 3px;
    margin: 0px;
    vertical-align: top;
    color: #DEDEDD;
    background-image: none;
} tr.table-header, tr.table-header2 {
    font-weight: bold;
    color: #00a245;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
} tr.table-header2 th {
    border-bottom: 1px solid #777777;
    border-top: 3px solid #777777;
    text-align: left;
} tr.table-header2 {
    /*background-color: #00551C;*/
} tr.table-header th {
    border-bottom: 1px solid #777777;
    border-top: 3px solid #777777;
    text-align: left;
} td.center {
    text-align: center;
} td.left {
    text-align: left;
} td.skyscraper {
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    text-align: center;
}

#SkyscraperIFrame
{
    position: relative;
    top: 22px;
}

table.team img.border {
    border: 1px solid #2d2d2d;
}



/* Browserspiel des Jahres */
.browserspielDesJahres{
    position: absolute;
    top: 160px;
    left: 35px;
    z-index: 2;
}


.schmalerInhalt{
   width: 690px;
}


/*
    --------------------------------------------------------------------
    START-SEITE
    --------------------------------------------------------------------
*/


.trailerObject{
}

.trailerDiv{
   float: left;
   width: 335px;
   padding-right: 25px;
   padding-bottom: 15px;
   text-align: center;
/*margin-left: auto;
margin-right: auto;*/
}

.wollenSieMehrWissen{
float: right;
}




/*
    --------------------------------------------------------------------
    TEAM-MITGLIEDS-SEITE
    --------------------------------------------------------------------
*/

table.team td {
    vertical-align: top;
    padding-bottom: 40px;
    padding-left: 10px;
}
table.team-detail td {
    vertical-align: top;
    text-align: left;
    padding-left: 10px;
}
table.team-detail table.margin-bottom td {
    padding-left: 0px;
}
table.team-detail table td {
    padding-left: 0px;
}
table.team-detail table.margin-bottom td table td {
    padding-left: 0px;
}
td.padding-bottom {
    padding-bottom: 8px;
}
span.c1 {
    color: #dededd;
}
span.c2 {
    color: #dededd;
}

/*
    --------------------------------------------------------------------
    TEAM-MITGLIEDS-SEITE
    --------------------------------------------------------------------
*/

/*  Formatierung der Prozent-Balken */
td.status-24h-v1 {
    background-color: /*#FFFFFF;*/#AA0C0C;
    border: 1px solid #00a245;
    padding: 2px;
    height: 10px;
} td.status-24h-v2 {
    background-color: /*#A0FFc8;*/#001DCF;
    border: 1px solid #00a245;
} td.status-24h-v3 {
    background-color: /*#49FF96;*/#007C00;
    border: 1px solid #00a245;
} td.status-24h-v4 {
    background-color: /*#00F267;*/#7C7800;
    border: 1px solid #00a245;
} td.status-24h-v5 {
    background-color: /*#00c955;*/#4D00C0;
    border: 1px solid #00a245;
} table.status-balken {
    empty-cells: show;
    width: 725px;
    border-collapse: collapse;
    overflow: visible;
    table-layout: fixed;
    margin-bottom: 25px;
} td.status-title {
    overflow: visible;
}

/*
    --------------------------------------------------------------------
    DOWNLOAD-SEITE
    --------------------------------------------------------------------
*/

/*  Tabellen-Darstellung der Download-Tabelle   */
table.inner-content-table-downloads {
    border-collapse: collapse;
    border-spacing: 0px;
    /*display: inline;*/
    border-bottom: 3px solid #777777;
    background-position: top left;
    background-repeat: repeat;
}
table.inner-content-table-downloads tr.effect-tr-on {
    /*cursor:hand;*/
    cursor:pointer;
}
table.inner-content-table-downloads td, table.inner-content-table-downloads th {
    padding: 3px;
    margin: 0px;
    vertical-align: top;
    /*color: #DEDEDD;*/
    background-image: none;
}

/*
    --------------------------------------------------------------------
    FAQ-SEITE
    --------------------------------------------------------------------
*/

/*  Formatierung der Beschreibung der FAQ-Antworten */
font.faq-desc {
    font-style: normal;
    font-weight: normal;
    color: #dededd;
} ul.faq-answer li {
    margin-bottom: 0px;
} ul.faq-answer {
    margin-top:0px;
} ol.faq {
    font-weight: normal;
    color: #00A245;
} ol.faq-main {
    /*color: #00A245;*/
    font-weight: bold;
}

/*  Abstands-Korrektur aufgrund der Listen-Formatierung */
div.faq-content {
    padding-left: 45px;
    padding-right: 45px;
}

p.ueberspacetale {
    font-weight: normal;
    color: #00a245;
    margin-bottom: 25px;
} ol.themen-liste {
    margin-top: 0px;
}

/*
    --------------------------------------------------------------------
    NEUIGKEITEN-SEITE
    --------------------------------------------------------------------
*/

/*  Formatierung der News-Tabellen  */
table.news-content {
    margin-bottom: 20px;
    border-bottom: 1px solid #777777;
    /*background-color: #1F2B1B;*/
    background-position: top left;
    background-repeat: repeat;
    overflow: auto;
    /*width: 750px;*/
} table.news-content td, table.news-content th {
    padding: 3px;
    padding-bottom: 5px;
    margin: 0px;
    vertical-align: top;
    background-image: none;
}

/*
    --------------------------------------------------------------------
    RANGLISTE-SEITE
    --------------------------------------------------------------------
*/

/*  Formatierung der Auswahl-Buttons Anzeige */
.ranglisteAuswahlButtons {
   vertical-align:middle;
   padding: 5px;
   padding-top: 0px;
}

/*  Formatierung der Stand-Vom Anzeige */
.ranglisteStandVom {
   vertical-align:middle;
   font-size:12px;
}
/*  Formatierung der Spielerzahl Statistik Anzeige */
.ranglisteSpielerzahlStatistik {
   text-align:center;
   vertical-align:middle;
   font-size:12px;
}


/*  Formatierung des Eingabe-Feldes für die Ranglisten-Position */
input.position {
    font-style: normal;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    width: 50px;
    height: 15px;
    border: 1px solid #6C7D64;
    background-color: #153D22;
} * html input.position {
    /*  IE Browser-Extrawurst   */
    height: 18px;
}

/*  Formatierung der Charakter- und Spieler-Informationen   */
table.info {
    text-align: left;
    vertical-align: top;
    width: 100%;
    padding-bottom: 15px;
    /*padding-left: 40px;
*/
    border-collapse: collapse;
    border-spacing: 0px;
    /*display: inline;*/

    background-position: top left;
    background-repeat: repeat;

    border: 1px solid #777777;

} table.info tr {
    background-image: none;
} table.info td.padds {
    padding-left: 15px;
} table.info td.spadds {
    padding-left: 10px;
} table.info td.head {
    padding-top: 10px;
    padding-left: 15px;
}
#charakter-info, #player-info {
    width: 380px;
} #ci-image, #pi-image {
    margin-top:10px;
   /* height: 100px;
    width: 100px;*/
} td.padbot {
    height: 25px;
} br.padding {
    font-size: 4px;
}

/*  Formatierung der Charakter- und Spieler-Suche   */
table.search {
    text-align: left;
} table.search td.head {
    height: 20px;
}

/*  Formatierung der Ranglisten-Tabelle */
td.rang, tr.table-header th.rang {
    text-align: center;
} td.name, tr.table-header th.name {
    text-align: left;
} td.points, tr.table-header th.points {
    text-align: right;
}

/*
    --------------------------------------------------------------------
    STATUS-Seite
    --------------------------------------------------------------------
*/

table.status td {
    vertical-align: middle;
    padding-bottom: 15px;
    padding-left: 10px;
    font-weight: normal;
    text-align: right;
}
table.status img {
    /*width: 300px;*/
}

/*
    --------------------------------------------------------------------
    MERKMALE-SEITE
    --------------------------------------------------------------------
*/

/*  Formatierung der Merkmale-Icons */
table.merkmale img {
    margin-top: 20px;
    border: 1px solid #777777;
} td.merkmale-cell {
    height: 91px;
} table.merkmale td {
    vertical-align: top;
    padding-bottom: 30px;
    padding-left: 10px;
}

/*
    --------------------------------------------------------------------
    SCREENSHOTS-SEITE
    --------------------------------------------------------------------
*/

/*  Formatierung der Screenshot Tabelle */
table.screenshots {
    text-align: center;
    width: 100%;
} table.screenshots td {
    padding: 20px;
}

/*
    --------------------------------------------------------------------
    REGISTRIERUNG-SEITE
    --------------------------------------------------------------------
*/

input.plz {
    font-style: normal;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    width: 50px;
    height: 15px;
    border: 1px solid #6C7D64;
    background-color: #153D22;
} * html input.plz {
    /*  IE Browser-Extrawurst   */
    height: 18px;
}



/*
    --------------------------------------------------------------------
    SPIEL_STARTEN-SEITE
    --------------------------------------------------------------------
*/
img#raumschiff{
   padding-left: 25px;
   margin-bottom: 15px;
   height: 144px;
   width: 250px;
   float: right;
}

/*
    --------------------------------------------------------------------
    STORY-SEITE
    --------------------------------------------------------------------
*/


.storyListe{
   list-style-type: upper-roman;
   list-style-position: inside;
   padding: 0px;
   margin: 0px;
}
.storyListeElement{
   margin: 0px;
}
.storyTitel{
   font-size: 18px;
   margin-bottom: 5px;
   padding-top: 25px;
}

.storyGrafik{
   width: 700px;
   height: 525px;
}

.storyText{
   margin-bottom: 20px;
   width: 700px;
}