/***** Wichtige Farben ******

Body-Background-Gelb = #FFFFEE
TD-Background-Gelb = #FFF8DC
Gelber Rahmen = #FFDF89
Blauer Rahmen = #6181FF
Link (unvisited) = #464E90
Link (visited) = #2200B3
Error Rot = #880000

****************************/
/**
* Allgemein gültige Definitionen
*/
html, body, div, p, h1, h2, h3, span, a, table, td, th, form, img {
	margin: 0;
	padding: 0;
	/*line-height:130%;
	font-size: 93%;*/
	
}

div, p, h1, h2, h3, span, td, th,li {
  font-size: 1em;
}

html {
	color:				#000000;
	background:			#FFFFEE;
}

body {
	font-size: 			86%;
	width:				100%;
	max-width:			1200px;
	margin-left:		auto;
	margin-right:		auto;
	/*line-height:		120%;*/
	font-family:		Arial,Verdana,sans-serif;
	text-align:			left;
}

*[onclick] {
	cursor: pointer;
	color: #464E90;
}

.drag {
	cursor: move;
}

table {
	/*width: 100%;*/
	border-collapse: collapse;
}
	
	table.border, td.border, tr.border {
		border: 2px solid #FFDF89;
		border-collapse: collapse;
	}

	th {
		background: #FFDF89;
		line-height: 150%;
		font-weight: normal;
		text-align: center;
	}

	td {
		text-align: left;
		border-collapse: collapse;
	}

a {
	text-decoration: none;
	color: #464E90;
}

	a:visited {
		text-decoration: none;
		color: #2200B3;
	}
	
	a:hover {
		text-decoration: underline;
	}


h1 {
	margin:0px;
	font-weight:lighter;
}

h2 {
	vertical-align:top;
	font-weight:normal;
}

h3 {
	margin: 0px 0px 5px 0px;
	/*font-weight: medium;*/
}

h4 {
	margin: 0px 0px 5px 0px;
	font-weight: normal;
	font-weight: bold;
	text-decoration: underline;
}

img {
	vertical-align:middle;
}

strong, b {
	font-weight: bold;
}

i {
	font-style: italic;
}

small {
	font-weight: lighter;
	font-size: 75%;
}

.small {
	font-weight: lighter;
	font-size: 75%;
}

optgroup {
	font-weight: normal;
	margin-left: 2px;
}

/**
* Eingabefelder
*
*/
textarea{
	border: 1px solid black;
}

input[type=text] {
	border: 1px solid black;
}
input[type=password] {
	border: 1px solid black;
}
input[type=file] {
	border: 1px solid black;
	width: 200px;
}

/*****************************
  *** Header ***
*****************************/

#header {
	text-align:			center;
	margin:				10px 0 5px 0;
	width:				100%;
}

	#header td {
		text-align: 		center;	
	}

table#body {
	width: 100%;
	/*display: block;*/
}

	/*table#body tbody {
		display: block;
	}*/
	
		/*table#body tbody tr#main{
			display: block;
		}*/
			/*table#body tbody tr#main td {
				display: block;
			}*/


/*****************************
  *** MainNavigation ***
*****************************/

#mainnavigation {
	padding:			0;
	border:				0px;
	width:				100%;
	margin:				0 0 15px 0;
	border-collapse:	separate;
	border-spacing:		0px;
}

	#mainnavigation td {
		border:				2px solid #FFDF89;
		text-align:			center;
	}

		#mainnavigation td.active {
			background-image:	url(/navi_bg.gif);
			background-repeat:	repeat-x;
			background-color: 	#FFECBD;
		}

		#mainnavigation td.inactive {
			background:			transparent;
		}

/*****************************
  *** SuchZeile ***
*****************************/

#searchrow {
	padding:			0;
	border:				0px;
	width:				100%;
	margin:				0 0 15px 0;
	font-size:			93%;
}

	#searchrow td.searchform {
		width: 				250px;
		vertical-align: 	top;
		background:			#FFF8DC;
		border:				2px solid #FFDF89;
		padding:			8px;
		white-space:		nowrap;
	}
	
		#searchrow td.searchform td{
			padding:			0 2px 0 0;
		}
		
			#searchrow td.searchform td tr.language{
				margin:				8px 0 0 0;
				border-top: 		1px solid #FFDF89;
				font-size: 			0.8em;
			}
				
				#searchrow td.searchform td tr.language td:first-child{
					font-size: 			1.2em;
				}

	#searchrow td.standard_banner {
		text-align:			center;
		padding-left: 5px;
	}
	
	#searchrow iframe {
		width: 468px;
		height: 60px;
	}

/*****************************
  *** Footer ***
*****************************/

#footer {
	width:				100%;
}

/*****************************
  *** Main (Linke Sidebar, Content, Rechte Sidebar) ***
*****************************/

#main{
	width: 				100%;
	margin:				6px 0 0 0;
	border-collapse: 	collapse;
}

#main > td {
	border-collapse: 	collapse;
}

/*****************************
  *** Sidebars (Werbung, Navigation, Login) ***
*****************************/

