/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas
Version: 1.0
(July 25, 2005)
Screen layout: */
body {
margin: 0 auto;
padding: 0;
font: 76% Verdana,Tahoma,Arial,sans-serif;
background: #f4f4f4 url(../Poremba/Bilder/background.png) top center repeat-y;
}
#wrap {
background: #ffffff;
color: #303030;
margin: 0 auto;
width: 760px;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/* #header = Kopfzeile im Dokument */
/* #header h1 = Überschrift 1 in der Kopfzeile */
/* #header p = Text (Absatz) in der Kopfzeile */
/* clear = einen Umfluss abbrechen und die Fortsetzung unterhalb des umflossenen Elements erzwingen */
/* (left, right, both, none) */
/* color = Textfarbe bestimmen */
/* float = Bestimmen, ob nachfolgende Elementedas aktuelle Element umfließen. left, right, none */
/* font-size = Schriftgröße */
/* height = Höhe des Elements */
/* line-heigh = Zeilenabstand */
/* margin = der Rand, der zwischen dem Rahmen und anderen Elementen liegt (top, right, bottom, left) */
/* padding = der Abstand zwischen Inhalt und Rahmen (top, right, bottom, left) */
/* text-align = horizontale Ausrichtung (left, center, right, justify) */
/* width = Breite des Elements */
/*-------------------------------------------------------------------------------------------------------------------*/
#header { clear: both;
margin: 20px 0 0 0;
padding: 0;
height: 45px;
}
#header h1 { width: 250px;
margin: 0 0 10px 0;
float: left;
font-size: 0.8em;
}
#header p { width: 500px;
float: right;
text-align: center;
color: #a0a0a0;
margin: 0 0 10px 0;
font-size: 0.8em;
line-height: 1.2em;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/* ??????????????????????????????????????????????????????????????????????????????????????????????????????????????????*/
/*-------------------------------------------------------------------------------------------------------------------*/
#frontphoto { margin: 0 0 10px 0;
border: 0;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/* #avmenu = Menue links */
/* #avmenu ul = Menu, Liste ungeordnet */
/* #avmenu li = Menue, Listenpunkte */
/* #avmenu li a = Menue, Listenpunkte, Verweise */
/* #avmenu li a:hover = Menue, Listenpunkte, Verweise, Maus darueber */
/* #avmenu li a#selected = Menue, Listenpunkte, Verweise, Aktuelle Selektion (ausgewaehltes Kapitel) */
/* background = Hintergrund: color, image, repeat, attachement, position */
/* border = der Rahmen, eine Linie, die alle Seiten eines Elements umschließt. */
/* clear = einen Umfluss abbrechen und die Fortsetzung unterhalb des umflossenen Elements erzwingen */
/* (left, right, both, none) */
/* color = Textfarbe bestimmen */
/* display = Bei Nichtanzeige des Elements Platzhalter reservieren oder nicht. Die beiden wichtigsten sind: */
/* block (neue Zeile), inline (umlaufender Textfluß) */
/* float = Bestimmen, ob nachfolgende Elementedas aktuelle Element umfließen. left, right, none */
/* font-size = Schriftgröße */
/* font-weight = Schriftgewicht (Dicke und Staerke) */
/* height = Höhe des Elements */
/* list-style = Angaben zum Aussehen von Aufzaehlungslisten oder nummerierten Listen machen */
/* margin = der Rand, der zwischen dem Rahmen und anderen Elementen liegt: top, right, bottom, left */
/* padding = der Abstand zwischen Inhalt und Rahmen: top, right, bottom, left */
/* text-decoration = zusaetzliche Textformatierungen wie unterstrichenen oder durchgestrichenen Text */
/* width = Breite des Elements */
/*-------------------------------------------------------------------------------------------------------------------*/
#avmenu { clear: left;
float: left;
width: 150px;
margin: 0 0 10px 0;
padding: 0;
font-size: 0.9em;
}
#avmenu ul { list-style: none;
width: 150px;
margin: 0 0 20px 0;
padding: 0;
font-size: 1.1em;
}
#avmenu li { /* margin-bottom: 4px; */ /* Das ist der Abstand zwischen den Boxen */
}
#avmenu li a { font-weight: bold;
height: 20px;
text-decoration: none;
color: #505050;
display: block;
padding: 6px 0 0 10px;
background: #f4f4f4;
border-left: 4px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
#avmenu li a:hover { background: #eaeaea;
color: #286ea0;
border-left: 4px solid #286ea0;
}
#avmenu li a#menu_top { border-top: 1px solid #cccccc;
}
#avmenu li a#menu_selected { background: #eaeaea;
color: #286ea0;
border-left: 4px solid #286ea0;
}
#avmenu li a#menu_selected_top { background: #eaeaea;
color: #286ea0;
border-left: 4px solid #286ea0;
border-top: 1px solid #cccccc;
}
/* .announce {
margin: 10px 0 10px 0;
padding: 10px;
width: 130px;
color: #505050;
background-color: #f4f4f4;
line-height: 1.3em;
} */
/*-------------------------------------------------------------------------------------------------------------------*/
/* #extras = Die rechte Spalte */
/* #extras p = Text (Absatz) in der rechten Spalte */
/* float = Bestimmen, ob nachfolgende Elementedas aktuelle Element umfließen. left, right, none */
/* font-size = Schriftgröße */
/* line-heigh = Zeilenabstand */
/* margin = der Rand, der zwischen dem Rahmen und anderen Elementen liegt: top, right, bottom, left */
/* padding = der Abstand zwischen Inhalt und Rahmen: top, right, bottom, left */
/* width = Breite des Elements */
/*-------------------------------------------------------------------------------------------------------------------*/
#extras { float: right;
width: 100px;
margin: 0 0 10px 0;
padding: 0;
font-size: 0.9em;
line-height: 1.5em;
}
#extras p { margin: 0 0 1.5em 0;
}
/* Das Untermenue ist auch mit Aufzaehlung realisiert, wie schon das Hauptmenue */
#extras ul { list-style: none;
/* width: 150px; */
margin: 0 0 20px 0;
padding: 0;
font-size: 1.0em;
}
/* li: Die Liste */
#extras li { /* margin-bottom: 4px; */ /* Das ist der Abstand zwischen den Zeilen */
}
/* li a: Verweise in der Liste */
#extras li a { height: 20px;
color: #505050;
display: block;
padding: 4px 4px 4px 4px;
background: #ffffff;
border-right: 4px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
/* li a:hover: Die Verweise wnn man mit der Maus darueber ist */
#extras li a:hover { background: #eaeaea;
color: #286ea0;
border-right: 4px solid #286ea0;
}
/* li a#top: Wenn der Verweis die id oben ist, muss er zusätzlich einen Strich bekommen */
#extras li a#submenu_top { border-top: 1px solid #cccccc;
}
/* li a#selected: Die aktuelle Seite wird hervorgehoben */
#extras li a#submenu_selected { background: #eaeaea;
color: #286ea0;
border-right: 4px solid #286ea0;
}
/* li a#selected_top: Die aktuelle Seite oben benoetigt zusaetzlichen Strich */
#extras li a#submenu_selected_top { background: #eaeaea;
color: #286ea0;
border-right: 4px solid #286ea0;
border-top: 1px solid #cccccc;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/* #content = Die mittlere Spalte */
/* #content img = Bild in der mittleren Spalte */
/* #content img:hover = Bild in der mittleren Spalte, Maus darueber */
/* background = Hintergrund: color, image, repeat, attachement, position */
/* border = der Rahmen, eine Linie, die alle Seiten eines Elements umschließt. */
/* color = Textfarbe bestimmen */
/* display = Bei Nichtanzeige des Elements Platzhalter reservieren oder nicht. Die beiden wichtigsten sind: */
/* block (neue Zeile), inline (umlaufender Textfluß) */
/* font-size = Schriftgröße */
/* line-heigh = Zeilenabstand */
/* margin = der Rand, der zwischen dem Rahmen und anderen Elementen liegt: top, right, bottom, left */
/* padding = der Abstand zwischen Inhalt und Rahmen: top, right, bottom, left */
/* text-align = horizontale Ausrichtung (left, center, right, justify */
/*-------------------------------------------------------------------------------------------------------------------*/
#content { margin: 0 110px 20px 160px;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
padding: 0 10px 0 10px;
line-height: 1.6em;
text-align: justify;
}
/* #content h2 {
font-size: 1.5em;
margin: 0 0 0.5em 0;
} */
#content img { padding: 1px;
display: inline;
background: #cccccc;
border: 4px solid #f0f0f0;
}
#content img:hover { background: #eaeaea;
color: #286ea0;
border: 4px solid #286ea0;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/* h1 = ueberschrift 1 */
/* h2 = ueberschrift 2 */
/* h3 = ueberschrift 3 */
/* font-size = Schriftgröße */
/* margin = der Rand, der zwischen dem Rahmen und anderen Elementen liegt: top, right, bottom, left */
/* text-align = horizontale Ausrichtung (left, center, right, justify */
/*-------------------------------------------------------------------------------------------------------------------*/
h1 { font-size: 1.5em;
text-align: left;
margin: 0 0 0.5em 0;
}
h2 { font-size: 1.5em;
text-align: left;
margin: 0 0 0.5em 0;
}
h3 { font-size: 1.0em;
text-align: left;
margin: 0 0 10px 0;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/* a = Verweise (Links) */
/* a:hover = Verweise, Maus darueber */
/* a:img = Verweise, Bilder */
/* border = der Rahmen, eine Linie, die alle Seiten eines Elements umschließt. */
/* color = Textfarbe bestimmen */
/* text-decoration = zusaetzliche Textformatierungen wie unterstrichenen oder durchgestrichenen Text */
/*-------------------------------------------------------------------------------------------------------------------*/
a { text-decoration: none;
color: #286ea0;
}
a:hover { text-decoration: underline;
color: #286ea0;
}
a img { border: 0;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/* #footer = Fußzeile */
/* #footer a = Fußzeile, Verweis */
/* #footer a:hover = Fußzeile, Verweis, Maus darueber */
/* border = der Rahmen, eine Linie, die alle Seiten eines Elements umschließt. */
/* clear = einen Umfluss abbrechen und die Fortsetzung unterhalb des umflossenen Elements erzwingen */
/* (left, right, both, none) */
/* color = Textfarbe bestimmen */
/* font-size = Schriftgröße */
/* margin = der Rand, der zwischen dem Rahmen und anderen Elementen liegt: top, right, bottom, left */
/* padding = der Abstand zwischen Inhalt und Rahmen: top, right, bottom, left */
/* text-align = horizontale Ausrichtung (left, center, right, justify */
/* text-decoration = zusaetzliche Textformatierungen wie unterstrichenen oder durchgestrichenen Text */
/* width = Breite des Elements */
/*-------------------------------------------------------------------------------------------------------------------*/
#footer { clear: both;
margin: 0 auto;
padding: 10px 0 20px 0;
border-top: 4px solid #f0f0f0;
width: 760px;
text-align: center;
color: #808080;
font-size: 0.9em;
}
#footer a { color: #808080;
text-decoration: none;
}
#footer a:hover { text-decoration: underline;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/* STILE */
/*-------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------*/
/* .announce = Neuigkeiten (Das "Neuigkeitenfenster") */
/* background = Hintergrund: color, image, repeat, attachement, position */
/* color = Textfarbe bestimmen */
/* line-heigh = Zeilenabstand */
/* margin = der Rand, der zwischen dem Rahmen und anderen Elementen liegt: top, right, bottom, left */
/* padding = der Abstand zwischen Inhalt und Rahmen: top, right, bottom, left */
/* width = Breite des Elements */
/*-------------------------------------------------------------------------------------------------------------------*/
.announce { margin: 10px 0 10px 0;
padding: 10px;
width: 130px;
color: #505050;
background-color: #f4f4f4;
line-height: 1.3em;
}
/* LEFT wird als Klasse gebraucht, wenn es darum geht, den Umlauf um die Bilder zu gestalten */
.left { margin: 10px 10px 5px 0; float: left; }
/* .textright wird benutzt, um im Neuigkeitenfenster das "weiter..." nach rechts zu schieben */
.textright { text-align: right; }
.right { margin: 10px 0 5px 10px; float: right; }
.center { text-align: center; }
/*-------------------------------------------------------------------------------------------------------------------*/
/* .small = kleinere Schrift */
/* font-size = Schriftgröße */
/*-------------------------------------------------------------------------------------------------------------------*/
.small { font-size: 0.8em;
}
/* .bold { font-weight: bold; } */
/*-------------------------------------------------------------------------------------------------------------------*/
/* .hide = Schrift verbergen (nicht ausgeben) */
/* display = Bei Nichtanzeige des Elements Platzhalter reservieren oder nicht. Die beiden wichtigsten sind: */
/* block (neue Zeile), inline (umlaufender Textfluß) */
/*-------------------------------------------------------------------------------------------------------------------*/
.hide { display: none;
}