/*NEW*/

body {
background:#FFF;
color:#151515;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:100.01%;
line-height:120%;
height:100%;
overflow-y: scroll;
}


a:visited {
color:#666;
text-decoration: none;
}
a:active {
color:#039;
text-decoration:underline;
}
a:link {
color:#039;
text-decoration:none;
}
h1, h2, h3, h4, fieldset, form {
margin:0;
}
h1, h2 {
font-size:1.2em;
margin-bottom:.5em;
}
h3, h4, p, pre, ul, li {
font-size:1em;
}

/* NEW NEW */

*{
	/*list-style:none;*/
}
#menucontainer{
	/*position:relative;*/
	height:50px;
	color:#FFFFFF;
	background:#383636;
	width:100%;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	}
#menunav{
	position:relative;
	height:38px;
	font-size:14px;
	/*text-transform:uppercase;*/
	font-weight:bold;
	background:#fff url(images/background.jpg) repeat-x bottom left;
	padding:0 0 0 20px;}
	
#menunav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;	
	/*float:left;*/}

#menunav ul li{
	display:block;
	float:left;
	margin:0 1px;}
	
#menunav ul li.right {
    display:block;
    float:right;
    margin:0 1px;
    font-size: 1em;
}

#menunav ul li.right a{
	display:block;
	float:right;
	color:#ffffff;
	text-decoration:none;
	padding:2px 0 0 15px;
	height:22px;
	font-size: 0.9em;
}
	
	
#menunav ul li.right2 {
    display:block;
    float:right;
    font-size: 0.9em;
}

#menunav ul li.right2 a{
	display:block;
	float:right;
	color:#ff0000;
	text-decoration:none;
	padding:0 0 0 0px;
	height:20px;}	

#menunav ul li.right a span{
	padding:12px 20px 0 0;
	height:21px;
	float:right;}


	
#menunav ul li a{
	display:block;
	float:left;
	color:#EAF3F8;
	text-decoration:none;
	padding:0 0 0 20px;
	height:38px;}

#menunav ul li a span{
	padding:12px 20px 0 0;
	height:21px;
	float:left;}
	
	
#menunav ul li a:hover{
	color:#fff;	
	background:transparent url(images/hover.jpg) repeat-x bottom left;
}


	
	
#menunav ul li a:hover span{
	display:block;
	width:auto;
	cursor:pointer;}
#menunav ul li a.current, #menunav ul li a.current:hover{
	color:#fff;
	background:#1D6893 url(images/left.jpg) no-repeat top left;
	line-height:275%;}
#menunav ul li a.current span{
	display:block;
	padding:0 20px 0 0;
	width:auto;
	background:#383636 url(images/right.jpg) no-repeat top right;
	height:38px;}

/* NEW END */	

#navigation {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0.9em 11px;
    background: url("images/background_navigation.gif") repeat-x top left;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #e2e2e2;
    height: 0.9em;
}
#navigation li {
    float: left;
    margin: 0;
    padding: 0;
    
}
#navigation li.right {
    float: right;
    font-size: 0.8em;
}

#navigation li.right2 {
    float: right;
    font-size: 0.8em;
}

#navigation li a {
    background: url("images/seperator.gif") bottom right no-repeat;
    color: #000000; /*003399 */
    font-size: 0.95em;
    padding: 2px 8px;
    margin-right: 0.5em;
    display: block;
    float: left;
}
#navigation li.right a {
    color: #333333;
}

#navigation li.right2 a {
    color: #ff0000;
}

#navigation a:hover {
    color: #3366cc !important;
    text-decoration: underline;
}

#subnavigation {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0.2em 11px;
    background-color:#ffdddd;
    border-top: 1px solid #ffdddd;
    border-bottom: 1px solid #e2e2e2;
    height: 1.2em;
}
#subnavigation li {
    float: left;
    margin: 0;
    padding: 0;
}
#subnavigation li.right {
    float: right;
    font-size: 0.8em;
}

#subnavigation li.right2 {
    float: right;
    font-size: 0.8em;
}

#subnavigation li a {
    color: #003399;
    font-size: 0.82em;
    padding: 2px 6px;
    margin-right: 0.5em;
}
#subnavigation li.right a {
    color: #333333;
}

#subnavigation li.right2 a {
    color: #ff0000;
}

#subnavigation a:hover {
    color: #3366cc !important;
    text-decoration: underline;
}

#subnavigation2 {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0.2em 11px;
    background-color:#ccffcc;
    border-top: 2px solid #dddddd;
    border-bottom: 1px solid #e2e2e2;
    height: 1.2em;
}
#subnavigation2 li {
    float: left;
    margin: 0;
    padding: 0;
}
#subnavigation2 li.right {
    float: right;
    font-size: 0.8em;
}
#subnavigation2 li a {
    color: #003399;
    font-size: 0.82em;
    padding: 2px 6px;
    margin-right: 0.5em;
}
#subnavigation2 li.right a {
    color: #333333;
}
#subnavigation2 a:hover {
    color: #3366cc !important;
    text-decoration: underline;
}

/*New END*/




