@charset "ISO-8859-1";
/* author: Christoph M�lleneisen Liquidmatrix.develpment */

/* ######################################### Body Options ######################################### */
body{
background-color:#fff;
margin:auto;
padding:1em;
text-align:center;
font-size:10pt;
}  
/* ################################### Seperate S/W Fonts ######################################### */
.text-1{font-family: verdana, arial, helvetica; font-size: 10pt; text-decoration:none ; color:#000}
.text-2{font-family: verdana, arial, helvetica; font-size: 7pt; text-decoration:none ; color:#000}
.text-3{font-family: verdana, arial, helvetica; font-size: 10pt; text-decoration:none ; color:#fff}
.text-4{font-family: verdana, arial, helvetica; font-size: 7pt; text-decoration:none ; color:#fff}

/* ################################### Seperate MultiColor Fonts ################################## */
.text-done{font-family: verdana, arial, helvetica; font-size: 15pt; text-decoration:none ; font-weight:bold; color:#406040}	 /* DarkGreen for DoneFrame */
.text-failed{font-family: verdana, arial, helvetica; font-size: 15pt; text-decoration:none ; font-weight:bold; color:#fff}	 /* White for ErrorFrame */
.text-warning{font-family: verdana, arial, helvetica; font-size: 15pt; text-decoration:none ; font-weight:bold; color:#e08900} /* Brown for WarningFrame */

/* ##### Decoration and Positioning Options ##### */
br{line-height:10px;display:inline;}
img{border:0px;}

a.loginmenu, a.loginmenu:hover
{
 color:#916263;
 text-decoration:underline;
}
a.loginmenu {
 font-family: verdana, arial, helvetica;
 font-size: 8pt;
 color:#916263;
 text-decoration:none;
}

  
/* Deprecaded */
td{text-align:left;}
td.center{text-align:center;}
/* ############################## Menu f�r Navigation Main und User ############################## */

a.menu:link, a.menu:visited
{
 color:#000;
 background-color:#f0f0f0;
 text-decoration:none;
}
a.menu:active, a.menu:hover
{
 color:#000 ;
 background-color:#cccafc;
}
a.menu {
 display:block;
 padding:0px 0px 0px 5px;
 background-color:#f0f0f0;
 text-align:left;
 font-family: verdana, arial, helvetica;
 font-size: 10pt;
 color:#000;
 text-decoration:none;		
 }
 
 a.usermenu:active, a.usermenu:hover
{
 color:#000;
 background-color:#cccafc;
}
a.usermenu {
 display:block;
 border:1px;
 border-bottom-style:solid;
 border-color:#fff;
 padding:0px 0px 0px 5px;
 background-color:#dddddd;
 text-align:left;
 font-family: verdana, arial, helvetica;
 font-size: 10pt;
 color:#000;
 text-decoration:none;		
 }
/* ################################################################################################### */


 
/* ################### menu Highlighted, ContentBox und Class f�r Layer in RED ####################### */

a.resultmenu:active, a.resultmenu:hover
{
 color:#fff;
 background-color:#c35e60;
}
a.resultmenu {
 display:block;
 padding:0px 10px 0px 15px;
 background-color:#fff;
 text-align:left;
 font-family: verdana, arial, helvetica;
 font-size: 10pt;
 color:#000;
 text-decoration:none;		
 }

a.contentmenu:active, a.contentmenu:hover
{
 color:#916263;
 text-decoration:underline;
}
a.contentmenu {
 font-family: verdana, arial, helvetica;
 font-size: 10pt;
 color:#916263;
 text-decoration:none;		
}  

.ColorComp0{
  background-color:#e2e2e2;
  color:#000;
} 
/* ################################################################################################################### */
 

/* ############# menu Highlighted, ContentBox und Class f�r Layer in ORANGE (erkennungsnummer 1) #################### */ 

a.highMenu1:active, a.highMenu1:hover
{
 color:#fff;
 background-color:#6f91b4;
}
a.highMenu1 {
 display:block;
 padding:0px 10px 0px 15px;
 background-color:#fff;
 text-align:left;
 font-family: verdana, arial, helvetica;
 font-size: 10pt;
 color:#000;
 text-decoration:none;		
 }
 
a.boxMenu1:active, a.boxMenu1:hover
{
 color:#91292b;
 text-decoration:underline;
}
a.boxMenu1 {
 font-family: verdana, arial, helvetica;
 font-size: 10pt;
 color:#91292b;
 text-decoration:none;		
 }

.ColorComp1{
  background-color:#e2e2e2;
  color:#000;
}
 
.ColorComp1-1{
  background-color:#fff;
  color:#000;
}
/* ####################################################################################################################### */
  
 
/* ##########administrator### menu Highlighted, ContentBox und Class f�r Layer in GREEN (erkennungsnummer 2) #################### */
  
a.highMenu2:active, a.highMenu2:hover
{
 color:#fff;
 background-color:#6f91b4;
}
a.highMenu2 {
 display:block;
 padding:0px 10px 0px 15px;
 background-color:#fff;
 text-align:left;
 font-family: verdana, arial, heica;
 font-size: 10pt;
 color:#000;
 text-decoration:none;
 }


a.boxMenu2:active, a.boxMenu2:hover
{
 color:#91292b;
 text-decoration:underline;
}
a.boxMenu2 {
 font-family: verdana, arial, helvetica;
 font-size: 10pt;
 color:#91292b;
 text-decoration:none;		
}

.ColorComp2{
  background-color:#e2e2e2;
  color:#000;
}

.ColorComp2-1{
  background-color:#fff;
  color:#000;
} 


/* ######################################################################################################################## */

/* ############# menu Highlighted, ContentBox und Class f�r Layer in LIGHTYELLOW (erkennungsnummer 1) #################### */ 
  
a.highMenu3:active, a.highMenu3:hover
{
 color:#fff;
 background-color:#6f91b4;
}
a.highMenu3 {
 display:block;
 padding:0px 10px 0px 15px;
 background-color:#fff;
 text-align:left;
 font-family: verdana, arial, heica;
 font-size: 10pt;
 color:#000;
 text-decoration:none;	
 }


a.boxMenu3:active, a.boxMenu3:hover
{
 color:#91292b;
 text-decoration:underline;
}
a.boxMenu3 {
 font-family: verdana, arial, helvetica;
 font-size: 10pt;
 color:#91292b;
 text-decoration:none;		
}

.ColorComp3{
  background-color:#e2e2e2;
  color:#000;
}

.ColorComp3-1{
  background-color:#fff;
  color:#000;
}
  
/* ################################################################################################# */
 

/* ############# menu Highlighted, ContentBox und Class f�r Layer in YELLOW (erkennungsnummer 1) #################### */ 
  
a.highMenu4:active, a.highMenu4:hover
{
 color:#fff;
 background-color:#6f91b4;
}
a.highMenu4 {
 display:block;
 padding:0px 10px 0px 15px;
 background-color:#fff;
 text-align:left;
 font-family: verdana, arial, heica;
 font-size: 10pt;
 color:#000;
 text-decoration:none;	
 }


a.boxMenu4:active, a.boxMenu4:hover
{
 color:#91292b;
 text-decoration:underline;
}
a.boxMenu4 {
 font-family: verdana, arial, helvetica;
 font-size: 10pt;
 color:#91292b;
 text-decoration:none;		
}

.ColorComp4{
  background-color:#e2e2e2;
  color:#000;
}

.ColorComp4-1{
  background-color:#fff;
  color:#000;
}

/* ################################################################################################# */


/* ############# menu Highlighted, ContentBox und Class f�r Layer in RED (erkennungsnummer 5 für IMPORTANT dinge) #################### */

a.highMenu5:active, a.highMenu5:hover
{
 color:#fff;
 background-color:#dc6e19;
}
a.highMenu5 {
 display:block;
 padding:0px 10px 0px 15px;
 background-color:#ffc79c;
 text-align:left;
 font-family: verdana, arial, helvetica;
 font-size: 10pt;
 color:#000;
 text-decoration:none;
 }


a.boxMenu5:active, a.boxMenu5:hover
{
 color:#fff;
 text-decoration:underline;
}
a.boxMenu5 {
 font-family: verdana, arial, helvetica;
 font-size: 10pt;
 color:#fff;
 text-decoration:none;
}

.ColorComp5{
  background-color:#e04814;
  color:#fff;
}

.ColorComp5-1{
  background-color:#ffc79c;
  color:#000;
}

/* ################################################################################################# */




/* ################################### Formular Options ######################################### */
/* 
Border 1px - Black
F-Size - 8PT
InputBG - WHITE
*/ 

form {
display:inline;
}

input {
color: #000;
background-color: #fff; 
border-color: #000;
border:1px; 
border-style:solid;
font-family:verdana, arial, helvetica;
font-size:10pt;
vertical-align:middle;	 
}

input.button {
color: #000;
background-color: #fff;
border: 1px; 
border-color: #000;
border-style:solid;
font-family:verdana, arial, helvetica;
font-size: 10pt;
vertical-align:middle;
display:inline;
}

input.file {
color: #000;
background-color: #cccafc;
border: 1px;
border-color: #fff;
border-style:solid;
font-family:verdana, arial, helvetica;
font-size: 10pt;
vertical-align:middle;
}

input.radio {
color: #000;
border:0px;
background-color: #99ccff;  
font-family:verdana, arial, helvetica;
vertical-align:middle;	 
height:12px;
width:10px;
display:inline;
}
input.radiowhite {
border:0px;
color:#000;
background-color:#fff; 
font-family:verdana, arial, helvetica;
font-size: 10pt;
vertical-align:middle;	 
height:12px;
width:12px;
display:inline;
}

textarea {	
font-family:verdana, arial, helvetica;
color:#000;
background-color:#fff;
border:1px;
border-color:#000;
border-style:solid;
font-size: 10pt;
}
select {
color: #000;
background-color: #fff; 
border-color: #000;
border:1px; 
border-style: solid;
font-family:   verdana, arial, helvetica;
font-size:10pt;
vertical-align:middle;	 
}	
/* ################################################################################################# */		


/* ################################### Container and Layer Options ################################# */	

/* Webcontainer der gesamte Container f�r den GESAMTEN INHALT */
#webcontainer{
width:950px;
font-size:9pt;
font-family: verdana, arial, helvetica;
color:#000;
}			   

/* Logo Layer (oben Links) mit BildOptionen in diesem Layer */
#logo{
background-color:#000;
width:175px;
text-align:left;	
float:left;
color:#fff;
}
#logo img{
display:inline;
vertical-align:top;
}

/* Timebar Layer: erste Layer */
#timebar{
background-color:#dddddd;
width:760px;
height:40px;
text-align:right;
float:right;
padding:0px 0px 2px 0px;
color:#000;
}

/* ######## MemberContainer beinhaltet das aus verschiedenen Layer komponierte Menu Registierter User ######## */
#memberContainer{
background-color:#dddddd;
width:175px;
float:left;	
color:#000;
}

/* Leiste unter dem MemberMenu Container */
#memberContainerFooter{
background-color:#dddddd;
width:175px;
color:#000;
font-family:verdana, arial, helvetica;
font-size:3px;
float:left;
vertical-align:top;
}

/* in MemberContainer und beinhaltet selber die einzelnen Links */
#memberMenu{
background-color:#dddddd;
width:175px;
float:left;
text-align:left;
color:#000;
font-family:verdana, arial, helvetica;
font-size:10pt;
}

