/* Look
 ******************************************************************************/
body {
  background-color: #eee;
  }
.grid {
  background-color: white;
  border-right: 1px solid #ccc;
  }
#status-bar .grid {
  /* border-top: 1px solid #ccc; /* Mark annoying grey area */
  }
#content .unit {
  border-bottom: 1px solid #ddd;
  }
#content .advertisement {
  border: none;
  }
#content {
  border-bottom: 1px solid #ccc;
  }

/* Navigation */

#main-navigation {
  background-color: #555;
  border-bottom: 1px solid #333;
  border-width: 1px 0;
  }
  #main-navigation li a {
    color: white;
    }
  #main-navigation a.on, #main-navigation a.on:hover, #main-navigation a.on:focus {
    background-color: #b7173a;
    border: 1px solid #670815;
    border-top: none;
    }
  #main-navigation a:hover, #main-navigation a:focus {  
    background-color: #000;
    }

#global-navigation li a, #global-navigation li a:visited {
  color: #999;
  }
  #global-navigation a:hover, #global-navigation a:focus {
    text-decoration: underline;
    }

/* Sidebar */
.sidebar {
  }

.side-unit:hover h2 {
  border-top: 2px solid #b7173a;
  }
.sidebar h2 {
  border-top: 2px solid #bbb;
  }
  .side-unit .comment {
    color: #777;
    }
  .sidebar li a, .sidebar p, .sidebar label {
    color: #666;
    }
  .sidebar h2 {
    color: #444;
    }
  .sidebar li a {
    padding-left: 3px; /* compensation for border */
    margin-left: -6px;
    border-left: 3px solid #fff; /* invisible border for rendering speed */
    border-left: 3px solid transparent; /* invisible border for rendering speed */
    }
  .sidebar li.odd a { /* Odd lines */
    }
  .sidebar li a:hover, .sidebar li a:focus {
    border-left: 3px solid #777;
    border-left: 3px solid #971025;
    }
  .sidebar li a:hover, .sidebar li a:focus {
    color: #000;
    }
  .sidebar li.odd a:hover, .sidebar li.odd a:focus {
    }
  .sidebar img {
    border: 1px solid black;
    }
  .sidebar a:hover img, .sidebar a:focus img {
    border: 1px solid #b7173a;
    }
  .sidebar a .comment {
    display: block; /* New line */
    color: #999;
    font-style: italic;
    text-align: right;
    }
  a:hover .comment, a:focus .comment {
    color: #000;
    }

/* Random */
.go-next { background: url(images/go-next-gray.png) #eee 0 0 no-repeat; }
.go-next:hover, .go-next:focus { background: url(images/go-next-gray.png) #eee 0 -32px no-repeat; }
.go-previous { background: url(images/go-previous-gray.png) #eee 0 0 no-repeat; }
.go-previous:hover, .go-previous:focus { background: url(images/go-previous-gray.png) #eee 0 -32px no-repeat; }

.skip { color: #000; } /* invisible */
.skip:focus { color: white; } /* visible */

#date {
  font-size: 250%;
  font-weight: bold;
  color: #444;
  }

#search-bar label {
  font-weight: normal;
  font-size: 100%;
  color: #777;
  }
  #search-bar input {
    width: 230px;
    border: 1px solid #aaa;
    }
  #search-bar input:focus {
    border: 1px solid #44a;
    background-color: #ff9;
    }

h2 { 
  color: #999;
  }

.author {
  color: #666;
  }

a:hover img {
  border: 1px solid #b7173a;
  }

.section h2 {
  border-left: 5px solid #b7173a;
  padding-left: 5px;
  margin-bottom: 10px;
}

.section a {
  color: black;
  text-decoration: none;
  }
  .section a:hover {
    text-decoration: underline;
    }

#footer {
  color: #888;
  }
#footer a {
  color: #88a;
  }
#footer a:hover {
  color: #00f;
  }
#mehr-taz span {
  display: none;
  }
#mehr-taz a {
  margin: 0 auto;
  display: block;
  height: 70px;
  width: 108px;
  background: url(images/print.png) #eee 0 0 no-repeat;
  }
#mehr-taz a:hover {
  background: url(images/print.png) #eee 0 -70px no-repeat;
  }