.twoColLiqRtHdr #container { 
	width: 1024px;/* Hierdurch wird ein Container mit einer Breite erstellt, die 80% der Browserbreite beträgt. */
	padding: 0;
	background: #FFFFFF;
	margin: 0 auto; /*Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 1px solid #000000;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
} 
.twoColLiqRtHdr #header {
	padding: 0 10px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
	background: #29020b;
	height: 30px;
} 
.twoColLiqRtHdr #header h1 {
	margin: 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
	color: #FFFFFF;
	font-size: 25px;
	padding-top: 5px;
}


.twoColLiqRtHdr #sidebar1 {
	/*float: right;  Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	padding: 0;
	width: 140px;
	height:100%;
	background: #EBEBEB; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
	/*padding-top: 0px 0; /* Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum.  */
	background-image:url('images/sidebar_bg.png'); background-repeat:repeat-y;
}
.twoColLiqRtHdr #sidebar1 h3, .twoColLiqRtHdr #sidebar1 p {
	margin-left: 10px; /* Für jedes Element, das in den seitlichen Spalten platziert wird, sollten ein linker und ein rechter Rand angegeben werden. */
	margin-right: 10px;
}


.twoColLiqRtHdr #mainContent { 
	padding: 0;
	margin: 0;
	/*margin: 0 0 0 0px; /* Der linke Rand sollte mit dem Rand für die Kopfzeile und die Fußzeile übereinstimmen, um eine einwandfreie Ausrichtung zu gewährleisten. */
	width: 100%;
} 

.twoColLiqRtHdr #footer { 
	padding: 0; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	background:#DDDDDD; 
} 
.twoColLiqRtHdr #footer p {
	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
	padding: 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
}

/* Verschiedene wieder verwertbare Klassen */
.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 0px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
	height:0;
	padding: 0;
	font-size: 1px;
	line-height: 0px;
}
.twoColLiqRtHdr #Menu {
	padding: 0;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
	background: #880120;
	height: 122px;
	background-image:url('images/menu_bg.png'); background-repeat:repeat-x;
	
}
.twoColLiqRtHdr #Menu h1 {
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 0px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
	color: #560014;
	height: 30px;
	font-size: 20px;
	
	
}


#emptybox2{background-image:url(images/box_leer_large.gif);background-repeat:no-repeat; height:26px; width:590px;}
#emptybox1{background-image:url(images/box_leer_300.gif);background-repeat:no-repeat; height:26px; width:300px;}


legend {
	padding: 0.2em 0.5em;
	border:1px solid black;
	color:black;
	font-size:10pt;
	text-align:center;
}


td       {font-size:10pt;}
.oben    { vertical-align:top;}
.mittig  { padding:3px;vertical-align:middle;}
.unten   { vertical-align:bottom;}


.listicon {
	float:left;
	width: 57px;
	height: 57px;
	overflow:hidden;
	padding: 0 0 0 0px;
}

.listicon-mask {
	position:relative;
	top:-58px;
	left:-1px;
}

.pk-button.primary .content {
			font-weight: bold;
		}
		.pk-button.hover .inner-box,
		.pk-button.hover .outer-box {
			border-color: #222;
		}
		.pk-button.click .top-shadow {
			background:#E3E3E3 none repeat scroll 0 0;
		}
		.pk-button.click .inner-box {
			background: #A4A4A4 none repeat scroll 0 0;
		}
		.pk-button {
			font-family:arial,sans-serif;
			font-size:3;
			font-size-adjust:none;
			font-stretch:normal;
			font-style:normal;
			font-variant:normal;
			font-weight:normal;
			line-height:normal;
			margin: 0px 10px 0 10px;
			position: relative;
			border:0 none;
			cursor: pointer;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			outline-style:none;
			outline-width:medium;
			padding:0;
			text-decoration:none;
			vertical-align:middle;
		}
		
		.pk-button.collapse-right, 
		.pk-button.collapse-right .inner-box, 
		.pk-button.collapse-right .outer-box {
			margin-right:0 !important;
			display: inline;
		}
		.pk-button.collapse-right {
			margin-right: 0px;
		}
		.pk-button.collapse-left {
			margin-left: 0px;
		}
		.pk-button.collapse-right .outer-box {
			border-right-color: #555;
		}
		.pk-button.collapse-left {
			margin-left: 0px;
		}
		.pk-button.collapse-right .outer-box {
			border-right-width: 0px;
		}
		.pk-button.collapse-left .outer-box {
			border-left-width: 0px;
		}
		.pk-button  .outer-box {
			margin: 0;
			border-width: 0px 1px;
		}
		.pk-button .inner-box, 
		.pk-button .outer-box {
			border-color: #939393;
			border-style: solid;
			padding: 0;
		}
		.pk-button .inner-box {
			border-right-color:#BBBBBB;
			background: #E3E3E3 none repeat scroll 0 0;
			border-width: 1px 0;
		}
		.pk-button .pos {
			position: relative;
			display: inline-block;
		}
		.pk-button .top-shadow {
			background:#F9F9F9 none repeat scroll 0 0;
			border-bottom:0.2em solid #EEEEEE;
			height:0.5em;
			left:0;
			overflow:hidden;
			position:absolute;
			right:0;
			top: 3px;
		}
		.pk-button .content {
			color:#000000;
		}
		.pk-button .content {
			line-height:1.8em;
			padding: 3px 8px;
			position:relative;
			text-align:center;
			vertical-align:middle;
			white-space:nowrap;
		}