/*  =========================================================
Alsco Extranet
Datei		: style_alsco.css
Media		: Screen

Zuletzt geaendert: 21. Juli 2009

CSS-Datei-Struktur:

1.	Body und Container
	a.	Allgemeine Formatierungen
	b.	Allgemeine Absatz- und Headlineformatierungen
	c.	Allgemeine Bildformatierungen
	d.	Allgemeine Linkformatierungen
	e.	Allgemeine Listenformatierungen

2. Header
	a.	Allgemeine Header-Formatierungen
	b.	Linkformatierungen
	c.	Bilder
                            
3.	Contentbox
	a.	Allgemeine Formatierungen

	3.1	Linker Contentbereich
	
	3.2	Zentraler Contentbereich
		a.	Allgemeine Formatierungen
		b. Linkformatierungen
		c.	Tooltipp
		d. Tabellen: .tabUnformatted
		e.	Tabellen: .tabFormatted
		f.	Tabellen: .tabOpened
		g.	Formulare: Label, Eingabefelder, Button
		h.	Formulare: Zusatzklassen
		i.	Eintraege und Seitenanzeige
	
	3.3	Rechter Contentbereich

4. Footer
	a.	Allgemeine Formatierungen
	
========================================================== */

/* =======================================================

	1.	Body und Container
	a.	Allgemeine Formatierungen

========================================================== */

BODY {
	width: 100%;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	background: url(/design/header_bg_body.png) repeat-x #ededed;
}

#container {
	width: 100%;	
	height: auto;
	text-align: left;
	margin: 0px 0px 20px 0px;
}

.clear {
	width: auto;
	height: 0.00001em;	
	clear: both;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

/* =======================================================

	1.	Body und Container
	b.	Allgemeine Absatz- und Headlineformatierungen

========================================================== */

BODY {
	color: #333;
	font-size: 0.8em;
	font-family: "Arial", "Trebuchet MS", "Verdana", sans-serif;
}

p {
	width: 800px;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.8em;
	font-size: 0.9em;
}

/* Klasse fuer Abschnittinfos - kann ggf. wieder geloescht werden */
p.info {
	width: 890px;
	border-bottom: 1px solid #e9e9ea;
	font-style: italic;
}

h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.8em;
	line-height: 1.5em;
	font-weight: bold;	
	margin: 0px 0px 15px 0px;
	color: #00792d;
}

h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.4em;
	line-height: 1.5em;
	font-weight: bold;	
	margin: 0px 0px 15px 0px;
	color: #00792d;
}

h3 {
	font-size: 1.0em;
	line-height: 1.5em;
	font-weight: bold;	
	margin: 0px 0px 15px 0px;
	color: #00792d;
}

/* =======================================================

	1.	Body und Container
	c.	Allgemeine Bildformatierungen

========================================================== */

img {
	border-style: none;
	border-width: 0px;
}

/* =======================================================

	1.	Body und Container
	d.	Allgemeine Linkformatierungen

========================================================== */

a:link, a:visited {
	text-decoration: none;
	outline: none;
	color: #00792d;
	font-weight: bold;
}

a:hover, a:focus {
	text-decoration: underline;
}

/* =======================================================

	1.	Body und Container
	e.	Allgmeine Listenformatierungen

========================================================== */

/*
	Hinweis: spezielle Formatierung fuer IE6 und/oder IE7
	in den jeweiligen CSS-Dateien beachten
*/

ul.listGeneral {
	list-style: url(/design/list_item.png);
	list-style-position: outside;
	margin: 0px 0px 15px 40px;
	padding: 0px 0px 0px 0px;
}

ul.listGeneral li {
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.4em;
}


/* =======================================================

	2.	Header
	a.	Allgemeine Header-Formatierungen

========================================================== */

#headerBox {
	width: 1000px;
	height: 190px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(/design/header_bg.png) repeat-x;
}

#headerLeft {
	width: 55px;
	height: 190px;
	background: url(/design/header_bg_left.png) no-repeat;
	float: left; 
}

#headerCenter {
	width: 945px;
	height: 190px;
	float: left;
}

#serviceNav {
	height: 63px;
	width: 925px;
	text-align: right;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #999;
	font-size: 0.85em;
}

#navBox {	
	color: #fff;
	margin: 60px 0px 0px 18px;
}

/* =======================================================

	2.	Header
	b.	Linkformatierungen

========================================================== */

/* Servicenavigation in rechter oberer Ecke */
#serviceNav a:link , #serviceNav a:visited {
	font-weight: normal;
	color: #999;
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 0px 5px;
	outline: none;
}

#serviceNav a:hover, #serviceNav a:focus {
	text-decoration: underline;
}

