<style type="text/css">
voctrain_applet.css
<!--


/* ---- Guestbook ---------- */

/* styles the top part, where the welcomeMessage and the input forms etc. are at  */
div.gbinputarea	{
	background-color: #fff;
	border-style: none;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 10px;
}

/* styles the input part, where the textarea etc. is at  */
div.gbinput	{
	background-color: #f0f0f0;
	border-style: dotted;
	border-width: 1px;
	border-color: #c0c0c0;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 10px;
}

table.gbheader	{
	border-collapse: collapse;
        border-color: #000000;
	border-width: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 60px;
	margin-right: 40px;
	padding: 0px; 
	 width: 80%;
        
}


/* styles the table holding the entries, the border-collapse is important or you will get double lines between the table cells */
table.gbdisplay	{
	border-collapse: collapse;
        border-color: #000000;
	border-width: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 60px;
	margin-right: 40px;
	padding: 0px; 
	 width: 80%;
        
}

/* styles */
td.gbheader	{
/*	font-size: 12px;
	font-weight: bold;*/
	border-style: dotted;
	border-width: 0px;
	border-bottom-width: 1px;
	padding: 0px;
}


/* styles the left (nickname) part of the entries */
td.posttopleft	{
	background-color: #f0f0f0;
	font-size: 12px;
	font-weight: bold;
	width: 20%;
	padding: 5px;
}

/* styles the right (date, time) part of the entries */
td.posttopright	{
	background-color: #f0f0f0;
	font-size: 12px;
	width: auto;
	padding: 5px;
}

/* styles the left (homepage, email) part of the entries */
td.postbottomleft	{
	background-color: #fff;
	font-size: 12px;
	width: 20%;
	height: auto;
	padding: 5px;
	padding-top: 10px;
}

/* styles the right (message) part of the entries */
td.postbottomright	{
	background-color: #fff;
	font-size: 12px;
	width: auto;
	height: auto;
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 25px;
}

td.posttop
{
	background-color: #f0f0f0;
	font-size: 12px;
	border-style: dotted;
	border-width: 0px;
	border-top-width: 1px;
	width: auto;
	padding: 5px;
}


td.postbottom
{
	background-color: #fff;
	font-size: 12px;
	border-style: dotted;
	border-width: 0px;
	border-bottom-width: 1px;
	width: auto;
	height: auto;
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 15px;
}

span.forgotten	{
	color: #ff0000;
}

span.gbfields {
	font-weight: bold;
}

span.nickname	{
	font-weight: bold;
}

span.dateandtime	{
	color: #606060;
	font-weight: bold;
}

span.simpleDateandtime	{
	color: #606060;
	font-weight: normal;
	font-size: 11px;
}

div.gbtitle {
	color: #303030;
	font-weight: bold;
	font-size: 13px;
        margin-left: 10%;
}

/* the div which contains the link to the admin mode at the end of the script */
div.adminlink	{
	font-size: 9px;
	text-align: center;
	margin-top: 8px;
}

div.jsHelpLine	{
	color: #707070;
}


div.pageNavigation	{ text-align: center; width: 100%; font-weight: bold; } 
div.htmlFooter	{ text-align: center; font-size: 9px; margin-top: 10px; } 

div.gbouter {
    margin-left: 10px;
 }

div.gbheader_old	{
     font-weight: bold;
     background-color: #fff;
     border-style: dotted;
     border-width: 0px; 
     border-bottom-width: 1px; 
     margin-left: 57px; margin-right: 0%;
     margin-top: 10px;
     margin-bottom: 30px;
     padding: 0px;
     width: 90%;
   }

span.addnew	{
	text-align: left;
        font-size: 12px;
        font-weight: bold;
	font-weight: bold;
}

#editConfigLink	{
	background-color: #fff;
	padding: 0px;
}

span.totalnumber	{
	font-weight: bold;
        font-size: 12px;

}
td.totalnumber	{
	text-align: right;
/*	background-color: #2fff;
	border-style: dotted;
	border-width: 0px;
	border-bottom-width: 1px;
	border-color: #c0c0c0; 
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 25px;
	margin-bottom: 25px; */
	padding: 0px;
}


/* this gives the buttons and the other input fields their stylish flat look - disabled if unwanted */
input, textarea	{
	color: #606060;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #c0c0c0;
	padding: 1px;
}

img	{
	border-style: none;
        }

/* ------------------------- */


body {
       font-family: Arial, Helvetica, sans serif;
       background-color: #FFFFFF;
       font-size: 10pt;
     }
p,li {
       font-size: 9pt;
       font-family: Arial, Helvetica, sans serif;
       margin-top: 3pt;  
       margin-bottom: 3pt;  
       padding: 0pt;
       color: #000000;
       font-weight: normal;
  }   
  /*     
p,li {
       font-size: 10pt;
       font-family: Arial, Helvetica, sans serif;
       margin-top: 3pt;  
  }*/
  
input {
    border: 1px solid #0B5979;
    padding-right: 3px;
    padding-left: 3px;
    background-color : #FFFFFF;
    color: #0B5979;
} 

table.infoframe
{
  width: 80%;
  border-style: solid;
  border-width: 1px;
  border-color: #666666;
  padding: 20px;
} 

tr.infoframetitle
{
/*  background-color: #AAAAAA;*/
}
.infoframetitle
{
  font-size: 18px;
  font-weight: bold;
  color: #FF6666;
} 

.smallfont
  {
       font-size: 9pt;
       font-family: Arial, Helvetica, sans serif;
       margin-top: 0pt;
  }

.smaller
  {
       font-size: 90%;
  }

.textlead 
  {
    font-size:12pt; 
    font-weight:bold;
    color: #993333; 
  }

