/* *****************************************************************************
*** BOF: styles.css ***
***************************************************************************** */
/* === RESET ============================================= */
body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, code,
ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset, legend, input, textarea { padding: 0; margin: 0;}
/* === Restauration ======================================= */
/* margin-bottom für diverse Elemente */
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl { margin-bottom: 0.8em; line-height: 1.6;}
/* Zitate einrücken */
blockquote { margin: 1em 2em;}
/* alle listen wieder einrücken */
ul, ol, dl { margin-left: 1em;}
/* Listenelemente etwas mehr einrücken */
li { margin-left: 2em;}
/* Definitionen in Definitionslisten noch mehr einrücken */
dd { margin-left: 2em;}
/* verschachtelte Listen ohne Außenabstand oben/unten */
ul ul, ul ol, ul dl, ol ul, ol ol, ol dl, dl ul, dl ol, dl dl { margin-top: 0; margin-bottom: 0;}
/* Aufzählungszeichen */
ul { list-style-type: square;}
ol { list-style-type: decimal;}
ul ul { list-style-type: disc;}
ol ol { list-style-type: lower-alpha;}
ul ol { list-style-type: decimal;}
ol { list-style-type: decimal;}
/* waagerechte Trennlinie */
hr { margin-top: 0.5em; margin-bottom: 0.5em;}
/* Bilder */
div.bild { background-color: rgba( 255, 255, 255, 1)}
/* === Hyperlinks_gestalten ================================================= */
a { text-decoration: none;}
a:link, a:visited { color: #0000DE;}
a:active, a:hover { color: #0088FF;}
a:focus { color: #0088FF;}
/*  */
#menue.inhaltDiv a  { border-bottom-color: #DEDEF4;}
#AlbumAnzeige a     { border-bottom-color: #FFFFFF;}
.bilderrahmen a     { border-bottom-color: #DEDEF4;}
.LinkBox a          { text-decoration: none; border-bottom-color: #FFFFFF;}
.LinkBox a:link     { color: #FFFFFF;}
.LinkBox a:visited  { color: #FFFFFF;}
.LinkBox a:focus,
.LinkBox a:hover    { color: #0088FF;}
.LinkBox a:active   { color: #FFFFFF;}
/* === wichtige_Tools ======================================================= */
/* über Label wird der Cursor zur Hand */
label { cursor:pointer;}
abbr { cursor:pointer; text-decoration: none; border-bottom-color: #DEDEF4;}
/* Elemente verstecken */
.unsichtbar { position: absolute; left: -32768px; right: -32768px; width: 0; height: 0; font-size: 0;}
/* floats clearen */
.clearing { clear: both;}
.clearfix:after { content: "."; display: block; clear: both; font-size: 0; height: 0; visibility: hidden;}
/* gefloatete Elemente umschließen */
.containingfloats { overflow: hidden;}
/* *****************************************************************************
--- 2. allgemeine_Styles
***************************************************************************** */
html, body { width: 100%; height: 100%;}
fieldset { margin: 0px 5px 5px 5px; padding: 5px 5px 0px 5px; border-radius: 5px;}
legend { background-color: #0000DE; font-family: Verdana, Helvetica, Sans-serif; font-size: 14px; line-height: 18px;
   color: #DEDEF4; border: 0; border-radius: 5px; margin-bottom: 5px; padding: 1px;}
kbd { font-size: 110%; line-height: 1.3em;}
/* Grafikbeschreibung */
figcaption { font-size:8pt; font-weight: bold; margin-left: 5px; }
/* === Schriften ============================================================ */
h1 { font-family: 'Comic Sans', 'Comic Sans MS', 'DejaVu Serif', Serif; font-size: 70px; font-weight: bolder;
   letter-spacing: 0.1em; word-spacing: -0.1em; color: #DEDEF4;}
#schatten_links { text-shadow: #0088FF -5px -5px 3px;}
#schatten_mittelinks { text-shadow: #0088FF -3px -5px 2px;}
#schatten_mitte { text-shadow: #0088FF 0px -5px 1px;}
#schatten_mitterechts { text-shadow: #0088FF 3px -5px 2px;}
#schatten_rechts { text-shadow: #0088FF 5px -5px 3px;}
h2 { line-height: 32px; font-family: Georgia, "Times New Roman", serif; font-size: x-large; font-weight: bold;
   letter-spacing: 0.12em; word-spacing: 0.1em; color: #0033CC; text-shadow:  #888888 1px 1px 2px;}
h3 { line-height: 20px; font-family: Verdana, Helvetica, sans-serif; font-size: medium; color: #0033CC; margin-bottom: 0;}
h4 { line-height: 20px; font-family: Georgia, "Times New Roman", serif; font-size: large; font-weight: bold;
   letter-spacing: 0.12em; word-spacing: 0.1em; color: #0033CC; text-shadow:  #888888 1px 1px 2px;}
.banner_gross { line-height: 32px; font-family: Georgia, "Times New Roman", serif; font-size: x-large; font-weight: bold;
   letter-spacing: 0.12em; word-spacing: 0.1em; color: #0033CC;} /*  text-shadow:  #888888 1px 1px 2px; */
.banner_klein { line-height: 20px; font-family: Georgia, "Times New Roman", serif; font-size: large; font-weight: bold;
   letter-spacing: 0.12em; word-spacing: 0.1em; color: #0033CC;} /*  text-shadow:  #888888 1px 1px 2px; */
.banner_ganzklein { line-height: 10px; font-family: Georgia, "Times New Roman", serif; font-size: large; font-weight: bold;
   letter-spacing: 0.12em; word-spacing: 0.1em; color: #0033CC;} /*  text-shadow:  #888888 1px 1px 2px; */
.head { line-height: 28px; font-family: Verdana, Helvetica, sans-serif; font-size: large; color: #0033CC; font-weight: bold; border: 0;}
.headhell { line-height: 28px; font-family: Verdana, Helvetica, sans-serif; font-size: large; color: #DEDEF4; font-weight: bold;}
.text { font-size: 18px; color: #666666; line-height: 20px; font-family: "Courier New", Courier,Monaco, monospace;}
.standard-text { font-family: Verdana, Helvetica, sans-serif; font-size: 16px; text-align: left; color: #333333; word-spacing: 0.2em;}
.standard-text-hell { color: #DEDEF4; line-height: 20px; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; word-spacing: 2px;}
small { font-size:8pt;}
.small { font-size:8pt;}
.red { color:#b03030;}
.green { color:#306030;}
.gray { color:#606060;}
.yellow { color:#909030;}
/* === Listengestaltung ==================================================== */
ol { font-family: Verdana, Helvetica, sans-serif; font-size: x-small; font-weight: normal; font-style: normal;}
ul { font-family: Verdana, Helvetica, sans-serif; font-size: medium; font-weight: normal; font-style: normal;}
#liste4admintools { list-style-image: url(../icons/_Weiter_ws.gif); font-family: Verdana, Helvetica, sans-serif;
   font-size: medium; font-weight: normal; font-style: normal; margin-top: 40px; margin-left: 80px;}
.FeierTagsListe_Sp1, .FeierTagsListe_Sp3 { width: 8%;}
.FeierTagsListe_Sp2, .FeierTagsListe_Sp4 { width: 40%;}
/* === Boxengestaltung ====================================================== */
.CenterBox { text-align: center; margin: 15px auto 5px auto;}
.LinkBox { background-color: #0000D2; width: 840px; padding: 1em;
   border-radius: 1em; box-shadow:  #888888 0 0 1em;}
.LinkBox div { background: #FFFFFF; border-radius: .5em; }
.LinkBox td { border: 0.5em; padding: .5em;}
#ZitatBox p{ width: 600px; margin-left: 100px; text-align: center; }
#DateiBox { font-family: Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 20px;
   border: 1px solid #999999; background:#DEDEF4 ;
   width: 100%; margin: 15px 20px 15px 0; padding: 6px 6px 3px 6px; border-radius: 10px; box-shadow:  #888888 4px 4px 10px;}
#InfoBox { font-family: Verdana, Helvetica, sans-serif; font-size: 12px; text-align: center; line-height: 16px;
   background: #DEDEF4; border: 1px solid #999999; border-radius: 10px; box-shadow:  #888888 4px 4px 10px;
   margin-bottom: 20px; padding: 6px 6px 3px 6px;}
.InfoBox2 { font-family: Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 16px;
   background:#DEDEF4; border: 1px solid #999999; border-radius: 10px; box-shadow:  #888888 4px 4px 10px;
   width: 800px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; padding: 6px 6px 3px 6px;}
/* === Kalendergestaltung =================================================== */
#MonatsKalender { margin-bottom: 10px;}
#JahresKalender { padding: 0 0 20px 0; border: 1px solid #999999;  /* 1px solid #000000 */
   border-radius: 10px; box-shadow:  #888888 4px 4px 10px;}
#jahresblock { border: 0;  /* 1px solid #000000 */   width: 750px; margin-left: 40px;}
.zelle4quartal {  height: 25px;  width: 140px;  color: #999;  text-align: center;  vertical-align: middle;}
.akt_zelle4quartal {  height: 25px;  width: 140px;  color: #FF0000;  text-align: center;  vertical-align: middle;}
.zelle4monat {  height: 160px;  width: 140px;  text-align: center;  vertical-align: top;}
.kalenderjahr { font-family: Verdana, Helvetica, sans-serif; font-size: 24pt; font-weight: bolder; line-height: 40px;
   color: #666699; text-align: center;}
.akt_kalenderjahr { font-family: Verdana, Helvetica, sans-serif; font-size: 24pt; font-weight: bolder; line-height: 40px;
   color: #FF0000; text-align: center;}
.monatsblock{ padding: 2px; border: 0;}
.alt_monatsblock{ padding: 2px; border: 0; background: #F0F0F0;}
.feiertagkopf { font-family: Verdana, Helvetica, sans-serif; font-size:12pt;}
.monat { font-family: Verdana, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; line-height: 30px;
   color: #666699; text-align: center;}
.akt_monat { font-family: Verdana, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; line-height: 30px;
   color: #FF0000; text-align: center;}
.KW { font-size: 8pt; color: #999;}
.akt_KW { font-size: 8pt; font-weight: bold; color: #FF0000;}
.wochentag { line-height: 16px; text-align: center; font-size: 8pt; font-family: Verdana, Helvetica, sans-serif; color: #666666;}
.samstag { line-height: 16px; text-align: center; font-size: 8pt; font-family: Verdana, Helvetica, sans-serif; color: #0000CC;}
.sonntag { line-height: 16px; text-align: center; font-size: 8pt; font-family: Verdana, Helvetica, sans-serif; color: #CC0000;}
.feiertag { line-height: 16px; text-align: center; font-size: 8pt; font-family: Verdana, Helvetica, sans-serif; color: #CC0000;}
.heute { line-height: 16px; text-align: center; font-size: 8pt; font-family: Verdana, Helvetica, sans-serif; color: #ffffff;
   background: #ff0000;}
.normalerTag { line-height: 16px; text-align: center; font-size: 8pt; font-family: Verdana, Helvetica, sans-serif; color: #000000;}
.ferien4NRW { line-height: 16px; text-align: center; font-family: Verdana, Helvetica, sans-serif; font-size: 8pt;
   background: #AAFFAA; color: #000000; padding: 2px 10px;}
.rahmen { line-height: 16px; text-align: center; font-family: Verdana, Helvetica, sans-serif; font-size: 8pt;
   color: #000000; border: 1px solid red; padding: 2px 1px;}
.rahmen2 { line-height: 16px; text-align: center; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt;
   color: #000000; border: 1px solid red; padding: 2px 1px;}
/* === FeierTagsgestaltung ================================================== */
.ferientag { line-height: 16px; text-align: center; font-size: 8pt; font-family: Verdana, Helvetica, sans-serif;
   color: #000000; background:#AAFFAA;}
.FeierTagsListe{ width: 95%; border: 1px solid; border-collapse: collapse; padding: 2px; margin: 20px; text-align: left;}
.FeierTagsListe td { border: 1px solid; padding: 4px 10px;}
/* === Formulargestaltung =================================================== */
/* Kontakt */
#Formularbereich { background: url( "http://www.ellebracht.eu/img/Briefumschlag0.jpg"); background-repeat: no-repeat;
   color: #333333; line-height: 22px; font-family: Verdana, Helvetica, sans-serif; font-size: 12px;}
#KontaktFormTabelle { border: 0; border-spacing: 10px; width: 600px; margin-bottom: 40px; padding-left: 30px;}
#KontaktFormTabelle .labelspalte { text-align: right; line-height: 22px; width: 25%;}
#KontaktFormTabelle .inputspalte { text-align: left; line-height: 22px;  /* width: 250px; */}
.inputField { border: #7F7F7F 1px solid; font-family: Verdana, Helvetica, sans-serif; font-size: 14px; line-height: 24px;
   border-radius: 5px;}
.errorField { border: #9F0004 1px solid; font-family: Verdana, Helvetica, sans-serif; font-size: 14px; line-height: 24px;
   background-color: #FFFFCC; border-radius: 5px;}
.errorTable { font-size: 14px; line-height: 24px; background-color: #DEDEF4; border: #9F0004 1px solid; width: 100%;}
.errorTable img{ margin-left: 20px;}
#Formularbereich input:focus, #Formularbereich textarea:focus { background-color: #FBFBAA;}
#FormularButton input:focus { background-color: #0088FF;}
/* LogIn */
#LogInFormular td { line-height: 18px; text-align: center; vertical-align: middle;}
#LogInFormular input:focus { background-color: #FBFBAA;}
#LogInFormButton input:focus { background-color: #0088FF;}
#LogInFormTabelle { border: 0; border-spacing: 10px; padding-left: 80px;}
/* Tabellen */
.spalte_links { text-align: left; padding: 2px 5px;}
.spalte_rechts { text-align: right; padding: 2px 5px;}
/* 4logo */
#logo.inhaltDiv img { width: 250px; height: 130px; border: 0;}
/* 4titelbild */
div#titelbild .inhaltDiv { text-align: center;}
/* 4fusszeile */
.FZ_text_links { text-shadow: #0088FF -3px 3px 1px;}
.FZ_text_rechts { text-shadow: #0088FF 3px 3px 1px;}
#FZ_Tab_Col1 { float: left; width: auto; padding-top: 10px; padding-left: 20px; text-align: left;}
#FZ_Tab_Col1a { float: left; width: auto; padding-top: 5px; padding-left: 40px; text-align: left;}
#FZ_Tab_Col2 { float: left; margin-left: 70px; padding-top: 7px; text-align: right;}
#FZ_Tab_Col2 img { border: 0; height: 26px; width: 70px;}
#FZ_Tab_Col3 { float: left; width: 120px; padding-top: 3px; text-align: left;}
#FZ_Tab_Col4 { float: left; padding-top: 10px; padding-right: 5px; text-align: right;}
#FZ_Tab_Col4 img { border: 0; height: 20px; width: 130px;}
#FZ_Tab_Col5 { float: left; padding-top: 7px;}
#FZ_Tab_Col5 img { border: 0; height: 26px; width: 70px;}
#FZ_Tab_Col6 { float: left; padding-top: 7px;}
#FZ_Tab_Col6 img { border: 0; height: 24px; width: 70px;}
#FZ_Tab_Col7 { float: right; width: 230px; margin-right: 20px; padding-top: 7px; text-align: right;}
/* 4menue */
.menuebody table{ font-family: Verdana, Helvetica, sans-serif; font-size: x-small; text-align: center;
   background-color: #DEDEF4; border: 0; margin: 0 0 0 0; padding: 0 0 0 0; width: 130px;}
#NaviBar1, #NaviBar2, #NaviBar3 { border: 0; border-spacing: 1px;}
#NaviBar1 img { width: 129px; height: 21px;}
#NaviBar3 img { width: 109px; height: 21px;}
#NaviButton20, #NaviButton22 { width: 32px; height: 32px;}
#NaviButton21 { width: 64px; height: 32px;}
#MenueWerbung { font-family: Verdana, Helvetica, sans-serif; line-height: 22px; font-size: 12px;
   word-spacing: 2px;  color: #333333; text-align: center;}
#MenueWerbung img { border: 0;}
/* === Seitengestaltung ===================================================== */
/* IndexSeite */
div#banner { position: relative; overflow: hidden; text-align: center;
   background-color: #bbbbbb; padding: 30px 30px; margin: 1.5em auto; border-radius: 10px; box-shadow:  #000000 .1em .1em 1em;}
div#banner_Mitte  { position: absolute; width: 88%;}
div#banner_Mitte_Schnee  { position: absolute; width: 88%; text-shadow: 0 -.1em 0 #FFFFFF;}
div#banner_Links  { position: absolute; float: left;  margin-left:  10px;}
div#banner_Rechts { float: right; margin-right: 10px;}
div#eins { float: left;  padding-bottom: 80px;}
div#zwei { float: right; padding-bottom: 80px;}
div#drei { float: left;  padding-top: 80px;}
div#vier { float: right; padding-top: 80px;}
td.Inhalt21 { padding: 10px; text-align: center}
td.Inhalt22 { padding: 10px; text-align: left}
/* UeberunsSeite */
#BilderTabelle { border-spacing: 0px; border: 0;}
#BilderZeile td { text-align: left;}
#BilderZeile img { border: 0; padding: 5px; height: 200px; box-shadow:  #888888 4px 4px 10px; border-radius: 8px;}
#TextZeile td { text-align: center;}
div.Fliesstext { width: 800px;}
/* BilderSeite */
.BildAnzeigeMenueZeile { width: 100%; height: 35px; margin: auto; background: #DEDEF4;}
.BildAnzeigeMenue { position: relative; width: 1000px; height: 15px; padding: 10px; margin: auto; background: #DEDEF4;}
#BildAnzeigeMenue_Back{ position: absolute; left: 0px; color: #000000;}
#BildAnzeigeMenue_Label{ position: absolute; left: 120px; color: #000000;}
#BildAnzeigeMenue_Links{ position: absolute; left: 210px;}
#BildAnzeigeMenue_Rechts{ position: absolute; left: 250px;}
#BildAnzeigeMenue_Name{ position: absolute; top: 10px; left: 310px; font-weight: normal; color: #000000;}
.BildAnzeige { width: 100%; height: 100%; background:#000000; text-align: center; padding-top: 0px;}
.BildAnzeige a:hover, .BildAnzeige a:focus { border-bottom: 0; text-decoration: none;}
.bilderrahmen { padding: 10px;}
.bilderrahmen tr { text-align: center; vertical-align: middle;}
#AlbumAnzeige img { border: 5px solid; padding: 5px; border-radius: 8px; box-shadow:  #888888 4px 4px 10px;}
/* LinksSeite */
.LinkBox img { border: 5px solid; padding: 5px;}
/* FileUpLoad */
.Speicherbericht { margin-left:120px;}
div#FileUpLoad, div#UpLoad2 { background-color: #DEDEF4; width: 600px; margin-left: 100px; padding: 10px 5px;
   border-radius: 10px; box-shadow:  #888888 4px 4px 10px;}
.FileUpLoadTabelle {   border: 0; border-spacing: 3px; margin: 20px; padding: 10px;}
.FUpLTabButton {   text-align: center;}
.FUpLTabRechte {   text-align: right; padding: 0 5px 0 0;}
#Aufraeumen { display: inline-block; text-align: center; vertical-align: middle; width: 600px; padding: 10px 5px;
   background-color: #DEDEF4; border-radius: 10px; box-shadow:  #888888 4px 4px 10px;}
/* UpLoad2 */
.UpLoad2Tabelle { background-color: #DEDEF4; border: 1px solid #AAAAAA; border-collapse: collapse;
   width: 560px; margin: 10px 5px; padding: 10px 5px;}
.UpL_Kopfspalte1 { border: 1px solid #AAAAAA; width: 80%; padding: 2px 5px;}
.UpL_Kopfspalte2 { border: 1px solid #AAAAAA; text-align: left; width: 20%; padding: 2px 5px;}
.zeile_normal, .UpLoadZeile { background-color: #FAFAFA;}
.zeile_alt, .UpLoadZeile_alt { background-color: #F7FBA8;}
.UpLoadSpalte1 { border: 1px solid #AAAAAA; text-align: left; padding: 5px;}
.UpLoadSpalte2 { border: 1px solid #AAAAAA; text-align: right; padding-right: 10px;}
#UpLoad2-2 { text-align: center; vertical-align: middle; width: 600px; height: 80px; margin-left: 100px; padding: 10px 5px;
   background-color: #DEDEF4; border-radius: 10px; box-shadow:  #888888 4px 4px 10px;}
/* Loeschen */
#LoeschFrageBox tr { text-align: center;}
/* === Buttongestaltung ===================================================== */
.mybutton { color: #FFFFFF; font-family: Verdana, Helvetica, sans-serif; font-weight: bold;
   background-color: #0033CC; padding:5px; border: 1px solid #AAAAAA; border-radius: 5px;}
.mybutton:hover { color: #FFFFFF; font-family: Verdana, Helvetica, sans-serif; font-weight: bold;
   background-color:#0088FF; cursor:pointer;}
a.mybutton:link, a.mybutton:visited, a.mybutton:active { color: #FFFFFF; }
.weiter_Button, .AA_Button { width: 140px; height: 23px; border: 0;}
.Button_weiter { text-align: left; margin: 20px;}
.Button_AlbumAnzeigen { line-height: 0;}
.Button_weiter a:hover , .Button_weiter a:focus { border-bottom: 0;}
.Button_AlbumAnzeigen a:hover, .Button_AlbumAnzeigen a:focus { border-bottom: 0;}
.ZurueckButton {  text-align: left;}
.ZurueckButton img {  width: 16px;  height: 10px;  border: 0;}
/* *****************************************************************************
--- 4. Verschiedene_Styles
***************************************************************************** */
/* === FileList_PRO ========================================================= */
.LogListTabelle, .FileListTable { border-collapse: collapse; border-spacing: 0; border: 1px solid #AAAAAA; margin: 3px 6px 6px 6px;
   background-color: #DEDEF4;}
.FileListInnerCellIcon { margin: 0; padding: 0px 5px 0px 0px;}
.FileListInnerCellIcon img{ height: 16px; width: 16px;}
.FileListInnerCellText { font-family: Verdana, Helvetica, sans-serif; font-size:10pt; white-space: nowrap; margin: 0; padding: 0;}
.LogListCellTitle, .FileListCellTitle { text-align: left; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt;
   white-space: nowrap; border: 1px solid #AAAAAA; padding: 3px 6px 3px 6px;}
.FileListCellTitle_rechts { text-align: right; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; white-space: nowrap;
   border: 1px solid #AAAAAA; padding: 3px 6px 3px 6px;}
.FileListCellTitle img {  vertical-align: middle;  border: 0;}
.FileListCellText { text-align: left; font-family: Verdana, Helvetica, sans-serif; font-size:10pt; white-space: nowrap;
   border: 1px solid #AAAAAA; background-color: #FAFAFA; padding: 3px 6px 3px 6px;}
.FileListCellText_alt { text-align: left; font-family: Verdana, Helvetica, sans-serif; font-size:10pt; white-space: nowrap;
   border: 1px solid #AAAAAA; background-color: #F7FBA8; padding: 3px 6px 3px 6px;}
.FileListCellInfo { text-align: right; font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; white-space: nowrap;
   border: 1px solid #AAAAAA; background-color: #f6f6f6; padding: 3px 6px 3px 6px;}
.FileListCellInfo_alt { text-align: right; font-family: Verdana, Helvetica, sans-serif; font-size:8pt; white-space: nowrap;
   border: 1px solid #AAAAAA; background-color: #E3E2AE; padding: 3px 6px 3px 6px;}
.FileListCellDesc { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt;
   border: 1px solid #AAAAAA; background-color: #FAFAFA; padding: 3px 6px 3px 6px;}
.FileListCellDesc_alt { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt;
   border: 1px solid #AAAAAA; background-color: #F7FBA8; padding: 3px 6px 3px 6px;}
.FileListInfo { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; white-space: nowrap;
   border: 1px solid #AAAAAA; background-color: #DEDEF4; padding: 3px 6px 3px 6px;}
.FileListNavBar { font-family: Verdana, Helvetica, sans-serif; font-size:10pt;
   border: 1px solid #AAAAAA; background-color: #DEDEF4; margin: 6px 0px 6px 0px; padding: 3px 6px 3px 6px;
   border-radius: 5px; box-shadow:  #888888 4px 4px 10px;}
.FileListNavBarCurrent { font-weight: bold;}
.FileListNavBar img { vertical-align: bottom;}
.ListItem { border: 0;}
.Zeile_blau { background-color: #00AADD;}
/* === Tabellengestaltung ====================================================== */
.CenterTabelle { margin: 10px auto 10px auto;}
.LogListTabelle th, .LogListTabelle td { border: 1px solid #AAAAAA; padding: 2px 10px;}
/* *****************************************************************************
--- 3. Layout
***************************************************************************** */
/* === Gesamtlayout ===================================================== */
#titelbild {
   position: absolute;
   top: 0px;			         /* Abstand zum oberen Fensterrand */
   right: 0px;		            /* Abstand zum rechten Fensterrand */
   left: 250px;		         /* Abstand zum linken Fensterrand */
   height: 130px;		         /* Blockhöhe */
   padding: 0px;		         /* Interpretation Boxmodell! */
   overflow: hidden;	         /* Scrollbalken unterbinden */
   z-index: 4;
}
#titelbild .inhaltDiv {
   margin-top: 12px;		      /* Abstand des Inhalts zum oberen Blockrand */
}
#logo {
   position: absolute;
   top: 0px;			         /* Abstand zum oberen Fensterrand */
   left: 0px;		            /* Abstand zum linken Fensterrand */
   width: 250px;
   height: 130px;		         /* Blockhöhe */
   padding: 0px;		         /* Interpretation Boxmodell! */
   overflow: hidden;	         /* Scrollbalken unterbinden */
   z-index: 3;		            /* höchste z-Ebene! */
}
#logo .inhaltDiv {
   margin-top:  0px;		      /* Abstand des Inhalts zum oberen Blockrand */
   margin-left: 0px;		      /* Abstand des Inhalts zum linken Blockrand */
}
#menue {
   position: absolute;
   top: 130px;		            /* Abstand zum oberen Fensterrand */
   bottom: 40px;		         /* Abstand zum unteren Fensterrand / 0px */
   left: 0px;		            /* Abstand zum linken Fensterrand */
   width: 180px;		         /* Blockbreite */
   padding: 0px;		         /* Interpretation Boxmodell! */
   background-color: #DEDEF4;
   opacity: .88;
   overflow: auto;		      /* Scrollbalken, falls notwendig */
   z-index: 2;
   border-top: #666666 3px solid;
   border-bottom: #999999 3px solid;
}
#menue .inhaltDiv {
   margin-top: 0px;		      /* Abstand des Inhalts zum oberen Blockrand */
   margin-right: 15px;		   /* Abstand des Inhalts zum rechten Blockrand */
   margin-bottom: 20px;		   /* Abstand des Inhalts zum unteren Blockrand */
   margin-left: 15px;		   /* Abstand des Inhalts zum linken Blockrand */
   text-align: center;
}
#fusszeile {
   position: absolute;
   right: 0px;		            /* Abstand zum rechten Fensterrand */
   bottom: 0px;		         /* Abstand zum unteren Fensterrand */
   left: 0px;		            /* Abstand zum linken Fensterrand / 170px */
   height: 40px;		         /* Blockhöhe */
   padding: 0px;		         /* Interpretation Boxmodell! */
   overflow: hidden;	         /* Scrollbalken unterbinden */
   z-index: 1;
}
#inhalt {
   background-image: url( "../img/bg_buch.jpg");
   background-repeat: repeat-y;
   background-color: #FFFFFF;
   opacity: .93;
   position: absolute;
   top: 130px;		            /* Abstand zum oberen Fensterrand */
   left: 180px;		         /* Abstand zum linken Fensterrand */
   bottom: 40px;		         /* Abstand zum unteren Fensterrand */
   right: 0px;		            /* Abstand zum rechten Fensterrand */
   overflow: auto;		      /* Scrollbalken, falls notwendig */
   border-top: #666666 3px solid;
   border-bottom: #999999 3px solid;
}
#inhalt .inhaltDiv {
   margin-top: 0px;		      /* Abstand des Inhalts zum oberen Blockrand */
   margin-right: 15px;		   /* Abstand des Inhalts zum rechten Blockrand */
   margin-bottom: 20px;		   /* Abstand des Inhalts zum unteren Blockrand */
   margin-left: 50px;		   /* Abstand des Inhalts zum linken Blockrand */
}
span.schneeablage { position: absolute; height: 20px; width: 100%; left: 240px; top: 114px;
background: url('http://www.ellebracht.eu/img/deko/schneeablage_l.png') no-repeat 0% 0%,
			url('http://www.ellebracht.eu/img/deko/schneeablage_c.png') 25% 0%,
			url('http://www.ellebracht.eu/img/deko/schneeablage_l.png') no-repeat 30% 0%,
			url('http://www.ellebracht.eu/img/deko/schneeablage_l.png') no-repeat 65% 0%;
}
span.schneeablage_xmas { position: absolute; height: 20px; width: 100%; left: 240px; top: 114px;
background: url('http://www.ellebracht.eu/img/deko/schneeablage_l.png') no-repeat 0% 0%,
			url('http://www.ellebracht.eu/img/deko/schneeablage_xmas.png') no-repeat 35% 0%,
			url('http://www.ellebracht.eu/img/deko/schneeablage_c.png') 45% 0%,
			url('http://www.ellebracht.eu/img/deko/schneeablage_r.png') no-repeat 66% 0%,
			url('http://www.ellebracht.eu/img/deko/schneeablage_l.png') no-repeat 55% 0%;
}
span.schneeboden { position: absolute; height: 16px; width: 100%; bottom: 0px;
background: url('http://www.ellebracht.eu/img/deko/schneeablage_l.png') no-repeat 0% 0%,
			url('http://www.ellebracht.eu/img/deko/schneeablage_c.png') 20% 0%,
			url('http://www.ellebracht.eu/img/deko/schneeablage_l.png') no-repeat 25% 0%,
			url('http://www.ellebracht.eu/img/deko/schneeablage_c.png') 35% 0%,
			url('http://www.ellebracht.eu/img/deko/schneeablage_l.png') no-repeat 55% 0%,
			url('http://www.ellebracht.eu/img/deko/schneeablage_l.png') no-repeat 85% 0%;
}
/* *****************************************************************************
*** EOF: styles.css ***
***************************************************************************** */