/*****************************************************
* Celetania.de Webseite
* (c)2009
* 
* gfx/code Andreas Katzig
*****************************************************/

body {margin:0;
    padding:0;
    text-align: center;
    width:100%;
}

.backgroundplanet{background: #000000 url("/img/planetbackground.jpg") top center no-repeat fixed; }
.backgroundtrailer{background: #000000 url("/img/trailerbackground.jpg") top center no-repeat fixed; }

table {font-size: 10pt; }
th { vertical-align: top; }

#maintable, #contenttbl{z-index:5;
                            text-align: center;
                            vertical-align: top;
                            width: 800px;
                            border:0px solid black;
                            margin:0;
                            padding:0;}

#maintable { margin: 0 auto;}
#texttd { width: 640px; }
#sidebartd { width: 160px; }
img, tr { border: 0px; margin: 0; padding: 0; }

.helptext{
    clear: both;
    background-color: #dcf0e0;
    border: 1px solid #aef3ba;
    padding: 2px;
    font-size: 8pt;
    vertical-align: middle;
    margin-left: 20px;
    margin-top: 0px;
}

.infotext{
    clear: both;
    background-color: #f1f1d2;
    border: 1px solid #f5f499;
    padding: 5px;
    font-size: 8pt;
    vertical-align: middle;
    margin: 0 5px;
}

.errortext{
    clear: both;
    font-size: 8pt;
    border: 1px solid #f59494;
    padding: 2px 5px 2px 5px;
    margin-bottom: 5px;
    font-weight: bold;
    color: red;
    padding-left: 25px;
    background: #f0e6e6 url('/img/error.gif') 5px 50% no-repeat;
}

.infotext a, .helptext a, .errortext a{
    font-size: 8pt ! important;
}

.oktext{
    clear: both;
    font-size: 8pt;
    border: 1px solid #94f594;
    padding: 2px 5px 2px 5px;
    margin-bottom: 5px;
    font-weight: bold;
    color: green;
    padding-left: 25px;
    background: #e6f0e6 url('/img/ok.gif') 5px 50% no-repeat;
}

a.normallink{
    background-color: transparent ! important;
    border: none ! important
}

#twitter_div{
    text-align: left ! important;
}

#twitter_update_list{
    text-align: left ! important;
}

#twitter_update_list li{
    margin: 0 0 0 10px ! important;
    padding-bottom: 10px;
}

#myceletania{
    text-align: center;
}

h2, #texttd h2 a{
    font: bold 13pt Arial, Helvetica;
    margin-top: 0px;
}

#headline{
}

h3, #texttd h3 a{
    font: bold 12pt Arial, Helvetica;
    margin-top: 0px;
}

h4{		font: bold 11pt Arial, Helvetica;
    margin: 0;
}

h5{		font: italic bold 10pt Arial, Helvetica;
    margin: 0;
}

h6{		font: bold 10pt Arial, Helvetica;
    margin: 0;
}
.simpletable {
    border: 0;
    border-spacing: 0px;
    margin-top: 20px;
}

td#navitd {
    font-size: 1px;
    border: 0px;
    margin: 0px;
    padding: 0px;
    z-index: 30;
    text-align: left;
    vertical-align: top;
}

td#content{
    vertical-align: top;
    padding: 0;
    margin: 0;
    border: 0;
    background: url("/img/pagebackground.gif") left top repeat-y;
}

td#sidebartd{
    background: url('/img/sidebar_background.jpg') repeat-y;
    vertical-align: top;
    color: #E0E0E0;
    font: 8pt Arial, Helvetica;
    width: 160px;
    padding: 0;
    margin: 0;
    text-align: center;
    z-index: 10;
}
td#sidebartd a{		font: 7pt Arial, Helvetica;
    color: #A0A0A0;
    text-decoration: underline;
}
td#sidebartd a.button{
    border: 1px solid #303030;
    cursor: pointer;
    padding: 1px 20px 1px 20px;
    font-size: 8pt;
    background: url("/img/buttonback.gif") repeat-x;
    color: #E0E0E0;
    font-weight: bold;
    width: 100px;
    height: 25px;
    margin: 5px;
}
td#sidebartd a.button:hover {
    border: 1px dashed #404040;
    padding: 1px 20px 1px 20px;
    color: #FFF;
}
td#sidebartd a.button:active {
    border: 1px solid #505050;
    padding: 0px 20px 2px 20px;
    color: #FFF;
}
td#sidebartd a.button:visited {
    color: #F0F0F0;
}

td#sidebartd .sidebarline{	width: 125px;
    background: url("/img/menuline_h.gif") top left repeat-x;
    height: 2px;
    margin: 25px auto 25px auto;
    padding: 0px;
    z-index: 12;
    font-size: 2px;
}

