/*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;
}

input.singlebutton
{
   font-size:12px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   background-color:#FFFFFF;
   border-style:double;
   border-color:#000000;
   border-width:1px;
}

input.singlebuttonselected
{
   font-size:12px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   background-color:#ff94a8;
   border-style:double;
   border-color:#000000;
   border-width:1px;
}



/* NEW NEW */

*{
	/*list-style:none;*/
}
#menucontainer{
	/*position:relative;*/
	height:50px;
	color:#FFFFFF;
	background:#383636;
	width:100%;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	/*background:#fff url(images/background.jpg) repeat-x bottom left;*/
	}
#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;}
#emptyboxbig{background-color:#cfcaca;background-repeat:repeat; width:40%;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}

#emptyboxsmall1{background-color:#454545;background-repeat:repeat; height:26px; width:200px;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
#emptyboxsmall2{background-color:#e6e4e4;border-color:#454545;background-repeat:no-repeat;border-top-left-radius: 0px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
#emptyboxsmall3{background-color:#454545;border-color:#454545;background-repeat:no-repeat;border-top-left-radius: 0px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}

#emptyboxsmall{background-color:#454545;background-repeat: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;
}

.field-info {
  background:none repeat scroll 0 0 #cccccc;
  border:1px solid #000000;
  display:inline;
  float:left;
  margin-bottom:10px;
  margin-right:10px;
  padding:3px 10px;
  position:relative;
  width:350px;
}


.valueLabels {
	font-size:90%;
	color:black;
}
div.valueLabelLight {
	opacity:0.5;
	background-color: white;
	border:none;
	position:absolute;
}
div.valueLabel {
	position:absolute;
	border:none;
}

#placeholder .button {
        position: absolute;
        cursor: pointer;
}
#placeholder div.button {
        font-size: smaller;
        color: #000000;
        background-color: #eeeeee;
        padding: 2px;
        
}
.message {
        padding-left: 50px;
        font-size: smaller;
}

#choicesdiv ul { list-style-type: none; }


#choices li > div {
	display: inline-block;
	margin-right: 4px;
}

#choices li label {
	margin-left: 3px;
}    

div.selected {
	background-color: orange;
}
div.unselected {
	background-color: white;
}

#emptyboxsmallwhite {
cursor: pointer;
padding:  0.2em 0.5em;
background-color:#ffffff;
background-repeat:no-repeat;
border:thin solid black;
border-top-left-radius:4px;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
border-bottom-left-radius:4px;
}