/* Stylesheet für Layoutrahmen, siehe auch separates Stylesheet für Farben */

/* Beginn Definitionen nur für IE6 */
/* Seitenbreite fest */
* html body,
* html #ngg  {
	width: 1024px;
}
/* Ende Definitionen nur für IE6 */

body {
	font-size: 80%;
	margin: 0;
	padding: 0;
}

/* Standardschrift (separat auf Formularelemente, da die Einstellung nur so auch dort gilt) */

body,
input,
select,
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Bilder und Bilder in Links ohne Border */
a img,
img {
	border: none;
}

/* Absätze mit Abstand */
#content p {
	margin: 1em 0;
}

#content dl.legend_list {
	font-size: 0.9em;
	position: relative;
}

#content dl.legend_list dt {
	left: 0;
	position: absolute;
}

#content dl.legend_list dd{
	margin: 0;
	padding-left: 15em;
}

/**************************************************/
/* HEADER: Kopfbereich mit Logo und einigen Links */
/**************************************************/

/* Beginn Definitionen nur für IE6 */
/* Rechten border des ersten Listenpunkts verstecken (:first-child wird nicht ausgewertet) */
* html #header_links ul li {
	position: relative;
	left: 1px;
}
/* Ende Definitionen nur für IE6 */

#header {
	margin-bottom: 1em;
	position: relative;
}
/* Container für Links im Header */
#header_links {
	font-size: 85%;
	font-weight: bold;
	left: 218px;
	margin: 0;
	max-width: 806px;
	position: absolute;
	right: 0;
	top: 0;
}

/* Optionaler Text links im Header-Bereich */
#header_links #header_text { 
	float: left;
	font-size: 0.8em;
	font-weight: 300;
	padding-left: 1em;
}

/* Linkliste */
#header_links ul {
	margin: 0;
	padding: 0;
}
/* Listenelemente rechts floatend */
#header_links ul li {
	border-right: 1px solid;
	display: inline;
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0 1em 0 1em;
}
#header_links ul li a {
	text-decoration: none;
	white-space: nowrap;
}
/* Erster Listenpunkt ohne Trenner */
#header_links ul li:first-child {
	border-right: none;
}
/* Release-Notes-Link ohne Trenner und links floatend */
#header_links ul li.release_notes {
	border-right: none;
	float: left;
}

/******************************************************/
/* MAIN: Container um tabs_top, frame und tabs_bottom* /
/******************************************************/

/* Beginn Definitionen nur für IE6 */
/* Feste Breite für IE */
* html #main {
	width: 816px; /* 1024 - 218 + 2*Padding */
}
/* Ende Definitionen nur für IE6 */

#main {
	margin-left: 213px; /* 218px - Padding */
	max-width: 806px;
	min-width: 400px;
	padding: 5px;
	position: relative;
	text-align: left;
	z-index: 5;
}

/* Main ohne Platz für Navigation */
#main.noNavigation {
	margin-left: 0;
}

/******************************************************/
/* NAVIGATION: Hauptnavigation am linken Rand         */
/******************************************************/

/* Beginn Definitionen nur für IE6 */
/* Ohne border-bottom gibt es große Abstände zwischen den Navigationspunkten; margin-bottom gleicht den Border optisch aus */
* html #navigation ul li {
	border-bottom: 1px solid white;
	margin-bottom: -1px;
}
* html #navigation ul li ul li {
	margin-bottom: -1px;
}
/* Ende Definitionen nur für IE6 */

#navigation {
	left: 0;
	max-width: 194px;
	position: absolute;
	width: 194px;
	padding-top: 5px;
}

/* Erste Menüebene */
#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 194px
}
#navigation ul li {
	margin: 1px 0 0 0;
}
#navigation ul li a,
#navigation ul li span { 
	border-left: 6px solid;
	display: block;
	font-weight: bold;
	padding: 5px 0px 5px 5px;
	text-decoration: none;
}
/* Zweite Menüebene */
#navigation ul li ul li {
	margin: 1px 0 0 0;
}
#navigation ul li ul li a,
#navigation ul li ul li span {
	padding-left: 20px;
}
/* Dritte Menüebene */
#navigation ul li ul li ul li {
	margin: 1px 0 0 0;
}
#navigation ul li ul li ul li a,
#navigation ul li ul li ul li span {
	padding-left: 40px;
}
/* Vierte Menüebene */
#navigation ul li ul li ul li ul li {
	margin: 1px 0 0 0;
}
#navigation ul li ul li ul li ul li a,
#navigation ul li ul li ul li ul li span {
	padding-left: 60px;
}

