/* Dokument - Offset festlegen */
body
{
	border:0px;
	padding:0px;
	margin:0px;
    background-color:#FFFFFF;
    
}

/* Bereiche der Website festlegen */
/* Kopf */
#header
{
	border:0px;
	padding:0px;
	margin:0px;
	height:130px;
	background-color: #F88628;
	layer-background-color: #F88628;
	border: 1px none #000000;
	color:#0F457E;
	clear:both;
}
	/* Sonderformate für Kopfbereich */
	#header p
	{
		padding:0px;
		margin:0px;
	}

	#header .title
	{
		margin:5px 10px 0px 200px;
		font-size:2em;
	}

	#header .subTitle
	{
		font-size:1.3em;
	}

/* subHeader für z.B. Untermenue */
#subHeader
{
	border:0px;
	padding:2px 0px 2px 0px;
	margin:0px 0px 0px 0px;
	background-color: #F88628;
	layer-background-color: #F88628;
	border-top:2px solid #4D4FB9;
	border-bottom:2px solid #4D4FB9;
}

/* Menue */
#menue
{
	position:absolute;
	top:130px;
	left:0px;
	width:13%;
	height:1000px;
	padding:20px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	background-color: #0F457E;
	layer-background-color: #0F457E;
	border: 1px none #000000;
}
	/* zugehöriges */
	#menue .title
	{
		color:#FFFFFF;
		font-size:0.9em;
	}

	/* Links innerhalb des Menues */
	#menue a:link {
		width:90%;
		color: #FFFFFF;
		text-decoration: underline;
		font-weight:bold;
	}
	#menue a:visited {
		width:90%;
		color: #FFFFFF;
		text-decoration: underline;
		font-weight:bold;
	}
	#menue a:hover {
		width:90%;
		color: #0F457E;
		text-decoration: none;
		background-color: #FFFFFF;
		layer-background-color: #FFFFFF;
		font-weight:bold;
	}
	#menue a:active {
		width:90%;
		color: #0F457E;
		text-decoration: none;
		background-color: #FFFFFF;
		layer-background-color: #FFFFFF;
		font-weight:bold;
	}

	#menue p
	{
		margin:0px;
		padding:10px;
	}

/* UnterMenue */
#subMenue
{
	border:0px;
	padding:2px 0px 2px 15%;
	margin:0px 0px 0px 0px;
	background-color: #F88628;
	layer-background-color: #F88628;
	border-top:2px solid #4D4FB9;
	border-bottom:2px solid #4D4FB9;

}
	/* zugehöriges */
	#subMenue .title
	{
		color:#FFFFFF;
		font-size:1em;
	}
	/* Links innerhalb des UnterMenues */
	#subMenue a:link {
		color: #FFFFFF;
		text-decoration: underline;
		padding:0px 10px 0px 10px;
		margin: 3px 0px 3px 0px;
		font-weight:bold;
	}
	#subMenue a:visited {
		color: #FFFFFF;
		text-decoration: underline;
		padding:0px 10px 0px 10px;
		margin: 3px 0px 3px 0px;
		font-weight:bold;
	}
	#subMenue a:hover {
		color: #0F457E;
		text-decoration: none;
		background-color: #FFFFFF;
		layer-background-color: #FFFFFF;
		padding:0px 10px 0px 10px;
		margin: 3px 0px 3px 0px;
		font-weight:bold;
	}
	#subMenue a:active {
		color: #0F457E;
		text-decoration: none;
		background-color: #FFFFFF;
		layer-background-color: #FFFFFF;
		padding:0px 10px 0px 10px;
		margin: 3px 0px 3px 0px;
		font-weight:bold;
	}

#unterMenue {
	padding-left:20px; 
	font-size:0.8em;
}
	
