@import url(../styles/bard.css);
@import url(http://fonts.googleapis.com/css?family=IM+Fell+English+SC);
@import url(http://fonts.googleapis.com/css?family=IM+Fell+English);
@import url(http://fonts.googleapis.com/css?family=Kotta+One);

@media screen,print {
  h1,h2 { font-family:'IM Fell English SC', serif; }
  h3,h4 { font-family:'IM Fell English', serif; }

  h1         { margin-bottom:0;
           padding-top:0.5em;
		   font-size:2.5em;}
		   
  h2 { font-size:2em;}		   
  
  body>h2    { margin-bottom:-0.2em;
             padding-bottom:0px;
             min-height:0px; }
  
  h3         { background:transparent;
           margin-top:0;
           margin-bottom:0;
           text-align:center;
           font-size:1.2em; }
  
  /* News-Page */
  dl.news dt { font-family:Tahoma,Geneva,sans-serif; }
  
  dl.news>dd:after
             { content:" ";
         display:block;
         height:1em; }
  
  dl.news dd dl dt
             { padding-left:0.6em;
         padding-top:0.8em;
		 font-family:'IM Fell English',serif; }
  
  dl.news dd p.last
             { margin-bottom:0; }
  
  /* Wertungssystem */
  
  p + dl.rs  { border-top:none; }
  
  dl.rs      { padding:0 1em;
            border-style:solid;
            border-width:1px 0;
            margin-bottom:1em; }
  
  dl.rs dt   { font-weight:bold; }
  
  dl.rs dd   { padding-bottom:1em; }
  
  /* Wertungskasten */
  table.wk   { margin-top:1.2em;
             font-size:0.9em;
             letter-spacing: 0.1em;
             word-spacing: 0.2em;
             width:100%;
             margin-left:auto;
             margin-right:auto;
             margin-bottom:1em; }
               
  .wk-title  { text-align:left;
               margin:0;
               font-weight:normal;}

  .wk-alt    { margin-bottom:0;
             margin-top:0;
             text-align:left; }

  h4.wk-alt  { font-weight:normal; }
              
  ul.wk-alt  { font-size:1em;
              letter-spacing: 0.1em;
              word-spacing: 0.2em;
              padding-left:1.5em; }
               
  table.wk, table.wk td.wk-pointsd, table.wk td.wk-pointsb
               { text-align:center; } 

  .wk-blocks { background:#333; font-size:1.45em; }
  
  .wk-dark , .wk-bright { text-align:left; }
  
  .wk-pointsd , .wk-pointsb  { padding:0px; width:2.45em; font-weight:bold;}
  
  .wk-dark  td{ padding:0em 0.2em; }
  
  .wk-dark td img     {vertical-align:baseline;}
  .wk-bright td img {vertical-align:baseline;}
  
  td.wk-rating {  width:1.5em; font-size: 1.6em; text-align:Center; font-weight:bold;}

  .wk-blocks { background:#333; }
  .wk-wert0  { background:black; }
  .wk-wert1  { background:#300;  }
  .wk-wert2  { background:#400;  }
  .wk-wert3  { background:#500;  }
  .wk-wert4  { background:#600;  }
  .wk-wert5  { background:#700;  }
  .wk-wert6  { background:#800;  }
  .wk-wert7  { background:#900;  }
  .wk-wert8  { background:#a00;  }
  .wk-wert9  { background:#b00;  }
  .wk-wert10 { background:#c00;  }
  
  /* Alter Wertungskasten */                 
  .wk-plus, .wk-minus
              { margin-bottom:0;
                margin-top:0;
                text-align:left;
                vertical-align:top; }
                
  td.wk-plus ul,
  td.wk-minus ul
              { padding-left:1em;
                margin-left:1em; }
  
  h4.wk-plus  { font-style:italic;
                font-weight:normal;
                padding-left:0; }
              
  h4.wk-minus { font-style:italic;
                font-weight:normal;
                padding-left:0; }
  
  ul.wk-points  { font-size:1em;
                  letter-spacing: 0.1em;
                  word-spacing: 0.2em; }

} /* @media screen, print */

@media screen {
  /* Colour Scheme */
  body       { background:#333 url(../backgrounds/magneto.jpg); }
  
  a:link     { text-decoration: none; color:#ffc;}
  a:visited  { text-decoration: none; color:#bb8;}
  a:focus    { text-decoration: underline; color:#dda;} 
  a:hover    { text-decoration: underline; color:#dda;} 
  a:active   { text-decoration: underline; color:#dda;}
  
  dl.index   { border-color:gray; }
  
  .alone, .begin, .last,
  div.content h2, div.content h3
             { border-color:gray; }
  
  h1,h2      { color:#ffb; }
  
  /* Lists and Paragraphs */
  
  dl.index   { width:13em; }
  
  .content, dl.news
             { margin-left:19em; }

  dl.news dt { background:grey;
               color:white; }
  
  dl.news>dd:after,
  dl.news dd dl dt,
  dl.rs      { background:url(../backgrounds/b30.png); }
  
  dl.rs      { border-color:gray; }
  
  /* Meinugs und - Auszeichnungskasten */     
  h3.subtitle { margin-top:0;
                text-align: left;
                color: yellow; }
  
  #awards  { position: absolute;
             top: 15em;
             right: 2.3em;
             width:15em;
             background:black;
             border:1px solid gray;
             padding:0.5em;
             visibility:hidden; }
             
  div#awards h3 { color:yellow; }
  
  div#awards dl dt
            { font-weight:bold;
              margin-top:1em; } 
                
  div#awards dl dd
            { text-align:left; }
            
  #meinung  { position: absolute;
              top: 33.75em;
              right: 2.8em;
              width:40%;
              background:black;
              color:aqua;
              font-size:0.8em;
              border:1px solid gray;
              padding:0.5em;
              visibility:hidden; }
  
  #meinung p { border:none;
               margin-bottom:0;
               padding-left:0;
               padding-right:0; }
  
  #meinung h3 { margin-top:0;
               margin-bottom:0;
               color:yellow;
               padding-bottom:1em; }
                
  .award-button { display:block;
                  position:absolute;
                  top:15em;
                  right:0;
                  padding:1em 0.5em;
                  background:black;
                  border:1px solid gray; }
                            
  .meinung-button { display:block;
                    position:absolute;
                    top:27em;
                    right:0;
                    padding:1em 0.5em;
                    background:black;
                    border:1px solid gray; }
  
  /* Wertungskasten */
  .wk-title  { color:white;
               background:grey; }

  .wk-alt    { background:#222; }
  
  .wk-dark   { background:black;
               color:white; }
              
  .wk-bright { background:#333;
                color:white; }
  
  .wk-pointsd  { background:#020;
                 color:white; }
  
  .wk-pointsb  { background:#060;
                 color:white; }
  
  td.wk-rating { background:yellow;                          
                 color:black; }
  
  /* Alter Wertungskasten */
  .wk-plus    { background:#040; }
  
  .wk-minus   { background:#400; }
  
  h4.wk-plus  { background:#080; }

  h4.wk-minus { background:#800; }
} /* @media screen */

@media print {
  dl.rs      { border-color:black}

  .wk-title  { color:white;
               background:black; }

  h4.wk-minus { background:black;
                color:white; }
  
  h4.wk-plus, .wk-bright, td.wk-rating
              { background:silver; }           
             
  .meinung-button, .award-button
             { display:none;
               visibility:hidden; }
               
  #meinung, #awards
             { margin-left:1.5em;
               margin-right:1.5em;
               width:auto; }

  #awards dl { border:solid black;
               border-width:1px 0;
               margin-bottom:1em; }
} /* @media print */