/* ######## M�gliche Layer f�r den MemberContainer Enden Hier ######## */


/* SearchBar neben dem MemberContainer */
#searchBar{
background-color:#99ccff;
max-height:19px;
text-align:right;
color:#fff;
font-family:verdana, arial, helvetica;
font-size:10pt;
border:1px;
border-top-style:solid;
border-color:#fff;
} 

/* Abstandshalter im Linken Menublock (Zahl steht f�r Abstand in Pixel */
#navigationBreak-5{
background-color:#fff ;
width:175px;
float:left;
color:#000;
font-family:verdana, arial, helvetica;
font-size:5px;
}

#navigationLinkBreak-1{
width:100%;
background-color:#99ccff;
color:#000;
font-family:verdana, arial, helvetica;
max-height:17px;
font-size:1px;
}

/* ######## NavigationContainer beinhaltet alle Hauptnavigationspunkte ######## */
#navigationContainer{
background-color:#f0f0f0;
border:4px;
border-bottom-style:solid;
border-color:#dddddd;
width:175px; 
float:left;	
text-align:left;
padding:10px 0px 70px 0px;
}


/* NavigationUnit beinhaltet die eigentlichen Links */
#navigationUnit{
background-color:#e6e6e6;
width:175px;
float:right;
}

/* ######## M�gliche Layer f�r NavigationContainer enden hier ######## */