/* Korrektur bei Verschachtelung von <a> und <span> */
#navigation ul li a span,
#navigation ul li ul li a span,
#navigation ul li ul li ul li a span,
#navigation ul li ul li ul li ul li a span {
	border: none;
	padding: 0;
}

/* Abstand hinter aktuellem Listenpunkt */
#navigation ul li.space {
	margin-bottom: 14px;
}

#navigation #login {
	margin: 5px;
	max-width: 218px;
	width: 218px;
}

/**************************************************************************************/
/* tabs_top / tabs_bottom bei Bedarf Navigation für einzelne Funktionen wie Recherche */
/**************************************************************************************/

/* Beginn Definitionen nur für IE6 */
/* Feste Breite für IE */
* html #tabs_top {
	width: 806px;
}
/* Ende Definitionen nur für IE6 */
#tabs_top {
	width: 100%;
}
#tabs_top ul {
	padding: 0;
	margin: 0;
}
#tabs_top ul li {
	border-top: 3px solid; 
	display: inline;
	float: left;
	font-weight: bold;
	list-style-type: none;
	margin: 0px 4px 0 0px;
	padding: 2px 4px 1px 4px;
	white-space: nowrap;
	z-index: 50;
}
#tabs_top ul li.active {
	border-top: 1px solid; 
	border-left: 1px solid;
	border-right: 1px solid;
	margin-top: 2px;
}
#tabs_top ul li.disabled {
	border-left: 1px solid;
	border-right: 1px solid;
	border-top: 1px solid;
	font-weight: normal;
	margin-top: 2px;
}
#tabs_top ul li a {
	text-decoration: none;
	width: 100%;
}

#tabs_bottom {
}
#tabs_bottom ul {
	margin:0;
	padding:0;
}
#tabs_bottom ul li {
	border-bottom: 3px solid; 
	float: left;
	font-weight: bold;
	list-style-type: none;
	margin: 0px 4px 0 0px;
	padding: 2px 4px 2px 4px;
	position: relative;
	top: 0;
	white-space: nowrap;
}
#tabs_bottom ul li.active {
	border-bottom: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	margin-bottom: 2px;
}
#tabs_bottom ul li.disabled {	
    padding:2px 4px;
	border-bottom: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	font-weight:normal;
	margin-bottom: 2px;
}
#tabs_bottom ul li a {
	text-decoration:none;
	width: 100%;
}

/* Nummerierte Tabs zweizeilig - Nummber in span class="tab_number" einschließen */
#tabs_top .tab_number,
#tabs_bottom .tab_number {
	display:block;
}

/* Format für Dokumentzahl im Reiter Merkliste/Warenkorb/o.ä. */
.tab_count {
	font-weight:normal;
} 


/***************************************************************/
/* FRAME: enthält HEADLINE, BUTTON-TOP, CONTENT, BUTTON-BOTTOM */
/***************************************************************/ 

/* Beginn Definitionen nur für IE6 */
/* Da button-bottom nicht mit position:absolute funktioniert und IE6 min-height eh nicht unterstützt, Hintergrund über background-color statt border vom #frame */
* html #frame {
	border-bottom: none;
	position: relative;
}

* html #frame #button_bottom {
	margin: 0;
	padding: 2px 0 0 0;
	position: static;
}
/* Ende Definitionen nur für IE6 */

#frame {
	border-bottom: 22px solid;
	clear: both;        /* um Tabs "abzuschließen */
	position: relative;
	min-height: 350px;  /* Minimalhöhe des Frame-Bereichs */
}

/*  Überschriftenzeile */
#headline, .headline {
	min-height: 1.7em;
	position: relative;
}
#headline h2, .headline h2 {
	font-size: 1em;
	margin: 0;
	padding: 4px 2px 2px 5px;
}