.minititle
  {
    text-align: right;
    font-family: Arial, Helvetica, sans serif;
    font-size:10pt; 
    font-style:italic;
    font-weight:bold;
    color: #993333;
    margin-bottom: 2pt;
  }

.hottext   /* Werbetext auf Startseite */
  {
    font-family: Arial, Helvetica, sans serif;
    font-size:12pt; 
    font-style:normal;
    font-weight:bold;
    color: #000000;
  }
  
.sponsor /* Sponsor anzeige */
 {
    font-style:italic;
    font-size:10pt; 
    text-align:left;
    color: #606060;
 } 
 
.helpnr {color:green; font-size: 150%;}  

.story { font-family: cursive; font-size: 11pt; }
.storyauthor { font-family: Arial; font-size: 9pt; text-align: right;}
.storywebmaster { font-family: cursive; font-size: 10pt; color: #FF0000; }

.simpletable {text-align:left; background: #CCCCCC; }
.simpletablehead {text-align:left; font-style: italic; background: #CCCCFF; }

.lessontable1 {text-align:left; background: #CCCCFF; }
.lessontable2 {text-align:left; background: #EEEEFF; }
.lessondescription {font-style:italic; }

.captertable {text-align:left; vertical-align:center; background: #EEEEFF; }

/* Schrift für Navigierleistenelemente */
.navelement
    {
     font-family: monospace,Arial;/*Arial,Times New Roman, serif;*/
     font-size:   14pt;
     color:       #AAAAFF;
     text-decoration: none;
     padding-top: 3pt;
     padding-left: 10pt;
     padding-bottom: 0;
     font-weight:  bold;
     margin-top: 0pt;  
/*     line-height: 120%;*/
    }
    
.navelementselected { color: white;  }    


/* Einfache Tabelle */

table.simpletable 
{
    padding-left: 3pt; padding-right: 3pt;
    background-color: #FFFFFF; 
}

td.simpletable
{
   font-size: 9pt; font-family: Helvetica, sans serif;
   padding-right: 6pt;
   padding-left: 6pt;
}


tr.simpletable
{
  background-color: #DDDDFF; 
}

tr.simpletitle
{
  font-size: 9pt;
  font-family: Helvetica, sans serif;
  font-weight: bold;
  background-color: #9B3737; 
  color: #FFFFFF;
}

td.simpletitle
{
   padding-right: 6pt;
   padding-left: 6pt;
}

/* Einlog-Fenster */
.logon
{
   background: #CCCCFF;
}


.logontitle 
{
   text-align: left;
   font-size: 8pt;
   font-weight: bold;
}

.logonstate 
{
   text-align: center;
   font-size: 8pt;
   font-weight: bold;
}
.logonlink 
{
   text-align: right;
   font-size: 8pt;
   text-decoration: underline;
   font-weight: bold;
}

td.logonstate 
{ background: #EEEEFF; }

.logonfield
{
   color: #666666;
   text-align: left;
   font-size: 8pt;
   font-weight: bold;
}


/* Klasse für die Fusszeilen */

.footer
  {
     font-size : 8pt;
     text-decoration: none;  
     color : white;          /* Für Netscape */
  }
  
  
.footer:link    {color:white;}  /* Für InternetExplorer */
.footer:visited {color:white;}
.footer:active  {color:white;}
.footer:hoover  {color:white;}

.totdtitle  {color:#AA4444; font-size:11pt; }
.totdtext   {color:#444444; font-size:11pt; }
.totdauthor {color:#444444; font-size:9pt; text-align:right; text-style: italic;}
  
  
.gbooktab { padding:1pt; margin:0pt; }
.gbooktr_author  { background: #9999ff; margin:0pt; padding:0pt;}
.gbooktr_body    { background: #bbbbbb; margin:0pt; padding:0pt;}

.gbooktd_author {  margin:0pt; padding:1pt; font-family: Arial; font-size: 9pt; text-align:right;}
.gbooktd_body  { margin:0pt; padding:10pt;}

.gbook_admin{ color: #3300ff; }
.gbook_admin_author{ color: #3300ff; text-align:right; }

h1 {
     font-family:   Arial,Times New Roman, serif;
     font-size:     15pt;
    /*  color:         #BBAFC7;*/
   /*  color:         #CCCCCC;*/
     margin-top:    0pt;
     margin-bottom: 10pt;
   }
h2 {font-family: /*serif;*/  Arial, Helvetica, sans serif;
    font-size:     14pt;
    font-weight:normal;
    font-style:italic;
    color: #993333; 
    margin-bottom: 1pt;
   }
h3 {font-family: Arial, Helvetica, sans serif;
     font-size:   12pt;
     color:       black;
     font-weight: bold;
     margin-bottom: 0pt;
   }
   
h4 {
     font-family: monospace,Arial;/*Arial,Times New Roman, serif;*/
     font-size:   12pt;
     color:       black;
     text-decoration: none;
     padding-top: 3pt;
     padding-left: 10pt;
   } 
h5 {font-family: Arial, Helvetica, sans serif}
h6 {font-family: Arial, Helvetica, sans serif}



table {font-family: Arial, Helvetica, sans serif; font-size: 10pt;}
td {font-family: Arial, Helvetica, sans serif; font-size: 10pt;}
tr {font-family: Arial, Helvetica, sans serif}
th {font-family: Arial, Helvetica, sans serif}
ul {font-family: Arial, Helvetica, sans serif; margin-top:0pt; font-size: 10pt;}
ol {font-family: Arial, Helvetica, sans serif}



div {font-family: Arial, Helvetica, sans serif}
.noline {text-decoration:none}

A {
    text-decoration: none;
    border-style:none;
  }
a:link {color: #000099}
a:visited {color: #333399}
a:active{color: #6633FF}
a:hover {color:#6633FF}

-->
</style>
