/*
 Standard.css - Standardformatierung
 ===================================

 Von Markus Jung

 Definiert die Standardformatierung der Website gemäss CSS1 und 2 des W3C. Für das Layout wird eine Tabelle verwendet. Für den Satz werden Block-
 elemente und Auszeichnungen für die Verwendung mit dem HTML-Editor definiert.

 Geschichte
 20.03.07, MJung, Erstellung
 28.03.2008, Jean-Pierre A. Kousz

 Copyright 2007 dezember und juli gmbh. Alle Rechte vorbehalten.
 Anpassungen 2008 Ivaris AG
*/


/* Allgemeine Einstellungen */

img {border: none}

td {padding: 0; vertical-align: top}

/* Schrift */
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, td, input, select, textarea {color: rgb(83,92,85); font: 11px/20px Verdana,Arial,sans-serif}

.Platzhalter {font-size: 1px; line-height: 1px}

/* Farben */
.Farbe1 {background: rgb(207,213,206)} /* Hintergrund (Grau) */
.Farbe2 {background: rgb(255,255,255)} /* Hintergrund Inhalt (Weiss) */
.Farbe3 {background: rgb(83,92,85)} /* Vordergrund (Dunkelgrau) */
.Farbe4 {background: rgb(222,221,57)} /* Akzentfarbe (Hellgrün) */
.Farbe5 {background: rgb(206,205,0)} /* Akzentfarbe (Dunkelgrün) */

.Negativ {}


/* Blockelemente */

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0}

h1 {display: inline} /* Bereich */
h2 {display: inline; font-weight: bold} /* Thema */
h3 {margin: 20px 0 20px 0; border-top: 1px solid rgb(206,205,0); color: rgb(206,205,0); font-size: 13px; font-weight: bold} /* Unterthema */
h4 {margin: 20px 0 10px 0; border-top: 1px solid rgb(206,205,0); color: rgb(206,205,0); font-weight: bold} /* Titel */
h5 {margin: 20px 0 10px 0; border-top: 1px solid rgb(206,205,0); color: rgb(206,205,0)} /* Untertitel */
h6 {font-weight: bold} /* Absatztitel */

p {margin: 0 0 20px 0}

ul, ol {padding-left: 23px}
ul, ol, dl {margin: 0 0 20px 0}

hr {border: none; background: rgb(0,0,0); height: 2px}

img {margin: 0 0 20px 0}

table {margin: 0 0 20px 0}

form {margin: 0}
form table {width: 100%}

/* Auszeichnungen */

strong {}
em {}
u {}

a {color: rgb(83,92,85)}
a:hover {color: rgb(206,205,0)}


/* Layout */

body {margin: 0; background: rgb(207,213,206)}

table#Layout {margin: 0; width: 100%}
table#Layout td img {margin: 0}

table#Layout td.Rand {}
table#Layout td#Claim {border-top: 2px solid rgb(222,221,57); border-left: 2px solid rgb(222,221,57); padding: 0 18px 0 28px; background: rgb(255,255,255) url('/layout/Hintergrund (Kopf 1).gif') top right no-repeat; height: 137px; font-size: 1px; line-height: 1px; vertical-align: bottom}
table#Layout td#Logo {border-top: 2px solid rgb(222,221,57); padding: 0 9px 0 0; background: rgb(255,255,255) url('/layout/Hintergrund (Kopf 2).gif'); font-size: 1px; line-height: 1px; vertical-align: bottom}
table#Layout td#RandOben {border-top: 2px solid rgb(222,221,57); background: url('/layout/Hintergrund (Kopf 3).gif')}
table#Layout td#Inhalt {border-left: 2px solid rgb(222,221,57); padding: 20px 18px 0 28px; background: rgb(255,255,255); width: 100%; height: 450px}
table#Layout td#Inhalt div#Pfad {border-top: 1px solid rgb(206,205,0)}
table#Layout td#Navigation {border-right: 2px solid rgb(222,221,57); padding: 40px 0 0 0; background: rgb(255,255,255); text-align: right}
table#Layout td#Navigation div {margin: 0 16px 18px 0; text-align: left}
table#Layout td#Navigation div.Menue {border-top: 1px solid rgb(206,205,0); font-weight: bold}
table#Layout td#Navigation div.Menue a {display: block; border-bottom: 1px solid rgb(206,205,0); padding-left: 3px; font-weight: normal; line-height: 22px; text-decoration: none}
table#Layout td#Navigation div.Menue a:hover {background: rgb(222,221,57); color: rgb(255,255,255)}
table#Layout td#Navigation div.Menue div {margin: 0; background: rgb(222,221,57)}
table#Layout td#Navigation div.Menue div a+a {font-weight: normal}
table#Layout td#Navigation img {margin: 0}
table#Layout td#Navigation div.Kontakt {display: none; line-height: 14px}
table#Layout td#Copyright {border-bottom: 2px solid rgb(222,221,57); border-left: 2px solid rgb(222,221,57); padding: 0 18px 18px 28px; background: rgb(255,255,255) url('/layout/Hintergrund (Fuss 1).gif') top right no-repeat; height: 60px; line-height: 14px}
table#Layout td#Copyright div {border-top: 1px solid rgb(206,205,0); padding-top: 5px}
table#Layout td#Copyright span {color: rgb(206,205,0)}
table#Layout td#RandUnten {border-bottom: 2px solid rgb(222,221,57); background: rgb(255,255,255) url('/layout/Hintergrund (Fuss 2).gif') top right no-repeat}