/* Knopfreihe oben */
/* Beginn Definitionen nur für IE6 */
* html #button_top {
	right: 5px; /* padding von #main */
}
/* Ende Definitionen nur für IE6 */
#button_top {
	height: 22px;
	margin-top: 0;
	position: absolute;
	padding: 3px 3px 0 0; 
	right: 0;
	top: 0; 
	white-space: nowrap;
}
#button_top img {
	margin-left: 1em;
}

/* Knopfreihe unten */
#button_bottom {
	bottom: -22px;
	clear: both;
	line-height: 22px;
	height: 22px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	text-align:right;
	white-space: nowrap;
}
/* Im Druck verstecken */
#button_bottom img {
	margin: 3px;
}
#button_bottom a {
	text-decoration: none;
}

/****************************************************************************************************/
/* Verschiedene Unterfunktions-Definitionen: MARKER-SUB-FUNCTION, SUB-FUNCTION (enthält BUTTON-SUB) */
/****************************************************************************************************/ 

/* Beginn Definitionen nur für IE6 */
/* Einrückung der "Ecke" korrigieren */
* html #content #marker_sub_function {
	left: -16px;
}
/* Ende Definitionen nur für IE6 */

#content {
	padding-bottom: 0.5em;
	position: relative;
}

/* Ecke vor dem eigentlichen Unterfunktionsrahmen */
#content #marker_sub_function {
	border-bottom: 3px solid;
	border-left: 3px solid;
	height: 35px;
	left: 0;
	position: absolute;
	top: -15px;
	width: 15px;
}

/* Unterfunktionsrahmen */
#content #sub_function {
	border-bottom: 3px solid;
	border-left: 3px solid;
	border-top: 3px solid;
	margin: 15px 0px 15px 16px;
	padding: 3px 0 0 10px;
	position: relative;
}
#content #sub_function h3 {
	margin: 2px 0 0 0;
	padding: 3px 8px 3px 0px;
}

/* Schließen-Knopf rechts oben */
#content #button_sub { 
	margin-top: 2px;
	padding: 3px 3px 0 0;
	position: absolute;
	right: 0;
	top: 2px; 
	white-space: nowrap;
}
#content #button_sub a {
	text-decoration: none;
}
#content #button_sub img {
	border: none;
}

/****************************/ 
/* Tabellen 	            */
/****************************/ 

/* Allgemeine Formatierung */

/* Diese Definition sollte nicht nötig sein, aber wenn sie fehlt kann es vereinzelt Probleme mit zu großer Schrift in Tabellen geben */
#frame table {
	font-size: 1em;
}

/* Alle Tabellenzellen */
#content td,
#content th {
	border: 1px solid;
	padding: 2px;
	text-align: left;
	vertical-align: top;
}
/* Überschriften */
#content th {
	font-weight: bold;
	white-space: nowrap;
}
/* Überschriften doch umbrechen */
#content table.th-wrap th {
	white-space: normal !important;
}
/* Caption */
#content table caption { 
	font-weight: normal;
	margin: 1em 0;
	text-align: left;
	white-space: nowrap;
}

/* Spezielle Zellen-Styles */

#content td.number {
	text-align: right;
	white-space: nowrap;
}
#content .centered {
	padding-right: 10px;
	text-align: center;
}
/* Zelle mit Liste */
#content td.list ol,
#content td.list ul {
	margin: 0;
	padding: 0;
	padding-left: 2em;
}
/* Zelle mit Checkbox oder Radiobutton */
#content td.checkbox,
#content td.radio {
	padding-left: 1.6em;
 	text-indent: -1.6em;
}
#content td.checkbox input,
#content td.radio input {
	left: 2px;
	position: relative;
}

/* Tabellentypen */

/* Standard-Tabellentyp */
#content table.default {
	border: none;
	border-collapse: collapse;
	empty-cells: show;
	margin-bottom: 1em;
	margin-top: 0.5em;
	width: 100%;
}
/* Link, der die Zelle voll ausfüllt; Inhalt zentriert (vergrößert den Klickbereich kleiner Grafik-Buttons) */
#content table.default tr a.fillcell {
	display: block;
	padding-right: 10px; /* wie #content .centered */
	text-align: center;
}
/* Zwischenüberschriften innerhalb einer Tabelle */
#content table.default tr th.subheading {
	background: none;
	padding-top: 0.5em;
	vertical-align: bottom;
}