.sidebar {
	width: 				178px;
	vertical-align:		top;
}

	.sidebar table.border {
		background:			#FFF8DC;
	}
	
	.banner {
		text-align:			center;
		padding:			0 0 12px 0;
	}

  #supportedby td {
  	vertical-align:			middle;
  	text-align:				center;
  	border:					2px solid #FFDF89;
  }

		#supportedby td table td {
			border:					0;
		}
		
/*****************************
*** DICT ***
*** ContentHolder ***
*****************************/

#contentholder {
	padding:			0 10px 0 12px;
	vertical-align:		top;
}

	#singleword {
		margin: 0px;
		padding: 0px;
		display: block;
	}
	
#multiword {
	margin: 0px;
	padding: 0px;
	display: none;
	position: relative;
}

#multiword iframe {
	width: 100%;
	border: 1px solid black;
	height: 180px;
	padding: 0px;
}
	
	#subnavigation {
		width:					100%;
		border-collapse:		separate;
		padding: 				1px 0 0 1px;
	}
	
		/*#subnavigation tr,th,td{
			background-color: none;
		}*/
	
	.titel {
		width:					75%;
		text-align:				left;
	}
	
	.datum {
		width:					25%;
		text-align:				right;
	}
	
	.announce {
		border: 				1px solid #FFDF89;
	}
		.announce th{
			padding:			4px;
			background-image:	url(/navi_bg.gif);
			height:22px;
			text-align:			justify;
		}
		
		.announce td {
			padding:			4px;
			text-align:			justify;
		}

.content {
	text-align: justify;
}
	.content .th
	{
		text-align: left;
		white-space:nowrap;
	}
	.content td{
		padding-top: 3px;
		padding-bottom: 3px;
	}
	
	.content tbody.overflow {
		width: 100%;
		overflow-y: auto; 
		overflow-x: hidden;
		height: 400px;
	}
	
	.content .left {
		float: left;
		height: 100%;
	}
	
	

.para {
	margin: 3px 10px 10px 3px;
	padding: 3px 3px 8px 5px;
}

	.content .para {
		min-height: 60px;
		clear: both;
	}

.hint {
	color: #999999;
	font-weight: normal;
	margin-right: 3px;
}

.warning {
	/*background-color: #6181FF;*/
	padding: 3px 0px 0px 3px;
	min-height: 40px;
	vertical-align: middle;
	background-color: #FF9999;
}
	.warning img {
		float: left;
		margin: 3px 3px 0px 3px;
	}
	.warning .hint {
		color: #880000;
		font-weight: bold;
	}

.notice {
	/*background-color: #6181FF;*/
	padding: 3px 0px 0px 3px;
	min-height: 40px;
	vertical-align: middle;
	background-color: #99FF99;
	white-space: normal;
}
	.notice img {
		float: left;
		margin: 3px 3px 0px 3px;
	}
	.notice .hint {
		color: #880000;
		font-weight: bold;
	}
.mainsubheadingtop .hint {
	color: black;
}

.mainsubheadingtop a .hint {
	text-decoration: none;
	color: #464E90;
	font-weight: bold;
}

.mainsubheadingbottom a .hint {
	text-decoration: none;
	color: #464E90;
	font-weight: bold;
}

/* Char-Buttons **/
.char span{
	text-decoration: underline;
	cursor: pointer;
	padding: 2px;
}

.noborder, .noborder td, .noborder th {
	border-style: none;
}

#richtextarea {
	border: 1px solid black;
	margin-top: 3px;
}

.cC {
	background-color:#fff8dc;
	border-style:solid;
	border-width:2px;
	border-color:#FFdf89;
	padding:0px;
}

.cT {
	border-spacing: 0px;
	padding:0px;
	font-weight:lighter;
}

.aC {
	border-top-style:solid;
	border-top-width:2px;
	border-top-color:#FFdf89;
	font-weight:lighter;
}

.td1 {
	padding-left: 2px;
}

.maxwidth {
	width: 100%;
	max-width: 1200px;
	margin-left:auto;
	margin-right:auto;
}

/**
* Tabs
*/
.tab {
	/*border-bottom: 1px solid #FFDF89;*/
	margin: 3px 0px 0px 0px;
	padding: 0px;
	z-index: 1;
	padding-left: 10px;
	text-align: left;
}

	td>ul.tab {
		margin-right: -4px;
	}

	.tab li {
		padding: 5px;
		display: inline;
		overflow: hidden;
		list-style-type: none;
		margin: 0px;
	}

	.tab span {
		background-color: #FFEDBF;
		cursor: pointer;
		color: #2200B3;
		border-left: 2px solid #FFF0CA;
		border-top: 2px solid #FFF0CA;
		border-right: 2px solid #FFF0CA;
		padding: 1px 5px 2px 5px;
		margin: 0px;
		display: inline;
	}

		.tab span:hover {
			text-decoration: underline;
		}

		.tab span.active {
			border: 2px solid #D7E6FF;
			background-color: #D7E6FF;
			display: inline;
		}

		.tab span.inactive {
			display: inline;
		}
		
		.tab span.hint {
			display: inline;
			background-color: #FFFFEE;
			font-size: 0.8em;
			border: 0px solid black;
			margin-top: -2px;
			color: black;
			cursor: none;
			color: black;
		}
		
		.tab span.action {
			/*width: 400px;	*/
			display: inline;
			border: 0px solid black;
			background-color: #d7e6ff;
		}
		
		.tab span div {
			display: inline;
		}

