/*
 Standard.css - Formatbeschreibung des Standarderscheinungsbildes
 ================================================================

 Von Markus Jung

 Formatbeschreibung des Standarderscheinungsbildes gemäss CSS1 und 2 des W3C. Für das Layout wird eine Tabelle verwendet. Für den Satz werden Blockelemente und Auszeichnungen für die Verwendung mit dem HTML-Editor
 definiert.

 Geschichte
 28.05.08, MJung, Erstellung

 Copyright 2008 dezember und juli gmbh. Alle Rechte vorbehalten.
*/


/* Schriften */

div, h1, h2, h3, h4, h5, p, ul, ol, dl, td, input, select, textarea {color: rgb(0,66,104); font: 11px/20px Verdana,Arial,sans-serif}


/* Farben */

.Farbe1 {background: rgb(255,255,255)} /* Hintergrund (Weiss) */
.Farbe2 {background: rgb(0,66,104)} /* Dunkler Hintergrund (Blau) */
.Farbe3 {background: rgb(145,172,188)} /* Heller Hintergrund (Hellblau) */
.Farbe4 {background: rgb(227,34,25)} /* Akzentfarbe (Rot) */


/* Blockelemente (Standardsatz) */

/* Abschnitte */
div {}

/* Überschriften */
h1, h2, h3, h4 {margin: 0; padding: 0; font-weight: bold}

h1 {display: inline; color: rgb(255,255,255); line-height: 1; letter-spacing: 1px; text-transform: uppercase} /* Überschrift 1: Thema */
h2 {font-size: 14px; margin: 10px 0 20px 0; border-top: 1px solid rgb(0,66,104)} /* Überschrift 2: Titel */
h3 {} /* Überschrift 3: Untertitel */
h4 {display: inline; color: rgb(255,255,255); line-height: 1; letter-spacing: 1px; text-transform: uppercase} /* Überschrift N+1: Pfad */

/* Absätze */
p {margin: 0 0 20px 0}

p.Lead {font-weight: bold}
p.Textblock {margin-bottom: 0}
p.NeuerTextfluss {clear: right; clear: left; clear: all} /* Wegen Safari */

p.Datensatz {margin-bottom: 10px; border-bottom: 1px solid rgb(0,66,104); padding-bottom: 9px}

/* Aufzählungen und Nummerierungen */
ul, ol, dl {margin: 0 0 20px 0}
ul, ol {padding-left: 23px}
ul li, ol li, dl dt {text-align: left}

/* Bilder */
img {margin: 0 20px 40px 0}
a img {border: none}
p img {margin: 0 20px 0 0}
p img[align] {margin: 0 20px 20px 0}

/* Tabellen */
table {margin: 0 0 20px 0; border-collapse: collapse}
table td {border-bottom: 1px solid rgb(145,172,188); padding: 0; vertical-align: top}
table td+td {padding-left: 20px}

table td.Breit {width: 100%}
table td.Ueberschrift {border-bottom: 2px solid rgb(0,66,104); font-weight: bold; white-space: nowrap}
table td.OhneUmbruch {white-space: nowrap}

table.Breit {width: 100%}

table.Satz {}
table.Satz td {border: none}
table.Satz td+td {padding-left: 5px}

table.Layout {margin: 0}
table.Layout td {border: none; padding: 0}

/* Formulare */
form {margin: 0}
form table {width: 100%}
form table td {border: none}
form table td+td {width: 100%}

/* Steuerelemente */
form table td.Dropdownfeld select {margin-bottom: 1px; width: 100%}
form table td.Editierfeld {font-size: 1px; line-height: 1px} /* Für Safari, Firefox, Netscape */
form table td.Editierfeld textarea {width: 100%; line-height: 1}
form table td.Eingabefeld {}
form table td.Fliesstextfeld {font-size: 1px; line-height: 1px} /* Für Safari, Firefox, Netscape */
form table td.Fliesstextfeld textarea {width: 100%; line-height: 1}
form table td.Listenfeld select {margin-bottom: 1px; width: 100%}
form table td.Textfeld input {width: 100%; line-height: 1}
form table td.Textfeldpaar table {margin-bottom: 0; width: 100%}
form table td.Textfeldpaar table td+td {padding-left: 10px}
form table td.Textfeldpaar table td input {width: 100%; line-height: 1}
form table td.Schaltflaechen {padding-top: 12px}


/* Auszeichnungen (Standardsatz) */

strong {color: rgb(145,172,188)}
em {}
u {}

a {color: rgb(0,66,104)}
a:hover {color: rgb(145,172,188)}

a.Details {display: block; background: url('../Bilder/Steuerelemente/Link.gif') 0px 6px no-repeat; padding-left: 17px; font-weight: bold; letter-spacing: 1px; text-decoration: none; text-transform: uppercase}


/* Layout */

body {margin: 0; background: rgb(0,66,104) url(../Bilder/Ornamente/Blau.gif)}

table#Layout {margin: 0; border: none; width: 100%}
table#Layout img {vertical-align: bottom}

table#Layout td#Kopf {border: none; background: rgb(255,255,255) url('../Bilder/Corporate-Design/Kopf.jpg') 0 30px repeat-x; padding: 0 0 0 25px; height: 82px}
table#Layout td#Kopf table {margin: 0}
table#Layout td#Kopf table td {border: none; padding-left: 5px}