/* Bestätigungstabelle */
#content table.confirmation {
	border: none;
	border-collapse: collapse;
	empty-cells: show;
	margin-bottom: 1em;
	margin-top: 0.5em;
}
#content table.confirmation td {
	width: 100%;
}
#content table.confirmation th {
	background: none;
	font-weight: normal;
}

/* Dokumentausgabe */
#content table.document {
	border: none;
	border-collapse: collapse;
	empty-cells: show;
	margin-bottom: 1em;
	margin-top: 0.5em;
	width: 100%;
}
#content .document table caption,
#content table.document caption {
	font-weight: bold;
}
#content table.document th {
	background: none;
	font-weight: normal;
    white-space: normal;
	width: 20em;
}

/* Individuelle Tabellenbreite */
#content table.autowidth { 
	width: auto; 
	min-width: 50%; 
}
#content table.autowidth td { 
	width: auto; 
}

/* Tabellen-Text verkleinern */
#content table.smaller {
	font-size: 0.85em;
}

/* Überschriften für Tabellensortierung */
#content a.sort_icon {
	background-image: url(../images/sort.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 12px;
}
#content a.sort_icon.sorted_ascending {
	background-image: url(../images/sorted_ascending.png);
}
#content a.sort_icon.sorted_descending {
	background-image: url(../images/sorted_descending.png);
}

/******************************************************/ 
/* CONTENT - ELEMENTE                                           */
/******************************************************/ 
abbr,
acronym,
dfn {
	border: none;
	cursor: help;
	font-style: normal;
	text-decoration: none;
}

#content h3 {
	border: none;
	font-size: 1.1em;
	margin: 1.5em 0 0 0;
	padding-left: 0;
}
#content h3.before_table {
	padding: 0;
}
#content h4 {
	font-size: 1em;
	margin: 5px 0;
}

/* Bilder immer unten ausrichten */
#content img {
	vertical-align: bottom;
}

/* "Zeigen-Verstecken"-Link nicht unterstreichen (IE-Problem) */
#content a.hide_show {
	text-decoration: none;
}

/* "Zeigen-Verstecken"-Bilder mittig ausrichten */
#content img.hide_show {
	vertical-align: middle;
}

/* "Zeigen-Verstecken"-Platzhalter verstecken, wird per JS eingeblendet */
#content .hide_show_link {
	display: none;	
}

/* HIDDEN - versteckt */

/* Beginn Definitionen nur für IE6 */
/* h2.hidden wird im IE6 komplett unterschlagen, soll aber zumindest den Platz einnehmen */
* html #headline h2.hidden {
	display: block;
	visibility: hidden;
}
/* Ende Definitionen nur für IE6 */

.hidden {
	display:none;
}

/* Blaettern  */
#content .browse {
	clear: both;
	margin: 1em 0;
	text-align: center;
}
#content .browse_back {
	background-image: url(../images/pfeil_links.gif);
	background-position: left 3px;
	background-repeat: no-repeat;
	border-right: 1px solid;
	margin-right: 10px;
	padding: 0 5px 0 13px; 
	text-decoration: underline;
}
#content .browse_next {
	background-image: url(../images/pfeil_rechts.gif);
	background-position: right 3px;
	background-repeat: no-repeat;
	border-left: 1px solid;
	margin-left: 10px;
	padding: 0 13px 0 5px;
	text-decoration: underline;
}

/* Diverse */

/* Clear-<div>s */
/* Leere <div>s machen Probleme im ngg, daher muss immer ein &nbsp; drinstehen. Daher wird die Höhe auf Null gesetzt. */
/* Beginn Definitionen nur für IE6 */
* html .clear {
	line-height: 0; /* spezifisch für IE6, da IE7 mit dieser Angabe doch wieder eine Leerzeile erzeugt */
}
/* Ende Definitionen nur für IE6 */
.clear {
	clear: both;
	display: block;
	height: 0;
}

/* Kein Umbruch */
.nowrap {
	white-space: nowrap;
}
/* Einrückung */
#content .indent {
	margin: 1em 0em 1em 2em;
}
/* Hervorhebung Suchbegriffe bei Dokumentausgabe */
#content .highlight {
	font-weight: bold;
}

