/* Skinning */
#header		{ background-color: #ffffff}
#mainmenu	{ background-color: #314d78}
#maincontent	{ background-color: #ffffff}
#footer		{ background-color: #333333}
#subsection	{ background-color: #e7e7e7}

a.headregister0:link {font-size: 11px; color: #b4b4b4; text-decoration:none}
a.headregister0:active {font-size: 11px; color: #b4b4b4; text-decoration:none}
a.headregister0:visited {font-size: 11px; color: #b4b4b4; text-decoration:none}
a.headregister0:hover {font-size: 11px; color: #ffffff; text-decoration:none}

a.headregister1:link {font-size: 11px; color: #ffffff; text-decoration:none; font-weight: bold}
a.headregister1:active {font-size: 11px; color: #ffffff; text-decoration:none; font-weight: bold}
a.headregister1:visited {font-size: 11px; color: #ffffff; text-decoration:none; font-weight: bold}
a.headregister1:hover {font-size: 11px; color: #ffffff; text-decoration:none; font-weight: bold}

h1 {font-size: 14px; font-weight: bold; color: #314d78; margin-top: 0px; margin-bottom: 11px}
.titlerow {font-size: 14px; font-weight: bold; color: #314d78; margin-top: 0px; margin-bottom: 11px}
h2 {font-size: 11px; font-weight: bold; color: #314d78; margin-top: 0px; margin-bottom: 0px}
h3 {font-size: 11px; font-weight: bold; color: #314d78; margin-top: 0px; margin-bottom: 0px}

a:active {font-size: 11px; color: #2867a8; text-decoration: underline; font-weight: bold;}
a:link {font-size: 11px; color: #2867a8; text-decoration: underline; font-weight: bold;}
a:visited {font-size: 11px; color: #2867a8; text-decoration: underline; font-weight: bold;}
a:hover {font-size: 11px; color: #2867a8; text-decoration: none; font-weight: bold;}

#subsection td {font-size: 11px; color: #333333; }
#subsection p {font-size: 11px; color: #333333; }
p {font-size: 11px; color: #333333; }
.tftitle,.tfkopf,td {font-size: 11px; color: #333333; }

#footer a:link		{ color: #ffffff; text-decoration: none; font-size: 11px}
#footer a:active	{ color: #ffffff; text-decoration: none; font-size: 11px}
#footer a:visited	{ color: #ffffff; text-decoration: none; font-size: 11px}
#footer a:hover		{ color: #ffffff; text-decoration: underline}
#footer td		{ color: #ffffff; font-size: 11px}
#footer p		{ color: #ffffff; font-size: 11px}


a.mnitemselected:link {text-decoration: none; font-weight: bold; color: #333333; display: block; width: 200px; background-color: #f4f4f4; margin-left:14px; margin-bottom:3px; margin-top:3px;}
a.mnitemselected:active {text-decoration: none; font-weight: bold; color: #333333; display: block; width: 200px; background-color: #f4f4f4; margin-left:14px; margin-bottom:3px; margin-top:3px;}
a.mnitemselected:visited {text-decoration: none; font-weight: bold; color: #333333; display: block; width: 200px; background-color: #f4f4f4; margin-left:14px; margin-bottom:3px; margin-top:3px;}
a.mnitemselected:hover{text-decoration: none; font-weight: bold; color: #314d78; display: block; width: 200px; background-color: #f4f4f4; margin-left:14px; margin-bottom:3px; margin-top:3px;}

a.mnitem2:link {text-decoration: none; color: #333333; display: block; width: 200px; background-color: none; margin-left:14px; margin-bottom:3px; margin-top:3px;}
a.mnitem2:active {text-decoration: none; color: #333333; display: block; width: 200px; background-color: none; margin-left:14px; margin-bottom:3px; margin-top:3px;}
a.mnitem2:visited {text-decoration: none; color: #333333; display: block; width: 200px; background-color: none; margin-left:14px; margin-bottom:3px; margin-top:3px;}
a.mnitem2:hover{text-decoration: none; color: #314d78; display: block; width: 200px; background-color: none; margin-left:14px; margin-bottom:3px; margin-top:3px;}




.vwtitle {font-size: 11px; font-weight: bold; color: #333333; padding: 5px;}
.vwtitle2 {font-size: 11px; font-weight: bold; color: #333333; padding: 5px; padding-left: 3px}
.votestitle {font-size: 11px; font-weight: bold; color: #333333; padding: 5px; padding-left: 3px}
.quotestitle {font-size: 11px; font-weight: bold; color: #333333; padding: 5px; padding-left: 3px;}

.vwbody {font-size: 11px; background-color: #f4f4f4}
.vwdtlfooter {font-size: 11px; background-color: #f4f4f4}
.svwdtlbody {font-size: 11px; background-color: #f4f4f4}


.designbutton,.formbutton,.button{
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #4d4d4d;
	font-size: 11px;
	border-left: 2px solid #f2f2f2; border-top:2px solid #f2f2f2;
	border-right: 2px solid #555555; border-bottom:2px solid #555555;
}


.designbutton:active,.formbutton:active,.button:active{
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #4d4d4d;
	font-size: 11px;
	border-left: 2px solid #555555; border-top:2px solid #555555;
	border-right: 2px solid #f2f2f2; border-bottom:2px solid #f2f2f2;
}


/* Kurs und Lektionsansicht */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
}

.formbutton {
	font-size: 11px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #000000;
	border-style: solid;
	border-width: 1;
	background-color: #6699CC
    } 

.itk_form_button {
	 border: 0.1em solid silver;
    	text-align: center;
   	 vertical-align: middle;
	 background-color: #E0E5E5;
	 display: block;
	  margin: 0.2em;
	 
}

.itk_form_button a{
		 text-decoration: none;
		 display: block;
		margin: 0.2em;
}

.itk_form_button a:hover{
	text-decoration: none;
	display: block;
	background-color: #A9A9A9;
	color: White;
	margin: 0.2em;
}       

a.glossar:link {font-size: 11px; color: #B05034}
a.glossar:active {font-size: 11px; color: #B05034}
a.glossar:visited {font-size: 11px; color: #B05034}
a.glossar:hover {font-size: 11px; color: #000000}

.lmstext {font-size: 11px; color: #000000}
.lernraumtext {font-size: 11px; color: #000000}
.lernraumtitel {font-weight: bold; font-size: 11px; color: #000000}
.lernraumtitel2 {font-size: 11px; color: #B05034}

a.lmslink:active {font-size: 11px; color: #006699; text-decoration: underline}
a.lmslink:link {font-size: 11px; color: #006699; text-decoration: underline}
a.lmslink:visited {font-size: 11px; color: #006699; text-decoration: underline}
a.lmslink:hover {font-size: 11px; color: #6699CC; text-decoration: underline}
//links in leraningroomtree for last position
a.lastposlink:active {font-size: 11px; color: #000000; text-decoration: underline}
a.lastposlink:link {font-size: 11px; color: #000000; text-decoration: underline}
a.lastposlink:visited {font-size: 11px; color: #000000; text-decoration: underline}
a.lastposlink:hover {font-size: 11px; color: #6699CC; text-decoration: underline}
//links in learningroomtree
a.lms:active {font-size: 11px; color: #000000; text-decoration: underline}
a.lms:link {font-size: 11px; color: #000000; text-decoration: underline}
a.lms:visited {font-size: 11px; color: #000000; text-decoration: underline}
a.lms:hover {font-size: 11px; color: #6699CC; text-decoration: underline}
//links in learningroomtree if lesson
td.lmslesson{ white-space:nowrap; }
a.lmslesson:active {font-size: 11px; color: #006699; text-decoration: underline}
a.lmslesson:link {font-size: 11px; color: #006699; text-decoration: underline}
a.lmslesson:visited {font-size: 11px; color: #006699; text-decoration: underline}
a.lmslesson:hover {font-size: 11px; color: #6699CC; text-decoration: underline}

.user {font-weight: bold; font-size: 11px; color: #000000}
.adminheader {font-weight: bold; font-size: 14px; color: #000000}
.login {font-size: 11px; color: #000000; background-color: #E2E4E5}
td.login {font-size: 11px; color: #000000; background-color: #E2E4E5}
.copyright {font-size: 11px; color: #000000}
.timestamp {font-size: 11px; color: #000000}
.teaser {font-size: 11px; color: #666666; font-weight: bold}

a.copyright:link {font-size: 11px; color: #000000}
a.copyright:active {font-size: 11px; color: #000000}
a.copyright:visited {font-size: 11px; color: #000000}
a.copyright:hover {font-size: 11px; color: #000000}

a.navbar {font-size: 11px; color: #000000; text-decoration:none}
a.navbar:visited {font-size: 11px; color: #000000; text-decoration:none}
a.navbar:active {font-size: 11px; color: #000000; text-decoration:none}
a.navbar:hover {font-size: 11px; color: #000000; text-decoration:none}

td.navbar {font-size: 11px; color: #000000; valign: center}
td.user {font-size: 11px; font-weight: bold; color: #003366; valign: center}
td.user2 {font-size: 11px; color: #000000; valign: center}

hr {size: 1px; height: 1px; noshade; color: #333333} 

li {font-size: 11px; color: #000000} 

a.imglink { border: 0; color: #000000; text-decoration: none; border-style: none }

ul { list-style-type: square; margin-bottom: 0pt; margin-top: 4pt}

.text {font-family: Verdana,Helvetica,Arial}

/* Tabellenformulare */ /* Spaltentitel */
a.tftitle:link {}
a.tftitle:active {}
a.tftitle:visited {}
a.tftitle:hover {}

/* Prim�rschl�ssel in Zeile*/
a.tfprim {}

/* Spalten */
.tfsplt {font-size: 11px; color: #000000}
.tfsplt2 {font-size: 11px; color: #000000}

/* Navigation */
.tfinfo {font-size: 11px; color: #000000}
.tfnav {text-decoration: none; color: #000000; }

/* einfaches Formular */ /* Labels von Feldern */
.flbl {font-size: 11px; color: #000000; border-color: #000000; border-width:1px}
.flbl1_1 {font-size: 11px; color: #000000; border-color: #000000; border-width:0px}

/* Formatierung des Shops */
.shop {
font-size: 11px; 
color: #000000; 
border-color: #000000; 
border-width:1px
}

/* Read-Only Text-Felder */
td.ffld {font-size: 11px; color: #000000}
th.ffld {font-size: 11px; color: #000000}
a.ffld {font-size: 11px}
.ffldsmall {font-size: 8pt; color: #000000}
a.ffldsmall {font-size: 8pt}

a.ffldsmall:link {font-size: 8pt}
a.ffldsmall:active {font-size: 8pt}
a.ffldsmall:visited {font-size: 8pt}
a.ffldsmall:hover {font-size: 8pt}


/* Eingabefelder */
.ffldi {font-family: Arial, Helvetica, sans-serif; }
.ffwhi {background-color: #FFFFFF}

.shopblu {background-color: #EEEEEE}
.shopblutitle {background-color: #EEEEEE;font-size: 11px}
.shopwhi {background-color: #FFFFFF}

 /* Views */
.vwlernobjektinfotitel {font-size: 12pt; font-weight: bold}

.smnvwtitel {font-size: 11px}
.vwdtlborder {background-color: #000000}
.vwdtltitel {background-color: #FFFFFF;font-size: 11px}
.vwdtlstitle {background-color: #FFFFFF;font-size: 8pt}
.vwdtlbody {font-size: 11px}
.svwdt3body {font-weight: bolder; color: #000000;font-size: 11px; background-color: #006699}
.svwdt2body {font-size: 11px; background-color: #FFF4E6}
.vwhilfe {font-size: 11px; color: #000000}

a.vwnav {}
.vwreiter {} 

/* buttons_type */
a.vwaktion {}
a.vwaktion:active {}
a.vwaktion:visited {}
a.vwaktion:hover {}

/* Menus */
td. {font-size: 11px; color: #275C7E}
td.mnitem2 {font-size: 11px; color: #275C7E}
td.smnitem {font-size: 11px}

a.mnitem {}
a.mnitem:active {}
a.mnitem:visited {}
a.mnitem:hover{}

a.mnitem3 {}
a.mnitem3:active {}
a.mnitem3:visited {} 
a.mnitem3:hover{}

/* buttons_type */
a.aktion {}
a.aktion:active {}
a.aktion:visited {}
a.aktion:hover {}

/* Newsreader */
td.newsreader {font-size: 11px}
a.newsreader {text-decoration: none; color: #000000}
a.newsreader:active {font-weight: bold}
td.newsreader1 {background-color: #006699; color: #000000;}
td.newsreader2 { background-color: #006699;font-size: 12pt; color: #FFFFFF; font-weight: bold;}

a.newsreaderbetreff {text-decoration: none; color: #6699CC; font-weight: bold;}
a.newsreaderbetreff:link {text-decoration: none; color: #6699CC}
a.newsreaderbetreff:active {color: #6699CC; font-weight: normal;}
a.newsreaderbetreff:visited {font-size: 11px; color: #6699CC;  font-weight: normal;}
a.newsreaderbetreff:hover { color: #000000; background-color: #CCCCCC}
.newsreaderinfos { color: #000000;font-size: 11px;}

a.newsreader1:link {font-size: 11px; color: #000000}
a.newsreader1:active {font-size: 11px; color: #000000}
a.newsreader1:visited {font-size: 11px; color: #000000}
a.newsreader1:hover {font-size: 11px; color: #6699CC}
.newsreadernachricht {font-size: 11px; color: #000000}
.newsreadertitel {font-size: 14pt; font-weight: bold}
td.newsreadertitel {font-size: 14pt; font-weight: bold}


/* DB-Forum */
td.forum {font-size: 11px}
.forumnachricht { font-family: 'Courier new', Courier, sans-serif; font-size: 11px; color: #000000}

.headernews {color: #000000} 

td.horline { color: #6699CC; background-color: #6699CC;}

td.tablebutton {color: #000000;}
a.tablebutton:link {font-size: 11px; color: #000000}
a.tablebutton:active {font-size: 11px; color: #000000}
a.tablebutton:visited {font-size: 11px; color: #000000}
a.tablebutton:hover {font-size: 11px; color: #6699CC}

.KalenderText {font-size: 11px}

.tbToolbar1 {
    BACKGROUND-COLOR: #D5CCBB;
    BORDER-BOTTOM: #A28D68 solid 1px;
    BORDER-LEFT: #EAE6DD solid 1px;
    BORDER-RIGHT: #A28D68 solid 1px;
    BORDER-TOP:  #EAE6DD solid 1px;
}
.htmledit {
	MARGIN: 0;
	BORDER: 0;
	BACKGROUND-COLOR: #D5CCBB;
}

.tbButton {
   background-color: #D5CCBB;
	border-bottom: #D5CCBB solid 1px;
	border-left: #D5CCBB solid 1px;
	border-right: #D5CCBB solid 1px;
	border-top:  #D5CCBB solid 1px;
	height: 23px; 
	width: 23px;
}

.tbGeneral { HEIGHT: 22px; }

.tbHandleDiv {
    BACKGROUND-COLOR: #D5CCBB;
	BORDER-LEFT: #EAE6DD solid 1px;
	BORDER-RIGHT: #A28D68 solid 1px;
	BORDER-TOP: #EAE6DD solid 1px;
	FONT-SIZE: 1px;
	HEIGHT: 22px; 
	WIDTH: 3px;
}

.tbButtonMouseOverUp {
    BACKGROUND-COLOR: #D5CCBB;
    BORDER-BOTTOM: #A28D68 solid 1px;
    BORDER-LEFT: #EAE6DD solid 1px;
    BORDER-RIGHT: #A28D68 solid 1px;
    BORDER-TOP:  #EAE6DD solid 1px;
    HEIGHT: 23px; 
    WIDTH: 24px;
}

.tbButtonMouseOverDown {
    BACKGROUND-COLOR: #D5CCBB;
    BORDER-BOTTOM: #EAE6DD solid 1px;
    BORDER-LEFT: #A28D68 solid 1px;
    BORDER-RIGHT: #EAE6DD solid 1px;
    BORDER-TOP:  #A28D68 solid 1px;
    HEIGHT: 23px; 
    WIDTH: 24px;
}

.tbButtonDown {
    BACKGROUND-COLOR: gainsboro; 
    BORDER-BOTTOM: #EAE6DD solid 1px;
    BORDER-LEFT: #A28D68 solid 1px;
    BORDER-RIGHT: #EAE6DD solid 1px;
    BORDER-TOP:  #A28D68 solid 1px;
    HEIGHT: 23px; 
    WIDTH: 24px;
}

.chat_msg_line {
	margin: 0px;
	padding:0px;
	font-size: 14;
}

.chat_messages {
	color: Black;
	overflow: scroll;
	width: 100%;
	height: 100%;
}

.selcrit_area_border {
	BACKGROUND-COLOR: Black;
}

.selcrit_area_bgcolor {
	BACKGROUND-COLOR: White;
}

.itsonline_statistics_filter_button {
    font-size: 11px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #000000;
    border-style: solid;
    border-width: 1;
    background-color: #6699CC;
    width: 80px;
}

.itsonline_statistics_button {
    font-size: 11px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #000000;
    border-style: solid;
    border-width: 1;
    background-color: #6699CC;
    width: 120px;
}

#iframe_sitos.isa_visible
{
	position:absolute;left:0px;top:0px;width:80%;height:100%;
}
#iframe_avatar.isa_visible
{
	position:absolute;left:80%;top:0px;width:20%;height:100%;	
}

.blkframe {
	border: 1px solid black;
}

a.title_links, div.title_links {
	COLOR: #000000;
}

.table_section1 td{ 
	padding-top:25pt;
	border-bottom:1px black solid;
	color: #333333;

}

.table_section2 td{ 
    /*margin-top:1em;*/
	
/*	background-color:blue;*/

}

.table_section3 td{ 
    /* margin-top:1em;*/
	/*background-color:green;*/
	

}

#adminmainmenu 
{
	text-align:left;
	padding-left: 11px;
}
#adminmainmenu .toplevelentry
{
/*	width:400px;*/
	color:white;
	margin-right:5px;
	padding:5px;
}

#adminmainmenu .toplevelentry A
{
	font-size:11pt;
	text-decoration:none;
	color:white;
}

#adminmainmenu .toplevelentry A:hover
{
	color:yellow;
/*	font-weight:bold;*/
}

#adminmainmenu .toplevelentry_selected A
{
	font-weight:bold;
}

.learningroomform{
padding-left: 6px;
}

.ajaxchat {
	border:none;
	height: 100%;
	
}
.ajaxchat table {
	border-collapse: collapse;
	height: 100%;
}
.ajaxchat td{
	font-size: 14px;
	verical-align: top;
	overflow: hidden;
	border: solid 2px white;
	padding-left: 5px;
	padding-right: 5px;
	
}

.ajaxchat p{
	font-size: 0.8em;
	line-height: 20px;
}

.uncolumn{
	float: left;			
	color: black;
	font-style: italic;
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
	width: 8em;
	font-size: 0.8em;
}
.txtcolumn{			
	padding-left: 5px;
	font-size: 0.8em;
	
}
#chatwindow {
	overflow: auto;
	background-color: #e7e7e7;
	margin: 0;
	padding: 0;
	height: 100%;
	line-height: 18px;
}
#userwindow {
	background-color: #e7e7e7;
	border:none;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}
.userarea {
	background-color: #6699cc;
	margin: 0;
	padding: 0;
	height: 35px;
}
.text-area {
	background-color: #e7e7e7;
	margin: 0;
	padding: 0;
	
}

.userarea input{
	border: none;
	
}

.userarea td{
	border: none;
	max-height: 30px;
	background-color: #6699cc;
}

.tblhead {
	background-color: #6699cc;
	height: 35px;
	line-height: 24px;
	font-weight: bold;
	color: white;
	margin: 0;
	padding: 0;
}
.tblhead a{
	font-size: 12px;
	color: white;
}

/* shopmodal is a dojo modal dialog in quickcatalog. @see itk_modal_dialog */
.shopmodaldialog {
    background-color: white;    
}

.sport-progress-bar{
  color : white;
  position : relative;
  bottom : 23px;
}