table#Layout td#Claime {border: none; background: rgb(0,66,104); padding: 41px 0 0 30px; font-size: 1px; line-height: 1px}
table#Layout td#Claime img {margin: 0}
table#Layout td#Logo {border: none; background: rgb(0,66,104); padding: 22px 129px 23px 0}
table#Layout td#Logo img {margin: 0}

table#Layout td#Inhalt {border: none; padding: 41px 0 0 0; width: 100%}
table#Layout td#Inhalt div.Ueberschrift {margin-left: 30px; background: rgb(145,172,188) url('../Bilder/Steuerelemente/Rechts.gif') 2px 3px no-repeat; padding: 2px 5px 3px 17px; width: 400px; color: rgb(255,255,255); line-height: 1}
table#Layout td#Inhalt div.Rahmen {margin: 0 0 138px 42px; border: 1px solid rgb(145,172,188); background: url('../Bilder/Ornamente/Hellblau.gif')}
table#Layout td#Inhalt div.Rahmen div.Text {margin: 22px 0 22px 0; background: rgb(255,255,255); padding: 10px 23px 20px 5px}

table#Layout td#Randspalte {border: none; padding: 41px 24px 0 23px}
table#Layout td#Randspalte div.Ueberschrift {background: rgb(227,34,25); padding: 2px 5px 3px 5px; width: 158px; color: rgb(255,255,255); font-weight: bold; letter-spacing: 1px; text-transform: uppercase; line-height: 1}
table#Layout td#Randspalte div.Rahmen {border: 1px solid rgb(227,34,25); background: url('../Bilder/Ornamente/Rot.gif')}
table#Layout td#Randspalte div.Rahmen div.Text {margin: 22px 0 22px 0; background: rgb(255,255,255); padding: 10px 5px 20px 5px}
table#Layout td#Randspalte div.Kontakt {display: none; margin-top: 44px}

table#Layout td#Copyright {border: none; background: rgb(0,66,104); padding: 20px 20px 20px 48px; color: rgb(255,255,255); line-height: 1}
table#Layout td#Copyright a {color: rgb(255,255,255)}
table#Layout td#Credits {border: none; background: rgb(0,66,104); padding: 20px; color: rgb(255,255,255)}


/* Satz im Layout */

table#Layout td#Randspalte p {margin: 0; text-align: left}
table#Layout td#Randspalte p img {margin: 0}


/* Layout und Satz von speziellen Seiten */

body#Homepage p {text-align: left}
body#Homepage table#Layout td#Kopf {background-image: url('../Bilder/Corporate-Design/Kopf (Homepage).jpg'); height: 245px}
body#Homepage table#Layout td#Inhalt div.Ueberschrift {background-image: none; width: 120px}
body#Homepage table#Layout td#Inhalt div.Rahmen {margin-bottom: 24px}
body#Homepage table#Layout td#Randspalte form input {border: 1px solid rgb(145,172,188); line-height: 1}


/* Formatvorlagen zum JavaScript-Objekt 'DHTMLMenue' */

div.DHTMLMenueTitel {float: left; background: rgb(0,66,104) url('../Bilder/Steuerelemente/Auf.gif') 3px 4px no-repeat; padding: 2px 12px 3px 15px}
div.DHTMLMenueTitel a {display: block; color: rgb(255,255,255); font-size: 10px; font-weight: bold; line-height: 1; letter-spacing: 1px; text-decoration: none; text-transform: uppercase}
div.DHTMLMenueTitelHover {float: left; background: rgb(0,66,104) url('../Bilder/Steuerelemente/Ab.gif') 3px 4px no-repeat; padding: 2px 12px 3px 15px}
div.DHTMLMenueTitelHover a {display: block; color: rgb(145,172,188); font-size: 10px; font-weight: bold; line-height: 1; letter-spacing: 1px; text-decoration: none; text-transform: uppercase}

div#DHTMLMenueTitel1 {background-image: url('../Bilder/Steuerelemente/Home.gif')}
div#DHTMLMenueTitel5, div#DHTMLMenueTitel6, div#DHTMLMenueTitel7 {background: rgb(145,172,188) url('../Bilder/Steuerelemente/Rechts.gif') 3px 2px no-repeat}
div#DHTMLMenueTitel5.DHTMLMenueTitelHover a, div#DHTMLMenueTitel6.DHTMLMenueTitelHover a, div#DHTMLMenueTitel7.DHTMLMenueTitelHover a {color: rgb(0,66,104)}

div.DHTMLMenue {position: absolute; visibility: hidden; top: 15px; z-index: 9; background: rgb(227,34,25); padding-bottom: 10px}
div.DHTMLMenue span {display: block; margin-left: 15px; border-bottom: 1px solid rgb(255,255,255); padding-right: 15px}
div.DHTMLMenue span a {display: block; width: 100%; color: rgb(255,255,255); text-decoration:none}
div.DHTMLMenue span.Hover {padding-right: 15px}
div.DHTMLMenue span.Hover a {color: rgb(145,172,188)}


/* Bei Ausgabe auf Drucker */

@media print
{

 a {text-decoration: none}

 table#Layout td#Randspalte div.Kontakt {display: block}
}