/* Warnungs-Boxen (warning), Bestätigungsboxen für Aktionen (confirmation) und Hinweise (note) */
#content div.warning, #content p.warning,
#content div.confirmation, #content p.confirmation,
#content div.note, #content p.note {
	border: 1px solid;
	margin: 1em 0;
	padding: 1em;
}
/* Listen in diesen Boxen wie form_error */
#content div.warning ul, #content div.confirmation ul, #content div.note ul {
	list-style-type: circle;
	margin: 0 0 0 1em;
	padding: 0;
}


/**********************************************/
/* Formate für "Dialogboxen"                  */
/**********************************************/

/* Beginn Definitionen nur für IE6 */
/* Alternative Anordnung */
* html #box {
	position: relative;
	left: 3px;
}
/* Ende Definitionen nur für IE6 */

#box {
	border: 3px solid;
	margin-bottom: 1.5em;
	width: 60%;
}

/* Innenabstand */
#box #content, #box .content {
	padding: 0 0.5em;
}

/* "Doppelklickverhinderung" */

/* Beginn Definitionen nur für IE6 */
/* IE6 kann position:fixed nicht, Anzeige innerhalb der Seite */
* html #busy_box {
	margin: 1em 0;
	position: static;
	width: 50%;
}
/* Dann kann das Overlay versteckt werden */
* html #busy_overlay {
	display: none;
}
/* Ende Definitionen nur für IE6 */

/* Zu Beginn unsichtbar, wird per Javascript sichtbar gemacht */
#busy_container {
	display: none;
}

/* Feste Breite, feste Position im Fenster, scrollt nicht mit */
#busy_box {
	border: 3px solid;
	left: 35%;
	overflow: auto;
	position: fixed;
	top: 30%;
	width: 30%;
	z-index: 1001;
	padding-bottom:8px;
}

/* Überschrift in wie h2 sonst plus "beschäftigt"-Symbol */
#busy_box h3 {
	background-image: url(../images/busybox_loading.gif);
	background-position: top left;
	background-repeat: no-repeat;
	border: 3px solid;
	font-size: 1em;
	margin: 0;
	padding: 0 0 3px 32px; /* unten wie Rahmenbreite, 16px Bildbreite * 2 */
}

/* Innenabstand */
#busy_content {
	padding: 0.5em 0.5em 0;
}

/* Overlay wird über gesamtes Bild gelegt */
#busy_overlay {
	cursor: not-allowed;
	filter: alpha(opacity=50); /* durchsichtig im IE */
	height: 100%;
	left: 0;
	-moz-opacity: 0.5; /* durchsichtig mit Mozilla-Engine */
	opacity: 0.5; /* durchsichtig nach CSS3 */
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}

/* Container, in dem die busy_box zunächst liegt (wird per JS dort herauskopiert) */
#busy_source {
	display: none;
}


/* ************************* */
/*  Infobox (Tooltipp)       */
/* ************************* */

/* Beginn Definitionen nur für IE6 */
/* width ist aus unbekannten Gründen nötig */
* html #main a.infobox,
* html #main a.infobox:focus,
* html #main a.infobox:hover {
	width: auto;
}
/* Positionierung muss anders sein (werden bottom oder right verwendet, wird teilweise garnichts angezeigt) */
* html #main a.infobox span {
	bottom: auto;
	left: -18em;
	right: auto;
	top: -5em;
}
/* In Tabs */
* html #tabs_top a.infobox,
* html #tabs_bottom a.infobox {
	padding-bottom: 0;
}
/* Drop-Down-Boxen überdecken in IE6 alle anderen Elemente; an einigen Stellen muss die Infobox daher rechts statt links angezeigt werden */
* html #main a.infobox.ie6_right span {
	left: 0;
}
/* Ende Definitionen nur für IE6 */

/* Inhalt unsichtbar, nur Hintergrundbild */
#main a.infobox {
	background-image: url(../images/info.gif);
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid;
	cursor: help;
	font-weight: normal;
	font-size: 0.9em;
	outline: none;
	text-decoration: none;
	text-indent: 0;
	vertical-align: middle;
	width: 16px;
}

/* Beim hovern nach vorne holen */
#main a.infobox:focus,
#main a.infobox:hover {
	background-image: url(../images/info_hervorgehoben.gif);
	position: relative;
	z-index: 100;
}

