/*======================================================*/
/* Seitenlayout */
/*======================================================*/

#header_ie {
	width: 1008px; /* MIT Skyscraper; IE inkl. padding, Firefox zzgl. padding */
	/* width: 828px; OHNE Skyscraper; IE inkl. padding, Firefox zzgl. padding */
	margin : 0px 0px 0px 0px;
	padding: 10px 0px 10px 20px;
	background : Black;
	float: left;
}

#header_ff {
	width: 988px; /* MIT Skyscraper; IE inkl. padding, Firefox zzgl. padding */
	/* width: 808px; OHNE Skyscraper; IE inkl. padding, Firefox zzgl. padding */
	margin : 0px 0px 0px 0px;
	padding: 10px 0px 10px 20px;
	background : Black;
	float: left;
}

#utilities_ie {
	width: 1008px; /* MIT Skyscraper; IE inkl. padding, Firefox zzgl. padding */
	/* width: 828px; OHNE Skyscraper; IE inkl. padding, Firefox zzgl. padding */
	margin : 0px 0px 0px 0px;
	padding: 5px 0px 5px 20px;
	background : Silver;
	font-weight : bold;
	font-size : 11px;
}

#utilities_ff {
	width: 988px; /* MIT Skyscraper; IE inkl. padding, Firefox zzgl. padding */
	/* width: 808px; OHNE Skyscraper; IE inkl. padding, Firefox zzgl. padding */
	margin : 0px 0px 0px 0px;
	padding: 5px 0px 5px 20px;
	background : Silver;
	font-weight : bold;
	font-size : 11px;
}

#main_ie {
	width: 1024px;
	/* ev. noch Finetuning und Browser-Unterscheidung notwendig */
}

#main_ff {
	width: 1024px;
	/* ev. noch Finetuning und Browser-Unterscheidung notwendig */
}

#navigation_ie {
	width: 150px;
	margin : 20px 0px 0px 10px; /* IE (nur Windows, nicht Mac; nicht Opera) stellt margin-right AN DIESER STELLE doppelt so breit dar */
	padding: 0px 0px 0px 0px;
	background : White;
	float: left;
}

#navigation_ff {
	width: 150px;
	margin : 20px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	background : White;
	float: left;
}

#content_main {
	width: 468px;
	margin : 20px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	background : White;
	float: left;
}

#content_right {
	width: 150px;
	margin : 20px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	background : White;
	float: left;
}

#skyscraper {
	width: 160px;
	margin : 20px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	float: left;
}

#footer_ie {
	width: 828px;
	margin : 10px 0px 20px 20px;
	padding: 0px 0px 0px 0px;
	background : White;
	clear: left;
}

#footer_ff {
	width: 808px;
	margin : 10px 0px 20px 20px;
	padding: 0px 0px 0px 0px;
	background : White;
	clear: left;
}

/*======================================================*/
/* Basics */
/*======================================================*/

body {
	background-color: #ffffff;
	position: absolute;		/* NN4 */
	top: 0;					/* NN4 */
	left: 0;				/* NN4 */
	margin: 0;				/* das reicht eigentlich */
	padding: 0;				/* Opera UASS */
}

table {
	border-collapse: seperate; /* Raender von anstoessigen Tabellenzellen werden ueberlagert (1px-Rand = 1px-Linie, sonst 2px-Linie) */
	/* nur Aussenrand der Tabelle (Rest ueber border-color der Tabellenzellen definieren) */
	border-top-color: #00000;
	border-left-color: #00000;
	border-right-color: #00000;
	border-bottom-color: #00000;
	background-color: #ffffff;
}

tr, th, td {
	border-top-color: #ffffff;
	border-left-color: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	vertical-align: top;
}

body, p, th, td, ol, ul, li, h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
}

small, .small {
	font-size: 10px;
	line-height: 130%;
}

.smallDimmed {
	font-size: 10px;
	line-height: 130%;
	color: #666666;
}

