@charset "utf-8";
/* CSS Document */

/* ===================================================

Stylesheet für die Webseite www.onlineschach.eu

Stand: Alpha
Datum: 20.12.2011
Autoren: Martin Strauch,Sabrina Brockmann

====================================================== */

html {
        padding: 0;
        margin: 0;
        height: 101%; /* erzwingt Scrollbar im Firefox*/
}

body {
        color: #000000;
        background-color: #000000;
        font-family: Verdana, Arial, sans-serif;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
}

a:link, a:visited {  color: #4A8998; }

noscript p {
        background-color:#F7F7F7;
        border-bottom:2px solid #4A8998;
        color:#4A8998;
        font:bold 0.9em Arial,Helvetica,sans-serif;
        text-align:center;
        padding:1em 0;
        position:fixed;top:0;left:0;width:100%;
        z-index:102;
}

.top_info{
        background-color:#F7F7F7;
        border-bottom:2px solid #4A8998;
        color:#4A8998;
        font:bold 0.9em Arial,Helvetica,sans-serif;
        text-align:center;
        padding:1em 0;
        position:fixed;top:0;left:0;width:100%;
        z-index:102;
}

h4 {
        color: black;
}



/* specific divs - layout */

#wrapper {
        position:absolute;
        left: 50%;
        margin-left:-510px;
        width:1020px;
}

#header {
        
        width: 1020px;
        height: 274px;
        background-image:url(../images/header.jpg);
}
#header_game {
        
        width: 1020px;
        height: 80px;
        background-image:url(../images/header_game.jpg);
}
#no_header{
        
        width: 1020px;
        height: 1px;
        
}
#sitebody {
        position:absolute;
        background-image:url(../images/background.jpg);
        background-repeat:no-repeat;
        background-color:#F7F7F7;
        margin-left: 57px;
        width: 907px;
}

#sitebody_game {
        position:absolute;
        background-image:url(../images/background_game.jpg);
        background-repeat:no-repeat;
        background-color:#F7F7F7;
        margin-left: 57px;
        width: 907px;
}

#navigation {
        
        float:left;
        width: 163px;
        padding-top: 40px;
        border-right: 3px dotted;
        border-right-color: #808080;
        min-height:300px;
}

#navigation_game {
        font-size: 1.2em;
        padding-top: 10px;
        
}

#content {
        margin-top:20px;
        
        float:left;
        width: 650px;
        padding-top: 30px;
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 10px;
        min-height:400px;
        height:auto !important;
        height:400px;
                margin-bottom:10px;
                
}

#contentIntern {
        width: 800px;
        padding-left: 25px;
        padding-right: 15px;
        padding-bottom: 10px;
        min-height:400px;
        height:auto !important;
        height:400px;
}

#gameContent{
  min-height:300px;
}

#game{
      margin: 10px auto;
      margin-left: 40px;
      float:left;
      z-index:1;
 

}
#right{
       float:right;
       width:400px;
       height:300px;
       
}

.rel{
  position:relative;
}

#revange{
  display:none; 
  top:-45px;
  left:0px;
  height:40px;
  width:380px;
  background-color:white;
  position:absolute;
  border: 1px solid;
  border-color:black;
}

#email{
  display:none;
}
#email2{
  display:none;
}
#email3{
  display:none;
}
#loader{
  display:none;
}
#email4{
  display:none;
  z-index:190;
  filter:alpha(opacity=85); 
  -moz-opacity: 0.85; 
  opacity: 0.85; 
  position:absolute;
  left:40px; top:60px; width:780px; max-height:400px;
  background-color:#F7F7F7;
  overflow:scroll;

}

#notice{
  display:none;
  z-index:200;
  filter:alpha(opacity=85); 
  -moz-opacity: 0.85; 
  opacity: 0.85; 
  position:absolute;
  left:500px; top:60px; width:400px; height:400px;
  background-color:#F7F7F7;
  

}
#moveHistory{
  display:none;
  z-index:190;
  filter:alpha(opacity=85);
  -moz-opacity: 0.85; 
  opacity: 0.85;
  position:absolute;
  left:500px; top:60px; width:160px; max-height:400px;
  background-color:#F7F7F7;
  overflow:scroll;

}
  