/* Span innerhalb der Infobox als "Box" */
#main a.infobox span {
	bottom: 1.3em;
	display: none;
	font-weight: normal;
	line-height: 1.1em;
	padding: 1em;
	position: absolute;
	right: -1px;
	text-align: left;
	text-decoration: none;
	width: 17em;
	white-space: normal;
}

/* Beim hovern anzeigen */
#main a.infobox:focus span,
#main a.infobox:hover span {
	border: 1px solid;
	display: block;
}

/* Spans innerhalb des Infobox-Spans wieder benutzbar machen */
#main a.infobox span span,
#main a.infobox:focus span span,
#main a.infobox:hover span span {
	border: none;
	display: inline;
	padding: 0;
	position: static;
}

/* Positionskorrektur bei Verwendung in Tabs */
#tabs_top a.infobox,
#tabs_bottom a.infobox {
	padding-bottom: 1px;
}

/* Größenkorrektur für einige Infoboxen */
#content h3 .infobox {
	font-size: 0.85em; /* Größenkorrektur für Medline direkt Titelliste. h3 ist 1.1em, Größe soll eigentlich 0.9em sein -> 0.9/1.1 ~ 0.8; 0.85 funktioniert aber besser */
}


/* **************************************** */
/*  Formulare                               */
/* **************************************** */

/* Formularzeile */
#content div.form_line {
	clear: both;
	margin: 0.5em 0;
	min-height: 1.6em;
	line-height: 1.6em;
	padding-top: 2px; /* für IE, sonst wird der obere Border von a.button abgeschnitten */
}

/* Eingabefelder für Eingabe von x Zeichen, die Breiten sind entsprechend abgestimmt */
#content input.input_3 {
	width:4ex;
}
#content input.input_4 {
	width:5ex;
}
#content input.input_16 {
	width:20ex;
}
/* Eingabefeld für (deutsches) Datum */
#content input.date {
	width:12ex;
}
/* Eingabefeld für Zahl rechtsbündig */
#content input.number {
	text-align: right;
}

/* Liste von Checkboxen oder Radiobuttons */
#content ul.form_list {
	list-style-type: none;
	margin: 0.25em 0;
	padding: 0;
	width: auto;
}
/* Zweite Ebene */
#content ul.form_list li ul
{
	list-style-type: none;
	margin-left: 0;
	padding-left: 1em;
}
/* Einzeilige Variante */
#content ul.form_list.one_line {
	display: inline;
	margin-left: 0;
}
#content .form_list_one_line_prefix {
	float: left;
	margin-right: 1em;
}
/* Beginn Definitionen nur für IE6 */
/* IE6 kommt mit dem Floaten nicht zurecht */
* html #content ul.form_list.one_line li {
	float: none;
}
/* Ende Definitionen nur für IE6 */
#content ul.form_list.one_line li {
	display: inline;
	float: left;
	margin: 0 1em 0 0;
	padding: 0;
	text-indent: 0;
	white-space: nowrap;
}

/* SPALTEN */

/* Beginn Definitionen nur für IE6 */
/* Positionierung korrigieren */
* html #content .form_cols .col_label {
	left: -16em;
}
/* Ende Definitionen nur für IE6 */

/* Inhalte einrücken */
#content .form_cols {
	padding-left: 16em !important;
	position: relative;
}

/* Label rechts davon positionieren */
#content .form_cols .col_label {
	display: block;
	line-height: 1em;
	left: 0;
	margin: 0.25em 0;
	line-height: 1em;
	padding: 2px 0 1em; /* 2px wie bei div.form_line, passt sonst optisch nicht; 1em nach unten für IE */
	position: absolute;
	top: 0;
	width: 15em;
}

/* Listen ohne Abstand oben */
#content .form_cols ul {
	margin-top: 0;
}

/* Feste breiten für Formularelemente */

/* Spalten voller und halber Länge */
#content .col_full {
	width: 20em;
}
#content .col_half {
	width: 10em;
}
/* Spalten für PLZ/Ort in einer Zeile */
#content .col_zipcode {
	width: 5em;
}
#content .col_zipcode_rest {
	width: 15em;
}
/* Spalten für Straße/Hausnummer in einer Zeile */
#content .col_street {
	width: 17.5em;
}
#content .col_street_number {
	width: 2.5em;
}