/**
* Inhalt der den Einzelnen Tabs zugeordnet ist
* Der tabContentContainer wird durch position = relative zum
* Bezugspunkt für folgende position=absolute Positionierungen
*/

/*.container {
width: 100%;
background-color:#fff8cc;
}*/

.container-color {
background-color:#fff8cc;
/*min-height:1800px;*/
}

div.container {
	position: relative;
	top: 0px;
	left: 0px;
}
	div.container div.inactive 	{
		display: none;
	}

	div.container div.active  	{
		display: block;
	}

	/*
	* Überschrift für den TabContainer
	*/
	div.container h1 {
		margin: 0px;
		padding-left: 5px;
		/*font-size: 100%;*/
		font-weight: normal;
		/*background-image: url(/navi_bg.gif);*/
		background-color: #D7E6FF;
		height: 24px;
		border-bottom: 1px solid #6181FF;
		line-height: 24px;
	}
		div.container h1 div{
			display: inline-block;
		}
		
		div.container h1 div.action {
			float: right; 
			margin: 0px 12px 0px 0px;
			font-size: 1em;
		}
		
		div.container h1 span.search input {
			margin-right: 3px;
			color: #666666;
			/*background-color: #F0F6FF;*/
			/*border-color: #666666;*/
			font-size: 0.8em;
		}
		
		div.container h1 span.search input[type=text] {
			width: 120px;
		}

	div.container .content {
		width: 100%;
		display: block;
		margin: 0px; /* Kein Margin, damit die Scrolbars im umrandeten Bereich sind*/
		height: 420px; 
		z-index: 2;
		overflow: auto;
	}
	
	
		.popup div.container table.content {
			display: table;
			height: 370px;
			width: 100%;
		}
		
			.popup div.container table.content tbody.overflow {
				height:365px;
			}

		div.container .content .left {
			float: left;
			width: 300px;
			height: 100%;
			margin-right: 10px;
		}
		
		div.container .content .right {
			height: 100%;
			overflow: auto;
		}
			

		div.container .content th {
			margin: 0px;
			/*padding: 8px 8px 3px 0px;*/
			/*font-size: 99%;*/
			font-weight: normal;
			background-image: url(/navi_bg.gif);
			/*height: 24px;*/
			text-align: left;
			overflow: hidden;
		}
		
		div.container .content ul.action {
			background-color: transparent;
			border-width: 0px;
			bottom: 0px;
			position: absolute;
			right: 0px;
			width: 600px;
		}
	
/*
* Blaue Aktionsleiste im Vokabeltrainer
*/
ul.action {
	background-color: #d7e6ff;
	padding: 2px 8px 2px 8px;
	vertical-align: middle;
	text-align: right;
	/*color: #999999;*/
	font-weight: normal;
	margin: 0px;
	border-top: 1px solid #6181FF;
	line-height: 28px;
	height: 24px;
	z-index: 2;
}


	ul.action li {
		display: inline;
		overflow: hidden;
		list-style-type: none;
		margin-left: 10px;
		float: right;
		font-size: 90%;
		height: 24px;
		line-height: 24px;
	}
	
		ul.action li input{
			height: 24px;
		}

	ul.action li img {
		padding-left: 3px;
		margin-top: -4px;
	}

	ul.action li.left {
		display: inline;
		width: 280px;
		text-align: left;
		float: left;
		z-index: 3;
		margin: 0px;
	}
		
	ul.action #paging {
		color: black;
		font-size: 75%;
	}
	ul.action #paging span.active{
		font-weight: bold;
	}

div.action {
	font-size: 0.8em; 
	float: right;
	margin-top: -4px;
	margin-right: 16px;
	padding: 2px 0px 2px 16px;
	/*width: 100%;*/
}
	
	div.action div {
		display: inline;
	}
	
	div.action>div {
		height: 100%;
		display: inline;
		margin-left: 10px;
		background-color: #d7e6ff;
		padding: 4px;
		border-top: 1px solid #6181FF;
		border-left: 1px solid #6181FF;
		border-right: 1px solid #6181FF;
	}
	
		div.action input {
			font-size: 0.9em;
		}
		
		div.action img {
			vertical-align: top;
		}
		
/*
* Auswahlmöglichkeiten
*/
ul.optionContainer {
	color:black;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 24px;
	width:300px;
	overflow: auto;
	height: 100%;
	float: left;
	border-right: 1px solid #999999;
}
	ul.optionContainer li {
		display: block;
		overflow: hidden;
		list-style-type: none;
		margin: 0px 0px;
		padding: 5px 0px;
		font-weight: bold;
	}

ul.option {
	color:#464E90;
	margin-left: 0px;
	padding-left: 0px;
	line-height: 24px;
}

	ul.option li {
		display: block;
		overflow: hidden;
		list-style-type: none;
		margin: 0px 0px;
		padding: 5px 5px;
		cursor: pointer;
		border-bottom: 1px solid #6181FF;
		font-weight: normal;
	}

	ul.option li:hover	{
		text-decoration:	underline;
	}

/*
*
*/
ul.listContainer {
	margin: 0px;
	padding-left: 0px;
	overflow: auto;
	height: 100%;
}

