/* styles for css + design | Midnight */
/* Die (vor-)definierten Styles dienen nur der ersten Orientierung */
/* Saemtliche Styles koennen nach Belieben geaendert werden. */
/* Nicht benoetigte Styles einfach leer lassen oder auskommentieren. */
/* Zusaetzliche IDs oder Klassen duerfen nicht eingefuegt werden. */
/* Bei Bedarf mit zusaetzlichen (erweiterten) Kontextselektoren arbeiten. */
/* Kommentare, vor allem fuer 'Hacks', sind ausdruecklich erwuenscht */
/*========================================================================*/

/* set all to 0 */
* {
margin: 0;
padding: 0;
}

/* ===== Haupt-Container ===== */
body#corpus {
/*background-image: url(../images/backgr.gif);
background-repeat: repeat-x;
background-attachment: fixed;*/
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100.01%;
text-align: center;
padding: 10px 0 20px 0;
background-color: #e5d18c;
color: #f0f0f0;
}

/* Alles umschlieszender Container */
#wrapper {
background-image: url(../images/bg2.jpg);
background-repeat: repeat-x;
background-position: bottom left;
position: relative;
width: 850px;
margin: 0 auto;
padding: 10px;
text-align: left;
background-color: #cb6927;
color: #000;
border: 3px double #501a1a;
}

/* Header */
#header { /* umschlieszt oder enthaelt Logo */
background-image: url(../images/banner.png);
background-repeat: no-repeat;
height: 150px;
background-color: #cb6927;
color: #fff;
}
/* Aktiviere das Element, das Du nutzen willst (Text- oder Bild-Logo) */
#header #logo h1 {
display: none;
}
#header #logo {/* LOGO.PSD befindet sich im Zipfile */

}

/* Breadcrumb */
#breadcrumb {
margin-top: 5px;
padding: 2px 0 2px 80px;
font-size: 90%;
background-color: #882d2d;
color: #6a81a6;
}
#breadcrumb a {
background-color: transparent;
color: #c5d8e2;
}
* html #breadcrumb {
font-size: 85%;
}

/* Content */
#contentpre { /* optional, zB. fuer Grafik */

}
#content {
margin-top: 10px;
}

/* Footer */
#footerpre { /* optional, zB. fuer Grafik */
height: 10px;
margin: 10px 0 5px 0;
background-color: #e5d18c;
color: #882d2d;
}
#footer {
font-size: 90%;
padding: 4px 0 5px 10px;
background-color: #e5d18c;
color: #882d2d;
}
* html #footer {
font-size: 85%;
}

/* ===== Menues ===== */
#menuebox {

}
#menpre1,
#menpre2,
#menpre3 { /* optional, zB. fuer Grafik */

}
#menaft1,
#menaft2,
#menaft3 { /* optional, zB. fuer Grafik */

}

/* === Gestaltung Menue-Listen === */
ul {
list-style-type: none;
}
ul li {

}

#menue1 {
position: absolute;
top: 188px;
left: 10px;
/*width: 180px;
margin-top: 10px;*/
padding: 5px 0 5px 10px;
color: #ffffff;
/*border: 1px solid #00f;*/
}
#menue1 ul#menu1 {

}
#menue1 ul#menu1 li {
display: inline;
}

#menue1 ul#menu1 li#menuhead1 {
font-weight: bold;
display: none;
}
#menue1 a {
padding: 1px 10px;
background-color: transparent;
color: #ffffff;
border: 1px solid #b53636;
}

#menue2 {
float: right;
width: 150px;
margin: 40px 50 px 10px 20px;
}
#menue2 ul#menu2 {

}
#menue2 ul#menu2 li,
#menue2 ul#menu2a li {
padding: 1px 50 px 1px 0;
margin: 2px 0 0 0;
}
#menue2 ul#menu2 li#menuhead2 {
background-color: transparent;
color: #501a1a;
font-weight: bold;
font-variant: small-caps;
/*display: none;*/
}
/*	Spezielle Formatierung fuer 
	'Alle Designs' und 'Freestyle' in menue2(a) */
#menue2 ul#menu2a {
margin: 20px 0 0 0;
}
#menue2 ul#menu2a li.extra {

}
#menue2 a {
display: block;
padding: 1px 120px 1px 10px;
background-color: #cb6927;
color: #e5d18c;
border: 1px solid #e5d18c;
}

#menue3 {
position: absolute;
top: 0;
right: 0;
margin: 20px 20px 0 0;
}
#menue3 ul#menu3 {

}
#menue3 ul#menu3 li {
padding: 1px 0 1px 0;
margin: 2px 0 0 0;
}