#commercial{
  display:none;
  z-index:190;
  position:absolute;
  left:40px; top:60px; width:820px;
  background-color:black;
}


#reklamation{
  
  font-size        : 11px;
  display:none; 
  top:-117px;
  left:0px;
  height:82px;
  width:380px;
  background-color:white;
  position:absolute;
  border: 1px solid;
  border-color:black;
}
#rangliste_left{
      float:left;
}
#rangliste_right{
       float:right;
       width:230px;
}

#shop{
      z-index:100;
      width: 1000px;
}

#footer {
        position: relative;
        float: left;
        text-align:center;
        color:white;
        background-image: url(../images/footer.jpg);
        background-repeat: no-repeat;
        background-color: #000000;
        padding-top: 5px;
        padding-left: 25px;
        padding-right: 25px;
        width: 857px;
        height: 40px;
}

#galleria{width:600px;margin:20px auto}


.text {
        font-size: 9pt;
        line-height: 1.5;
}

.text_small{
        font-size: 9pt;
        line-height: 1.5;
}

.text_small_kursiv{
  font-size: 9pt;
  line-height: 1.5;
  font-style:italic;
}

.right {
        float:right;
}

.left {
        float:left;
}

.clear {
        clear: both;
}

.blue {
                background-color:#4A8998;
                width:10px;
}

.white{
            background-color:#FFFFFF;
                width:10px;
}
.padLeft{
  padding-left:10px;            
}


table.brett{
  background:url(../images/schachbrett_big.jpg);
}

td.feldW{
  background:url(../images/white.png);
  background-color:white;
  height:50px;
  width:50px;
  
}

td.feldS{
  background:url(../images/black.png);
  background-color:blue;
  height:50px;
  width:50px;
  
}
td.feldSel{
  background-color:#00FF00;
  height:50px;
  width:50px;
}
td.feldRed{
  background-color:red;
  height:50px;
  width:50px;
}
td.feldGreen{
  background:url(../images/green.png);
  background-color:green;
  height:50px;
  width:50px;
}
td.feldBlue{
  background-color:blue;
  height:50px;
  width:50px;
}
td.linie{
  text-align:center;
}


a.menulink{
        font-size: 1.2em;
                display: block;
        width: 155px;
        height: 29px;
        background: url(../images/menu_bg.png) 0px 0px no-repeat;
        text-indent: 30px;
        line-height: 30px;
        text-decoration  : none;
}


a:hover.menulink { background: url(../images/menu_bg.png) 0px -29px no-repeat;}


a.menulink_game {
        width: 155px;
        height: 29px;
        background: url(../images/menu_bg.png) 0px 0px no-repeat;
        text-indent: 30px;
        line-height: 30px;
        text-decoration  : none;
        padding-left:5px;
        
}

a:hover.menulink_game {
        background: url(../images/menu_bg.png) 0px -29px no-repeat;
}

a.menulink_smalli {
        display: block;
        width: 155px;
        height: 29px;
        background: url(../images/menu_bg.png) 0px 0px no-repeat;
        font-size: 0.8em;
        text-indent: 30px;
        line-height: 30px;
        text-decoration  : none;
        
}

a:hover.menulink_smalli {
        background: url(../images/menu_bg.png) 0px -29px no-repeat;
}

a.red:link, a.red:visited { color:red;}
a.green:link, a.green:visited { color:green;}
/* specific classes */

.quellen {
        float: right;
        font-size: 7pt;
        font-style: italic;

}



/* ads by M.Strauch */

td, tr, p, div {

  font-family      :  Arial, Helvetica, sans-serif;

  color            : #333333;

  font-size        : 13px;

  line-height      : 16px;

}



hr {

  color            : #999999;

  height           : 1px;

  width            : 100%;

}

a:hover {
  color            : #999999;
  text-decoration  : underline;
}



ul {

  margin           : 2px;

  padding-left     : 10px;

  list-style       : none;

}



li {

  line-height      : 14px;

  padding-left     : 14px;

  padding-top      : 2px;
  list-style       : none;

}



ol li {

background-image: none;

}



form {

margin           : 0;

padding          : 0;

}