ul.list {
	color:#464E90;
	margin-left: 0px;
	padding-left: 0px;
	line-height: 18px;
}

	ul.list li {
		display: block;
		overflow: hidden;
		list-style-type: none;
		margin: 0px 0px;
		padding: 3px 5px;
		cursor: pointer;
		font-weight: normal;
	}

.sort {
	margin-top: -5px;
	margin-bottom: -5px;
}

/*
* Folder und Tree Views
*/
ul.folder
{
	margin-left: 0px;
	padding-left: 0px;
}

	ul.folder li {
		float: left;
		margin-right: 20px;
		margin-bottom: 10px;
		margin-top: 10px;
		list-style-type: none;
		width: 160px;
		height: 100px;
		overflow: hidden;
		background-color: #FFF8DC;
		border: 1px solid  #6181FF;
		font-size: 0.9em;
		/*position: relative;*/
	}
		ul.folder li .hint {
			font-size: 85%;
			color: #000000;
			position: absolute; 
			bottom: 2px; 
			width: 198px;
		}
		
		ul.folder .content {
			overflow: hidden;
			height: 60px;
			margin: 2px;
		}

		ul.folder li img {
			margin: 2px;
		}

/*
* PopUp Fenster
*/
#popup {
	width: 800px;
	height: 520px;
	top: 200px;
	left: 200px;
}
.popup {
	display: none;
	position: absolute;
	width: 480px;
	height: 320px;
	background-color: #FFFFEE;
	border: 1px solid #6181FF;
	z-index: 10;
}

	#dict .popup {
		z-index: 1000;
		height: auto;
	}
	
	/* Überschrift incl. blauer Hintergrund*/
	.popup h1 {
		text-align: right;
		/*font-size: 100%;*/
		height: 24px;
		padding: 3px;
		background-image: url(/navi_bg_blue.gif);
	}
	
	.popup textarea {
		width: 100%;
	}

	
	
	.popup div.form {
		height: 460px;
		border: 0px solid black;
		width: 100%;
		padding: 0px;
	}
	
	/* Kleines PopUp, ohne Container */
	.popup div.content {
		height: 260px;
		overflow: auto;
	}
	
	.popup div.container {
		height: 491px;
	}
		/* Großes PopUp, mit Container */
		.popup div.container div.content {
			height: 460px;
			width: auto;
		}
		
		/* Abspeichern von Vokabeln */
		.popup div.container #vocables div.content {
			height: 420px;
			width: auto;
		}

		/* "extra" Überschrift, wird in das blaue Header Feld "gehoben" */
		.popup .content h1 {
			position: relative;
			top: -28px;
			background-image: url();
			right: 24px;
			width: auto;
		}

			#popup div.content div.left{
				width: 500px;
				height: 460px;
				border-right: 1px solid #6181FF;
			}
				#popup .content .left select{
					width: 280px;
				}
				
				#popup .content .right textarea{
					width: 480px;
				}
				
			#popup div.content div.right{
				height: 460px;
				width: 278px;
				overflow: auto;
			}

		.popup .content .inactive {
			display: none;
		}

		.popup .content .active {
			display: block;
		}

	.popup .tab {
		position: absolute;
		top: 9px;
	}
		.popup .tab li span {
			background-color: #f3f5ff;
			border: 1px solid #6181FF;
			background-image: url();
		}

			.popup .tab li span.active {
				background-color: #FFFFEE;
				border: 1px solid #6181FF;
				border-bottom: 1px solid #FFFFEE;
				background-image: url();
			}

	.popup h1 {
		background-image: url(/navi_bg_blue.gif);
		border-bottom: 1px solid #6181FF;
	}
	
	#async .popup h1 {
		background-color: #6181FF;
		line-height: 24px;
		padding-left: 10px;
		font-weight: bold;
		text-align: left;
		background-image: none;
	}

/*
* Hilfe Fenster
*/
.helpButton {
	float: right;
	padding: 0px;
	z-index: 1;
	text-align: right;
	/*font-size: 90%;*/
}
	.helpButton img {
		margin-top: 0px;
		vertical-align: top;
	}
	div.container span.helpButton {
		position: absolute;
		top: -30px;
		right: 0px;
		margin: 10px 0px 2px 0px;
		padding: 0px;
		z-index: 1;
		text-align: right;
		/*font-size: 90%;*/
	}

.help {
	width: 550px;
	z-index: 999;
}
	#dict .help {
		width: 400px;
	}
	.help table {
		height: 280px;
	}

	.help th {
		height: 20px;
	}

	.help div {
		width: 100%;
	}
		.help div.right {
			float: right;
			width: 393px;
			margin: 5px 3px 3px 3px;
			padding-right: 6px;
			height: 280px;
			overflow: auto;
		}
		
			.help div.right li {
				margin-left: 5px;
			}

		.help div.left {
			margin: 3px 3px 3px 0px;
			border-right: 1px solid #999999;
			width: 140px;
			float: left;
			height: 280px;
			overflow: auto;
		}

		/*
		* Muss noch irgendwie eingebaut werden
		.tabContentContainer .help .left {
			margin: 3px 3px 3px 0px;
			border-right: 1px solid #999999;
			width: 140px;
			float: left;
			height: 280px;
			overflow: auto;
		}*/
		