#menue3 ul#menu3 li#menuhead3 {
background-color: transparent;
color: #ffffff;
font-weight: bold;
font-variant: small-caps;
}

#menue3 a {
display: block;
padding: 1px 10px;
font-size: 90%;
background-color: transparent;
color: #ffffff;
border: 1px solid #b53636;
}
* html #menue3 a {
font-size: 85%;
}


/*	=== LINKS === 
	Bitte Status-Formate selber einfuegen: 
	a:link, a:visited, a:hover, a:active; a:focus */
	
/*	Links allgemein */
a {
background-color: transparent;
color: #ffffff;
text-decoration: none;
}

/* Links in Menues */
a:hover,
#breadcrumb a:hover,
#menue1 ul#menu1 li a:hover, 
#menue3 ul#menu3 li a:hover {
background-color: transparent;
color: #fff;
}
#menue2 ul#menu2 li a:hover,
#menue2 ul#menu2a li a:hover {
background-color: #475978;
color: #fff;
}

/* Formatierung fuer 'Alle Designs' und 'Freestyle' */
#menue2 ul#menu2a li.extra a {
font-style: italic;
}
/* Formatierung fuer aktiven Link 
	(Diese Formatierung wird per PHP automatisch 
	dem gerade aktiven Link zugewiesen) */
#menue2 ul#menu2 li a.aktiv {
background-color: transparent;
color: #fff;
}
/* Formatierung fuer externen Link */
a.ext {

}

/* === TEXT-FORMATE === */
/* Headings
	(H1 ist reserviert fuer Text-Logo im 'Header') */
div.header-h2 {

}
div.header-h3 {

}
div.header-h4 {

}

h2,
h3,
h4#erste-h4,
h4#zweite-h4 {
position: relative;
background-color: #e5d18c;
color: #3f1515;
margin: 15px 0;
}

h2 {
position: static;
padding: 15px 0 10px 70px;
}
h3 {
padding: 10px 0 10px 70px;
}
h4#erste-h4 {
padding: 10px 0 10px 70px;
}
h4#zweite-h4 {
padding: 10px 0 10px 70px;
}

/* Text allgemein */
p, li {
font-size: 80%;
}
#content p {
line-height: 150%;
margin: 10px 0;
}

/* Textbloecke im Content */
#content p.text1,
#content p.text3,
#content p.text4,
#content p.text5,
#content p.text6,
#content p.text7 {
padding: 0 60px 0 80px;
background-color: transparent;
color: #f0f0f0;

}

#content p.text2
{
color: #fff;
font-size: 100%;
background-color: transparent;
font-style: italic;
}


/* Copyright-Tabelle */
#content table#copyright {
background-color: transparent;
color: #f0f0f0;
border: 0 none;
margin: 10px 0 0 80px;
}
#content table#copyright td {
border: 1px solid #501a1a;
padding: 5px 10px;
}
#content table#copyright td.one,
#content table#copyright td.two,
#content table#copyright td.three {
padding: 2px 10px;
font-size: 90%;
font-style: italic;
background-color: #e5d18c;
color: #000000;
}
#content table#copyright td.four {

}
#content table#copyright td.five {

}
#content table#copyright td.six {

}
/* Absaetze in Tabelle */
#content table#copyright td p {
margin: 0;
padding: 0;
}
/* Links in Tabelle */
#content table#copyright td a {

}

/* IMAGES */
img {
border: 0 none;
}

#bild1 {
border: 2 solid #000;
}

#bild2 {/* kann beliebig ersetzt werden */

}

#bild3 {/* kann beliebig ersetzt werden */

}

/*==============================*/
/* DIVERSES */

/*	Target fuer Sprungmarke(n) 
	Wird auch fuer 'unsichtbaren' AT-Link ('zum Artikel springen') genutzt */
#top {

}
/* Seitenanfang Sprungmarken */
#content #topper-1,
#content #topper-2,
#content #topper-3 {
display: none;
}
#content #topper {
margin: 20px 0 20px 70px;
}

/* unsichtbare Elemente */
.invis, hr {
display: none;
}

/* Initialen fuer '#content p' */
#content p span.initial {
font-size: 140%;
font-weight: bold;
background-color: transparent;
color: #000;
padding-right: 1px;
}
#content p span.zitat{
font-size: 100%;
font-weight: bold;
background-color: transparent;
color: #000;
padding-right: 1px;
font-style: italic;
}
/* Formatierung fuer Akronyme */
acronym {

}

/* validiert */
#footer a.valid {

}
#footer a.valid span#html {

}
#footer a.valid span#css {

}