/* Hauptnavigation im gruenen Banner */
#navBox a:link, #navBox a:visited {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.25em;
	letter-spacing: 0.03em;
	color: #fff;
	font-weight: bold;	
	margin: 0px 10px 0px 10px;
	outline: none;
}

#navBox a:hover, #navBox a:focus, #navBox a.navActive {
	text-decoration: none;
	color: #c4dacc;
}

/* =======================================================

	2.	Header
	c.	Bilder

========================================================== */

.logo {
	 height: 47px;
	 width: 160px;
	 margin: 20px 0px 0px 22px;
	 float: left;
}


/* =======================================================

	3.	Contentbox
	a.	Allgemeine Formatierungen

========================================================== */

/* bildet den Rahmen fuer ggf. linken, zentralen und rechten Container */
#contentBox {
	width: 945px;
	height: auto;
	margin-left: 55px;
}

/* =======================================================

	3.	Contentbox
		3.2	Zentraler Contentbereich
			a.	Allgemeine Formatierungen (Groesse, Abstaende)

========================================================== */

/*
	Hinweis: spezielle Formatierung fuer IE6 und/oder IE7
	in den jeweiligen CSS-Dateien beachten
*/

/* Container fuer den Inhalt */
#centerBox {
	width: 917px;
	float: left;
	padding: 10px 0px 50px 28px;
	background: #fff;
}

/* =======================================================

	3.	Contentbox
		3.2	Zentraler Contentbereich
			b.	Linkformatierungen

========================================================== */

/*
	Hinweis: spezielle Formatierung fuer IE6 und/oder IE7
	in den jeweiligen CSS-Dateien beachten
*/

/* Sekundaer Navigation als horizontale Liste */
#subNav {
	width: 890px;
	height: 90px;
	background: url(/design/subNav_bg.png) repeat-x;
}

