/*###########################################################################
##Stilvorlage für Aussehen und Gestaltung der Startseite von Don-McDuck.de.##
##Autor: Maximilian Baumgart                                               ##
##Letzte Änderung: 26.01.2005                                              ##
###########################################################################*/
/*-------------------------------------------------------------------------*/
/*Eigenschaften für alle Ausgabemedien*/
/*Dokumentweite Eigenschaften (Schrift, Farben, Abstände):*/
* {font-size:1em; line-height:113%; font-family:Verdana, Arial, sans-serif}
html, body {margin:0; padding:0; color:black; background-color:white;background-image:url(http://www.don-mcduck.de/bilder/layout/bg-gb.jpg);}

/*Links (Farben):*/
a {text-decoration:underline; font-weight:bold}
a:link {color:rgb(205,45,45)}
a:visited {color:rgb(102,30,19)}
a:hover {background-color:rgb(255,246,207)}
a:active {background-color:rgb(255,160,0); color:rgb(15,25,200)}
 a img {border:none}

/*Zitate (Schrift, Farbe, Anführungszeichen):*/
q {font-style:italic; font-weight:bold; color:rgb(0,0,140); quotes:"\00BB" "\00AB"}

/*Absatzabstände*/
p {margin:0.2em}

/*Logoabstände*/
h1 {margin:0}
 h1 img {display:block; margin:auto}

#Haupt {margin:0.8em}

/*Einleitungsblock (Farbe, Schriftausrichtung)*/
#Intro {background-color: rgb(255, 160, 0)}
/*Zierbilder (Ausrichtung)*/
#Donald {float:left}
#Dagobert {float:right}

/*Inhaltsblock (Farbe)*/
#Inhalt{background-color:rgb(255, 236, 159)}
 /*Inhaltstabelle (Textausrichtung, Abstände)*/
 td {vertical-align:top}
 td:first-child {text-align:right}

/*Newsblock (Hintergrund, Textausrichtung, Abstände)*/
#News {background:rgb(255, 236, 159) url(bilder/layout/News.png) repeat-x bottom left}
 #Neffen img {margin:auto; display:block}
 #Neffen p {font-weight:bolder; font-size:larger}

/*Blockeigenschaften*/
#Intro, #Inhalt, #News {border:3px solid black;}
#Intro, #Inhalt, #Newsbalken {margin:1em 0 0 0}
#Newsbalken {margin-left:1.1%}
#Neffen, #Fuss {margin:0.5em}
#Intro, #Newsbalken, #Fuss {text-align:center}

/*Überschriften*/
h2 {border:1px solid black; font-size:1.15em; font-weight:700; text-align:center;
background-color:rgb(255,236,159)}
#Inhalt h2, #News h2:first-child {background-color:rgb(255,160,0)}
h3 {margin:0.6em 0px 1px 0px; font-weight:bold; text-align:center}
/*Links in Überschriften zu Blockelementen*/
h2 a, h3 a {display:block;}

/*Definitionsliste für Newseinträge*/
dl {margin:0.5em 0}
dt {margin:1.2em 0 0; padding:0; font-weight:bold}/*(Datum)*/
dt:after {content:":"}
dd {margin:0 0 0.8em; padding:0}/*(Meldung)*/

/*Bessere Lesbarkeit für betonte Textstellen*/
em {font-weight:600}

/*-------------------------------------------------------------------------*/
/*Eigenschaften für Bildschirm und Projektor – versteckt vor Netscape 4 und Konsorten.*/
@media screen, tv, projection {

/*Inhaltstabelle (Linkverhalten – Rahmen, Hintergrund)*/
 td:first-child a {display:block; border-right:4px solid rgb(255, 236, 159); padding-right:0.1em;
height:100% !important}
 td:first-child a:active {border-color:rgb(15, 25, 200) !important}
 td:first-child a:link:hover {border-color:rgb(205, 45, 45)}
 td:first-child a:visited:hover {border-color:rgb(102, 30, 19)}

/*Hauptblock (Breite, Ausrichtung)*/
#Haupt {width:60%; float:left; clear:left}
/*Newsblock (Breite, Ausrichtung)*/
#Newsbalken {width:35%; float:left}
html>body #Newsbalken {/*min-width:320px;*/ max-width:400px}
/*Newslink (Positionierung)*/
#Newslink {top:0.6em; z-index:2}
/*(Ausrichtung)*/
#Fuss, br {clear:both}

/*Überschriften (Positionierung, Abstände, Breite)*/
h2 {position:relative; bottom:0.6em; right:0.6em; margin:0; padding:0; width:12em}

}

/*-------------------------------------------------------------------------*/
/*Eigenschaften für den Ausdruck – versteckt vor Netscape 4 & Co.*/
@media print {
/*(Kein farbiger Hintergrund)*/
* {background:white none !important}
/*Bilder nicht mitdrucken*/
#Donald, #Dagobert, #Newslink, #Neffen, #Fuss p + p {display:none}
/*(Rahmenlose Überschriften)*/
h2 {border:none}
/*(Links gleichfarbig)*/
a {color:rgb(205,45,45)}
/*(Logo durch Text ersetzen)*/
h1 img {content:attr(alt); height:auto; font-size:2em;}
/*(Zeilenumbruch in der Tabelle vermeiden)*/
tr, td {page-break-inside:avoid}
/*(Linkziel bei Hauptrubriken anzeigen, Link bei News simulieren)*/
#News h2 {text-decoration:underline; color:rgb(205,45,45)}
#News h2:after {content:" (http://www.don-mcduck.de/news.php)"}
#Inhalt a:after {content:" (" attr(href) ")"}
#News h2:after, #Inhalt a:after { font-size:smaller; color:rgb(200,200,200); font-style:italic}

}