/**
* Eingabe Helfer mit Sonderzeichen uä
*/
.assistance {
	display: none;
	position: absolute;
	background-color: #d7e6ff;
	padding: 10px 25px 2px 10px;
	border: 1px solid #6181FF;
	z-index: 200;
	max-width: 300px;
	line-height: 150%;
	top: 30px;
	left: 250px;
}
	.assistance img.close{
		position: absolute;
		top: auto;
		left: auto;
		bottom: 3px;
		right: 3px;
	}
	
	.assistance .result{
		width: 200px;
		height: 240px;
		overflow: auto;
	}
	
	.assistance .hint{
		font-size: 90%;
	}
	
	.assistance ul.tab {
		border-bottom: 1px solid #6181FF;
		margin: -5px -25px 3px -10px;
		padding-right: 25px;
	}
	
	.assistance .tab li span {
		background-color: #f3f5ff;
		border: 0px solid #d7e6ff;
		background-image: url();
	}

		.assistance .tab li span.active {
			background-color: #d7e6ff;
			border: 1px solid #6181FF;
			border-bottom: 1px solid #d7e6ff;
			background-image: url();
		}
	
	.assistance div.container {
		margin-top: 15px;
	}
	

/**
* Kommen auf allen vom dictQuery ausgelieferten Seiten vor
*/
#divMoreInfo {
	position: absolute;
	display: none;
	border: 1px solid #6181FF;
	z-index: 99;
	width: auto;
	height: auto;
	width: 400px;
	background-color: #D7E6FF;
}

	#divMoreInfo h1 {
		background-color: #6181FF;
		line-height: 40px;
		padding-left: 10px;
		font-weight: bold;
		height: auto;
		background-image: none;
		text-align: left;
	}
	
	#divMoreInfo h2 {
		font-weight: bold;
		margin-bottom: 8px;
	}
	#divMoreInfo table {
		width: 100%;
	}
	#divMoreInfo th {
		line-height: 30px;
		padding-left: 35px;
		border-bottom: 1px solid #6181FF;
		background-color: transparent;
		text-align: left;
		padding-left: 10px;
	}
	
	#divMoreInfo td {
		padding: 5px 5px 5px 10px;
		border-bottom: 1px solid #6181FF;
		border-right: 1px solid #6181FF;
	}
	
	#divMoreInfo td:last-child {
		border-right: 0px solid #6181FF;
		text-align: center;
	}
	
	#divMoreInfo tr:last-child td{
		border-bottom: 0px solid #6181FF;
	}
	
	#divMoreInfo h5 {
		margin: 3px;
	}
	
	#divMoreInfo ul {
		margin: 3px;
		padding: 0px;
	}
	
	#divMoreInfo li {
		list-style:none;
	}
	
	#divMoreInfo td.gmrk  {
		padding: 10px 10px 10px 5px;
	}
	#divMoreInfo .gmrk li {
		list-style: decimal;
	}
		

/**
* Suchergebnissseite Wörterbuch
*/
#results {
	/*border: 1px outset #EEEEEE;
	border-collapse: separate;*/
	margin-top: 5px;
	width: 100%;
}

	#results td, #results th {
		/*border: 1px inset #EEEEEE;
		border-collapse: separate;*/
	}
	
	#results span.link {
		text-decoration: none;
		color: #464E90;
		cursor: pointer;
	}

#divForumInfo {
	visibility: hidden;
	display:none;
	padding: 0px;
	position: absolute;
	background-color: #FFFFEE;
	border: 1px outset black;
	padding: 0px;
	z-index: 70;
	height: auto;
	width: 780px;
}
	#divForumInfo div.container .content {
		width: auto;
	}
	

#filter {
	position: absolute;
	display: none;
	width: 160px;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	z-index: 50;
	background-color: #ffffff;
	height: auto;
}

	#filter table {
		width: 100%;
	}

	#filter th {
		margin:0px;
		padding:2px;
		background-color: #ffee99;
		color: #000000;
		/*font-size: 90%;*/
		text-align: left;
	}

	#filter td {
		/*font-size: 90%;*/
	}


/*
* Keine Stelle gefunden wo dies verwendet wird
.border {
	border: 1px outset #ffffff;
	border-collapse: separate;
	border-spacing: 2px 2px;
}
	.border td {
		border: 1px inset #ffffff;
		border-collapse: separate;
		border-spacing: 2px 2px;
	}*/


