/* ________________________________________________________ */
/* -------------------------------------------------------- */
/*       StyleSheet fuer http://best-of-netdigest.de        */
/* -------------------------------------------------------- */


/* -------------------------------------------------------- */
/*           Deklarationen für einzelne Elemente            */
/* -------------------------------------------------------- */

body {
   color: black;
   background: #F9F0D4;
   margin: 0;
   padding: 0 0 1em 0;
}

p, td, div, ul, ol, li, textarea, h1, h2, h3, h4 {
   font-family: "Trebuchet MS", Verdana, sans-serif;
   color: #210;
}

h1 {
   font-size: 1.5em;
   color: #530;
}

h2 {
   font-size: 1.3em;
   color: #530;
}

h3 {
   font-size: 1.1em;
   color: #530;
}

pre {
   margin-left: 2em;
}

pre.netdigest1, pre.netdigest2 {
   margin-left: 0;
}

pre.netdigest1 { /* Headerzeilen der Beiträge */
   padding: 5px 15px;
   font-weight: bold;
   margin-right: 90px;
}

@media screen {
pre.netdigest1 {
   border: 1px solid black;
   background-color: #ffd;
   margin-top: 2em;

}
}

pre.netdigest2 { /* Body der einzelnen Beiträge */
   padding-bottom: 1em;
   margin-right: 100px;
   margin-left: .5em;
}

pre.netdigest1 span { /* Submitter´s Note */
   font-weight: normal;
}

blockquote {
   position:relative;
   top:-4px;
   left:-4px;
   border: 1px solid black;
   margin: 0;
   padding: 0;
   background: white url(/images/marmor.jpg);
}

blockquote p {
   padding: 0 15px;
}

@media screen {
div.schatten {
   background: #999;
   color: black;
   margin: 1em 170px 1em 3em;
   border: none;
}
}

address {
   font-weight: bold;
   font-style: normal;
   margin-left: 1.5em;
}

cite {
   font-style: normal;
   color: #930;
}

.emoticon {
   color: red;
}

/* -------------------------------------------------------- */
/*           Deklarationen für einzelne Bereiche            */
/* -------------------------------------------------------- */

@media screen { /* Dokumentenkopf */
#head {
   border-collapse: collapse;
   width: 100%; /* Für Opera */
}

#head td {
   border: 1px solid #666;
   border-top: none;
   border-left: none;
}

#head img {
   vertical-align: bottom;
}

#smiley {
   padding: 0;
   background-color: #FDE9AA;
}

#logo {
   background: #FDE9AA url(/images/bg_logo.png);
   text-align: right;
   padding: 0 30px 0 0;
}

#trenner {
   background-color: #F8C367;
}

#navigation {
   background-color: #FDE9AA;
   text-align: right;
   padding: 0 30px 5px 0
}

#navigation ul {
   margin: 0;
   list-style-type: none;
}

#navigation li {
   display: inline;
   margin: 0;
   padding: 0 5px;
}
}


#footer { /* Fußzeile */
   background: #FDE9AA url(/images/bg_logo.png);
   border-top: 1px solid #666;
   border-bottom: 1px solid #666;
   padding: 4px 15px;
   font-size: .9em;
   clear: both;
   margin: 1em 0;
}


#jahre { /* Navigation links */
   float: left;
   border-collapse: collapse;
   margin-top: 5px;
   width: 141px;
}

#jahre th, #jahre td {
   border: 1px solid #666;
   border-left: none;
   text-align: center;
   padding: 0;
}

#jahre th {
   background-color: #F8C367;
   font-size: 1.2em;
}

#jahre td {
   background-color: #FDE9AA;
}

#jahre a {
   display: block;
   width: 100%;
   padding: 1px 0;
}

#jahre th a {
   background-color: #F8C367;
}

#jahre td a {
   background-color: #FDE9AA;
}

#jahre a:hover {
   background: white;
}

#jahre .werbung a:hover, #jahre .werbung a:active {
   color: black;
   background-color: transparent;
}

#jahre .trenner {
   color: black;
   background-color: #F9F0D4;
   font-size: 4px;
   border: none;
   padding: 0;
}

@media screen {
.seiten { /* Seitenzahlen */
   float: right;
   width: 142px;
   border-collapse: collapse;
   border: 1px solid #666;
   margin-top: 5px;
}

.seiten td {
   border: 1px solid #666;
   text-align: center;
   padding: 0;
   background-color: #FDE9AA;
   text-align: center;
}

.seiten td a {
   display: block;
   width: 100%;
   background-color: #FDE9AA;
   padding-top: 1px;
   padding-bottom: 1px;
}

.seiten td a:hover {
   background: white;
}

.seiten a.active {
   padding-top: 1px;
   padding-bottom: 1px;
   background-color: white;
}


#content {
   margin-left: 150px;
   margin-right: 4em;
   border: 1px solid #F9F0D4; /* Workaround für Mozilla, der den Content sonst an den Head klatscht. */
}
}

#pfeile {
   margin-right: 100px;
   margin-top: 0;
}

#pfeile img {
   vertical-align: middle
}

@media all {
#pfeile {
   float: right;
}
#pfeile img {
   padding-right: .5em;
}
}

.werbung {
	text-align: right;
	margin: 1em auto;
	padding-top: 1em;
	width: 730px;
	font-size: .8em;
}

/* -------------------------------------------------- */
/*             Erscheinungsbild der Links             */
/* -------------------------------------------------- */


a:link {
   color: #472A00;
   background: none transparent;
}

a:visited {
   color: #777;
   background: none transparent;
}

a:hover {
   color: black;
   background-color: white;
}

a:active {
   color: black;
   background-color: #FDE9AA;
}

a:link img, a:visited img, a:active img {
   color: black;
   background: none transparent;
   vertical-align: bottom;
   font-size: 12px;
   border: none;
}

a:hover img {
   color: black;
   background: none transparent;
   vertical-align: bottom;
   font-size: 12px;
}