h1 {

  font-size        : 16px;

 color: #4A8998;

    }



h2 {

  font-size        : 14px;

  color: black;

    }



h3 {

  font-size        : 12px;

  color: black;

    }



img { border: 0 none; }

table.games{border: 1px solid; margin-top:5px; margin-left:40px; border-color:black;}
table.gamesMinMargin{border: 1px solid; margin-top:5px; margin-left:10px; border-color:black;}
td.games { border-bottom:1px dotted;border-right:1px dotted; width:100px;}
td.games_top {border-bottom:3px solid;border-right:1px dotted; width:100px;}
td.games_top_center {border-bottom:3px solid;border-right:1px dotted; width:100px;text-align:center;}
td.games_small { border-bottom:1px dotted;border-right:1px dotted; width:50px;}
td.games_top_small {border-bottom:3px solid;border-right:1px dotted; width:50px;}
td.games_big { border-bottom:1px dotted;border-right:1px dotted; width:140px;}
td.games_top_big {border-bottom:3px solid;border-right:1px dotted; width:140px;}
td.games_mega_big { border-bottom:1px dotted;border-right:1px dotted; width:300px;}
td.games_top_mega_big {border-bottom:3px solid;border-right:1px dotted; width:300px;}
td.games_biggest { border-bottom:1px dotted;border-right:1px dotted; width:200px;}
td.games_top_biggest {border-bottom:3px solid;border-right:1px dotted; width:200px;}
td.games_center { border-bottom:1px dotted;border-right:1px dotted; width:100px;text-align:center}
td.games_small_center { border-bottom:1px dotted;border-right:1px dotted; width:50px; text-align:center}

th.games { border-bottom:1px dotted;border-right:1px dotted; width:300px;}

td.center { border-bottom:1px dotted;border-right:1px dotted; width:100px; text-align:center;}


th.small { width:100px;}

td.cr_games_big { border-bottom:1px dotted;border-right:1px dotted; width:100px;font-weight:bold;}
td.cr_games { border-bottom:1px dotted;border-right:1px dotted; width:50px;}

table.info{border: 1px solid; margin-top:5px; table-layout: fixed; overflow:hidden;}
td.info { border-bottom:1px dotted;border-right:1px dotted; width:500px;}
td.info_top {border-bottom:3px solid;border-right:1px dotted; width:400px;}

table.messages{border: 1px solid; margin-top:5px; table-layout: fixed; overflow:hidden; width:600px;}
td.bigger { border-bottom:1px dotted;border-right:1px dotted; width:500px;}

.center{ text-align:center; }
.player{ color:#4A8998;
         font-size: 15px;
         font-weight:bold;
          }
.red{ color:red;}
.orange{ color:orange;}
.green{ color:green;}



/* navigation --NEU */
#navHori{float:left; width:420px; }
#topRight{ float:right; margin-right:5em; margin-top:5em; color:white;}
div.shortcutList{ text-align:right;padding-right:5px;padding-top:5px; width:90px; float:right;}
p.bottombar{ height: 10px; background: #1a1109;  }



ul.semiopaquemenu{ /* main menu UL */
font: bold 14px Georgia ;
width: 100%;
/*background: #4A8998; #b1e958; */
padding: 11px 0 8px 0;         
margin-bottom: 18px;
text-align: left; 
}

ul.semiopaquemenu li{ list-style: none;float: left; }
ul.semiopaquemenu li a{ color:black; margin-right: 0px; text-decoration: none; position: relative;}
ul.semiopaquemenu li a:hover, ul.semiopaquemenu li a.selected{
color: black;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xNiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* IE9+ SVG equivalent  of linear gradients */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.16) 100%); /* fade from white (0.82 opacty) to 0.16 opacity */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.82)), color-stop(100%,rgba(255,255,255,0.16)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1ffffff', endColorstr='#29ffffff',GradientType=0 );
-moz-box-shadow: 0 0 5px #595959; /* CSS3 box shadows */
-webkit-box-shadow: 0 0 5px #595959;
box-shadow: 0 0 5px #595959;
padding-top: 12px; /* large padding to get menu item to protrude upwards */
padding-bottom: 20px; /* large padding to get menu item to protrude downwards */
}

