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

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

Stylesheet für die Webseite www.onlineschach.eu

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

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

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



/* basic elements */

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


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;
		
}

#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;
}
#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;

}
#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-color:green;
  height:50px;
  width:50px;
}
td.feldBlue{
  background-color:blue;
  height:50px;
  width:50px;
}
td.linie{
  text-align:center;
}



#navigation {
        font-size: 1.2em;
}

a.menulink{
		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.menulink_small {
		font-size: 0.8em;
        margin-left:5px;
        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.menulink_prem {
        font-size: 0.8em;
        margin-left:5px;
        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.menulink_prem_big {
        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:hover.menulink_small { background: url(images/menu_bg.png) 0px -29px no-repeat;}
a:hover.menulink_prem {background: url(images/menu_bg.png) 0px -29px no-repeat;}
a:hover.menulink_prem_big { background: url(images/menu_bg.png) 0px -29px no-repeat;}

a.menulink_prem:link {
  color:#C6BD24;
  }
a.menulink_prem:visited {
  color:#C6BD24;
  }
a.menulink_prem:hover {
  color:#C6BD24;
  }
  
a.menulink_prem_big:link {
  color:#C6BD24;
  }
a.menulink_prem_big:visited {
  color:#C6BD24;
  }
a.menulink_prem_big:hover {
  color:#C6BD24;
  }
  
a.menulink_small:link {
  color:black;
  }
a.menulink_small:visited {
  color:black;
  }
a.menulink_small:hover {
  color:black;
  }


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:link, a:visited {

  color: #4A8998;




}

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;}