/*
 Standard.css - Formatbeschreibung des Standarderscheinungsbildes (Release 3.0)
 ==============================================================================

 Von Markus Jung

 Formatbeschreibung des Standarderscheinungsbildes gemäss CSS1 und 2 des W3C.

 Geschichte
 - 3.0: 26.06.08, MJung, Erstellung

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


/* Schriften */

div, h1, h2, h3, h4, h5, p, ul, ol, dl, td, a, input, select, option, textarea {color: rgb(76,88,96); font: 11px/16px Verdana,Arial,sans-serif}
form table td input, form table td textarea {line-height: 13px} /* select reagiert nicht auf den Zeilenabstand, deshalb Zeilenabstand von input und textarea an select anpassen */
form table td {line-height: 20px} /* dann Feldbezeichnung an input und textarea anpassen, ev. select mit margin-top korrigieren */


/* Farben */

.Farbe1 {background: white} /* Hintergrund: Weiss */
.Farbe2 {background: rgb(123,153,170)} /* Dunkler Vordergrund: Dunkelblau */
.Farbe3 {background: rgb(0,181,221)} /* Heller Vordergrund: Hellblau */
.Farbe4 {background: rgb(114,121,127)} /* Akzentfarbe: Dunkelgrau */


/* Blockelemente (Standardsatz) */

/* Abschnitte */
div {}

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

h1 {display: inline; font-size: 14px; font-weight: bold} /* Überschrift 1: Thema */
h2 {border-top: 1px solid rgb(123,153,170); padding: 3px 0 16px 11px; font-size: 14px} /* Überschrift 2: Titel */
h3 {padding: 0 0 0 11px; font-weight: bold} /* Überschrift 3: Untertitel */

h4 {display: inline; font-size: 14px} /* Überschrift N+1: Pfad */

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

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

/* Aufzählungen und Nummerierungen */
ul, ol, dl {margin: 0 0 16px 11px}
ul, ol {padding-left: 23px}
ul li {list-style-image: url('../Bilder/Ornamente/Aufzaehlungszeichen.gif')}

ul.Links {}
ul.Links li {margin-bottom: 16px; list-style-image: url('../Bilder/Ornamente/Link.gif')}

/* Bilder */
/*img.zoom{margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px}
.zoomlink{margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px}*/
img {margin: 0 23px 32px 11px}

img.Link {margin: 0 5px 0 5px; width: 12px; height: 12px; vertical-align: text-bottom}
a img {border: none}
img {margin: 0 23px 0 0}
p img[align] {margin: 0 23px 16px 0}

/* Tabellen */
table {margin: 0 0 16px 11px; border-collapse: collapse}

table col.Breit {width: 100%}
table col.Datum, col.Schalter, col.Text, col.Zeichen, col.Zeit {}
table col.Zaehler, col.Zahl {text-align: right}

table tr.Markiert {background: lightgrey}

table td {border-bottom: 1px solid rgb(123,153,170); padding: 0; vertical-align: top}
table td+td {padding-left: 20px}

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

table.Breit {}

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

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

/* Formulare */
form {margin: 0 0 16px 11px}
form table {margin: 0; width: 100%}
form table td {border: none; white-space: nowrap}
form table td+td {padding-left: 10px; width: 100%}
form table td+td table {margin-bottom: 0; width: 100%}

/* Felder */
form table td.Obligatorisch {font-weight: bold}
form table td.Schreibgeschuetzt, form table td.Schreibgeschuetzt a {color: grey}

/* Steuerelemente */
form td.Editierfeld, form td.Textfeld, form td.Textfeldpaar {padding-right: 4px}
form table td.Dropdownfeld select {width: 100%}
form table td.Editierfeld {font-size: 1px; line-height: 1px} /* Safari, Firefox, Netscape */
form table td.Editierfeld textarea {width: 100%}
form table td.Eingabefeld {}
form table td.Kennwortfeld input {width: 100%}
form table td.Listenfeld select {width: 100%}
form table td.Textfeld input {width: 100%}
form table td.Textfeldpaar table td {width: 100px}
form table td.Textfeldpaar table td input {width: 100px}
form table td.Textfeldpaar table td+td {padding-left: 0; width: auto}
form table td.Textfeldpaar table td+td input {width: 100%}
form table td.Schaltflaechen {padding-top: 12px}
form table td.Schaltflaechen input {border: none; background: rgb(123,153,170); padding: 0 8px 0 8px; color: white; font-weight: bold}


/* Zeilenelemente (Standardsatz) */

span {}
span.Wichtig {color: red; font-weight: bold}

/* Auszeichnungen */
strong {}
em {}
u {}

/* Links */
a {border-bottom: 1px solid rgb(0,181,221); text-decoration: none}
a:hover {color: rgb(0,181,221)}
a img {border: none}

a.On {color: gray}
a.On:hover {color: black}


/* Layout (Grobraster mit TABLE-Tag) */

body {margin: 0; background: white}

img#Beschreibungszeile {position: absolute; top: 10px; left: 41px; z-index: 1; margin: 0}
img#Logo {position: absolute; top: 0px; right: 0; margin: 31px 68px 0 24px}

div#Canvas {position: relative; overflow: hidden; padding: 0 0 66px 0}
div#Canvas img#Hintergrund1Oben {position: absolute; top: 0; right: 0; z-index: -2; margin: 0}

div#Canvas table#Layout {margin: 0; width: 100%}

div#Canvas table#Layout td#Kopf {border: none; padding: 0; width: 100%; height: 60px}
div#Canvas table#Layout td#Rand {border: none; padding: 0}
div#Canvas table#Layout td#Rand img {margin: 0; width: 266px; height: 1px}