/* Satz */

td#Inhalt div.Datensatzgruppe {margin-bottom: 20px}
td#Inhalt div.Datensatzgruppe p {margin-bottom: 0; border-bottom: 1px solid rgb(206,205,0)}
td#Inhalt div.Highlight {padding: 6px; background: rgb(206,205,0)}
td#Inhalt div.Highlight h5 {margin: 0; border-bottom: 1px solid rgb(83,92,85); color: rgb(83,92,85); font-weight: bold}
td#Inhalt div.Highlight p {margin: 0}

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

td#Inhalt ul {}
td#Inhalt ul li {text-align: justify}
td#Inhalt ol {}
td#Inhalt ol li {text-align: justify}
td#Inhalt dl {}
td#Inhalt dl dt {}
td#Inhalt dl dd {text-align: justify}

td#Inhalt img {margin: 0 20px 40px 0}
td#Inhalt p img {margin: 0 20px 0 0}
td#Inhalt p img[align] {margin: 0 20px 24px 0}

td#Inhalt table {}
td#Inhalt table td {border-bottom: 1px solid rgb(206,205,0)}
td#Inhalt table td+td {padding-left: 20px}
td#Inhalt table td.Breit {width: 100%}
td#Inhalt table td.Ueberschrift {border-bottom: 2px solid rgb(206,205,0); color: rgb(206,205,0); font-weight: bold; white-space: nowrap}
td#Inhalt table td.OhneUmbruch {white-space: nowrap}

td#Inhalt table.Breit {width: 100%}

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

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

td#Inhalt form table table {}
td#Inhalt form table td {border: none}
td#Inhalt form table td+td {width: 100%}

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

td#Inhalt strong {}
td#Inhalt em {}
td#Inhalt u {}

td#Inhalt a {}


/* Layout und Satz von speziellen Seiten */

body#Homepage {}
body#Homepage table#Layout td#Inhalt {padding-bottom: 40px}
body#Homepage table#Layout td#Inhalt p {font-weight: bold}


/* Bei Ausgabe auf Drucker */

@media print
{

 h1, h2, h3, h4, h5, h6, p, ul, ol, dl, td, input, select, textarea {color: rgb(0,0,0); font-size: 9pt; line-height: 14pt}
 a {text-decoration: none}

 table#Layout td.Rand {display: none}
 table#Layout td#Claim, table#Layout td#Logo, table#Layout td#RandOben, table#Layout td#Copyright, table#Layout td#RandUnten {background-image: none}
 table#Layout td#Logo, table#Layout td#RandUnten {border-right: 2px solid rgb(222,221,57)}
 table#Layout td#Logo {padding: 0 18px 0 0}
 table#Layout td#Navigation {vertical-align: bottom}
 table#Layout td#Navigation div.Menue, table#Layout td#Navigation img {display: none}
 table#Layout td#Navigation div.Kontakt {display: block}
}