div.shortcutList a:hover, div.shortcutList a.selected{
color: black;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xNiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* IE9+ SVG equivalent  of linear gradients */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.16) 100%); /* fade from white (0.82 opacty) to 0.16 opacity */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.82)), color-stop(100%,rgba(255,255,255,0.16)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1ffffff', endColorstr='#29ffffff',GradientType=0 );
-moz-box-shadow: 0 0 5px #595959; /* CSS3 box shadows */
-webkit-box-shadow: 0 0 5px #595959;
box-shadow: 0 0 5px #595959;
padding-top: 19px; /* large padding to get menu item to protrude upwards */
padding-bottom: 6px; /* large padding to get menu item to protrude downwards */
}

ul.semiopaquemenu li ul { background-color:white;margin: 0; padding: 0;  position: absolute;  min-width:8em; -moz-border-radius: 16px; -webkit-border-radius: 16px; z-index:99;}
ul.semiopaquemenu li ul li {  float: none;  font-size:1em;  margin: 0.3em; }
ul.semiopaquemenu li ul a:hover, div#topRight a:hover, div#topRight a.selected{
color: black;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xNiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* IE9+ SVG equivalent  of linear gradients */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.16) 100%); /* fade from white (0.82 opacty) to 0.16 opacity */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.82)), color-stop(100%,rgba(255,255,255,0.16)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1ffffff', endColorstr='#29ffffff',GradientType=0 );
-moz-box-shadow: 0 0 5px #595959; /* CSS3 box shadows */
-webkit-box-shadow: 0 0 5px #595959;
box-shadow: 0 0 5px #595959;
padding-top: 1px; /* large padding to get menu item to protrude upwards */
padding-bottom: 1px; /* large padding to get menu item to protrude downwards */
}

/* Erweiterung zur dynamischen Ein-/Ausblendung */
ul.semiopaquemenu li>ul {    display: none; top: 2.8em; left:4.1em;}
ul.semiopaquemenu li:hover>ul, ul.semiopaquemenu li>a#aktuell+ul {    display: block;  }

/* Workaround fuer den IE */
*:first-child+html ul.semiopaquemenu ul {   background-color:silver; padding-bottom:0.4em;  }
*:first-child+html  p.bottombar {  margin-top:-20px;  }
*:first-child+html  ul.semiopaquemenu li a:hover {  color:red;  }
*:first-child+html  div#topRight a:hover {  color:red;  }




/* overviewGame */
.oGleft, .oGcenter{ float:left;   width:260px; text-align:center;}
.oGright{ float:right; width:260px; text-align:center;}
.gradientbuttons{ font-size:14px; width:192px;height:40px;margin-left:5em; margin-right: 5px; border: 1px solid #778; border:1px solid gray; background: #3282c2;
  border-radius: 8px; /*w3c border radius*/
  box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* w3c box shadow */
  -moz-border-radius: 8px; /* mozilla border radius */
  -moz-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* mozilla box shadow */
  background: -moz-linear-gradient(center top, #a4ccec, #72a6d4 15%, #3282c2 45%, #357cbd 65%, #72a6d4); /* mozilla gradient background */
  -webkit-border-radius: 8px; /* webkit border radius */
  -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* webkit box shadow */
  background: -webkit-gradient(linear, center top, center bottom, from(#a4ccec), color-stop(25%, #72a6d4), color-stop(45%, #3282c2), color-stop(65%, #357cbd), to(#72a6d4)); /* webkit gradient background */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4ccec', endColorstr='#72a6d4'); /* for IE */
}
.gradientbuttons a{ color:white;text-decoration: none;}
.gradientbuttons a:hover{ color: red; }

.greentheme{
  background: green;
  background: -moz-linear-gradient(center top, #7ad690, #3ec05c 25%, #298a40 45%, #3ec05c 85%, #7ad690);
  background: -webkit-gradient(linear, center top, center bottom, from(#7ad690), color-stop(25%, #3ec05c), color-stop(45%, #298a40), color-stop(85%, #3ec05c), to(#7ad690));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ad690', endColorstr='#3ec05c'); /* for IE */ 
}