td#textttd{
    vertical-align: top;
    text-align: left;
    padding: 0px;
    /* background: url("/img/content_background.jpg") repeat-y; */
}

td#textttd div#maintext, td#textttd div#specialtext{
    font: 9pt Arial, Helvetica;
    padding: 15px;
    color: #303030;
    line-height: 1.5em;
}

#maintext ul li, #specialtext ul li{
    line-height: 2em;
}

td#textttd div#maintext p.quote{
    font-style: italic;
    line-height: 1.4em;
}

td#textttd div#maintext a:hover{		
    background-color: #E0E0E0;
    border-bottom: 1px dashed #A0A0A0;
}
td#textttd div#maintext a:visited{
}
td#textttd div#maintext a:active{
    background-color: #D0D0D0;
}

#techtree
{
    width: 600px;
    height: 400px;
    background-color: black;
    border: 2px outset black;
    color: white;   /* for error messages, etc. */
}

.filesize{
    font-size: 9pt ! important;
}

.downloadbutton{
    position: relative;
    width: 293px;
    height: 73px;
    background: url('/img/downloadbutton.gif') 0 0 no-repeat;
    color: white;
    font-weight: bold;
    font-size: 11pt;
    margin: 0;
    padding-left: 10px;
    text-align: center ! important;
    clear: both;
}

.downloadbutton a{
    position: relative;
    text-align: center ! important;
    top: 28px ! important;
    color: white ! important;
    font-weight: bold ! important;
    font-size: 11pt ! important;
    border: none ! important;
}

.downloadbutton a:hover{
    background: none ! important;
}

#footer, #footer a{
    font: 7pt Arial, Helvetica;
    color: #A0A0A0;
    text-align: center;
    margin-bottom: 20px;
    margin-top:	50px;
    float:none;
    clear:both;
}


#textttd .sshotbox{	
    position: relative;
    background-color: #EFEFEF;
    border: 1px solid #E0E0E0;
    margin: 0 auto;
    width: 500px;
    text-align: center;
    padding: 10px;
    background: #EFEFEF url("/img/invgradient.jpg") top right repeat-y;
}

#textttd a.sshot{
    border-top: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    margin: 4px;
}
#textttd a.sshot:hover {
    border-top: 1px solid #C8C8C8;
    border-left: 1px solid #C8C8C8;
    border-right: 1px solid #A8A8A8;
    border-bottom: 1px solid #A8A8A8;
    margin: 4px;
}
#textttd a.sshot:active {
    border-top: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    margin: 4px;
    background: transparent;
}

td#textttd div#footer a.smalllink {
    font: 7pt Arial, Helvetica;
    color: #A0A0A0;
    text-decoration: none;
}

.ssllink{
    padding-left: 25px;
    border: 1px solid #f5f499;
    font-size: 8pt;
    font-weight: bold;
    white-space: nowrap;
    background: #f1f1d2 url('/img/ssllock.gif') 5px 50% no-repeat;
}

a.menu, a.groggmenu, a.secctsmenu, a.celetansmenu{
    color: #F0F0F0; font: 11pt Arial, Helvetica !important;
}
a.smallmenu, a.smallgroggmenu, a.smallsecctsmenu, a.smallceletansmenu{
    color: #F0F0F0; font: 10pt Arial, Helvetica !important;
}
a.menu:hover{
}
a.menu:active{
}
a.menu:visited{
}

#textttd div#maintext a{
    font: 10pt Arial, Helvetica;
    color: #101010;
    text-decoration: none;
    border-bottom: 1px dashed #A0A0A0;
}
#textttd div#maintext a:hover{		background-color: #E0E0E0;
    border-bottom: 1px dashed #A0A0A0;
}
#textttd div#maintext a:visited{
}
#textttd div#maintext a:active{
    background-color: #D0D0D0;
}

.cap{
    font: 16pt Georgia, serif;
}

ul#Navigation {
    margin: 0px;
    padding: 0px;
    border: 0px;
    vertical-align: top;
    height: 50px;
}

ul#Navigation li {
    float:left;
    list-style: none;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

ul#Navigation a {
    float: left;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    text-transform: uppercase;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

#flags{	
    margin: 0px auto 0 auto;
    z-index: 150;
    width: 150px;
    text-align: center;
    padding: 0px;
    border: 0px solid #333333;
}

#sidebarcontent{
    color: #A0A0A0;
    text-align: center;
    font-size: 7pt;
    margin: 5px 5px 11px 5px;
    padding: 0px;
    border: 0px solid #333333;
}

.sidebarline{	
    width: 125px;
    background: url("/img/menuline_h.gif") top left repeat-x;
    height: 2px;
    margin: 25px auto 25px auto;
    padding: 0px;
    z-index: 12;
    font-size: 2px;
}