/* Fehlermeldungen */

/* Fehlermeldung oben */
#content .form_error {
	margin: 1em 0;
	padding: 1em;
}
/* Meldung */
#content .form_error p {
	list-style-type: circle;
	margin: 0;
	padding: 0;
}
/* Fehlerliste */
#content .form_error ul {
	list-style-type: circle;
	margin: 0 0 0 1em;
	padding: 0;
}

/* Fehlermeldung um die Fehlerstelle  */
#content .mark_form_error {
	padding: 2px;
}
/* Fehlertext */
#content span.form_error_text {
	display: block;
	line-height: 1.1em;
	margin-bottom: 0.25em;
}

/* Tabelle an der Fehlerstelle */
#content .mark_form_error table.default {
	border: 2px solid;
	margin-bottom: 0; /* Abstand unten vermeiden */
	margin-top: 0; /* oben steht der Fehlertext */
}

/* Bei Zweispaltigen Formularen etwas Abstand zwischen Label und linkem Rand erzwingen */
#content .form_cols.mark_form_error .col_label,
#content .form_cols .mark_form_error.col_label,
#content .form_cols .mark_form_error .col_label {
	margin-left: 2px;
}


/**********************************************/
/* Formularelemente                           */
/**********************************************/

/* Keine Abstände, Textgröße, Rahmen */
#content input,
#content select,
#content textarea {
	border-width: 1px;
	margin: 0;
	padding: 0;
	font-size: 1em;
}

/* Vertikale Ausrichtung mit Text */
#content input,
#content select {
	vertical-align: middle;
}

/* Check/Radio */
#content input[type=checkbox],
#content input[type=radio] {
	margin-right: 2px;
	vertical-align: text-bottom;
}

/* Cursor für Labels und Eingabefelder außer Textfeldern */
#main input[type=button],
#main input[type=checkbox],
#main input[type=radio],
#main input[type=reset],
#main input[type=submit],
#main label,
#main select {
	cursor: pointer;
}
/* Cursor bei "disabled" gesetzten Feldern auf Standard belassen */
#main input.disabled,
#main select.disabled,
#main option.disabled,
#main textarea.disabled {
	cursor: default !important;
}
/* Separate Definition, da IE6 sonst nicht auswertet */
#main input[disabled],
#main select[disabled],
#main option[disabled],
#main textarea[disabled] {
	cursor: default !important;
}

/* **************************************** */
/* Submit-Buttons und Links in Button-Optik */
/* **************************************** */

#main a.button {
	border: 1px solid;
	cursor: pointer;
	font-weight: normal;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

#main input.main,
#main input.next,
#main input.previous,
#main input.reset,
#main input.submit {
	border: 1px solid;
	cursor: pointer;
	font-weight: normal;
	margin: 0;
	padding: 0 0.25em 0 0.25em;
	overflow: visible;
	vertical-align: middle;
	width: auto;
}

#main input.next:focus,
#main input.next:hover,
#main input.previous:focus,
#main input.previous:hover,
#main input.reset:focus,
#main input.reset:hover,
#main input.submit:focus,
#main input.submit:hover,
#main a.button:focus,
#main a.button:hover {
	outline: none;
}

/* Nur für Links zur optischen Angleichung an Submit-Buttons */
#main a.button {
	padding: 1px 3px 1px;
	text-decoration: none;
	white-space: nowrap;
}

/* Inaktive Submit-Buttons ausgrauen */
#main input[disabled].next,
#main input[disabled].previous,
#main input[disabled].reset,
#main input[disabled].submit {
	cursor: default;
}

/* "Weiter"-Klasse (Pfeil rechts) */
#main a.next,
#main input.next {
	background-image: url(../images/pfeil_rechts.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 18px;
}

/* "Zurück" (Pfeil links) */
#main a.previous,
#main input.previous {
	background-image: url(../images/pfeil_links.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 18px;
}

/* Externer Link */
#main a.external {
	background-image: url(../images/neues_browserfenster.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 18px;
}

/* Drucken-Link */
#main a.print {
	background-image: url(../images/drucker_transparent.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 18px;
}

/* ************************ */
/* Zurück/Weiter-Navigation */
/* ************************ */