/**
* Plugin Seite
*/
.pluginheader    {text-align: center; background-color:#ffdf89;}

.pluginwrapper   {
	border: 1px solid #ffdf89;
	background-color:#fff8dc;
	text-align: justify;
}

	.pluginwrapper img   {
		padding: 0px 5px 5px 15px;
		float: right;
	}

ul.tab img {
	padding: 0px;
	width: 20px;
	height: 20px;
	margin-top: -6px;
	float: none;
}

li.plugin    {
  border-bottom: 1px solid #6181FF;
	padding: 5px;
}
/*
* Formular-formatierung
*/
fieldset {
	border: 1px solid #FFDF89;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 15px;
	max-width: 700px;
	line-height: 25px;
	vertical-align: bottom;
}
	fieldset br {
		clear: both;
		
	}
	
	fieldset abbr {
		text-decoration: underline;
	}
	fieldset label {
		display: block;
		width: 200px;
		margin: auto 10px 2px 10px;
		min-height: 20px;
		float: left;
		text-align: right;
	}
		fieldset label small{
			line-height: 15px;
		}
	fieldset input[type=text], fieldset input[type=password], fieldset textarea, fieldset select {
		vertical-align: bottom;
		border: 1px solid #666666;
		margin: 1px;
		width: 300px;
	}
	fieldset input[type=radio] {
		border: 0px solid #666666;
	}
	
	fieldset table{
		border-spacing: 0px;
		/*margin: 0px;
		padding: 0px;*/
		width: auto;
	}
		
		fieldset table label{
			margin-right: 0px;
			vertical-align: middle;
		}
		
		fieldset table td .assistance {
			left: 30px;
		}
	
.captcha {
}

	.captcha .assistance {
		left: 30px;
		display: none;
	}

div.grammar {
	text-align: center;
}

	.grammar table {
		background-color: #f3f5ff;
		border: 1px solid black;
		width: 90%;		
		border-collapse: collapse;
		margin: 15px auto;
	}
	
		.grammar th {
			background-color: #6181FF;
			border: 1px solid black;
			padding: 1.5px 3px;
		}
		
		.grammar td {
			border: 1px solid black;
			padding: 1.5px 3px;
		}
		
div.inline {
	text-align: center;
}

	.inline table {
		margin-top: 15px;
		margin-left: 20px;
	}
	
		.inline th {
			background-color: #f3f5ff;
			border: 1px solid black;
			padding: 1.5px 3px;
		}
		
		.inline td {
			padding: 1.5px 20px;
		}
/*
* Formatierung für Statistik, Werbung usw.
*/
table.pages {
	width: 100%;
	/*border: 0px solid none;*/
	background-color: #fff8cc; 
	margin: 0px 0px 20px 0px;
}
	.pages td {
		padding: 4px;
		/*text-align: center;*/
		vertical-align: top;
	}
	
	.pages th {
		background-image: url(/navi_bg.gif);
		background-repeat:	repeat-x;
		background-color: 	#FFECBD;
	}


#options {
	display: inline-block;
	float: left;
}

div.options {
	display: inline-block;
	padding: 4px;
	padding: 2px;
}

	div.options span[onlcick] {
		text-decoration: none;
		color: #464E90;
	}
	
	div.options div.panel {
		padding: 0px;
		display: none;
		position: absolute;
		background-color: #D7E6FF;
		border: 1px solid #6181FF;
		width: 280px;
		height: 0px;
		z-index: 990;
		/*opacity: 0.85;*/
	}
	
	/*#multiword div.options {
		position: relative;
	}*/
		
	#alphabeticindex div.options div.panel {
		width: 800px;
		/*background-color: transparent;
		border: 1px solid #FFDF89;*/
	}
	
	#dictionary div.options div.panel {
		width: 750px;
		height: 340px;
		/*background-color: transparent;
		border: 1px solid #FFDF89;*/
	}
	
	#multiword div.options div.panel {
		width: 360px;
		/*background-color: transparent;
		border: 1px solid #FFDF89;*/
	}
	
		div.options div.panel div.content {
			height: 260px;
			width: 280px;
			left: 0px;
			overflow: auto;
		}
			div.options div.panel div.content h1{
				background-color: #6181FF;
				line-height: 40px;
				padding-left: 10px;
				font-weight: bold;
			}
			
			div.options div.panel div.content table{
				width: 100%;
			}
			
			div.options div.panel div.content th{
				line-height: 30px;
				padding-left: 35px;
				border-bottom: 1px solid #6181FF;
				background-color: transparent;
				text-align: left;
			}
			
			#alphabeticindex div.options div.panel div.content {
				width: 800px;
			}
			
			#alphabeticindex div.options div.panel div.content span {
				display: block;
				float: left;
				width: 158px;
				height: 160px;
				overflow: auto;
				border-right: 1px solid #6181FF;
			}
			
			#alphabeticindex div.options div.panel div.content span:last-child {
				border-right: 0px solid #6181FF;
			}
			
			#dictionary div.options div.panel div.content {
				width: 750px;
				height: 325px;
			}
			
			#multiword div.options div.panel div.content {
				width: 360px;
			}
			
			#dictionary div.options div.panel div.content table {
				/*width: 258px;*/
				height: 280px;
			}
			
			#multiword div.options div.panel div.content span {
				width: 358px;
				height: 220px;
				overflow: auto;
				display: inline-block;
			}
			
			#multiword div.options div.panel div.content span.spirit {
				width: 16px;
				height: 16px;
			}

			#dictionary div.options div.panel div.content td{
				border-right: 1px solid #6181FF;
				vertical-align: top;
			}
			
			
			#dictionary div.options div.panel div.content td:last-child {
				border-right: none;
			}
			
			#multiword div.options div.panel div.content ul{
				height: auto;
			}
			
			#dictionary div.options div.panel div.content label{
				width: 190px;
				display: inline-block;
				white-space: normal;
				vertical-align: top;
			}

		div.options div.panel div.action {
			background-color: #6181FF;
			bottom: 0px;
			position: absolute;
			width: 100%;
			left: 0px;
			padding: 0px;
			text-align: right;
			vertical-align: middle;
			line-height: 30px;
			/*background-image: url(/trainer/img/blue_bg.png);*/
		}
		
			div.options div.panel div.action img {
				vertical-align: middle;
			}
			
			/*div#alphabeticindex div.options div.panel div.action {
				background-color: #FFDF89;
			}*/
			
		
		/* Trees in den Filtern */
		div.options div.panel div.content img.open {
			display: none;
		}
		div.options div.panel div.content img.closed {
			display: inline-block;
		}
		
		div.options div.panel div.content ul.tree {
			height: 0px;
			overflow: hidden;
			padding-left: 3px;
			margin: 3px;
		}
		
		#dictionary div.options div.panel div.content ul.tree{
			height: auto;
		}
		
		div.options div.panel div.content ul.tree li{
			display: block;
			overflow: hidden;
			list-style-type: none;
			margin: 0px 0px;
			padding: 3px 5px;
			white-space: nowrap;
			overflow: hidden;
			text-align: left;
		}

