/*
         @ Dark Red Style
         @ Autor  Latos
         @ Version 1.0 
         @ 11. Januar 2008
*/

/* Hintergrund */
		
body {background: #000000 url(http://s189.photobucket.com/albums/z143/latos-xd/Pi/th_TOPDRK2.jpg) repeat-x;}


/*Text*/

#inhalt {color: #FF0000;}
#spalte {color: #FF0000;}

/* Links */

a:link, a:visited {color: #B22222 !important; text-decoration: none !important;}
a:hover {color: #FF0000 !important; text-decoration: underline !important;}


/*Tabellen (Kopf /zeile1 / zeile 2 / rand)*/

.tabelle th {background-color: #000000}
tr.tabelle_1 {background-color: #330000;}
tr.tabelle_2 {background-color: #660000;}
.body table {
border-top: 1px solid #FF0000;  border-left: 1px solid #FF0000;}
.body th, .body td {
border-bottom: 1px solid #FF0000; border-right: 1px solid #FF0000;}


/* Spaltenstruktur */

#inhalt {background: url(http://pokefans.net/seite/l/latos/bilder/rote_kette.png) repeat-y top right;}
#bottom {background-color: #8B0000; border: 1px solid #FF0000; padding: 5px;}


/* Suche */

#suche input[type='text'] {background-color: #8B0000;}
#suche input[type='text']:focus {outline: 2px solid #000000;}

 
/*  Menüs */

#cd { position: static;
width: 104px; border: 1px #000000 solid;
background-color: #ffffff;
font-size: 11px;}

#cd a, #cd h2 {
  font: bold 11px/16px arial, helvetica, sans-serif;
  display: block;
  margin: 0px; padding: 2px 3px; }

#cd ul {list-style: none; margin: 0; padding: 0;}
#cd a { font-size: 10px; color: #8B8B8B; background: #C0C0C0; text-decoration: none; }
#cd a:hover { color: #a00; background: #A4A4A4; }
#cd li {position: relative;}
#cd ul ul ul {border:1px #000000 solid; position: absolute; top: 0; left: 100%; width: 90%; background-color: #C0C0C0;}
div#cd ul ul ul, div#cd ul ul li:hover ul ul {display: none;}
div#cd ul ul li:hover ul, div#cd ul ul ul li:hover ul {display: block; margin-left:0px;}

/* Optimierung des Designs für den IE*/

#cd ul ul {background-color: #C0C0C0;}
#cd h2 {background-image: none; background-color: #ffffff; height: 100%;}
#cd ul li ul li {height: 100%;}

/*Newsfenster*/

.field {background-color: #330000;}
.field {
border-top: 1px solid #F00;  border-left: 1px solid #F00;}
.field {
border-bottom: 1px solid #F00; border-right: 1px solid #F00;}

/* Archiv */

#archiv {
position: relative;
z-index: 3;
color: #FF0000;
background: #330000;
font: bold 14px "Trebuchet MS", Verdana, Arial, sans-serif;
text-decoration:none;
display:block;
padding:5px;
border: 1px solid black;
width: 20%;
margin: 10px;}

#archiv:hover {
color: #FF0000;
background: #660000;
width: 90%;}

#archiv span.nn {display: none; margin-top: 5px;}
#archiv:hover span.nn {
color: #FF0000;
background: #330000;
font: normal 0.8em "Trebuchet MS", Verdana, Arial, sans-serif;
border: 1px solid black;
display: block;
padding: 10px;}
#archiv h3 {color: #FF000; border-bottom: 2px solid #FF000; font-size: 14px;}

/* Gallerie */

#gallery {width: 530px;}
#gallery h2 {background: #000000; border: 1px solid #000; font-size: 1.2em; color: #FF0000;}
#gallery ul {list-style:none; padding:0; margin:0; width:500px; position: relative; float: left; top: 35px; left: 15px;}
#gallery ul {background-color: #660000;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin: 5px 5px;}
#gallery ul li a {display:block; width:52px; height:52px; text-decoration:none; border: none;}
#gallery ul li a img {display:block; width:52px; height:52px; border: 1px solid #000; background-color: #330000;}
#gallery ul li a:hover {white-space: normal; border: 1px solid #ddd;}
#gallery ul li a:hover img {position: relative; left:-26px; top: -26px; width: auto; height: auto; border: 6px solid #000000; background-color: #330000;  z-index: 300;}
#gallery ul li a:focus img {display: block; position: absolute; left: -26px; top: -26px;  width: 200%; height: 200%; border: 6px solid #000000; background-color: #330000;  z-index: 300;}

/* Hintergrund der Gallerie */

#bggal
{position: static;
border: 1px #ff0000 dotted;
width: 530px;
height: 429px;
background-color: #660000;
margin: 10px 50px;}

/* Listen-Fixes */

#cd ul li:before {content:no-open-quote !important;}
#cd ul li {text-indent: 0em; margin-left: 0em;}
#gallery ul li:before {content:no-open-quote !important;}


/* Sonsiges */

hr.clear {visibility: hidden;}