/* ######## ContentContainer beinhaltet alle m�glichen Layer und Boxen um den Content zu gestalten ######## */
#contentContainer{
border:1px;
border-color:#c7c7c7;
border-bottom-style:solid; 
width:760px;
float:right;
text-align:left;
padding:0px 0px 0px 15px;
}

/* �berschrift GRO� kommt inerhalb eines contentSplit oder eines fullContentFrame */
#headlineBig{
font-size:15pt;
color:#91292b;
font-family:verdana, arial, helvetica;
}

/* �berschrift KLEIN kommt inerhalb eines contentSplit oder eines fullContentFrame */
#headlineNormal{
font-size:10pt;
font-weight:bold;
color:#91292b;
font-family:verdana, arial, helvetica;
}
/* Zierlinie unter der Headline - Anwendung inerhalb eines contentSplit oder eines fullContentFrame */
#dottedLine{
font-size:1px;
background-color:#91292b;
max-height:1px;
}

/* contentFrame und Split �ber die Volle Breite des ContentContainers (full) oder prozentual (Split+zahl) floating im HTML code selber angeben */
#fullContentFrame{
width:100%;
text-align:left;
padding:0px 0px 15px 0px;
}

#contentSplit50{
width:49%;
text-align:left;
padding:0px 0px 15px 0px;
}