div#paging{
	display: inline-block;
	float: right;
	margin-right: 5px;
}
	div.paging li {
		list-style-type: none;
		display: inline-block;
		padding: 0px 5px;
	}
	div.paging ol {
		margin: 0px;
		padding: 0px;
		display: inline-block;
	}
div.paging span{
	padding: 4px;
}
div.paging a {
	padding: 4px;
}
	div.paging div.arrow {
		padding: 4px;
	}
	div.paging div.panel {
		display: none;
		position: absolute;
		background-color: #D7E6FF;
		border: 1px solid #6181FF;
		width: 120px;
		height: 0px;
		z-index: 990;
		/*opacity: 0.9;*/
	}
	
	div.paging div.panel div.content {
			height: 90px;
			width: 120px;
			left: 0px;
			overflow: auto;
		}

		div.paging div.panel div.action {
			background-color: #6181FF;
			bottom: 0px;
			position: absolute;
			width: 100%;
			left: 0px;
			padding: 0px;
			text-align: right;
			vertical-align: middle;
			line-height: 30px;
			/*background-image: url(/trainer/img/blue_bg.png);*/
		}
/*
 * Autovorschläge unter dem Eingabefeld
 */
div.suggest {
	position: absolute;
	top: 24px;
	left: 4px;
	z-index: 20;
	border: 1px solid #6181FF;
	background-color: white;
	display: none;
}
	div.suggest div.content {
		width: 400px;
		height: 200px;
		overflow: auto;
	}
		div.suggest h3{
			border-bottom:1px solid #6181FF;
			color: #999999;
			font-weight: normal;
			margin: 0px;
			padding: 2px;
		}
			div.suggest h3 img {
				position: absolute;
				right: 2px;
				top: 2px;
			}
		div.suggest div.content table {
			width: 100%;
		}

#viewMessage {
	top: 300px;
	left: 350px;
}

#dictionary {
	position: relative;
}

#helpdict div.help td{
	padding: 2px 3px;
}

#helpdict div.help table{
	width: 100%;
	height: auto;
}

#helpdict div.help tr.odd{
	background-color: #D7E6FF
}

#toler {
	/*border-collapse: separate;*/
}

/*
 * CSS Spirits
 */
.spirit {
	color: rgba(0,0,0,0);
	margin: 1px;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	text-decoration: none;
}
*>.spirit {
	background-image: url(/img/spirit.png);
}
.spirit:hover {
	text-decoration: none;
}
.spirit:selection {
	background: transparent;
	color: rgba(0,0,0,0);
}
.spirit span {
	visibility: hidden;
	display: none;
}
.spirit:-moz-selection {
	background: transparent;
	color: transparent;
}

a.spirit:focus {
	border-bottom: 1px solid #2200B3;
}

.s_en {
	width: 20px;
	height: 12px;
	background-position: -70px -18px;
}
.s_de {
	width: 20px;
	height: 12px;
	background-position: -4px -4px;
}
.s_fr {
	width: 20px;
	height: 12px;
	background-position: -4px -18px;
}
.s_es {
	width: 20px;
	height: 12px;
	background-position: -26px -18px;
}
.s_it {
	width: 20px;
	height: 12px;
	background-position: -48px -18px;
}
.s_ch {
	width: 20px;
	height: 12px;
	background-position: -48px -4px;
}
.s_ru {
	width: 20px;
	height: 12px;
	background-position: -26px -4px;
}
.s_close {
	width: 16px;
	height: 16px;
	background-position: -291px -21px;
	position: absolute;
	top: 5px;
	right: 5px;
}

.s_leo {
	background-position: -92px -6px;
	width: 80px;
	height: 22px;
	margin: 0px;
}
.s_leo_l {
	background-position: -4px -39px;
	width: 40px;
	height: 40px;
	margin: 0px;
}
.s_leo_r {
	background-position: -48px -39px;
	width: 40px;
	height: 40px;
	margin: 0px;
}
.s_leo_ende {
	background-position: -96px -39px;
	width: 40px;
	height: 40px;
	margin: 0px;
}
.s_leo_rude {
	background-position: -136px -39px;
	width: 40px;
	height: 40px;
	margin: 0px;
}
.s_leo_search {
	background-position: -180px -39px;
	width: 40px;
	height: 40px;
	margin: 0px;
}
.s_leo_chde {
	background-position: -224px -39px;
	width: 40px;
	height: 40px;
	margin: 0px;
}