.lead {
	/* für Lead-Texte, Zwischentitel, FAQ-Fragen etc. */
	color: #DD0000;
	font-weight: bold;
}

/*======================================================*/
/* Titel */
/*======================================================*/

h1 {
	font-size: 130%;
	font-weight: bold;
}

h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: bold;
}

/*======================================================*/
/* Links */
/*======================================================*/

a:link, a:active, a:visited {
	color: #0000aa;
	text-decoration: none;
}

a:hover {
	color: #ee0000;
	text-decoration: underline;
}

a.mainNavi:link, a.mainNavi:active, a.mainNavi:visited {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

a.mainNavi:hover {
	color: #ffffff;
	text-decoration: underline;
}

a.subNavi:link, a.subNavi:active, a.subNavi:visited {
	font-size : 11px;
	color: #000000;
	text-decoration: none;
}

a.subNavi:hover {
	color: #000000;
	text-decoration: underline;
}

/*======================================================*/
/* Navigation */
/*======================================================*/

.mainNaviBox { /* solange ich noch mit Tabellen statt mit Layers layoute */
	padding-top: 4px; /* Innenrand */
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
}

.subNaviBox { /* solange ich noch mit Tabellen statt mit Layers layoute */
	padding-top: 2px; /* Innenrand */
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 8px;
}

/*======================================================*/
/* Formulare und Listen */
/*======================================================*/

.frmLabel, .tblHead {
	background-color: #aaaaaa;
	color: #ffffff;
	font-size : 11px;
	font-weight: bold;
}

.frmLabelError {
	background-color: #ee0000;
	font-size : 11px;
	font-weight: bold;
	color: #ffffff;
}

.frmField {
	background-color: #eeeeee;
	font-size : 11px;
}

.frmFieldError {
	background-color: #eeeeee;
	color: #ee0000;
	font-size : 11px;
	font-weight: bold;
}

.frmInput {
	background-color: #ffffff;
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /* muss nochmals explizit definiert werden fuer Formularelemente */
	font-size : 12px;
}

.frmInputError {
	background-color: #eeaaaa;
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /* muss nochmals explizit definiert werden fuer Formularelemente */
	font-size : 12px;
}

.zebra0 {
	background-color: #eeeeee;
	color: #000000;
	font-size : 11px;
}

.zebra1 {
	background-color: #cccccc;
	color: #000000;
	font-size : 11px;
}

.frmButtonStrong {
	background-color: ee0000;
	color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /* muss nochmals explizit definiert werden fuer Formularelemente */
	font-size : 11px;
	font-weight: bold;
	padding-top: 1px; /* Innenrand */
	padding-bottom: 1px;
	padding-left: 4px;
	padding-right: 4px;
}

.frmButton {
	background-color : ee0000;
	color : #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	padding-top: 1px; /* Innenrand */
	padding-bottom: 1px;
	padding-left: 4px;
	padding-right: 4px;
}

/* Selektoren */

.on {
	font-weight: bold;
	background-color: #cccccc;
	padding: 2 4 2 4;
}

.off {
}

/*======================================================*/
/* Kästchen */
/*======================================================*/

.boxGray {
	background-color: #eeeeee;
	border : 1px solid #aaaaaa;
	padding : 8px;
}

.backgroundGray {
	background-color: #eeeeee;
}

.boxYellow, .debugMsg {
	background-color: #FFFF99;
	border : 3px solid #DD0000;
	padding : 8px;
}

.tabHigh {
	font-size : 11px;
	font-weight: bold;
	background-color: #eeeeee;
	border : 1px solid #aaaaaa;
	border-bottom: 0px;
	padding : 4px;
	margin-right: 1px;
}

.tabLow {
	font-size : 11px;
	background-color: #cccccc;
	border : 1px solid #aaaaaa;
	border-bottom: 0px;
	padding : 4px;
	margin-right: 1px;
}