ul.subNavList {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

ul.subNavList li {
	list-style: none;
	list-style-position: outside;
	float: left;
	height: 28px;
	width: auto;
	background: url(/design/subNav_menu.png) repeat-x;
	padding: 10px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #ddd;
	border-collapse: collapse;
}

ul.subNavList a:link, ul.subNavList a:visited {
	font-size: 0.9em;
	font-weight: normal;
	color: #999;
}

ul.subNavList a:hover, ul.subNavList a:focus {
	text-decoration: none;
	color: #000;
}

ul.subNavList li.subActive {
	background: none;
	background: #e9e9ea;
	border-bottom: none;
	color: #000;
}

ul.subNavList li.subActive a {
	color: #000;
}

/* =======================================================

	3.	Contentbox
		3.2	Zentraler Contentbereich
			c.	Beispiel fuer Tooltipp

========================================================== */

a.tooltip {
	text-decoration: none;
}

.tooltip span.info {
	display: none;
}

.tooltip:hover span.info {
	display: block;
	position: absolute; 
	width: 200px; 
	height: auto;
	background: #ededed;
	border: 1px solid #ccc;
	padding: 15px;
	font-weight: normal;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #000;
}

/* =======================================================

	3.	Contentbox
		3.2	Zentraler Contentbereich
			d.	Tabellen: .tabUnformatted

========================================================== */

/*
	Hinweis: spezielle Formatierung fuer IE6 und/oder IE7
	in den jeweiligen CSS-Dateien beachten
*/

.tabUnformatted {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	border: none;
}

.tabUnformatted td {
	vertical-align: top;
	padding: 3px 5px 3px 0px;
}

/* =======================================================

	3.	Contentbox
		3.2	Zentraler Contentbereich
			e.	Tabellen: .tabFormatted

========================================================== */

/*
	Hinweis: spezielle Formatierung fuer IE6 und/oder IE7
	in den jeweiligen CSS-Dateien beachten
*/

.tabFormatted {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	width: 890px;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

.tabFormatted td, .tabFormatted th {
	vertical-align: middle;
	padding: 5px 10px 5px 5px;
	background: #fcfafa;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

.tabFormatted td.tdDark, .tabFormatted th {
	background: #ededed;
	font-weight: bold;
}

.tabFormatted p, .tabUnformatted p {
	width: auto;
}

.iconArrow {
	width: 16px;
	height: 16px;
	margin-left: 5px;
}

/* =======================================================

	3.	Contentbox
		3.2	Zentraler Contentbereich
			f.	Tabellen: .tabOpened

========================================================== */

/*
	Hinweis: spezielle Formatierung fuer IE6 und/oder IE7
	in den jeweiligen CSS-Dateien beachten
*/

.tabOpened, td.tabOpened {
	background: #fff;;
}

.tabOpened h3 {
	margin-top: 7px;
	margin-bottom: 8px;
}

.tabOpened th {
	background: #00792d;
	color: #fff;
}

/* =======================================================

	3.	Contentbox
		3.2	Zentraler Contentbereich
			g.	Formulare

========================================================== */

/*
	Hinweis: spezielle Formatierung fuer IE6 und/oder IE7
	in den jeweiligen CSS-Dateien beachten
*/

.alscoForm label {
	float: left;
	margin: 2px 10px 0px 0px;
	line-height: 1.4em;
}

/* Normale, einzeilige Texteingabe */
.alscoForm input {
	width: 100%;
	padding: 2px 0px 3px 3px;
	color: #999;
	border: 1px solid #ddd;
}

.alscoForm input:focus, .alscoForm input:hover {
	border: 1px solid #00792d;
	color: #00792d;
	outline: none;
}

/* Input kann nicht editiert werden */
input.inputDisabled {
	border: 1px solid #ddd;
	background: #eee;
}

input.inputDisabled:hover, input.inputDisabled:focus {
	border: 1px solid #ddd;
	background: #eee;
	color: #999;
}

/* gesonderte Breite fuer ein Datumseingabefeld */
input.inputDate {
	width: 100px;
}

/* Mehrzeilige Texteingabe */
.alscoForm textarea {
	width: 100%;
	height: 100px;
	padding: 2px 0px 3px 3px;
	color: #999;
	border: 1px solid #ddd;
}

.alscoForm textarea:focus, .alscoForm textarea:hover {
 	border: 1px solid #00792d;
	color: #00792d;
	outline: none;
}

/* Drop-down Auswahlliste */
.alscoForm select {
	width: 100%;
	padding: 2px 0px 3px 0px;
	color: #999;
	border: 1px solid #ddd;
}
 
.alscoForm select:focus, .alscoForm select:hover {
 	border: 1px solid #00792d;
	outline: none;
}

/* Radiobuttons und Checkboxen */
input.inputRadio {
	border: none;
}

input.inputRadio:focus, input.inputRadio:hover {
	border: none;
}

input.inputCheck {
	border: none;
}

input.inputCheck:focus, input.inputCheck:hover {
	border: none;
}

/* Formatierungen fuer saemtliche Formularbutton */
.alscoForm button {
	height: 29px;
	background: url(/design/button_bg.png) repeat-x;
	border: 1px solid #d2d2d2;
	padding: 0px 10px 2px 10px;
	margin-left: 5px;
	color: #00792d;
	font-weight: bold;
	font-size: 0.95em;
}

.alscoForm button:hover, .alscoForm button:focus {
	cursor: pointer;
	background: url(/design/button_bg_active.png) repeat-x;
	color: #000;
}

/* Klasse fuer einen <p>-Tag zur rechtsbuendigen Ausrichtung mehrerer Buttons */
.btnAlign {
	width: 890px;
	text-align: right;
}

/* =======================================================

	3.	Contentbox
		3.2	Zentraler Contentbereich
			h.	Zusatzklassen

========================================================== */

/* Infotext zu einem Eingabefeld - wird stets unter dem Eingabefeld platziert */
.inputHelp {
	width: auto;
	display: block;
	font-size: 0.85em;
	padding: 5px 0px 5px 5px;
	color: #00792d;
}

/* Formatierungen zur Hervorhebung falscher Eingaben */
.compulsory {
	color: #a70d18;
}

/* gesonderter Rahmen fuer das jeweilige Eingabefeld */
input.compulsory {
	border: 1px solid #a70d18;
}

input.compulsory:focus, input.compulsory:hover {
	border: 1px solid #a70d18;
	color: #a70d18;
}

/* Absatzklasse fuer Fehlerhinweis ueber dem Formular */
.compulsoryInfo {
	background: url(/design/icon_error.png) no-repeat;
	padding-left: 17px;
	font-weight: bold;
}

/* =======================================================

	3.	Contentbox
		3.2	Zentraler Contentbereich
			i.	Eintraege und Seitenanzeige

========================================================== */

/*
	Hinweis: spezielle Formatierung fuer IE6 und/oder IE7
	in den jeweiligen CSS-Dateien beachten
*/

/* beinhaltet die Anzeige der Seiten und Eintraege je Seite */
.itemsPage {
	width: 890px;
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 3px 0px;
	text-align: right;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
}

/*
	.showItems = Anzeige "Eintraege je Seite"
	.showPage = Seitenanzeige
*/
.showItems, .showPage {
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.showItems a:link, .showPage a:link {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}

/* gesonderte Absatzformate */
.showItems p, .showPage p {
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* =======================================================

	4.	Footer
	a.	Allgemeine Formatierungen

========================================================== */

/*
	Hinweis: spezielle Formatierung fuer IE6 und/oder IE7
	in den jeweiligen CSS-Dateien beachten
*/

#footerBox {
	width: auto;
	height: 30px;
	color: #999;
	font-size: 0.95em;
	margin: 10px 0px 0px 83px;
}