/* Spalte für z.B. Nachrichten */
#messageColumn
{
	padding:0px;
	margin:0px 10px 0px 0px;
	float:right;
	clear:right;
	width:20%;
	height:115px;
	background-color: #FFFFFF;
	layer-background-color: #FFFFFF;
	border: 1px none #000000;
}
	/* die messageColumn kann mehrere MessageBoxen enthalten */
	/* Titel z.B. einer MessageBox */
	#messageColumn .boxTitle
	{
		padding:0px 0px 0px 5px;
		margin:10px 0px 0px 0px;
		font-size:1.1em;
		background-color: #F88628;
		layer-background-color: #F88628;
		color:#FFFFFF;
	}
	/* Inhalt z.B. einer MessageBox */
	#messageColumn .boxContent
	{
		padding:5px;
		margin:0px;
		font-size:1em;
		background-color: #FFFFFF;
		layer-background-color: #FFFFFF;
		border: 1px solid #F88628;
	}
	/* Titel einer einzelnen Nachricht */
	#messageColumn .title
	{
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		font-size:.9em;
		font-weight:bold;
	}
	/* Unter-Titel einer einzelnen Nachricht */
	#messageColumn .subTitle
	{
		padding:0px;
		margin:2px 0px 0px 0px;
		font-size:.9em;
		font-style:italic;
	}

	/* Inhalt einer einzelnen Nachricht */
	#messageColumn .text
	{
		padding:0px;
		margin:0px 0px 12px 0px;
		font-size:.9em;
	}

	/* Links innerhalb der MessageSpalte */
	#messageColumn a:link {
		width:90%;
		color: #F88628;
		text-decoration: underline;
	}
	#messageColumn a:visited {
		width:90%;
		color: #F88628;
		text-decoration: underline;
	}
	#messageColumn a:hover {
		width:90%;
		color: #F88628;
		text-decoration: none;
		background-color: #FFFFFF;
		layer-background-color: #FFFFFF;
	}
	#messageColumn a:active {
		width:90%;
		color: #F88628;
		text-decoration: none;
		background-color: #FFFFFF;
		layer-background-color: #FFFFFF;
	}

/* Seiten- bzw. Inhaltsüberschrift  */
.contentTitle
{
	font-size:1.4em;
	font-weight:bold;
	color:#0F457E;
	margin:0px 0px 12px 0px;
}

/* Inhaltsbereich */
#content
{
	margin-right:22%;
	margin-left:17%;
	padding-top:30px;
	color:#0F457E;
}

         /* Absätze */
         #content p
         {
         	margin:0px 0px 10px 0px;
                 padding:0px 0px 10px 0px;
         }

         /* Überschrift im Inhaltsbereich */
	#content h1
	{
		font-size:1.1em;
	}

	/* Unter-Überschrift im Inhaltsbereich */
	#content h2
	{
		font-size:.9em;
		font-weight:bold;
	}

	/* Titel eines Artikels */
	#content .title
	{
		padding:0px 0px 0px 0px ;
		margin:0px 0px 0px 0px ;
		font-size:1.2em;
	}
	/* Unter-Titel eines Artikels */
	#content .subTitle
	{
	padding:0px;
	margin:2px 0px 0px 0px;
	font-size:1em;
	font-style: italic;
	}

	/* Inhalt eines Artikels */
	#content .text
	{
		padding:0px 0px 0px 0px;
		margin:6px 0px 12px 0px;
		font-size:.9em;
	}

/* Container zur freien Platzierung z.B. eines schwebenden Logos o.ä. */
/* es sind beliebig viele möglich - Namenskonvention "container_A", "container_B" usw. */
#container_A
{
	padding:0px;
	margin:0px;
	position:absolute;
	left:20px;
	top:10px;
	z-index:10;
}
	/* zugehörige bzw. abhängige Klassen/HTML Elemente */
	#container_A p
	{
		padding:0px;
		margin:0px;
	}

.containerTitle
{
	padding:0px;
	margin:0px;
	background-color: #FF0000;
	layer-background-color: #FF0000;
}

.containerText
{
	padding:5px;
	margin:0px;
}

/* HTML-Elemente für die undefinierten Bereiche */
a:link {
	color: #F88628;
	text-decoration: underline;
}
a:visited {
	color: #F88628;
	text-decoration: underline;
}
a:hover {
	color: #F88628;
	text-decoration: none;
	background-color: #FFFFFF;
	layer-background-color: #FFFFFF;
}
a:active {
	color: #F88628;
	text-decoration: none;
	background-color: #FFFFFF;
	layer-background-color: #FFFFFF;
}

p
{
	padding:0px;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:0F457E;
}

div
{
	padding:0px;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:0F457E;
}

table
{
	padding:0px;
	margin:0px;
	border:0px;
}

tr
{
	padding:0px;
	margin:0px;
	border:0px;
}

th
{
	padding:0px 0px 0px 10px;
	margin:0px;
	vertical-align:top;
	text-align:left;
	border-bottom:2px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:0F457E;
}

td
{
	padding:0px 20px 0px 10px;
	margin:0px;
	vertical-align:top;
	border:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:0F457E;
}