.s_leo_frde {
	background-position: -264px -39px;
	width: 40px;
	height: 40px;
	margin: 0px;
}
.s_leo_esde {
	background-position: -306px -39px;
	width: 40px;
	height: 40px;
	margin: 0px;
}
.s_leo_itde {
	background-position: -348px -39px;
	width: 40px;
	height: 40px;
	margin: 0px;
}
.s_info {
	background-position: -390px -39px;
	width: 40px;
	height: 40px;
	margin: 0px;
}
.s_info_l {
	background-position: -173px -3px;
	width: 25px;
	height: 16px;
}
/*.even .s_info_l {
	background-position: -171px -20px;
}*/

.s_info_r {
	background-position: -202px -3px;
	width: 25px;
	height: 16px;
}
/*.even .s_info_r {
	background-position: -200px -20px;
}*/
.s_info_m {
	background-position: -374px -22px;
	width: 16px;
	height: 16px;
}
.s_help {
	background-position: -340px -2px;
	width: 16px;
	height: 16px;
}
.s_minus {
	background-position: -324px -3px;
	width: 16px;
	height: 16px;
}
/*.even .s_minus {
	background-position:-322px -19px;
}*/
.s_plus {
	background-position: -388px -3px;
	width: 16px;
	height: 16px;
}
/*.even .s_plus {
	background-position:-354px -19px;
}*/
.s_questionmark {
	background-position:-308px -3px;
	width: 16px;
	height: 16px;
}
.s_remove_filter {
	background-position:-484px -3px;
	width: 22px;
	height: 22px;
}

.s_filter {
	background-position:-462px -3px;
	width: 22px;
	height: 22px;
}

/*.even .s_questionmark {
	background-position:-306px -19px;
}*/

/**
 * PDA Anlietungsseiten
 */
.thumbs {
	position:absolute;
	margin:0px;
	left:0px;
	padding:0px;
	top: 40px;
	height:118px;
	z-index:1;
}
.thumbs.balloon {
	background-color: white;
	padding-top:6px;
	width: 100%;
}
	
	.thumbs ul {
		margin:0px;
		padding:0px;
	}	

	.thumbs li {
		text-align:center;
		display:block;
		float: left;
		list-style:none;
	}
	
	.thumbs li {
		padding: 0px 2px;
	}
			
	.thumbs li.active {
		background-color:#ffdf89;
	}	
		
		.thumbs li.active img {
			opacity:0.8;
		}	
			
			
	.thumbs li:hover {
		background-color:#ffdf89;
			
	}
			
		.thumbs li:hover img {
			opacity:0.6;
		}
		
	.subline {
		clear: both;
		background-color:none;
		text-weight:bold;
		padding-top: 40px;
		padding-left: 130px; 
		
	}
	.thumbs-head {
		background-color:#FFF;
		position:absolute;
		text: 2.0em;
		margin:0px;
		padding-top:40px;
		padding-left:10px;
		height:110px;
		z-index:1;
		width: 100%;
		top: 57px;
	}
	.thumbs-head ul {
		
		margin:0px;
		padding:0px;
	}	

.forw {
	position:absolute;
	left:120px;
	z-index:4;
	top: 105px;
}
.back {
	position:absolute;
	left:10px;
	top: 105px;
	z-index:5;
}
.pages {
	text-align:right;
}
/*#singleword .content {
margin: 0px;
padding: 0px;
display: block;
}*/
#contentholder .content { /*contentholder neu angelegt*/
	height: auto;
	width: auto;
	position: relative;
	z-index: 0;
	margin-top: 120px;
}

#singleword .container {
	padding-bottom: 20px;
}
.header {
	height: 40px;
	width:auto;
	border:  none;
	background-color: #ffdf89;
}
.h3 {
	font-size:  0.9em;
	font-weight:bold;
	padding-left:28px;
	padding-top:10px;
}


.content-text-intro {
	padding-top: 140px;
}

.content-text {
	margin: 10px 5px;
}
	
.content-text .pic {
	float: left;
	margin: 5px 20px 5px 0px;
	display: block;
}
	
	.content-text h2 {
		font-weight:bold;
		padding-left:0px;
		padding-top:0px;
	}
	
	.content-text img {
		margin-left: 2px;
		margin-top:0px;
		margin-bottom:-4px;
	}
	
	.content-text ul {
		overflow: hidden;
	}
	
#filter-alphabeticindex h1 .spirit {
	position: absolute;
	right: 5px;
	top: 5px;
}
table.keyboard {
        border-spacing:2px;
}
.keyboard td {
        padding: 1px 3px;
        background-color: white;
        border: 1px solid #ccc;
        width: 12px;
}

.pda-hint div {
	/*position: absolute;
	bottom: 0px;*/
	border: 1px solid black;
	background-color: rgb(255, 225, 145);
	margin: 5px 0px;
}

.pda-hint img{
	margin-right: 10px;
}