.horline{	width: 90%;
    height: 1px;
    background-color: #B0B0B0;
    margin: 20px auto 20px auto;
    padding: 0;
    border: 0;
    font-size:1px;
    clear: both;
}

.headerbar{
    background: url('/img/headerbar_middle.png') repeat-x;
    height: 45px;
    color: white;
    font-size: 12pt;
    font-weight: bold;
    vertical-align: top;
    padding-top: 10px;
    margin: 0;
    line-height: 13pt;
}

#specialmain{
    padding: 0;
    line-height: 1.5em;
    vertical-align: top;
    width: 640px;
}

#specialcontent{
    padding: 0px;
    margin: 0px;
    float: left;
    width: 390px;
}

#specialtext{
    clear:both;
    margin: 0px;
    padding: 15px;
    width: 360px;
    float: left;
}

#specialcorner{
    text-align: right;
    padding: 0;
    float: right;
    margin:0;
}
#speciallogobottom{
    text-align: left;
    float: left;
    padding: 0;
    margin: 0;
}
#specialgraphic{
    text-align: right;
    padding: 0px;
    width: 250px;
    float: left;
    margin:0;
    vertical-align: top;
    z-index: 0;
}

#entityoverview{
    text-align: center;
    clear: both;
    margin: 5px auto 0px auto;
    background-color: #ebebeb;
    padding: 5px;
    border: 1px solid #a7a7a7;
    line-height: 23px;
    width: 520px;
}
#entityoverview>a{
    white-space:nowrap; /* Kein Umbruch */
}

div.entityshadow{
    margin: 0px 80px 20px 80px;
    height: 20px;
    background: url('/img/special_top_shadow.jpg') repeat-x ! important;
}
/* --------------------- TEAM ---------------------*/
#maintext .team{
    width: 99%;
    text-align: left;
    position: relative;
    border: 0;
    margin: 0;
    padding: 0;
    height: 175px;
    vertical-align: top;
}
.team .teamname{
    float: left;
    width: 99%;
    font: bold 10pt Arial, Helvetica;
    /* background-color: #EFEFEF; */
    margin: 0;
    padding: 0;
}
.team .teamjob{
    float: left;
    width: 300px;
}
.team .teamfoto{
    float: right;
    margin: 0 0 0 50px;
    background: url("/img/foto_back.jpg") top left no-repeat;
    width: 120px;
    height: 150px;
    z-index: 12;
    padding-top: 10px;
    padding-left: 10px;
}
/* ------------------------------------------------*/

/* --------------------- FAQ ---------------------*/
.faqanswer{		width: 99%;
    padding-left: 15px;
    margin-bottom:10px;
    border: 0;
}
.faqcategory{
}
/* ------------------------------------------------*/


#teaserbox{	
    width: 620px;
    height: 269px;
    margin-left: 0px;
    vertical-align: top;
    padding: 0 0 15px 15px;
}	
.downloadbox{
    width: 434px;
    height: 277px;
    margin-left: 0px;
    vertical-align: top;
    margin-top: 00px;
    float: left;
}
#downloadboxtext{
    color: #E0E0E0;
    font: bold 10pt Arial, Helvetica;
    padding: 30px;
    /*					font: italic bold 11pt Georgia, serif;*/
}
#randomimage{
    float: right;
    width: 180px;
    height: 237px;
    padding-top: 20px;
    vertical-align: top;
    text-align: center;
}


/* --------------------- NEWS ---------------------*/
.news{			width: 99%;
    text-align: left;
    position: relative;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: left;
}
.newstitle{		margin-bottom: 10px;
    margin-top: 10px;
    font: bold 13pt Arial, Helvetica;
}
.newstag{		font: bold 10pt Arial, Helvetica;
    margin-bottom: 10px;
}
.newscontent{
}
/* This is for IE ONLY: */
* html div.newscontent p{	margin-top: -3px;
}
.newsdate{	  /* !!!! AUSGEBLENDET !!!! */
    margin-top: -15px;
    margin-bottom: 10px;
    width: 99%;
    text-align: right;
    display: none;
}
.newssocial{
    width: 60%;
    white-space: nowrap;
}
a.sociallink {
    float: left; /* für IE, sonst keine Transparenz... */
    border: none ! important;
    opacity: .4;
    filter: alpha(opacity=40) ! important;
    -moz-opacity: .4;
    padding: 0 2px 0 2px;
}
a.sociallink:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100) ! important;
    background-color: transparent ! important;
}