#contentSplit30{
width:30%;
text-align:left;
padding:0px 0px 15px 0px;
}	

#contentSplit33{
width:33%;
text-align:left;
padding:0px 0px 15px 0px;
}

#contentSplit40{
width:40%;
text-align:left;
padding:0px 0px 15px 0px;
}

#contentSplit70{
width:69%;
text-align:left;
padding:0px 0px 15px 0px;
}

#contentSplit60{
width:59%;
text-align:left;
padding:0px 0px 15px 0px;
}

			/* Deprecated */
			#contentBoxColor-1{
			background-color:#e6e6e6;  
			padding:0px 5px 20px 5px; 
			}
			#contentBoxColor-2{
			background-color:#916263;  
			padding:0px 5px 20px 5px; 
			}
			#contentBoxColor-3{
			background-color:#91292b;  
			padding:0px 5px 20px 5px; 
			}
			#contentBoxColor-clear{ 
			padding:0px 5px 20px 5px;
			}
			/* Ende Deprecated */

/* 
ContentResultBox im contentSplit oder fullContentFrame und beinhaltet den Tats�chlichen Inhalt
Die Farbe dieser "BOX" kann durch das angeben einer Class (z.B. ColorComp1 - siehe oben) ge�ndert werden. 
*/
#contentResultBox{
padding:0px 5px 0px 5px;
border:1px;
border-color:#747474;
border-bottom-style:solid; 
text-align:center;
}

#contentDescribtion{ 
padding:0px 5px 0px 5px;
border:1px;
border-color:#91292b;
border-left-style:solid; 
text-align:center;
}
/* Layer zum Darstellen von Datenbankausgaben - Anwednung INNERHALB der contentResultBox */
#resultRow{
border:1px;
border-bottom-style:dotted;
border-color:#91292b;
}



/* ERROR FRAMES - NUR ZUR FEHLERDARSTELLUNG */
#doneFrame{
width:100%;
background-color:#8ec999;
text-align:center;
padding:0px 0px 15px 0px;  
}
#failedFrame{
width:100%;
color:#fff;
background-color:#e04814;
text-align:center;
padding:0px 0px 15px 0px;
}
#warningFrame{
width:100%;
background-color:#fff871;
text-align:center;
padding:0px 0px 15px 0px;
}

/* ######## M�gliche Layer f�r den ContentContainer enden hier  ######## */

/* Zum aufr�umen der loats  */
br.clear
{
clear:both;
}

br.clearLeft
{
clear:left;
}

br.clearRight
{
clear:right;
}
/* Creation date: 10.09.2004 */

