/* 25.11.2006 - new layout by CSS instead of tables! */
/* 08.04.2007 - cancelled CSS layout try */

/* main page layout! */

/* basically everything */
body {
 background-image:url(../pics/background_blut.jpg);
 background-position:top;
 background-repeat: repeat-x;
 background-attachment: fixed; 
 font-size:9pt;
 font-family:sans-serif;
 color:#FFFFFF;
 background-color:#000000;
}


/* small text */
small {
 font-size:8pt;
 color:#FFFFFF;
}

.small {
	font-size:8pt;
	color:#ffffff;
}

input,textarea,select {
font-family:sans-serif;
background-color: #000000;
border-bottom-width: 1px;
border-color: #999999;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
color: #FFFFFF;
font-size: 10pt;
font-weight: normal;
text-indent: 2px;
}

option {
background-color: black;
border-bottom-width: 1px;
border-color: #999999;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
color: #FFFFFF;
font-size: 10pt;
font-weight: normal;
text-indent: 2px;
}

select {
background-color: black;
border-bottom-width: 1px;
border-color: #999999;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
color: #FFFFFF;
font-size: 10pt;
font-weight: normal;
text-indent: 2px;
}


a {
text-decoration:none;
color:#EE0000;
}


h1 {
font-size:18pt;
color:#888888;
}

h2 {
font-size:16pt;
color:#888888;
}

h3 {
font-size:14pt;
color:#3a459e;
}

h4 {
font-size:12pt;
color:#3a459e;
}


img { border:0 }

td {font-size:9pt}

dt {margin-left: 15px; font-weight: bold; color:#8080a0}

dd {margin-bottom: 8px}


/* the master table holding all our contents */
#master {
 border-style:solid;
 border-color:#011456;
 border-width:0px;
 padding:1px;
 border-spacing:5px;
 width:100%;
}


/* div at the very bottom */
#foot {
 text-align:center;
 padding-top: 2px;
 border-style:solid;
 border-color:#011456;
 border-bottom-width:0px;
 border-right-width:0px;
 border-left-width:0px;
 border-top-width:1px;
}


/* genereller kleiner Text */
/* .small { font-size:8pt; } */


/* Textzeile in kleinen Listen-Mods mit etwas mehr Abstand */
p.modnav {
 margin-bottom: 4px;
 margin-top:0px;
}


/* Mittlere Ausrichtung mit Rahmen für typische kleine zentrierte Mods links und rechts, üblicherweise mit der blauen Überschrift */
div.mainmod {
 text-align: center;
 vertical-align: middle;
 width: 95%;
 margin-bottom: 5px;
 padding: 2px;
 border-style:solid;
 border-width:1px;
 border-color:#808080;
}

/* wie mainmod, aber mit linker Textausrichtung für kleine Text-Mods */
div.mainmodleft {
 text-align: left;
 vertical-align: middle;
 width: 95%;
 margin-bottom: 5px;
 padding: 2px;
 border-style:solid;
 border-width:1px;
 border-color:#808080;
}

/* wie mainmod, nur ohne Rahmen für Reviews */
div.mainmodrev {
 text-align: center;
 vertical-align: middle;
 width: 100%;
 margin-bottom: 5px;
 padding: 2px;
 border-style:none;
 border-width:0px;
}


/* Überschrift mit blauem Hintergrundbalken für kleine Mods (mainmod(left) */
div.modhead {
 background-color:#011456;
 text-align:center;
 margin-bottom: 4px;
 margin-top: 4px;
}


/* Formatierung der Antwort eines Interviews */
p.iv{
color:#888888;
font-style:normal;
}

/* Fehlerzeile zentriert und in rot */
p.error 
{
	font-weight:bold;
	text-align: center;
	color: #ff0000;
}


/* Format für alle große Mods, also Tabellen im Haupt-Contentfeld */
table.mod 
{
 border-style:solid;
 border-width:1px;
 border-color:#808080;
 margin-bottom: 4px;
}

/*  Titelfeld in einer table.mod. blau hinterlegt, ähnlich div.mainmod */
th.mod {
 background-color:#011456;
 font-size: 9pt;
 text-align:center; 
 font-weight: normal;
 margin-top:4px;
 margin-bottom:4px;
}

/* Tabellenelemente, die etwas Abstand für bessere Lesbarkeit haben */
td.padding {padding-left:5px; padding-right:5px}

/* Header und Element für das Hauptmenü */
th.menu {text-align:right; vertical-align:top; padding-left:10px}
td.menu {text-align:center; vertical-align:top; padding-left:10px}
td.menubold {text-align:center; vertical-align:top; padding-left:10px; font-weight:bold}


th.arthead { 
border-width:0px; 
text-align:left; 
font-size:11pt; 
}

/* Zurückhaltende Artikelüberschrift mit horizontalen Balken */
td.artintro {
text-align:left;
border-style:solid;
border-color:#808080;
border-bottom-width:1px;
border-right-width:0px;
border-left-width:0px;
border-top-width:1px;
}

/* Artikel oder Artikelintro (Kurztext) ohne Rahmen, nach unten leicht abgesetzt */
td.arttext {
 border-width:0px; 
 text-align:justify;
 padding-bottom:8px;
 padding-top:0px; 
}

/* nach unten abgesetzte Tabellenzeile mit Trennlinie */
td.abgesetzt
{
	border-bottom-width:1px; 
	border-bottom-style:solid; 
	border-bottom-color:#808080; 
	padding-bottom:30px;
	vertical-align:top;
}
	


/* Eine Tabellenzelle, die komplett umrahmt ist (für schematische Darstellung) */
td.bordered {
border-style:solid;
border-color:#808080;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:1px;
border-top-width:1px;
}


/* Im Hauptmenü geht's bei den Links etwas dezenter zu Werke */
a.mainav {
font-size:8pt;
color:#e0d0d0;
text-decoration:none;
}


/* Links in kleinen Mods werden dezenter wiedergegeben */
a.mod {
color:#e0d0d0;
}

/* und noch dezentere Links für Fortsetzungsanzeige zu den vollen Artikeln */
a.small {
font-size:8pt;
color:#e0d0d0;
}


a:hover {
 text-decoration : underline;
}

/* Auch kursiv sollte die Interview-Antwortfarbe bestehenbleiben */
i.iv{
color:#888888;
}

img.left {margin-right:4px;margin-bottom:4px;margin-top:4px;}
img.right {margin-left:4px;margin-bottom:4px;margin-top:4px;}