#textttd div#maintext a.downloadlink, #textttd div#maintext a.downloadlink:hover,
#textttd div#maintext a.downloadlink, #textttd div#maintext a.downloadlink:visited,
#textttd div#maintext a.downloadlink, #textttd div#maintext a.downloadlink:active {
    border: none;
    background-color: transparent;
}

#textttd div#maintext div.newssocial a.sociallink:hover{
    background-color: transparent;
}        
/* ------------------------------------------------*/
#textttd div.errormsgcommon{
    border: 1px solid #ff9797;
    background-color: #ffe1e1;
    margin: 20px;
    padding: 2px;
    font: 10pt Arial, Helvetica;
}
.errormsgnews{
    border: 1px solid #e1f0ff;
    background-color: #f0f8ff;
    margin: 10px auto 0px auto;
    padding: 2px;
    color: #A0A0A0;
}

.commentbox{
    border: 1px dashed #A0A0A0;
    background-color: #E8E8E8;
    width: 80%;
    font: italic 10pt Arial, Helvetica;
    margin: 10px auto 0px auto;
    position: relative;
    padding: 6px;
    color: #505050;
}


/* JS-Menue */

.SubMenue a {
    display: block;
    padding-left: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-right: 0px;
    text-decoration: none;
    text-align: left;
    font-size: 11pt;
    z-index: 1001;
}

.SubMenue img {
    vertical-align: top;
}

.menu{
    text-align: left;
    vertical-align: middle;
}

#menu1Content, #menu2Content, #menu3Content, #menu4Content, #menu5Content {
    /* background-image: url(img/top.gif); */
    padding-top:1px;
    background-repeat: no-repeat;
}

#menu1Content a, #menu2Content a,  #menu4Content a, #menu5Content a {
    background-color: #000000;
    color: #F0F0F0;
}

/* ------------- ---------------------------- */
/* "DAS SPIEL" - Menü 3 */
#menu3Content a.menu {
    background-color: #000000;
}
#menu3Content a.groggmenu {
    background-color: #262113;
}
#menu3Content a.secctsmenu {
    background-color: #222625;
}
#menu3Content a.celetansmenu {
    background-color: #333333;
}
#menu3Content a:hover.groggmenu {
    background-color: #594b2d;
}
#menu3Content a:hover.secctsmenu {
    background-color: #4b5859;
}
#menu3Content a:hover.celetansmenu {
    background-color: #888888;
}
/* ------------- ---------------------------- */

#menu1Content a:hover, #menu2Content a:hover, #menu3Content a:hover, #menu4Content a:hover, #menu5Content a:hover {
    background-color: #3b4546;
}
#menu1Container,#menu2Container,#menu3Container,#menu4Container,#menu5Container{
    display: none;
}

#buildcounter{
    display: none;
    margin-left: 40%;
    position: relative;
    font: 7pt Arial, Helvetica;
    color: #A0A0A0;
}
#noflash { display: none; font-size: 7pt; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    height: 0px;
}


.altrow1{ background-color: #e0e0e0; }
.altrow2{ background-color: #d8d8d8; }

input.shdw, textarea.shdw, select.shdw{
    background: #FFF url("/img/inputback.gif") 0 0 no-repeat;
    border: 1px solid #D0D0D0;
    padding: 3px;
}


/* RELEASE NOTES */
div#releasenotes{
    padding: 10px;
}

div.releaseversion{
    font-weight: bold;
    cursor: pointer;
    padding: 3px;
    border: 1px solid transparent;
    clear: both;
}

div.releaseversion:hover{
    background-color: #dcd3df;
    border: 1px solid #b090bb;
}

div.releaseversion+ul{
    display: none;
    margin: 0 0 20px 0;
    padding: 5px;
    float: left;
    background-color: #eaeeef;
    border: 1px solid #505957;
    width: 97%;
}

div.releaseversion+ul li{
    margin-left: 20px ! important;
}
/* =================== */

#helpindex{
    width: 200px;
    height: 800px;
    float: left;
    overflow: auto;
    margin-right: 20px;
    font-size: 7pt ! important;
    padding-left: 0px !important;
    background-color: #E0E0E0;
    border: 2px outset #E0E0E0;
    margin-bottom: 20px;
}

#helpindex ul {
    margin-left: 0px !important;
    padding-left: 20px !important;
}

#helptext{
    float: left;
    width: 350px;
}

table.rankingtable{
    border-spacing: 0px;
    margin: 0px auto;
    border: 1px solid #B0B0B0;
}

table.rankingtable th{ color: white; background: url("/img/tableeheaderback.gif") repeat-x; padding: 5px; background-color: #111; font-weight: bold; white-space: nowrap }
table.rankingtable td{ padding: 1px 5px; border: 1px dashed #E0E0E0; font-size: 8pt;}


td.hof_place{ font-weight: bold; }