/* CSS Document */

body {
     font: normal 0.7em Verdana, Arial, Helvetica, sans-serif;
     text-align: left;
     vertical-align: top;
     color: #ffffff;
     margin-top:0px;
     background-color: #3d3d3d;
     background-image: url(gfx/schachbrett_bg.gif);
     padding: 0px;
     margin: 0px;
    }
    
a {
 color: #b9db61;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}
    
.page {
  width: 1015px;
  margin: auto;
  background-color: #3d3d3d;
  /*border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;*/
  
}

.header {
  margin: 0px 3px; 
  padding-left: 22px;
  border-bottom: 2px solid #ffffff;
  /*width: 1009px*/
  height: 114px;
}

.logo {
  margin-top: 20px;
  width: 409px;
  height: 94px;
  background-image: url(gfx/logo.gif);
  float:left;
}

.playbutton {
  margin-top:5px;
  margin-left: 43px;
  margin-right: 5px;
  width: 40px;
  float: left;
  height: 38px;
  background-image: url(gfx/play.gif);
}

.header-left {
  margin-top:5px;
  float:left;
  padding-top:15px;
}

.advert {
  width: 468px;
  height: 60px;
  
  margin-left: 5px;
  margin-top: 5px;
}

.bluebar {
  height: 8px;
  width: 473px;
  background-color: #4e8bc8;
}

.mirror_logo {
  height:88px;
  width: 409px;
  margin-left:25px;
  background-image: url(gfx/logo_mirror.gif);
  float:left;

}

.blacknotes {
    background-image: url(gfx/note_black.gif);
    width: 400px;
    height: 191px;
    margin-left: 606px;
}

.contentwrapper {
  margin-top: -103px;
}
.navigation {
  /*margin-top: 88px;*/
  margin-left: 20px;
  border: 1px solid #ffffff;
  width: 172px;
  float: left;
    background-color: #2d2d2d;
}

.navigation2 {
  /*margin-top: 88px;*/
  margin-left: 20px;
  border: 1px solid #ffffff;
  width: 172px;
  float: left;
    background-color: #2d2d2d;
}

.navigation a {
 color: #ffffff;
 text-decoration: none;
}

.navigation a:hover {
 text-decoration: underline;
}

.contenthead {
  border-bottom:1px solid #ffffff;
  height: 15px;
  
  padding-left: 5px;
  background-color: #4e8bc8;
}

.contentbox1 {
  background-image: url(gfx/amplitude.gif);
  background-repeat: no-repeat;
  background-position: right top;
  padding: 10px 8px;
  border-bottom: 1px solid #ffffff;
}

.contentbox {
  background-color: #2d2d2d;
  padding: 10px 8px;
  border-bottom: 1px solid #ffffff;
}

.contentbox2 {
  background-image: url(gfx/note_white.gif);
  background-repeat: no-repeat;
  background-color: #2d2d2d;
  background-position: right bottom;
  padding: 10px 8px;
}

.content {
 /* margin-top: 88px;*/ 
  float:left;
}

.info-box {
  width: 275px;
  margin-left: 25px;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  background-color: #2d2d2d;
  float:left;
  margin-bottom: 25px;
}

.info-box1 {
  width: 275px;
  margin-left: 25px;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  background-color: #2d2d2d;
  float:left;
  margin-bottom: 25px;
}

.article-box {
  width: 577px;
  margin-left: 25px;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

.datebar {
  width: 552px;
  height: 20px;
  margin-left: 3px;
  padding-top: 3px;
  background-image: url(gfx/date_bar.gif);
  background-repeat: repeat-y; 
}

.date {
  color: #4e8bc8;
  width: 320px;
  float:left;
}

.author {
  width: 227px;
  text-align: right;
  float:left;
}

.article {
  width: 552px;
  margin-left: 3px;
  padding-top: 10p; 
}

h1 {
	font-size: 18px;
	margin: 0;
	padding: 0;
}

.footer {
    width: 1000px;
    margin: 20px 3px 0px;
    border-top: 2px solid #ffffff; 
    padding: 10px 0px 20px;
    text-align: center;
}