body {
	color:#222222;
	background-color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	margin:10px;
}

td {
	font-size:13px;
}

.btnbar {
	background-color:#ffffff;
	color:#ffffff;
}

a.menu:link, a.menu:visited {
	color:#a0c0ff;
}

a.menu:hover {
	color:#DDDDFF;
}

a.offline, a.offline:visited
{
	font-style: italic;
}

input {
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

input.marked {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background: #FFFFCC;
}

textarea {
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

input.fullwidth {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	width: 98%
}

input.fullwidth_marked {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	width: 98%;
	background: #FFFFCC
}

textarea.fullwidth {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	width: 98%
}
/* ---------------- alternating tablerowcolors ----------------- */

.tblrow2 {
/* VHS: Dadurch wird in Tabellen die erste Zeile auf die Hintergrundfarbe Weiss gestellt */
	background-color:#FFFFFF;
	color:#222222;
	font-size:13px;
	padding:3px;
}

/* Hintergrundfarbe der ersten Tabellenzeile in einer Tabelle */
.tblrow1 {
	background-color:#E6E7E9;
	color:#222222;
	font-size:13px;
	padding:3px;
}

.tblrow2light {
	background-color:#f7f7f7;
	color:#808080;
	font-size:13px;
	padding:3px;
	vertical-align:top;
}

.tblrow1light {
	background-color:#eeeeee;
	color:#808080;
	font-size:13px;
	padding:3px;
	vertical-align:top;
}

.tblrowmarked {
	background-color:#ffe0e0;
	color:#222222;
	font-size:13px;
	padding:3px;
}

.tblrow2top {
	background-color:#f7f7f7;
	color:#222222;
	font-size:13px;
	padding:3px;
	vertical-align: top;
}

.tblrow1top {
	background-color:#eeeeee;
	color:#222222;
	font-size:13px;
	padding:3px;
	vertical-align: top;
}

.tblrowmarkedtop {
	background-color:#ffe0e0;
	color:#222222;
	font-size:13px;
	padding:3px;
	vertical-align: top;
}

/* -------------------- table formatting ------------------ */


table.std {
	color:#222222;
	background-color:#FFFFFF;
	border-spacing: 1px;
	border-width: 0px;
}

table.fullwidth {
	color:#222222;

/* VHS: Rahmen um "Kursinhalt, E-Mail, Aktive Benutzer und Meine Bookmarks" wird entfernt */

	background-color:#FFFFFF;
	width:100%;
	border-spacing:1px;
	border-width:0px;
}

table.ilPDSelectedItemBlock {
	color:#222222;
/* VHS: Rahmen um "Ausgewaehlte Angebote" wird entfernt */
	background-color:#FFFFFF;
	width:100%;
	border-spacing:1px;
	border-width:0px;
}

table.fullwidth_nowrap {
	color:#222222;
	background-color:#bbbbbb;
	width:100%;
	border-spacing:1px;
	white-space: nowrap;
}

table.fullwidth_invisible {
	color:#222222;
	background-color:#FFFFFF;
	width:100%;
	border-spacing:0px;
}

table.nobackground {
	color: #000000;
	background-color: inherit;
	border-spacing:0px;
	padding: 3px;
}

td.nobackground {
	color: #000000;
	background-color: inherit;
	border-spacing:0px;
	border: transparent;
	padding: 3px;
	vertical-align: top;
}

td.std {
	padding:1px;
}

/* VHS: Farben der Hauptnavigation */
td.navitop {
	color:#754C18;  /* Standard-Schriftfarbe */
	line-height: 25px;
	vertical-align: middle;
	background-color: #F6E6C5;
	border: 0px solid #aaaaaa;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
}

th.il_invisible, td.il_invisible {
	background-color:#D9D9D9;
	background-image: none;
}

tr.tbltitle {
	color:#000000;
	font-size:14px;
	font-weight:bold;
	background-image:url(vhsstil/images/cellpic1.gif);
	background-repeat:repeat-x;
	background-position:bottom;

/*	font-size:14px;
	font-weight:bold;
	color:#DA2031;
	background-color: #F1BBAC;*/
}

.tblheader {
	color: #000000;
	font-size:13px;
	font-weight:bold;
	background-color:#ffffff;
}

/* VHS: Tabellenueberschriften z. B. Kurse, Chat, Absender, Betreff, Datum/Zeit */
tr.tblheader {
	color:#000000;
	font-size:13px;
	font-weight:bold;
	background-image:url(vhsstil/images/cellpic1.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.tblfooter {
	color: #000000;
	font-size:13px;
	font-weight:normal;
}

/* VHS: Fuss einer Tabelle hier wurde eine Linie am oberen Rand hinzugefuegt */
tr.tblfooter {
	color:#000000;
	font-size:13px;
	font-weight:normal;
	background-color:#ffffff;
	background-image:url(vhsstil/images/cellpic2.gif);
	background-repeat:repeat-x;
}

tr.std {
	background-color:#eeeeee;
	color:#222222;
	padding:3px;
}

td.option {
	background-color:#e2e2e2;
	color:#222222;
	padding:3px;
	font-size:13px;
	font-weight : bold;
	vertical-align:top;
	text-align:right;
}

td.sub_option {
	background-color:#eeeeee;
	color:#222222;
	padding:3px;
	font-size:13px;
	font-weight : bold;
	vertical-align:top;
	text-align:right;
}

td.option_value {
	background-color:#f7f7f7;
	background-image: none;
	color:#222222;
	padding:3px;
	font-size:13px;
	vertical-align:top;
	text-align:left;
}

td.option_desc, p.option_desc {
	background-color:#f7f7f7;
	background-image: none;
	color:#222222;
	padding:3px;
	font-style:italic;
	font-weight:normal;
	font-size:11px;
	vertical-align:top;
	text-align:left;
}

td.option_info { 
	background-color:#f7f7f7;
	background-image: none;
	color:#222222;
	padding:3px;
	font-size:13px;
    font-weight:bold;
	vertical-align:top;
	text-align:center;
}

td.boxed {
	border-style: solid;
	border-width: thin;
}

td.submit {
/* VHS: Der Submit-Balken, der meistens am Ende von Tabellen steht, wird weiss
	background-color:#dddddd;*/
	background-color:#FFFFFF;
	color:#222222;
	padding:3px;
	font-size:13px;
	vertical-align:top;
/* VHS: Oberhalb des Submit-Balkens wird eine duenne Linie gezogen */
	background-image:url(vhsstil/images/cellpic2.gif);
	background-repeat:repeat-x;
}

/* Personal Desktop Header*/
div.il_PDTitle
{
/* VHS: Ueberschrift eLearning wird im Format angepasst */
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	padding-left: 10px;
	font-size: 20px;
	font-variant: smapp-caps;
	line-height: 36px;
	color: #666666;
}


/* Repository Header */
table.ilc_RepHeader {
	border-width: 0px;
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
	background-color:#eeeeee;
	width:100%;
}

td.il_RepHeader
{
	padding:0px;
/* VHS: Aussehen der Ueberschrift Lerninhalte, wenn diese ausgewaehlt wurde: Keinen Rahmen*/
/*	border-style: solid;
	border-color:#909090;
	border-width: 1px;*/
	margin-bottom: 0px;
	background-color: #FAF0ED;
}

/* VHS: Aussehen der Ueberschrift Lerninhalte, wenn diese ausgewaehlt wurde: Keine Hintergrundfarbe */
div.il_RepHeader
{
	background-color: #FAF0ED;
/*	background-color: #FFFFFF;*/
/*	color:#222222;
	background-color: #CCCCCC;*/
}

/* SCORM styles */

table.il_ScormTable
{
	color:#222222;
	background-color:#bbbbbb;
	border-spacing:1px;
	border-width:0px;
}

td.il_ScormTableKey {
	background-color:#e2e2e2;
	color:#222222;
	padding-left:3px;
	padding-right:3px;
	padding-top:1px;
	padding-bottom:1px;
	font-size:13px;
	vertical-align:top;
	text-align:right;
}

td.il_ScormTableValue {
	background-color:#f7f7f7;
	background-image: none;
	color:#222222;
	padding-left:3px;
	padding-right:3px;
	padding-top:1px;
	padding-bottom:1px;
	font-size:13px;
	vertical-align:top;
	text-align:left;
}



/* must reset all values of td style */
td.il_no_style {
	font-size:normal;
	font-weight:normal;
	background-image:none;
	background-color:white;
}

/* locator */
div.il_Locator {
	padding-top:1px;
	padding-left:5px;
	padding-right:10px;
	padding-bottom:1px;
	font-size:13px;
	font-color:#000000;
	vertical-align:top;
	text-align:left;
	background-color:#FFFFFF;
	background-image:url(vhsstil/images/locator_bg.gif);
	background-repeat:repeat-x;
}

span.il_LocatorTitle
{
	font-weight: bold;
}

/* form */
form.il_Form
{
	padding: 0px;
	margin: 0px;
	border: 0px;
}

/* Tabs */

div.il_Tab
{
	line-height: 20px;
}

a.tabactive
{
	padding-top:1px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:1px;
	margin-top:2px;
	margin-bottom:2px;
	border-width: 0px;
	border-style: solid;
	border-color: #909090;
	background-color: #DB2031;
	color: #FFFFFF;
}

a.tabinactive:link, a.tabinactive:visited, a.tabinactive:active

{
	padding-top:1px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:1px;
	margin-top:2px;
	margin-bottom:2px;
/* VHS: Die Knoepfe in den Beschreibungen werden mit einem weissen Rand versehen */
	border-width:1px;
	border-color: #FFFFFF;
	border-style:solid;
/*	border-color: #DDDDDD;
	border-color: #909090;*/
	background-color: #F6E6C5;
	/* Farbe des Schriftzuges eines nicht aktiven Tabs */
	color: #744C18;

}

/* Auch das wurde hinzugefuegt, damit die Schrit auf einen ausgewaehlten Knopf weiss erscheint */
a.tabactive:link, a.tabactive:visited
{
	padding-top:1px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:1px;
	margin-top:2px;
	margin-bottom:2px;
/* VHS: Die Knoepfe in den Beschreibungen werden mit einem weissen Rand versehen */
	border-width:1px;
	border-color: #FFFFFF;
	border-style:solid;
/*	border-width:0px;
	border-color: #DDDDDD;
	border-color: #909090;*/
	background-color: #DB2031;
	/* Farbe des Schriftzuges eines nicht aktiven Tabs */
	color: #FFFFFF;

}

/*a.tabinactive
{
	padding-top:1px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:1px;
	margin-top:2px;
	margin-bottom:2px;
	border-width: 1px;
	border-style: solid;
	border-color: #DDDDDD;
	border-color: #909090;
	background-color: #FFFFFF;
}*/

/* Explorer */

div.il_Explorer
{
/* VHS: Hintergrundfarbe des Explorers wird auf weiß gesetzt */
	background-color: #FFFFFF;
	border-color: #a0a0a0;
	border-width: 0px;
/* VHS: Bei der Baumansicht wird der Rahmen um die Objekte der Baumansicht entfernt*/
/*	border-width: 1px;
	border-style: solid;*/
}

div.il_RepExplorer
{
	background-color:#eeeeee;
	padding:20px;
	border-spacing: 1px;
	border-style: outset;
	border-color: #eeeeee;
	border-width: 1px;
	margin-bottom: 0px;
}

div.il_ExplorerHeader
{
	padding-top:1px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:1px;
	font-size:13px;
	vertical-align:top;
	text-align:left;
/* VHS: Die Ueberschrift der Baumansicht wird mit weißer Hintergrundfarbe und schwarzer Schrift ausgegeben*/
	color:#000000;
	background-color:#FFFFFF;
	margin:0px;
	font-weight: bold;
	border-bottom:0px;
/* VHS: Weiters wird das Hintergrundbild des Locators hier ebenfalls angezeigt */
	background-image:url(vhsstil/images/locator_bg.gif);
	background-repeat:repeat-x;
}

/* Table Links */

a.tblheader, a.tblheader:visited
{
/* VHS: Damit werden die besuchten Links auf die Spaltenueberschriften Typ und Kurse auf grau gesetzt */
	color:#666666;
/*	color:#3444aa;*/
}

a.tblheader:hover
{
	color:#000000;
}

/* --- description text ---*/
div.il_Description, td.il_Description
{
	margin-top:5px;
/* VHS: Die Beschreibungen wurden um 1px kleiner gemacht */
	font-size: 12px;
/*	font-size: 13px;*/
	font-style: italic;
	text-align:left;
}

/* ---------------- headlines ------------------ */

/* VHS: Aussehen der Ueberschrift Persoenlicher Schreibtisch, wenn dieser ausgewaehlt wurde */
div.il_Header
{
	margin-top:2px;
	margin-bottom:5px;
/* Farbe des Schriftzuges Persoenlicher Schreibtisch */
	color:#DB2031;
	border-width:0px;
	border-color:#909090;
	border-style:solid;
	padding:7px;
	background-color: #FAF0ED;
}

table.ilHeader
{
	margin-top:2px;
	margin-bottom:5px;
	color:#222222;
	background-color: #DBE6F4;
	border-width:1px;
	border-color:#E0E0F0;
	border-style:outset;
	padding:7px;
	background-image: url(vhsstil/images/cellpic5.gif);
	background-repeat:repeat-x;
}

div.ilMainHeader
{
	/*background-image: url(vhsstil/images/HeaderBackground.gif);
	background-repeat: no-repeat;
*/
/* VHS: Unterhalb des Headers muss eine Linie gezogen werden */
	background-image: url(vhsstil/images/HeaderBackground.gif);
	background-repeat: repeat-x;	
	background-position: bottom;
	background-color: #FFFFFF;
}

a.ilMainHeader
{
	padding-top:1px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:1px;
	margin-top:2px;
	margin-bottom: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #909090;
	background-color: #EBEBEB;
}

div.ilLogin
{
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	border-width: 0px;
	border-style: solid;
	border-color: #909090;
	background-color: #FFFFFF;
}

div.il_Footer
{
	margin-top:30px;
	margin-bottom:10px;
	font-size: 10px;
	text-align:center;
}

h1 {
	color:#DB2031;
	margin-top:2px;
	margin-bottom:5px;
/* VHS: Schriftgroesse der Ueberschriften von Persoenlicher Schreibtisch, Lerninhalte aber auch Logout in der Abschlussseite
  wird angepasst. Diese Ueberschriften erscheinen, wenn der Persoenliche Schreibtisch ausgewaehlt wurde */
	font-size:17px;
	font-weight: bolder;
}


/* VHS: Ueberschriftenebene 2 Dadurch wird der Schriftzug und die Hintergrundfarbe bei "Ausgewaehlte Angebote, E-Mail, Aktive-Benutzer" gewaehlt */
h2 {
	font-size:14px;
	color:#FFFFFF;
	background-color: #DB2031;
	border-width:0px;
	border-color:#909090;
	border-style:solid;
	padding:3px;
	margin-top:25px;
	margin-bottom:0px;
/* Hintergrundbild fuer die Ueberschritenebene 2 */
/*	background-image: url(vhsstil/images/cellpic5.gif);*/
}


/* ----------------- invisible border ------------- */

div.invisible_border {
	margin-top:15px;
	margin-bottom:15px;
	margin-right:15px;
	margin-left:15px;
}

td.ilInvisibleBorder
{
	padding:15px;
}

/* ------- Helptext --------- */
span.il_Helptext {
	font-size:11px;
}

/* ----------------- alternative text styles ------------- */
.small {
	text-decoration:none;
	font-size:11px;
}

.very_small {
	text-decoration:none;
	font-size:9px;
}

.smallgreen {
	text-decoration:none;
	font-size:11px;
	color:green;
}

.smallred {
	text-decoration:none;
	font-size:11px;
	color:red;
}

.obligatory {
	font-weight: normal;
	color: #800000;
	font-variant: normal;
}

.warning {
	text-decoration:none;
	font-weight:bold;
	color:red;
}

.asterisk {
	color:red;
	font-size:11px;
}

.default {
	text-decoration:none;
	font-weight:normal;
}

.inactivepage {
	text-decoration:none;
	font-weight: bold;
	color: gray;
}

.quote {
	font-style:italic;
	font-weight:normal;
}

.subtitle {
	font-style:italic;
	font-weight:normal;
	font-size:11px;
}

.questiontext {
	font-weight:bold;
}

.bold {
	font-weight:bold;
}

/* ----------------- normal links ------------- */

a:link, a:visited {
	text-decoration:none;
	font-weight: bold;
/* VHS: Normale Links werden braun*/
	color:#993333;
}

a:hover {
	color:#DA1527;
}

/* ------------------- mail links ----------- */
a.mailread
{
	font-weight: bold;
	color: #666666;
}

a.mailunread
{
/* VHS: Ungelesene E-Mails werden knallrot dargestellt */
	color:#DB2031;
	font-weight: bold;
}

/* ------------------- forum links ----------- */
a.postread
{
	font-weight: normal;
	color: #666666;
}

a.postunread
{
	color: #666666;
	font-weight: bold;
}

a.postnew
{
    color: #666666;
    font-style: italic;
}
/* ------------------ buttons -------------- */

td.btn {
/* VHS: Links die ausschauen wie Knoefe */
/*	background-color:#D3DAE8;*/
	background-color:#F1BCAC;
	color:#BBBBBB;
	border-width:1px;
	border-color:#909090;
	border-style:solid;
	padding:2px;
}

a.btn:link, a.btn:visited {
	color:#666666;
	text-decoration:none;
/* VHS: Schrift des Links der aussieht wie ein Knopf verkleinern*/
	font-size:12px;
}


a.btn:hover {
	color:#000000;
}


/*
input {
	background-color:#ffffff;
	color:#000000;
	border-width:1px;
	border-color:#bbbbbb;
	border-style:inset;
	font-size:13px;
}
*/


input.submit, a.submit {
/* VHS: Farbe der Knoepfe wurde gesetzt */
	background-color:#F1BCAC;
/*	background-color:#D3DAE8;*/
	color:#666666;
	border-width:1px;
	border-color:#909090;
	border-style:solid;
	padding:2px;
	text-decoration:none;
/* VHS: Schriftgroesse in Knoepfen wurde verringert */
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
}

input.submit_disabled, a.submit_disabled {
	background-color:#D3DAE8;
	color:grey;
	border-width:1px;
	border-color:#909090;
	border-style:solid;
	padding:2px;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	cursor:pointer;
}

label, input[type=checkbox], input[type=radio], select
{
	cursor:pointer;
}

input[type=checkbox], input[type=radio]
{
	border-style:none;
	background-color:none;
}

a.ilEditSubmit, input.ilEditSubmit {
	background-color:#ffffff;
	color:#666666;
	border-width:1px;
	border-color:#bbbbbb;
	border-style:outset;
	padding:1px;
	background-image: none;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	cursor:pointer;
}

input.ilEditHelpline {
	background-color:#eeeeee;
	border-style:none;
	padding:3px;
	background-image: none;
	text-decoration:none;
	font-size:10px;
}

input.tblrow1, input.tblrow2
{
	background-color:#ffffff;
	color:#000000;
	background-image: none;
	padding:0px;
}

textarea {
	background-color:#ffffff;
	color:#000000;
	border-width:1px;
	border-color:#bbbbbb;
	border-style:inset;
	padding:3px;
	text-decoration:none;
	font-size:13px;
}

input.submit:hover, input.ilEditSubmit:hover, a.submit:hover {
	color:#000000;
}


.message {
	color: #dd0000;
	font-weight:bold;
	text-align:center;
	background-color:#D0D0D0;
	margin-bottom: 2px;
}

.alert {
	color: #dd0000;
}

select.ilEditSelect {
	background-color:#ffffff;
	border-width:1px;
	border-color:#bbbbbb;
	padding:1px;
	background-image: none;
	text-decoration:none;
	font-size:10px;
}

/* --- to prevent tab-images from spacing when using DOCTYPE xhtml --- */
img.imgtab {
	display:block;
}

/* ------------------ content window body tag (not used yet) -------------- */
.content {
	margin:0px;
}

/* --- Editor styles ---*/

div.il_editarea
{
	border-style: dotted;
	border-width: 1px;
}

/* ------------------ blind image - spacer gif --------------
   please use this style class always when using this blind image */
img.spacer {
	display:block;
}

/* --- calendar styles -- */
div.dp_Menu
{
	padding-top:1px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:1px;
	margin-top:2px;
	margin-bottom:2px;
	border-width: 1px;
	border-style: solid;
	border-color: #909090;
	background-color: #EBEBEB;
	width: 152px;
}

td.even
{
	color:#222222;
	background-color:#F7F7F7;
	padding: 3px;
}

td.uneven
{
	color:#222222;
	background-color:#eeeeee;
	padding: 3px;
}

td.today
{
	text-align: center;
	font-size: smaller;
	background-color: #E0E0FF;
}

td.chosenDate
{
	text-align: center;
	font-size: smaller;
	background-color: #FFE0E0;
}

td.date
{
	text-align: center;
	font-size: smaller;
	background-color: #F7F7F7;
}

td.prevMonth
{
	text-align: center;
	font-size: smaller;
	background-color: #DFDFDF;
}

td.todayMO
{
	height: 40px;
	text-align: center;
	vertical-align: top;
	font-size: smaller;
	background-color: #E0E0FF;
}

td.chosenDateMO
{
	height: 40px;
	text-align: center;
	vertical-align: top;
	font-size: smaller;
	background-color:  #FFE0E0;
}

td.dateMO
{
	height: 40px;
	text-align: center;
	vertical-align: top;
	font-size: smaller;
	background-color: #F7F7F7;
}

td.prevMonthMO
{
	height: 40px;
	text-align: center;
	vertical-align: top;
	font-size: smaller;
	background-color: #DFDFDF;
}

td.evenMO
{
	color:#222222;
	background-color:#F7F7F7;
	font-size: smaller;
	padding: 3px;
}

td.unevenMO
{
	color:#222222;
	background-color:#eeeeee;
	font-size: smaller;
	padding: 3px;
}

td.weeknumber
{
	color: #5F5F5F;
	background-color: none;
	font-size: smaller;
}

a.weekLink
{
	font-size: x-small;
}

td.appointmentConfTitle
{
	font-size: 2em;
	font-style: italic;
}

td.doubleComment
{
	font-size: 1em;
	color: #FF0000;
	font-weight: bold;
}

/* --- content styles (will move to content.css) --- */
table.ilc_Page {
	border-width: 0px;
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
/*	background-color:#eeeeee;*/
/* VHS: Hintergrundfarbe der Lernmodulseite wird entfernt*/
	background-color:#FFFFFF;
	width:100%;
}

td.ilc_Page
{
	padding:20px;
	border-style: outset;
/* VHS: Bei einer Lernmodulseite werden rote Raender oben und unten gezeichnet*/
/*	border-width: 1px;*/
	border-color: #DB2031;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	margin-bottom: 0px;
	color:#FFFFFF;
}

table.ilc_LMNavigation {
	border-width: 0px;
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
/* VHS: Hintergrundfarbe der Lernmodulseite wird entfernt*/
	background-color:#FFFFFF;
/*	background-color:#eeeeee;*/
	width:100%;
}

td.ilc_LMNavigation
{
	padding:1px;
/* VHS: Rand um den Text der einzelnen Lernmodulseiten wurde entfernt*/
/*	border-style: outset;
	border-color: #eeeeee;*/
	border-width: 1px;
	margin-bottom: 0px;
/* VHS: Hintergrundfarbe der Lernmodulseite wird entfernt*/
	background-color:#FFFFFF;
}

div.ilc_DefinitionHeader
{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size:18px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-top-style: solid;
	border-color: #000000;
}

table.ilc_Fullscreen
{
	background-color:#eeeeee;
	position: absolute;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

html.ilc_Fullscreen, body.ilc_Fullscreen
{
	margin: 0;
	padding: 0;
	height: 100%;
}

table.ilc_FileList
{
	color: #222222;
	background-color: #c0c0c0;
	width: 100%;
	border-spacing: 1px;
	border-style: outset;
	border-color: #bbbbbb;
	border-width: 1px;
	margin-bottom: 5px;
	margin-top: 5px;
}

th.ilc_FileList
{
	font-size: 13px;
	text-align: left;
	padding: 3px;
}

td.ilc_FileItem
{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	background-color: #FFFFFF;
	padding: 3px;
}

/* VHS: Knopf in einem Lernmodul */
a.ilc_LMMenu
{
	padding-top:1px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:1px;
	margin-top:2px;
	margin-bottom:2px;
	border-width: 1px;
	border-style: solid;
	border-color: #DDDDDD;
	border-color: #909090;
	background-color: #F1BCAC;
/*	background-color: #EBEBEB;*/
/* VHS: Schriftgroesse in Knoepfen wurde verringert */
	font-size:12px;
}

div.ilc_TableOfContents
{
	background-color:#eeeeee;
	padding:20px;
	border-spacing: 1px;
	border-style: outset;
	border-color: #eeeeee;
	border-width: 1px;
	margin-bottom: 0px;
}

/* --- Test & Assessment styles --- */

div.ilc_Question
{
	padding-left: 20px;
	border-left: 3px;
	border-left-style: solid;
	margin-top: 10px;
	margin-bottom: 10px;
	border-left-color: red;
/* VHS: Hintergrundfarbe der Frage*/
	background-color:#E6E7E9;
	color:#000000;
}

.testSheet {
	background: #eeeeee;
	border-spacing: 1px;
	border: 1px outset #BBBBBB;
	margin: 5px;
	padding: 2em;
}

.questionTitle {
	border-bottom: thin solid #333333;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 0.5em;
}

/* --- Test tool javascript styles --- */

div.textbox
{
	width: 200px;
	position:relative;
	border: 1px solid #000000;
	background: #DDDDDD;
	padding: 10px;
	vertical-align: middle;
	border-style: outset;
	text-align: center;
}

div.textboximage
{
	width: 200px;
	height: 80px;
	position:relative;
	border: 1px solid #000000;
	background: #DDDDDD;
	padding: 10px;
	vertical-align: middle;
	border-style: outset;
	text-align: center;
}

div.imagebox
{
	position:relative;
	width: 150px;
}

/* --- Survey tool styles --- */

.surveySheet {
	background: #eeeeee;
	border-spacing: 1px;
	border: 1px outset #BBBBBB;
	margin: 5px;
	padding: 2em;
}

.questionblockTitle {
/* VHS: Die Blockueberschrift einer Umfrage wird mit roter Fuellfarbe und weisser Schrift formatiert */
	font-size:14px;
	font-weight:bolder;
	color:#FFFFFF;
	background-color: #DB2031;
	border-width:0px;
	border-color:#909090;
	border-style:solid;
	padding:10px;
	margin-top:25px;
	margin-bottom:0px;
/*	font-size:14px;
	color:#222222;
	background-color: #CCCCCC;
	border-width:1px;
	border-color:#909090;
	border-style:solid;
	padding: 10px;
	margin-top:25px;
	margin-bottom:0px;
	background-image: url(vhsstil/images/cellpic5.gif);*/
}

.questionheading {
	margin-top:2px;
	margin-bottom:5px;
	font-size:14px;
	font-weight: bold;
}

/* VHS: Gestaltung der Links der Hauptnavigation */
a.nav:link {
	color:#754C18; 
	text-decoration:none; 
	padding-top:1px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:1px;
	margin-top:2px;
	margin-bottom: 2px;     
	font-weight:bold;
}

/* VHS: Gestaltung der Links der Hauptnavigation */
a.nav:visited {
	color:#754C18; 
	text-decoration:none; 
	padding-top:1px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:1px;
	margin-top:2px;
	margin-bottom: 2px;     
	font-weight:bold;
}

/* VHS: Gestaltung der Links der Hauptnavigation */
a.nav:active {
	color:#DA1527;
	text-decoration:none; 
	padding-top:1px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:1px;
	margin-top:2px;
	margin-bottom: 2px;     
	font-weight:bold;
}     

/* VHS: Gestaltung der Links der Hauptnavigation */
a.nav:hover {
	color:#FFFFFF; 
	text-decoration:underline; 
	padding-top:1px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:1px;
	margin-top:2px;
	margin-bottom: 2px;     
	font-weight:bold;
}

a.ilc_IntLink:link, a.ilc_IntLink:visited, a.ilc_IntLink:hover {
	color:#666666;
	font-weight:bold;
}