/******************************************************************************
 * GLOBAL
 *
 ******************************************************************************/
 
 
/* 
 * Hauptstylesheet BODY:
 * definiert Hauptverhalten für ganze Seiten - Kindelemente überschreiben
 * diese Eigenschaften.
 *
 */
body { 
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin: 0px;
	
	padding: 0px;
	
	background-color: #FFFFFF;
	
	SCROLLBAR-FACE-COLOR: #F8F7F6;
	
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	
	SCROLLBAR-SHADOW-COLOR: #6f510c;
	SCROLLBAR-TRACK-COLOR: #DFDCD7; 
	SCROLLBAR-3DLIGHT-COLOR: #DFDCD7;
	SCROLLBAR-DARKSHADOW-COLOR: #4f310c;
	
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}


/*
 * Dies gilt allgemein für alle Divs.
 */
div { 
	padding: 5px; 
}


/*
 * Bilder haben keinen Rahmen.
 */
img {
	border: 0px none;
}


/*
 * Hauptdiv: alles drin schön zentriert.
 */
#main_all_in {
	/* border-width: 0px; border-style: none; border-color: #00ff00; */
		
	text-align: center;
	
	width: 100%;
	height:100%;
	
	padding: 0px;
}


/*
 * Hauptdiv für die Inhalte: ab hier wird relativ positioniert.
 */
#page {
	/* border-width: 0px; border-style: none; border-color: #00ff00; */

	/* muss ungleich static sein, damit die anderen absolut positioniert werden können */
	position:relative;

	width: 994px;
	height: 2000px;
	
	/* damit der Firefox zentriert */
	margin: auto;
	
	padding: 5px;
	
	background-color: #ffffff;
	
	/* alles was in der page drin ist wird standardmäßig links angezeigt */
	text-align: left;
}


/*
 * Alles was unterhalb des Page-Headers ist kommt hier hinein.
 */
#page_content {
	position: relative;
	padding: 0px;
}


/*
 * Fehler werden so angezeigt.
 */
.error {
	color: #FF0000;
}


/*
 * Infos werden so angezeigt.
 */
.info {
	color: #0000ee;
}


/*
 * Das Sternchen.
 */
.marker {
	color: #ee0000;
}


/*
 * linksbündig
 */
.l { text-align: left }
#l { text-align: left }

/*
 * zentriert
 */
.c { text-align: center }
#c { text-align: center }

/*
 * rechtsbündig
 */
.r { text-align: right }
#r { text-align: right }


/*
 * Damit unser Debuging etwas übersichtlicher wird...
 */
div.debug {
	background: #FFFFFF;
	font-family: Courier;
	font-size: 10px;
	text-align: left;
	border-size: 2px;
	border-style: solid;
	border-color: #000000;
	padding-bottom: 20px;
}


/*
 * Filter: nach rechts.
 */
.filter {
	float:right;
}


/******************************************************************************
 * TABELLEN
 *
 ******************************************************************************/

/*
 * Tabellen nehmen irgendwie die Fonteigenschaften des Bodies nicht an.
 */
table {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	
	padding: 0px;
	border-spacing: 0px;
	border-width: 0px;
	border-collapse: collapse;
	
	line-height: 20px;
	
	width: 100%;
}


/*
 * In Zellen standardmäßig alles oben anordnen.
 */ 
td {
	padding: 0px;
	border-spacing: 0px;
	border-width: 0px;
	border-collapse: collapse;
	vertical-align: top;
}


/*
 * Auflistungstabellen.
 */
table.list {
	width: 100%;
}


/* 
 * Überschriftszeilen: werden in Listen benutzt.
 *
 */
table.list th { 
	padding: 5px;
	
	border: 2px solid #f6f6f6;
	
	background-color: #D1E1CE;
	
	vertical-align: middle;
	
	font-weight: bold
}


/*
 * Alterierung 1 von aktiven Zeilen.
 */
.listEnabled0 {
	background-color: #EFF3F7;
}


/*
 * Alterierung 2 von aktiven Zeilen.
 */
.listEnabled1 {
	background-color: #E1E7F1;
}


/*
 * Zellen in Auflistungen.
 */
table.list td {
	padding: 5px;
	border: 2px solid #f6f6f6;

}


/*
 * Tabellenzelle: linke Überschriften - wie z.B. "Login:" im Login-Modul.
 *
 */
td.form_left {
	font-weight: bold;
	width: 20%
}

td.form_left35 {
	font-weight: bold;
	width: 35%
}



/******************************************************************************
 * LINKS
 *
 ******************************************************************************/

/*
 * Normale Textlinks auf der ganzen Seite.
 *
 */
a:link     { font-size: 11px; color: #383838; text-decoration: none }
a:visited  { font-size: 11px; color: #383838; text-decoration: none }
a:active   { font-size: 11px; color: #383838; text-decoration: none }
a:hover    { font-size: 11px; color: #CCD5D9; text-decoration: none } 



/******************************************************************************
 * FORMULARELEMENTE
 *
 ******************************************************************************/

/*
 * Input-Felder: Reiner Text, wir müssen aber trotzdem noch class='text' setzen
 *
 */
input.textother {
	height: 15px;
	font-size: 9px; 
	border-style: solid;
	border-color: #3C3C3C;
	border-width: 1px
}
input.textie {
	height: 15px;
	font-size: 10px; 
	border-style: solid;
	border-color: #3C3C3C;
	border-width: 1px
}


/*
 * Select-Felder für normale Browser und einmal seperat für den IE
 *
 */
select.other {
	height: 14px;
	font-size: 9px; 
	border-style: solid;
	border-color: #3C3C3C;
  border-width: 1px
}
select.ie {
	height: 22px;
	font-size: 10px; 
	border-style: solid;
	border-color: #3C3C3C;
  border-width: 1px
}


/******************************************************************************
 * MODULE
 *
 ******************************************************************************/


/*
 * Modul: Seitenüberschrift
 */
#module_pagetitle {
	background-color: #dddddd;

	font-size: 14px; font-weight: bold;

	margin-bottom: 10px;
	
	padding: 10px;
}


/*
 * Allgemeine Module die links erscheinen.
 */
#module_left {
	background-color: #ffffff;
	position: relative;
	
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	
	width: 250px; 
	
	margin-bottom: 10px;

	padding: 5px;
}

/*
 * Allgemeine Module die rechts erscheinen.
 */
#module_right {
	background-color: #ffffff;
	position: absolute;
	top: 0px; left: 265px;
	
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	
	width: 719px; 
	
	margin-bottom: 10px;
	
	padding: 5px;
}

/*
 * Module die über die ganze Seite reichen
 */
#module_full {
	background-color: #ffffff;
	position: relative;
	
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	
	margin-bottom: 10px;
	
	padding: 5px;
}




/******************************************************************************
 * ELEMENTE: AUCH: TEILE VON MODULEN
 *
 ******************************************************************************/


/*
 * Element: Überschrift in einem Modul
 */
#element_moduletitle {
	background-color: #dddddd;
	font-size: 12px; font-weight: bold;
	margin-bottom: 10px;
	
	padding: 5px;
}