/**
* Styleangaben für das LZEGK Webfrontend
*/

/* Container für die Aufteilung des Layouts */

/* Hauptcontainer ganz aussen (um alles) */
.containerWhole {
	width: 1000px;
	clear: both;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-width: 0px;
	border-style: solid;
	border-color: black;
	float: left;
	clear: both;
}

/* Container für den Header */
.containerHeader {
	width: 995px;
	height: 120px;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 5px;
	border-width: 0px;
	border-style: solid;
	border-color: black;
	float: left;
	clear: both;
	background-image: url( /SmartHolterWeb/img/banner.png );
	background-repeat: no-repeat;
	line-height: 120px;
}

/** Für den Titel im Header */
.pageTitle {
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
	font-size: 36px;
	font-family: verdana, helvetica, arial;
	color: #FFFFFF;
	font-weight: bold;
	width: 990px;
}

/*
* Container für alles unterhalb des Headers
* Dieser wird gebraucht weil der IE ansonsten nicht
* mit dem float klar kommt!
*/
.containerContentWhole {
	width: 990px;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 5px;
	border-width: 0px;
	border-style: solid;
	border-color: black;
	float: left;
	clear: both;
}

/* Container für die linke Spalte (Menü + Prozesse) */
.containerSidebar {
	width: 215px;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	border-width: 0px;
	border-style: solid;
	border-color: black;
	float: left;
	clear: both;
	font-size: 11px;
	font-family: verdana, helvetica, arial;
}

/* Container für Boxelemente in der Sidebar */
.containerSidebarElement {
	width: 200px;
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 10px 0px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #519a65;
}

/* Container der den rechten Seitenbereich zusammenhält */
.containerContent {
	width: 770px;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 5px;
	border-width: 0px;
	border-style: solid;
	border-color: black;
	float: left;
	font-size: 11px;
	font-family: verdana, helvetica, arial;
}

/* Inhalt des Tabpanels, wird per AJAX verändert */
#containerTabContent {
	width: 765px;
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 0px 0px;
	border-width: 0px;
	border-style: solid;
	border-color: black;
	float: left;
}

/* Container für den Footer */
.containerFooter {
	width: 990px;
	height: 50px;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 5px;
	border-width: 0px;
	border-style: solid;
	border-color: black;
	float: left;
	clear: both;
/* vorerst leer
	background-image: url( /SmartHolterWeb/img/logo_gs.png );
*/
}

/* Formatierung von herkömmlichen Tags */
body {
    top:      0;        /* NN4 */
    left:     0;        /* NN4 */
    margin:   0;        /* das reicht eigentlich */
    padding:  0;        /* Opera */
	font-family: verdana, helvetica, arial;
}

/* 
* Attribute für h1-Tags
* (für grosse Überschriften)
*/
h1 {
	font-family: verdana, helvetica, arial;
	color: #000000;
	font-size: 175%;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}

/* 
* Attribute für h2-Tags
* (für mittelgrosse Überschriften)
*/
h2 {
	font-family: verdana, helvetica, arial;
	color: #000000;
	font-size: 150%;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}

/* 
* Attribute für h3-Tags
* (für mittelgrosse Überschriften)
*/
h3 {
	font-family: verdana, helvetica, arial;
	color: #000000;
 	font-size: 125%;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}

/* 
* Attribute für h4-Tags
* (für kleine Überschriften)
*/
h4 {
	font-family: verdana, helvetica, arial;
	color: #000000;
	font-size: 100%;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}

/* Attribute für Hyperlinks im Menü */
.containerMenu a:link {
	color: #143c87;
	text-decoration: none;
}

/* Attribute für besuchte Hyperlinks im Menü */
.containerMenu a:visited {
	color: #143c87;
	text-decoration: none;
}

/* Attribute für aktive Hyperlinks im Menü */
.containerMenu a:active {
	color: #143c87;
	text-decoration: none;
}

/* 
* Attribute für Hyperlinks im Menü wenn sich der 
* Mauszeiger darüber befindet
*/
.containerMenu a:hover {
	color: #143c87;
	text-decoration: underline;
}

/* Ausrichtungen für Text (innerhalb von <span>) */
.text-top {
	vertical-align: text-top;
}

.middle {
	vertical-align: middle;
}

.text-bottom {
	vertical-align: text-bottom;
}

/* Formatierung für das Icon in der Überschrift */
.headlineIcon {
	vertical-align: text-bottom;
	margin: 0px 0px 0px 0px;
}

/* Container um Formulare tabellenartig anzuzeigen */

.formLoginInput {
	width: 120px;
	margin: 0px 0px 10px 0px;
}

/* alt: raus! */
.formElementName {
	clear: both;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-width: 0px;
	border-style: solid;
	border-color: black;
}

/* alt: raus! */
.formElementInput {
	float: left;
	clear: both;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	width: 120px;
	border-width: 01px;
	border-style: solid;
	border-color: black;
}

/* alt: raus! */
.formElementButton {
	float: left;
	clear: both;
}