/* Beginn Definitionen nur für IE6 */
/* Alternative Formatierung: die gesamte Liste ist absolut positioniert, über buttonlist-clear wird die Höhe erreicht */
* html #content .buttonlist {
	position: absolute;
}
* html #content .buttonlist_clear {
	height: 1.6em; /* angenommene Höhe 1.6em + margin oben und unten */
}
/* IE6 macht bei mehrzeilige buttonlist-en nicht genug Abstand nach unten. Das wird hiermit korrigiert */
* html #content .buttonlist_clear.ie6_buttonlist_clear_multiline {
	height: 4em !important;
}
/* Ende Definitionen nur für IE6 */

/* Liste ohne Listenpunkte */
#content ul.buttonlist {
	clear: both;
	list-style-type: none;
	margin: 0.5em 0 0;
	padding: 0;
}

/* Listenpunkte floaten links ... */
#content ul.buttonlist li {
	display: inline;
	float: left;
	line-height: 1.8em;
	margin-bottom: 0.5em;
	margin-right: 1em;
	padding: 0;
}
/* ... es sei denn class="buttonlist-right" ist gesetzt, dann floaten sie right */
#content ul.buttonlist li.buttonlist_right {
	float: right;
	margin-left: 1em;
	margin-right: 0;
	text-align: right;
}

/* Hinter der Liste muss ge-clear-t werden */
/* Beginn Definitionen nur für IE6 */
* html #content .buttonlist_clear {
	line-height: 0;
}
/* Ende Definitionen nur für IE6 */
#content .buttonlist_clear {
	clear: both;
	height: 0;
}

/* Für einzelne Buttons werden divs eingesetzt, eine linksbündig, die andere rechtsbündig (kein Float) */

/* Gemeinsame Definition */
#content .button_left,
#content .button_right {
	line-height: 1.8em;
	margin: 0.5em 0;
}
/* Nur für rechtsbündig */
#content .button_right {
	text-align: right;
}

/* *************************** */
/* Ausgrauen des Hintergrundes */
/* *************************** */

/* Overlay, das zum Ausgrauen über Seitenbereich außer #main gelegt wird */
/* Beginn Definitionen nur für IE6 */
* html #disabled_overlay {
	height: 100%;
	height: expression((dummy = document.body.scrollTop + document.body.clientHeight) + "px");
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	width: expression((dummy = document.body.scrollLeft + document.body.clientWidth) + "px");
}
/* Ende Definitionen nur für IE6 */
#disabled_overlay {
	bottom: 0;
	cursor: not-allowed;
	filter: alpha(opacity=50); /* durchsichtig im IE */
	height: 100%;
	left: 0;
	-moz-opacity: 0.5; /* durchsichtig mit Mozilla-Engine */
	opacity: 0.5; /* durchsichtig nach CSS3 */
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1;
}

/* Header-Abschnitt direkt am Anfang von #main */
#frame_top {
	margin-bottom: 2ex;
	position: relative;
}
#frame_top .frame_top_text {
	font-weight: bold;
	margin-bottom: 1ex;
	padding: 1.5ex;
}
#frame_top .frame_top_buttons {
	position: absolute;
	right: 1em;
	top: 1.5ex;
}
#frame_top .frame_top_buttons a.button {
	float: right;
	margin-left: 0.5em;
}

/* ***************************************** */
/* Allgemeine Breiten u.a. f. JSF-dataTables */
/* ***************************************** */

.width5 {
	width: 5%;
}
.width10 {
	width: 10%;
}
.width15 {
	width: 15%;
}
.width20 {
	width: 20%;
}
.width25 {
	width: 25%;
}
.width30 {
	width: 30%;
}
.width35 {
	width: 35%;
}
.width40 {
	width: 40%;
}
.width45 {
	width: 45%;
}
.width50 {
	width: 50%;
}
.width55 {
	width: 55%;
}
.width60 {
	width: 60%;
}
.width65 {
	width: 65%;
}
.width70 {
	width: 70%;
}
.width75 {
	width: 75%;
}
.width80 {
	width: 80%;
}
.width85 {
	width: 85%;
}
.width90 {
	width: 90%;
}
.width95 {
	width: 95%;
}
.width100 {
	width: 100%;
}