div#Canvas table#Layout td#Sprache {border: none; padding: 0 0 0 41px}
div#Canvas table#Layout td#Sprache table {margin: 0; width: 100%}
div#Canvas table#Layout td#Sprache table td {border: none; padding: 0; line-height: 13px; white-space: nowrap}
div#Canvas table#Layout td#Sprache table td a {display: block; margin-right: 5px; border: none; background: rgb(0,181,221); padding-left: 3px; width: 20px; color: rgb(255,255,255); font-weight: bold; line-height: 13px; text-decoration: none}
div#Canvas table#Layout td#Sprache table td a:hover {color: rgb(123,153,170)}
div#Canvas table#Layout td#Sprache table td a.On {background: rgb(123,153,170)}
div#Canvas table#Layout td#Sprache table td a.On:hover {color: white}
div#Canvas table#Layout td#Sprache table td#Kanton {background: rgb(0,181,221); padding: 0 3px 0 10px; color: rgb(255,255,255); font-weight: bold}

div#Canvas table#Layout td#Inhalt {border: none; padding: 0 0 0 30px}
div#Canvas table#Layout td#Inhalt div.Rahmen {position: relative; overflow: hidden; border: 1px solid rgb(123,153,170); padding: 48px 23px 0 0}
div#Canvas table#Layout td#Inhalt div.Rahmen img#Hintergrund2Oben {position: absolute; top: -2px; right: 0px; z-index: -1; margin: 0}
div#Canvas table#Layout td#Inhalt div.Rahmen div#Ueberschrift {margin: 0 0 16px 11px}
div#Canvas table#Layout td#Inhalt div.Rahmen div#Ueberschrift img {margin: 0 5px 0 5px; width: 12px; height: 12px; vertical-align: text-bottom}
div#Canvas table#Layout td#Inhalt div.Rahmen div#Copyright {margin-top: 32px; border-top: 1px solid rgb(123,153,170); padding: 9px 23px 10px 11px; line-height: 13px}
div#Canvas table#Layout td#Inhalt div.Rahmen div#Copyright a {line-height: 13px; text-decoration:none}
div#Canvas table#Layout td#Inhalt div.Rahmen img#Hintergrund2Unten {position: absolute; bottom: 0; left: -1px; z-index: -1; margin: 0}

div#Canvas table#Layout td#Navigation {border: none; padding: 87px 11px 0 0; line-height: 22px}
div#Canvas table#Layout td#Navigation a {display: block; border-top: 1px solid rgb(123,153,170); border-bottom: none; padding: 0 0 0 24px; line-height: 22px}
div#Canvas table#Layout td#Navigation div {color: rgb(0,181,221)}
div#Canvas table#Layout td#Navigation div a {color: rgb(0,181,221)}
div#Canvas table#Layout td#Navigation div a:hover {color: rgb(123,153,170)}
div#Canvas table#Layout td#Navigation div div {padding: 0 0 0 24px}
div#Canvas table#Layout td#Navigation div div a {display: inline; border: none; padding: 0}
div#Canvas table#Layout td#Navigation div div img {margin: 0 5px 0 0; width: 12px; height: 12px}

div#Canvas img#Hintergrund1Unten {position: absolute; bottom: 0; left: 0; z-index: -2; margin: 0}


/* Layout und Satz von speziellen Seiten */

body#Homepage div#Canvas table#Layout td#Inhalt div.Rahmen div.Ueberschrift {margin: 0 0 16px 0; border-top: 1px solid rgb(123,153,170); padding: 3px 0 0 11px}
body#Homepage div#Canvas table#Layout td#Inhalt div.Rahmen div.Ueberschrift img {position: relative; top: 2px; margin: 0 5px 0 5px; width: 12px; height: 12px}
body#Homepage div#Canvas table#Layout td#Inhalt div.Rahmen img.Link {margin: 0 5px 0 11px; width: 12px; height: 12px}

div#Canvas table#Layout td#Sprache table td#size1 div{margin-left:10px; font-size:11px; display: block; margin-right: 5px; border: none; background: rgb(0,181,221); padding-left: 3px; width: 20px; color: rgb(255,255,255); font-weight: bold; line-height: 13px; text-decoration: none}
div#Canvas table#Layout td#Sprache table td#size2 div{font-size:13px; display: block; margin-right: 5px; border: none; background: rgb(0,181,221); padding-left: 3px; width: 20px; color: rgb(255,255,255); font-weight: bold; line-height: 13px; text-decoration: none}
div#Canvas table#Layout td#Sprache table td#size3 div{font-size:15px; display: block; margin-right: 5px; border: none; background: rgb(0,181,221); padding-left: 3px; width: 20px; color: rgb(255,255,255); font-weight: bold; line-height: 13px; text-decoration: none}

div#Canvas table#Layout td#Sprache table td#beamer div{margin-left:10px; font-size:11px; display: block; margin-right: 5px; border: none; background: rgb(0,0,0); padding-left: 3px; width: 20px; color: rgb(255,255,255); font-weight: bold; line-height: 13px; text-decoration: none}
div#Canvas table#Layout td#Sprache table td#normal div{margin-left:10px; font-size:11px; display: block; margin-right: 5px; border: none; background: rgb(0,181,221); padding-left: 3px; width: 20px; color: rgb(255,255,255); font-weight: bold; line-height: 13px; text-decoration: none}

/* Bei Ausgabe auf Drucker */

@media print
{

 a {text-decoration: none}
}



#fadedBackground{
	z-index:			10;
	position:			absolute;
	background-color:	black;
	opacity:			0.5;
	filter:				alpha(opacity = 50);
	zoom:				1;
	height:				100%;
	width:				100%;
	left:				0;
	top:				0;
	display:			none;
}

#screenLayer{
	width:				640px;
	height:				480px;
	position:			absolute;
	z-index:			500;
	left:				0;
	top:				0;
	
}