/* Schrift für Fehlermeldungen */
.errorFont {
	font-weight: bold;
	color: #FF0000;
}

/* Vertikaler Abstandhalter */
.verticalSpace {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 0px;
	height: 10px;
	clear: both;
}

/* Formatierungen für eigenes Tabpanel */

/**
* Hält alle Tabs zusammen
* Beinhaltet auch die untere Linie
*/
.containerTabPanel {
/*	background-color: #DEDEDE; */
	width: 767px;
 	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-left-style: solid;
	border-bottom-style: solid;
	border-color: #519A65;
	
	margin: 0p 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	font-size: 10pt;
	font-weight: bold;
	font-family: verdana, helvetica, arial;	
	clear: both;
	float: left;
}

/**
* Das momentan ausgewählte Tab
*/
.containerActiveTab {
	background-color: #245431;
 	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #519A65;
	color: #FFFFFF;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 3px 10px;
}

/**
* Nicht ausgewähltes Tab
*/
.containerInactiveTab {
	background-color: #ABF2AC;
 	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #519A65;
	color: #707070; /* #666; */
	float: left;
/*	line-height: 14px; */
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 3px 10px;
}

.containerInactiveTab a:link {
	color: #3B3B3B;
	text-decoration: none;
}
.containerInactiveTab a:active {
	color: #3B3B3B;
	text-decoration: none;
}
.containerInactiveTab a:visited {
	color: #3B3B3B;
	text-decoration: none;
}
.containerInactiveTab a:hover {
	color: #ffffff;
	text-decoration: none;
}

.containerActiveTab a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.containerActiveTab a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.containerActiveTab a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.containerActiveTab a:hover {
	color: #FFFFFF;
	text-decoration: none;
}


/* Attribute für Hyperlinks im Menü */
.containerSidebarElement a:link {
	color: #000000;
	text-decoration: none;
}

/* Attribute für besuchte Hyperlinks im Menü */
.containerSidebarElement a:visited {
	color: #000000;
	text-decoration: none;
}

/* Attribute für aktive Hyperlinks im Menü */
.containerSidebarElement a:active {
	color: #000000;
	text-decoration: none;
}

/** 
* Attribute für unsortierte Listen und Elemente
* innerhalb von Sidebar-Elementen 
*/
.containerSidebarElement ul {
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
}

.containerSidebarElement li {
	list-style-image: url( /SmartHolterWeb/img/dot.gif );
    padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px; /* 3px nach oben um line-height "auszugleichen" */
}

/** 
* Attribute für unsortierte Listen und Elemente
* innerhalb vom Content-Container
*/
#containerTabContent ul {
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	float: left;
}

#containerTabContent ul li {
	list-style-image: url( /SmartHolterWeb/img/dot.gif );
    padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 10px; /* 3px nach oben um line-height "auszugleichen" */
	clear: left;
}

/** Ausklappbare Patientenlisten */
.patientListElementOpen {
	list-style-image: url( /SmartHolterWeb/img/patientListOpen.gif );
    padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 5px; /* 3px nach oben um line-height "auszugleichen" */
}

.patientListElementClosed {
	list-style-image: url( /SmartHolterWeb/img/patientListClosed.gif );
    padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 5px; /* 3px nach oben um line-height "auszugleichen" */
}

.examinationList {
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 10px 0px;
}

.examinationList li {
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 10px 0px;
	list-style-image: url( /SmartHolterWeb/img/dot.gif );
    padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 10px; /* 3px nach oben um line-height "auszugleichen" */
}

/** Für die Ladeanimationen */
.ajaxImg {
	paddng: 0px 0px 0px 0px;
	margin: 15px 0px 10px 0px;
}

/** Um Icons am Text auszurichten */
.iconImg {
	vertical-align:middle;
}

/** Fehlermeldung */
.errorMsg {
	font-size: 11px;
	font-family: verdana, helvetica, arial;
	font-weight: bold;
	color: #FF0000;
}

/** Infomeldung */
.infoMsg {
	font-size: 11px;
	font-family: verdana, helvetica, arial;
	color: #000000;
}

/** Tabelle mit Untersuchungen */
.examTable {
	width: 763px;
	border-width: 2px;
	border-color: #519A65;
	border-style: solid;
	border-collapse: collapse;
	table-layout: fixed;
}

.examTable th {
	border-width: 2px;
	border-color: #519A65;
	border-style: solid;
	background-color: #245431;
	color: #FFFFFF;
}

.examTable td {
	border-width: 2px;
	border-color: #519A65;
	border-style: solid;
}

/** Tabelle mit Untersuchungen (hier: auf der Patientenübersichtsseite!) */
.patientExamTable {
	width: 725px;
	border-width: 2px;
	border-color: #519A65;
	border-style: solid;
	border-collapse: collapse;
	table-layout: fixed;
}

.patientExamTable th {
	border-width: 2px;
	border-color: #519A65;
	border-style: solid;
	background-color: #245431;
	color: #FFFFFF;
}

.patientExamTable td {
	border-width: 2px;
	border-color: #519A65;
	border-style: solid;
}