/*
Theme Name: Deutschlern.net
Description: Description goes here
Version: 0.1
Author: Jeremie Tisseau
Author URI: http://web-kreation.com
Tags: yellow, dark grey, 3 columns, education

*/

/***** RESET *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	margin:0;
	padding:0
}
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:none
}
/* remember to define focus styles!  */:focus {
	outline:0
}
/* remember to highlight inserts somehow!  */ins {
	text-decoration:none
}
del {
	text-decoration:line-through
}
/* Tables  */table {
	border-collapse:collapse;
	border-spacing:0;
	border:0;
	margin:0 0 18px;
	padding:0
}
/* END RESET */



/***** Begin Typography &Colors   *****/
body {
	line-height: 1.4em;
	background: url('images/bg.jpg') repeat-x 0 0;
	color: #333;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: center
}
/* 
 * Links  
 */
a {
	color: #5E5954;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline
}
#sidebar a, #footer a {
	color: white;
	text-decoration: underline;
}
#sidebar a:hover, #footer a:hover {
	color: #FBB619;
	text-decoration: none
}
#wrap a.readon, #sidebar a.readon, #footer a.readon, .tabs-container a.readon {
	padding-left: 10px;
	margin: 0px 0 15px;
	float: right;
}
#wrap a.readon {
	background: url(images/content_bullet.jpg) no-repeat 0 6px;
}
#sidebar a.readon, #footer a.readon {
	background: url(images/sidebar_bullet.jpg) no-repeat 0 6px;
}
.tabs-container a.readon {
	background: url(images/jquerytabs_bullet.jpg) no-repeat 0 6px !important;
}

/* 
 * Typography  
 */
h1, h2, h3, h4, h5, h6 {
	font-weight:400;
	margin:0;
	padding:0;
	clear: both;
}
h1 {
	border-bottom: #B1ACA9 1px dotted;
	border-top: 1px dotted #B1ACA9;
	clear: both;
	font-size: 1em;
	font-weight: bold;
	padding: 3px 0;
	margin-bottom: 15px;
	text-transform: uppercase;
	color: #57524D;
}
h1 a {
	color: #57524D !important;
}
#sidebar h1 a {
	color: #FFFFFF !important;
	text-decoration:none;
}

#sidebar h1, #footer h1 {
	background-color: #484440;
	padding-left: 5px;
	padding-right: 5px;
	color: white;
}
h2 {
	font-size: 1.4em;
	color: #57524C;
	margin: 1em 0;
	padding-bottom: 4px;
	border-bottom: 1px dotted #B1ACA9;
}
h3 {
	font-size: 1.3em;
	padding: 0.7em 0;
	font-weight: bold;
}
h4 {
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	padding: .5em 0;
}
h5 {
	font-weight: bold;
	font-size: 1.1em;
	padding: .5em 0;
}
h6 {	
	font-size: 1.1em
	font-style: italic;
	padding: .5em 0;
}
p {
	margin: 10px 0;
	padding: 0
}

ol {
	list-style:decimal inside;
	margin: 15px 0 15px 5px;
}
ol li {
	list-style:decimal inside;
}
blockquote {
	border-left: 1px solid #D0D0CE;
	color: #444;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	font-style: italic;
	padding-left: 10px;
	margin: 10px 20px
}
code, pre {
	color: #444;
	font-size: 1.2em
}
pre {
	background-color: #F4F5F3;
	border: #E2E4E0 1px dotted;
	clear: both;
	display: block;
	margin: 15px 0;
	padding: 0.2em 0.5em
}
small {
	font-size: 0.8em
}
big {
	font-size: 1.2em;
	font-weight: 700
}
sup {
	bottom: 0.3em;
	position: relative;
	vertical-align: baseline
}
sub {
	bottom: -0.2em;
	position: relative;
	vertical-align: baseline
}
acronym, abbr {
	border-bottom: 1px dashed;
	cursor: help;
	letter-spacing: 1px
}
hr {
	border-bottom: 1px solid #FFF;
	border-left: none;
	border-right: none;
	border-top: 1px dotted #BEC1B5;
	clear: both;
	display: block;
	margin: 5px 0
}
/* 
 * custom Classes  
 */
.note, .error {
	border-bottom: #EBE8D7 1px solid;
	border-top: #EBE8D7 1px solid;
	display: block;
	float: left;
	line-height: normal;
	width: 460px;
	margin: 20px 0;
	padding: 5px 10px
}
.note {
	width:96%;
	background-color: #F4F5F3;
	border-bottom: #E2E4E0 1px solid;
	border-top: #E2E4E0 1px solid
}
.error {
	background-color: #FF9D9D;
	border-bottom: #F30 1px solid;
	border-top: #F30 1px solid
}
.nobullet {
	background: transparent !important;
	list-style: none !important;
	margin: 0;
	padding: 0
}
table tr td {
	padding: 2px
}
/* 
 * clearfix  
 */
.clear {
	clear:both;
	width:100%;
	height:0;
	line-height:0;
	font-size:0;
	border:0;
	margin:0;
	padding:0
}
/* effective yet slightly paranoid clearfix hack */
.clearfix:after {
	visibility: hidden;
	font-size: 0.1em;
	display: block;
	line-height: 0;
	height: 0.1px;
	content: " ";
	clear: both;
}
* html .clearfix {
	display: inline-block;
}
/* hide from ie mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* end hide from ie mac */


/* 
 * images border  
 */
img.alignleft, img.alignright, img.aligncenter {
	background: #EFEFED;
	border: 1px solid #D0D0CE;
	display: block;
	padding: 3px
}
.alignleft {
	float: left;
	margin: 0 10px 2px 0
}
.alignright {
	float: right;
	margin: 0 0 2px 10px
}
.aligncenter {
	margin: 5px auto
}
img.noborder {
	background: transparent;
	border: none;
	padding: 0
}
a:hover img.alignleft, a:hover img.alignright, a:hover img.aligncenter {
	background: #FFF;
	display: block;
	padding: 3px
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0 3px;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.dln_imageComment_left {
float:left;
}
.dln_imageComment_right {
float:right;
}
#sidebar .dln_imageComment_left {
background-color:#57524D;
}
#sidebar .dln_imageComment_txt {
display:none;
}

.dln_imageComment_center, .dln_imageComment_left, .dln_imageComment_right {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.dln_imageComment_center, .dln_imageComment_left, .dln_imageComment_right  img {
	margin: 0;
	padding: 0 3px;
	border: 0 none;
}
.dln_imageComment_txt{
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


/*
 * ******* 
 * START Containers
 * *******
 */
#page {
	height: 100%;
	text-align: center;
  	width: 100%
}
#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 968px
}



/*
 * ******* 
 * START Header
 * *******
 */
#header {
	background: url(images/content_top.jpg) no-repeat 0 bottom;
	font-size: 0.9em;
	height: 124px;
	position: relative
}
#logo {
	background: url(images/logo.jpg) no-repeat;
	width: 244px;
	height: 41px;
	margin-top: 20px;
	display: block;
	text-decoration: none;
	float: left;
}

/*
 * Categories Navigation
 */
#cat-nav {
	display: block;
	float: right;
	clear: right;
	padding-top: 30px;
}
#cat-nav ul {
	list-style:none;
	margin:0 auto;
}
#cat-nav li {
	float:left;
	list-style:none;
}
#cat-nav li a {
	float:left;
	display:block;
	color:#fff;
	text-decoration:none;
	padding:0 5px;
	height:26px;
	font-size: 0.95em;
	font-weight:bold;
	line-height:26px;
	text-align:center;
	cursor:pointer;
	text-transform: uppercase;
	background:url(images/cat-nav-l.jpg) no-repeat left 0;
}
#cat-nav li a span {
	float:left;
	display:block;
	padding: 0 10px 0 5px;
	background:url(images/cat-nav-r.jpg) no-repeat right 0;
}
#cat-nav li a:hover {
	color:#fff;
	background:url(images/cat-nav-hover-l.jpg) no-repeat left 0;
}
#cat-nav li a:hover span {
	color:#fff;
	background:url(images/cat-nav-hover-r.jpg) no-repeat right 0;
}
#cat-nav li.current a, #cat-nav li.current a:hover {
	color:#fff;
	background:url(images/cat-nav-current-l.jpg) no-repeat left 0;
	cursor: default;
}
#cat-nav li.current a span, #cat-nav li.current a:hover span {
	color:#fff;
	background:url(images/cat-nav-current-r.jpg) no-repeat right 0;
}

/*
 * Main Navigation
 */
#main-nav {
	display: block;
	float: left;
	clear: left;
	padding-top: 26px;
}
#main-nav ul {
	list-style:none;
	margin:0 auto;
}
#main-nav li {
	float:left;
	list-style:none;
}
#main-nav li a {
	float:left;
	display:block;
	color: #000;
	text-decoration:none;
	padding:0 0 0 14px;
	height:25px;
	line-height:22px;
	text-align:center;
	cursor:pointer;
}
#main-nav li a span {
	float:left;
	display:block;
	padding: 0 15px 0 1px;
	height:25px;
}
#main-nav li.current a, #main-nav li.current a:hover {
	color:#fff;
	background:url(images/main-nav-current-l.jpg) no-repeat left 0;
}
#main-nav li.current a span, #main-nav li.current a:hover span {
	color:#fff;
	background:url(images/main-nav-current-r.jpg) no-repeat right 0;
}
#main-nav li a:hover {
	color: #fff;
	text-decoration: underline;
}

/*
 * Meta Navigation
 */
#meta-nav {
	display: block;
	float: right;
	clear: right;
	padding-top: 26px;
}
#meta-nav ul {
	list-style:none;
	margin:0 auto;
}
#meta-nav li {
	float:left;
	list-style:none;
}
#meta-nav li a {
	float:left;
	display:block;
	color: #000;
	font-size: 0.9em;
	text-decoration:none;
	padding:0 0 0 14px;
	height:25px;
	line-height:22px;
	text-align:center;
	cursor:pointer;
}
#meta-nav li a:hover {
	color: #fff;
	text-decoration: underline;
}



/*
 * *******
 * START Main Content
 * *******
 */
#wrap {
	width: 100%;
}

/*
 * Breadcrumb
 */
#breadcrumb {
	margin: 20px 0 25px;
	background: url(images/bc_bg.jpg) repeat-x;
	height: 22px;
	width: 620px;
	float: left;
}
#breadcrumb ul {
	list-style: none;
	width: 100%;
	height: 100%;
	background: url(images/bc_r.jpg) no-repeat right 0;
}
#breadcrumb li {
	float: left;
	list-style: none;
}
#breadcrumb li a {
	float: left;
	color: white;
	display:block;
	font-size: 0.9em;
	text-decoration:none;
	padding:0 10px 0 25px;
	height:22px;
	line-height:22px;
	text-align:center;
	cursor:pointer;
	background: url(images/bc_arrow.jpg) no-repeat;
}
#breadcrumb li .home {
	background: url(images/bc_l.jpg) no-repeat;
	padding-left: 6px;
}
#breadcrumb li a:hover {
	color: #fff;
	text-decoration: underline;
}

/*
 * Course Navigation - Left sidebar
 */
#course-nav {
	width: 140px;
	display: block;
	float: left;
	background: url(images/course-nav_bg.jpg) repeat-y right 10px;
	clear: left;
	padding: 0;
	margin: 10px 0 0 0;
}
#course-nav .content {
	background: url(images/course-nav_top.jpg) no-repeat right 0;
	padding: 0 20px 0 0;
	display: block;
}
#course-nav div.bottom {
	background: url(images/course-nav_bottom.jpg) no-repeat right 0;
	height:60px;
	width: 140px;
	display: block;
}
#course-nav h1 {
	font-size: 0.85em;
}
#course-nav ul {
	display: block;
}
#course-nav li {
	padding: 5px 0 5px 12px;
	border-top: 1px dotted #B1ACA9;
}
#course-nav li.unit_name{
	padding: 5px 0 5px 0;
	border-top: 1px dotted #B1ACA9;
}

#course-nav li a {
	color: black;
}
#course-nav li.ag_all_s {
	background: url(images/ag_all_s.gif) no-repeat 0 9px;
}
#course-nav li.ag_a1_s, #course-nav h1.ag_a1_sec {
	background: url(images/ag_a1_s.gif) no-repeat 0 9px;
}
#course-nav li.ag_a2_s, #course-nav h1.ag_a2_sec {
	background: url(images/ag_a2_s.gif) no-repeat 0 9px;
}
#course-nav li.ag_b1_s, #course-nav h1.ag_b1_sec {
	background: url(images/ag_b1_s.gif) no-repeat 0 9px;
}
#course-nav li.ag_b2_s, #course-nav h1.ag_b2_sec {
	background: url(images/ag_b2_s.gif) no-repeat 0 9px;
}
#course-nav li.ag_c1_s, #course-nav h1.ag_c1_sec {
	background: url(images/ag_c1_s.gif) no-repeat 0 9px;
}
#course-nav li.ag_c2_s, #course-nav h1.ag_c2_sec {
	background: url(images/ag_c2_s.gif) no-repeat 0 9px;
}
#course-nav h1.ag_a1_sec,
#course-nav h1.ag_a2_sec,
#course-nav h1.ag_b1_sec,
#course-nav h1.ag_b2_sec,
#course-nav h1.ag_c1_sec,
#course-nav h1.ag_c2_sec {
	background-position: right 8px;
	padding-right: 10px;
	margin-top: 30px;
	margin-bottom: 0;
}
#course-nav li ul, #course-nav li ul li ul {
	padding-top: 5px;
}
#course-nav li ul li {
	background: url(images/ag_return.gif) no-repeat 0 9px;
	padding:  5px 0 5px 10px;
}
/*#course-nav li ul li ul li {
	background: url(images/ag_return.gif) no-repeat 0 6px;
	padding-left: 10px;
	font-style: italic;
}*/
#course-nav li ul li ul li {
	background: transparent;
	padding-left: 0;
	font-style: italic;
	font-size: 0.9em;
}
#course-nav li ul li ul li a {

	
}
#course-nav li ul li ul li.done a {
	background-position: 0 -16px;
	font-weight: bold;
}
#course-nav li ul li a {
	color: #57524D;
}
#course-nav li.unit_link{
background: url(images/ag_return.gif) no-repeat 0 6px;
	padding-left: 10px;
	font-style: italic;
}

#course-nav li.active_task{
font-weight:bold;
background:#FEBF2C; url(images/trans.gif) no-repeat scroll 0 9px;
}



/*
 * main content
 */
#content {
	display: block;
	float: left;
	padding: 10px 0 30px 0;
}

#content  a{
	text-decoration:underline;
}

#content.onecolumn {
	width: 960px;
}

#content.narrowcolumn {
	width: 460px;
	padding-left: 20px;
}
#content.widecolumn {
	width: 800px;
	padding-left: 20px;
}
#content.pagecolumn {
	width: 620px;
}
#content .post {
	position: relative;
	clear: both;
	margin-bottom: 30px;
}
#content .post h1 {
	padding: 5px 60px 5px 0;
	min-height: 22px;
}
#content .post h1 small {
	color: #999;
}
#content .post .postmetadata {
	font: 0.9em normal Georgia, "Times New Roman", Times, serif;
	color: #7F7A78;
	margin: -10px 0 10px 0;
	padding: 0;
	position: relative;
}
#content .post .postmetadata span {
	text-transform: uppercase;
}
#container ul li{list-style:none;}
/*
 * unit 
 */
#content .unit h1 {
	padding-left: 24px;
	display: block;
	clear: both;
	font-size: 0.9em;
	background:url(images/checkbox.gif) no-repeat 0 10px;
}
#content .unit h1.done  {
	background-position: 0 -90px;
}

/*
 * exercices
 */

#contentEins{float:left;width:380px;}
#contentZwei{float:left;width:380px;padding-left:30px;}




#content .task_question .mch_horizontal{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border-bottom:1px dotted #B1ACA9;
padding:2px 0;
}
#content .task_question label {
margin-right:2em;
}

#content .clearing, #sidebar div.clearing {
border:medium none;
clear:both;
display:block;
line-height:0;
margin:0;
padding:0;
}
#content .single h1 {
	padding-right: 220px;
}
#content .single .single-r {
	width: 320px;
	float: right;
}
#content .single .form {
	margin: 20px 0;
	border-top: 1px dotted #B1ACA9;
	color: #57524D;
}
#content .single .form li {
	padding: 5px 0;
	background: transparent;
	border-bottom: 1px dotted #B1ACA9;
}
#content .single .form li p {
	font-weight: bold;
}
#content .single .form li label {
	display: block;
	padding: 3px;
	margin: 4px 0;
}
#content .single .form li label.success,
#content .single .form li label.arrow,
#content .single .form li label.fail {
	padding-left: 24px;
}
#content .single .form li label.success {
	background: #DCFFB9 url(images/icons/success_g.jpg) no-repeat 4px;
	border: 1px solid #C5FF8A;
}
#content .single .form li label.arrow {
	background: #DCFFB9 url(images/icons/arrow_g.jpg) no-repeat 4px;
	border: 1px solid #C5FF8A;
}
#content .single .form li label.fail {
	background: #FFD7D7 url(images/icons/fail_r.jpg) no-repeat 4px;
	border: 1px solid #FFAEAE;
}
.result_feedback {
	background-color:#EDE7DC;
border:1px solid #999;
margin:10px 0 10px 0;
color:#333333;
font-weight:normal;
padding:1px 2px;
}
#result_feedback .content {
	border: 1px solid #E9E9E9;
	border-bottom: none;
	padding: 10px;
}
	
#result_feedback .success {
	background: url(images/icons/success.jpg) no-repeat 10px 2px;
	padding-left: 34px;
}
#result_feedback .fail {
	background: url(images/icons/fail.jpg) no-repeat 10px 2px;
	padding-left: 30px;
}



#task_container .tagcloud  {background-color:#fff;width:95%;text-align: left; border:1px solid #333333; padding:10px; position:relative; }
#task_container .tagcloud span a {line-height: 25px; margin: 0 2px;}

#task_container .tagcloud span.level1 {font-size: 11px; line-height: 15px;}
#task_container .tagcloud span.level2 {font-size: 14px; line-height: 19px;}
#task_container .tagcloud span.level3 {font-size: 18px; line-height: 23px;}
#task_container .tagcloud span.level4 {font-size: 20px; line-height: 25px;}
#task_container .tagcloud span.level5 {font-size: 24px; line-height: 29px;}
#task_container .tagcloud span.level6 {font-size: 30px; line-height: 35px;}
#task_container .tagcloud span.level7 {font-size: 35px; line-height: 40px;}
#task_container .tagcloud span.level8 {font-size: 40px; line-height: 45px;}
#task_container .tagcloud span.level9 {font-size: 40px; line-height: 45px;}
                
#task_container .tagcloud span.level1 a {color:#668AA8;}
#task_container .tagcloud span.level2 a {color:#E76300;}
#task_container .tagcloud span.level3 a {color:#E76300;}
#task_container .tagcloud span.level4 a {color:#E76300;}
#task_container .tagcloud span.level5 a {color:#E76300;}
#task_container .tagcloud span.level6 a {color:#E76300;}
#task_container .tagcloud span.level7 a {color:#E76300;}
#task_container .tagcloud span.level8 a {color:#E76300;}
#task_container .tagcloud span.level9 a {color:#E76300; font-weight: bold; padding: 0 4px;}

#task_container .tagcloud span a:hover, .tagcloud span.level1 a:hover, .tagcloud span.level2 a:hover, .tagcloud span.level3 a:hover {color: white; background-color: #668AA8;}

#task_container .tagcloud dt {font-size: 14px; line-height: 19px; color:#E76300;}
#task_container .tagcloud dt a{font-size: 14px; line-height: 19px; color:#E76300;}
#task_container .tagcloud dd {font-size: 12px; line-height: 17px; color:#668AA8; padding-bottom: 4px;}
#task_container .tagcloud dd.tag {font-size: 12px; line-height: 17px; color:#666;  padding-bottom:16px;}
#task_container .tagcloud dd.tag a {color:.666; padding: 0 4px;}
#task_container .tagcloud span a:hover, .tagcloud span.level1 a:hover, .tagcloud span.level2 a:hover, .tagcloud span.level3 a:hover, .tagcloud a:hover {color: white; background-color: #668AA8;}




#sidebar .tagcloud  {
clear: both;
border:0;
padding: 0;
margin: 0;
width: 100%;
display: block !important;
border: 0;
background:#57524E;

}

#sidebar .tagcloud span.titel {
clear: both;
padding: 0;
margin: 0;
font-size: 1.2em;
display: block;
color: #333;
}

#sidebar .tagcloud p {
clear: both;
padding: 0.25em 0 0.5em 0;
margin: 0;
}

#sidebar .tagcloud span {
position: relative;
}
#sidebar .tagcloud a{text-decoration:none; line-height:1.2em;}
#sidebar .tagcloud a:hover{text-decoration:underline;background:none;}
#sidebar .tagcloud a.link { color: #fff; }

#sidebar .tagcloud a.tag6 { font-size: 1.4em; padding: 0 4px 0 0; color: #fff; }


#sidebar .tagcloud a.tag5 { font-size: 1.6em;  color: #fff; }
#sidebar .tagcloud a.tag4 { font-size: 1.5em;  color: #f2f2f2; }
#sidebar .tagcloud a.tag3 { font-size: 1.3em;  color: #f2f2f2; }
#sidebar .tagcloud a.tag2 { font-size: 1.1em; color: #fefefe; }
#sidebar .tagcloud a.tag1 { font-size: 1.0em;  color: #fefefe; }

/*
 * Nav Post
 */
#content .navPost {
	position: absolute;
	right: 0;
	top: 8px;
}
#content .navPost ul {
	list-style: none;
	margin: 0 auto;
}
#content .navPost li {
	float: left;
	padding: 0 0 0 3px;
	margin: 0;
	list-style: none;
	background: transparent;
}
#content .navPost li.padLeft {
	padding-left: 12px;
}

/*
 * ICONS
 */
#content .post .rss_s {
	background: url(images/rss_s.jpg) no-repeat;
	position: absolute;
	right: 0;
	width: 16px;
	height: 15px;
}
#content .post .ag_a1, 
#content .post .ag_a2, 
#content .post .ag_b1, 
#content .post .ag_b2, 
#content .post .ag_c1, 
#content .post .ag_c2 {
	display: block;
	width: 30px;
	height: 19px;
}
#content .post .ag_a1 {
	background: url(images/ag_a1.gif) no-repeat;
}
#content .post .ag_a2 {
	background: url(images/ag_a2.gif) no-repeat;
}
#content .post .ag_b1 {
	background: url(images/ag_b1.gif) no-repeat;
}
#content .post .ag_b2 {
	background: url(images/ag_b2.gif) no-repeat;
}
#content .post .ag_c1 {
	background: url(images/ag_c1.gif) no-repeat;
}
#content .post .ag_c2 {
	background: url(images/ag_c2.gif) no-repeat;
}
#content .post .ag_a1_b, 
#content .post .ag_a2_b, 
#content .post .ag_b1_b, 
#content .post .ag_b2_b, 
#content .post .ag_c1_b, 
#content .post .ag_c2_b,
#content .navPost .comments,
#content .navPost .pdf,
#content .navPost .search,
#content .navPost .doc,
#content .navPost .edit,
#content .navPost .copy_unit,
#content .navPost .see_statistics,
#content .navPost .system,
#content .navPost .help,
#content .navPost .prev,
#content .navPost .next {
	display: block;
	width: 18px;
	height: 18px;
}
#content .post .ag_a1_b {
	background: url(images/ag_a1_b.gif) no-repeat;
}
#content .post .ag_a2_b {
	background: url(images/ag_a2_b.gif) no-repeat;
}
#content .post .ag_b1_b {
	background: url(images/ag_b1_b.gif) no-repeat;
}
#content .post .ag_b2_b {
	background: url(images/ag_b2_b.gif) no-repeat;
}
#content .post .ag_c1_b {
	background: url(images/ag_c1_b.gif) no-repeat;
}
#content .post .ag_c2_b {
	background: url(images/ag_c2_b.gif) no-repeat;
}
#content .navPost .comments {
	background: url(images/icons/comments.gif) no-repeat;
}
#content .navPost .pdf {
	background: url(images/icons/pdf.gif) no-repeat;
}
#content .navPost .search {
	background: url(images/icons/search.gif) no-repeat;
}
#content .navPost .doc {
	background: url(images/icons/document_up.gif) no-repeat;
}
#content .navPost .copy_unit {
	background: url(images/icons/copy_unit.gif) no-repeat;
}
#content .navPost .see_statistics {
	background: url(images/icons/chart_bar.gif) no-repeat;
}
#content .navPost .edit {
	background: url(images/icons/edit.gif) no-repeat;
}
#content .navPost .system {
	background: url(images/icons/system.gif) no-repeat;
}
#content .navPost .help {
	background: url(images/icons/help.gif) no-repeat;
}
#content .navPost .prev {
	background: url(images/back.gif) no-repeat;
}
#content .navPost .next {
	background: url(images/play.gif) no-repeat;
}
#content .navPost .rss {
	width: 18px;
	height: 18px;
	display: block;
	background: url(images/rss_s.jpg) no-repeat 2px 2px;
}
#content h1 a {text-decoration:none;}

#loading {  float:right;width:20px;height:20px;}
.img_match {  width:126px;height:80px; padding:3px 3px 3px 3px;margin:3px;}
.player { font-size:12px;cursor:move;width:auto;height:20px;border:1px solid #febf2c; padding:1px 2px 1px 2px; background-color:#febf2c; color:#333; text-align:left;  margin:3px;  float:left; white-space:nowrap;}
.gap { font-size:11px;  border:1px solid #333; background-color:#f2f2f2; color:#666666; padding:3px 3px 3px 3px; }

#usercontrols {
    top: -36px;
}

#workarea {
 float:center;   width:96%;overflow:visible;text-align:center;
    
}
.vertical_spacer{width:130px; height:120px;}



/*
 * WP-PageNavi Plugin
 */ 
.navigation {
	margin: 20px 0;
}
.wp-pagenavi {
	clear: both;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	background-color: #FFFFFF;
	border: 1px solid #DEDDDC;
	color: #5B5952;
	margin: 2px;
	padding: 3px 5px;
	text-decoration: none;
}
.wp-pagenavi a:visited {
	background-color: #FFFFFF;
	border: 1px solid #DEDDDC;
	margin: 2px;
	padding: 2px 4px;
	text-decoration: none;
}
.wp-pagenavi a:hover {
	border: 1px solid #000;
	color: #5B5952;
}
.wp-pagenavi a:active {
	background-color: #FFFFFF;
	border: 1px solid #DEDDDC;
	color: #0066CC;
	margin: 2px;
	padding: 2px 4px;
	text-decoration: none;
}
.wp-pagenavi span.pages {
	background-color: #FFFFFF;
	border: 1px solid #DEDDDC;
	color: #5B5952;
	margin: 2px;
	padding: 3px 5px;
}
.wp-pagenavi span.current {
	background-color: #FEC030;
	border: 1px solid #FEC030;
	color: #FFF;
	font-weight: bold;
	margin: 2px;
	padding: 3px 5px;
}
.wp-pagenavi span.extend {
	background-color: #FFFFFF;
	border: 1px solid #DEDDDC;
	color: #5B5952;
	margin: 2px;
	padding: 3px 5px;
}



/*
 * *******
 * START Sidebar
 * *******
 */
#sidebar {
	float: right;
	clear: right;
	color: white;
	width: 340px;
	background: #57524E url(images/sidebar_bg.gif) repeat-y 0 0;
}
#sidebar #bottom {
	background: url(images/sidebar_bottom.gif) no-repeat 0 bottom;
	height: 8px;
}
#sidebar .content {
	padding: 0 30px 10px;
}
#sidebar .first {
	padding-top: 20px;
}
#sidebar .sidebar_sep {
	background: url(images/sidebar_sep.gif) no-repeat;
	padding-top: 30px;
}
#sidebar ul li {
	background: url(images/sidebar_bullet.jpg) no-repeat 0 6px;
	padding-left: 10px;
	line-height: 1.4em;
}

/*
 * Search form and RSS 
 */
#sidebar #top {
	background: url(images/sidebar_top.gif) no-repeat;
	padding: 5px 30px 0 30px;
	height: 32px;
}
#sidebar #top #rss {
	background: url(images/sidebar_rss.jpg) no-repeat 0 bottom;
	float: left;
	width: 30px;
	height: 31px;
}
#sidebar #top #searchform {
	background:transparent url(images/sidebar_search.jpg) no-repeat;
	float: left;
	width:248px;
}
#sidebar #top .search-field {
	background:transparent;
	border:none;
	display:block;
	float:left;
	color: white;
	padding: 10px 8px;
	width:196px
}
#sidebar #top .search-submit {
	background:transparent;
	border:none;
	cursor:pointer;
	display:block;
	float:left;
	height:30px;
	width:28px
}
#sidebar #top .search-field:focus {
	outline:none !important
}

/*
 * Login Form
 */
#sidebar #login label {
	display:block;
	font-weight:bold;
	width:70px;
	float:left;
	padding-top:6px;
}
#sidebar #login input {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #000;
	background: #8E8782;
	width:190px;
	margin:0 0 5px 10px;
}
#sidebar #login button {
	clear:both;
	width:75px;
	height:30px;
	background: transparent url(images/sidebar_login.jpg) no-repeat;
	border: none;
	text-align:center;
	color:#FFFFFF;
	line-height:30px;
	font-weight:bold;
	cursor:pointer;
	margin-bottom:20px;
}



/*
 * *******
 * START Footer
 * *******
 */
#footer {
	background: #57524E url(images/footer_bg.gif) repeat-x 0 0;
	border-bottom: 1px solid black;
	clear: both;
	color: #A9B095;
	margin: 0;
	padding: 50px 0;
	color: white;
}
#footer .content {
	width: 970px;
	margin: 0 auto;
	display: block;
	text-align: left;
}
#footer .content li {
	width: 300px;
	float: left;
	margin-right: 20px;
}


/*
 * *******
 * START Show Rating Stars
 * *******
 */

.so_rating {
    cursor: pointer;
    clear: both;
    display: block;
   
}


.so_star {
    float: left;
    width: 17px;
    height: 15px;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer;
}

.so_star,
.so_star a {background: url(images/star.gif) no-repeat 0 0px;}

.so_star a {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 0 0px;
    cursor: pointer;
}

div.so_rating div.on a {
    background-position: 0 -16px;
    cursor: pointer;
}


/*
 * *******
 * EDITOR Toolbar
 * *******
 */


.toolbar { height: 26px;background:#ccc url(http://www.deutschlern.net/img/toolbar_bg.gif) 0px 0px no-repeat; width:100%; padding:0; margin:0;}
#editor_nav {margin:0; padding:0; }
#editor_nav li{list-style:none; float:left;margin: 0; width:auto; overflow:visible; line-height:2.2em; font-size:82%; white-space: nowrap;  }

#editor_nav  a{display:block;float:left; padding: 0 3 0 18px; text-decoration:none; border:1px solid; border-color:#FFF #333 #333 #FFF; background: #CCC; color: #333; }

#editor_nav #init a{display:block;float:left; padding: 0 0 0 18px; text-decoration:none; border:1px solid; border-color:#FFF #333 #333 #FFF; background: #CCC; color: #333; }
#editor_nav #init{background: #CCC url(http://www.webcnai.com/img/silk_icons/tab_edit.gif) 2px 50% no-repeat; color:#333;}
#editor_nav #init a:hover{ border-color:#000 #CCC #000 #CCC; background-color: #333; color: #CCC; }

#editor_nav #add_folder a{display:block;float:left; padding: 0 0 0 18px; text-decoration:none; border:1px solid; border-color:#FFF #333 #333 #FFF; background: #CCC; color: #333; }
#editor_nav #add_folder{background: #CCC url(http://www.webcnai.com/img/silk_icons/folder_add.gif) 2px 50% no-repeat; color:#333;}
#editor_nav #add_folder a:hover{ border-color:#000 #CCC #000 #CCC; background-color: #333; color: #CCC; }

#editor_nav #add_unit a{display:block;float:left; padding: 0 0 0 18px; text-decoration:none; border:1px solid; border-color:#FFF #333 #333 #FFF; background: #CCC; color: #333; }
#editor_nav #add_unit{background: #CCC url(http://www.webcnai.com/img/silk_icons/page_add.gif) 2px 50% no-repeat; color:#333;}
#editor_nav #add_unit a:hover{ border-color:#000 #CCC #000 #CCC; background-color: #333; color: #CCC; }

#editor_nav #course_index a{display:block;float:left; padding: 0 0 0 18px; text-decoration:none; border:1px solid; border-color:#FFF #333 #333 #FFF; background: #CCC; color: #333; }
#editor_nav #course_index{background: #CCC url(http://www.webcnai.com/img/silk_icons/folder.gif) 2px 50% no-repeat; color:#333;}
#editor_nav #course_index a:hover{ border-color:#000 #CCC #000 #CCC; background-color: #333; color: #CCC; }

#editor_nav #unit a{display:block;float:left; padding: 0 0 0 18px; text-decoration:none; border:1px solid; border-color:#FFF #333 #333 #FFF; background: #CCC; color: #333; }
#editor_nav #unit{background: #CCC url(http://www.webcnai.com/img/silk_icons/page_white_get.gif) 2px 50% no-repeat; color:#333;}
#editor_nav #unit a:hover{ border-color:#000 #CCC #000 #CCC; background-color: #333; color: #CCC; }

#editor_nav #create_task a{display:block;float:left; padding: 0 0 0 18px; text-decoration:none; border:1px solid; border-color:#FFF #333 #333 #FFF; background: #CCC; color: #333; }
#editor_nav #create_task{background: #CCC url(http://www.webcnai.com/img/silk_icons/shape_square_add.gif) 2px 50% no-repeat; color:#333;}
#editor_nav #create_task a:hover{ border-color:#000 #CCC #000 #CCC; background-color: #333; color: #CCC; }

#editor_nav #import_task a{display:block;float:left; padding: 0 0 0 18px; text-decoration:none; border:1px solid; border-color:#FFF #333 #333 #FFF; background: #CCC; color: #333; }
#editor_nav #import_task{background: #CCC url(http://www.webcnai.com/img/silk_icons/shape_square_go.gif) 2px 50% no-repeat; color:#333;}
#editor_nav #import_task a:hover{ border-color:#000 #CCC #000 #CCC; background-color: #333; color: #CCC; }


/* hide from IE5/Mac \*/
#editor_nav a{float:none;}
/* end */
#editor_nav a:hover{ border-color:#000 #CCC #000 #CCC; background-color: #333; color: #CCC; }
 
 #content div.title{
 font-size: 1.4em;
	color: #57524C;
	margin: 1em 0;
	padding-bottom: 4px;
	border-bottom: 1px dotted #B1ACA9; 
 }
ul#sort_ul.draglist li{
background-color:#FEBF2C;
border:1px solid #FEBF2C;
color:#333333;
cursor:move;
font-size:12px;
margin:3px;
padding:1px 2px;
text-align:left;
width:98%;}

.formSubmit{

	margin-top:10px;
	float:right;

}


 .mch_option_richtig {
padding-left:20px;
background-image:url('img/corr_1.gif');
background-repeat:no-repeat;
background-position:0 0; 
}
.mch_option_falsch {
padding-left:20px;
background-image:url('img/corr_0.gif');
background-repeat:no-repeat;
background-position:0 0;

}

  #feedback_container{
background:#EDE7DC;
margin:10px 3px 10px 3px;
padding:3px;
border:1px solid #E2D9C7;

}
 #feedback_container h4{
display:block;
text-transform:uppercase;
color: #57524C;
} 
.result_data{
font-weight:bold;
}
.feedback{
display:block;
font-style:italic;
background:#EDE7DC;
padding:3px 5px 3px 5px;
margin:10px 3px 10px 3px;
}
.formLongTextfield {
width:96%;
border:1px solid #E2D9C7;
background:#EDE7DC;
}
.editLegend {
	font-size: 1.4em;
	color: #57524C;
	margin: 1em 0;
	padding-bottom: 4px;
	border-bottom: 1px dotted #B1ACA9;
}
.intro {
background-color:#EDE7DC;
border:1px solid #333333;
color:#333333;
font-weight:normal;
padding:1px 2px;
}


#mediainfo{
background:#FFFFFF none repeat scroll 0 0;
border-color:#333333 #333333 -moz-use-text-color;
border-style:solid solid none;
border-width:1px 1px 0;
padding:5px;
width:288px;
}

div.task_question{padding:3px 0 3px 0; border-bottom:1px dotted #333;}

#cnaiVoteResult
{
margin: 0.5em 0.5em 1.5em 0.5em;
border: 1px solid #5CB1D6;
float: left;
clear: both;
background: #fff;
width: 14em;
display: inline;
}


.cnaiVoteSingleResult

{
padding: 6px 5px 0 5px;
margin: 0 0 4px 0;
font-size: 0.86em;
line-height: 1.3em;
border-top: #333333 1px solid;
width:400px;
}

.cnaiBarContainer

{
background: #e9ebef;
border: #A8B2C2 1px solid;
margin: 0 4px 8px 4px;
width:400px;

}

.cnaiBar

{
border-top: 1px #93c4de solid;
border-left: 1px #93c4de solid; 
border-right: 1px #0a2d3f solid; 
border-bottom: 1px #0a2d3f solid; 
background: #004060;
line-height: 0;
font-size: 0;
height: 12px;
margin: 0;
padding: 0;

}

.index_block{
border-bottom:1px #333 dotted;
}


 .lupe {
	float: right;
	margin: 0 0 2px 2px;
	padding: 0 0 3px;
	border-left: 1px solid #A3ABCE;
	border-bottom: 1px solid #A3ABCE;
}

.unitLink{float: right;
margin: 0 5px 0 0;}

articleImg .lupe img,

.lupe img {
	width: 18px;
}
.orange_large{font-size: 14px; }
.active_task_nav{ background-color:#333;color:#FFF;padding:4px 6px 4px 6px;margin:2px;text-decoration:none;border:1px solid #333;}
.normal_task_nav{ background-color:#FFFFFF;color:#333;padding:4px 6px 4px 6px;margin:2px;text-decoration:none;border:1px solid #333;}
.normal_task_nav:hover{ background-color:#f2f2f2;color:#333;padding:4px 6px 4px 6px;margin:2px;text-decoration:none;border:1px solid #333;}

/* Upload Userfiles */

#title {

    position: relative;

}   

#indicator  {

    position: relative;

    width: 450px;

    height: 320px;

    display: none;

}   

p.error  {

    color: #cc0000;

}   

#upload-error  {

    text-align:right;

    width:500px;

}   

#userfile-form  {

    width:400px;

    padding:5px;

	padding-left: 10px;

}

#userfiles  {

    width:250px;

    float:left;

    border-left: 1px solid #6f775b;

    padding-left: 9px;

}

.userfile-link-bottom  {

    width: 250px;

	padding-left: 10px;

    float: left;

	padding-top: 15px;

}

.userfolder-container  {

    width: 220px;

    float: left;

	padding-left: 10px;

}

.userfolders  {

    width:150px;

    float: left;

}

.userfolders a:active  {

    color: red;

}

.folder-action  {

    width: 38px;

    float: right;

    margin-right: 10px;

}

.userfile-link  {

    width:220px;

    float:left;

}

.userfile-link-gray  {

    width:220px;

    float:left;

    background-color: #e6e6e6;

}

.file-action  {

    width: 20px;

    float: right;

}

.filelink-pdf  {

   padding-left: 18px;

   background: transparent url(/img/silk_icons/page_white_acrobat.png) no-repeat center left;

}

.filelink-doc  {

    padding-left: 18px;

    background: transparent url(/img/silk_icons/page_word.gif) no-repeat center left;

}

.filelink-txt  {

    padding-left: 18px;

    background: transparent url(/img/silk_icons/page_white_text.png) no-repeat center left;

}

.filelink-xls  {

    padding-left: 18px;

    background: transparent url(/img/silk_icons/page_white_excel.png) no-repeat center left;

}

.filelink-ppt  {

    padding-left: 18px;

    background: transparent url(/img/silk_icons/page_white_powerpoint.png) no-repeat center left;

}

.filelink-rtf  {

    padding-left: 18px;

    background: transparent url(/img/silk_icons/page.gif) no-repeat center left;

}

.filelink-swf  {

    padding-left: 18px;

    background: transparent url(/img/silk_icons/plugin.png) no-repeat center left;

}

.filelink-video{

    padding-left: 18px;

    background: transparent url(/img/silk_icons/film.png) no-repeat center left;

}

.filelink-audio  {

    padding-left: 18px;

    background: transparent url(/img/silk_icons/sound.png) no-repeat center left;

}

.userfolder-container-popup  {

    width: 250px;

    float: left;

    vertical-align: left;

}

.popup-links  {

    width:250px;

    width:250px;

    text-align: left;

    float:left;

}

#popup-flv-player  {

    text-align: left;

    vertical-align: top;

    width: 320px;

}



.content-table  td {

	padding-left: 10px;

}



.editMarco {

	border:1px solid #333333;

	color:#333333;

	margin:10px;

	padding:10px;

}

.orange_large {

	color:#6f775b;

	font-size:11pt;

}
img {
	border: 0px solid black;
}

.h2link {
color:#333333;
font-size:16px;
font-weight:lighter;
line-height:16px;
margin:0 0 5px;
padding:5px 0;
text-align:left;
text-decoration:none;
}

span.blank{
font-weight:bold;
}
.dw-box {
background-color:#EDE7DC;
border-bottom:1px solid #E2D9C7;

margin-bottom:20px;
overflow:hidden;
padding:10px;


}
#sidebar .sidebar_sep {
background: url(images/sidebar_sep.gif) no-repeat;
padding-top: 30px;
}
#sidebar .sidebar_sep_top { /* New Class + new image */
background: url(images/sidebar_sep_top.gif) no-repeat 0 top;
padding-top: 30px;
}
#sidebar .sidebar_sep_bottom {/* New Class + new image */
background: url(images/sidebar_sep_bottom.gif) no-repeat 0 bottom;
}
#sidebar ul li {
background: url(images/sidebar_bullet.jpg) no-repeat 0 6px;
padding-left: 10px;
line-height: 1.4em;
}

/*
 * Sidebar > Banners
 * ADDED OCT 23, 2009
 */
#sidebar .banner {
padding: 20px 10px 10px;
text-align: center;
background: white url(images/sidebar_sep_bottom.gif) no-repeat 0 top;
}
#sidebar  .banner a{color:#000;}


#sidebar .whitebackground {
padding: 20px 10px 10px;
text-align: left;
color:#000;
background: white url(images/sidebar_sep_bottom.gif) no-repeat 0 top;
}
#sidebar  .whitebackground a{color:#000;}


/*
 * *******
 * WÃ¶rterbuch
 * ADDED 23 OCT, 2009
 * *******
 */	
 
#woerterbuch { 
	position: fixed;
    top: 260px;
    right: 0;
    padding: 32px 0 0;
    width: 65px;
    height: 170px;
    background: url(images/woerterbuch_bg.png) no-repeat right 5px;
} 
	* html #woerterbuch {position:absolute;}
    
#woerterbuch ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#woerterbuch .search, #woerterbuch .doc, #woerterbuch .edit, #woerterbuch .system, #woerterbuch .help {
    display: block;
    float: left;
    clear: both;
    list-style: none;
    padding: 3px 0 3px 8px;
    margin: 0;
    width: 18px;
    height: 18px;
}

#woerterbuch .search {
    background: url(images/icons/search.png) no-repeat right 0;
}

#woerterbuch .doc {
    background: url(images/icons/document_up.png) no-repeat right 0;
}

#woerterbuch .edit {
    background: url(images/icons/edit.png) no-repeat right 0;
}

#woerterbuch .system {
    background: url(images/icons/system.png) no-repeat right 0;
}

#woerterbuch .help {
    background: url(images/icons/help.png) no-repeat right 0;
}


/*
 * *******
 * Submit Buttons
 * ADDED 23 OCT, 2009
 * *******
 */	
#content .post .formSubmit {
	background: url(images/button.jpg) no-repeat 0 0;
	padding: 0;
    margin: 15px 0 15px 8px !important;
	float: right;
}

#content .post input.submitButton {
	background: url(images/button.jpg) no-repeat right 0;
	padding: 2px 8px 2px 0;
	border: none;
	color: white;
	font-weight: bold;
	margin: 0 0 0 8px; 
	cursor: pointer;
	height: 24px;
}

#content .post .formSubmit:hover {
	background: url(images/button.jpg) no-repeat 0 -24px;
}

#content .post input.submitButton:hover {
	background: url(images/button.jpg) no-repeat right -24px;
	color: black;
}




/*
 * Podcast
 *
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.0
*/

/* .yui-navset defaults to .yui-navset-top */
#podcast .yui-navset .yui-nav { /* protect nested tabviews from other orientations */
    border-width:0 0 5px;
    Xposition:relative;
    zoom:1;
}

#podcast .yui-navset .yui-nav li {
    background: #6c6762 url(images/podcast-tabs.gif) no-repeat 0 0;
    margin:0 0.4em 0 0; /* space between tabs */
    padding:0 0 0 6px; /* gecko: make room for overflow */
    zoom:1;
    *font-size: 0.9em;
    height: 26px;
    line-height: 26px;
}

#podcast .yui-navset .yui-nav li.selected {
    background: #4F4A46 url(images/podcast-tabs.gif) no-repeat 0 -28px;
	position: relative;
	top: 1px;
}
#podcast .yui-navset .yui-nav li.selected a {
    background:  #4F4A46 url(images/podcast-tabs.gif) no-repeat right -28px;
    color: #FEC030;
    cursor: default;
    font-weight: bold;
    text-decoration: none;
}

#podcast .yui-navset .yui-nav a {
    background: #6c6762 url(images/podcast-tabs.gif) no-repeat right 0;
    padding-right: 6px;
    text-decoration: none;
    color: #BFBCBB;
    height: 100%;
}

#podcast .yui-navset .yui-nav a em {
    cursor:hand;
    left:0; right: 0; bottom: 0; /* protect from other orientations */
    position:relative;
}

#podcast .yui-navset .yui-nav a:focus, /* no focus effect for selected */
#podcast .yui-navset .yui-nav a:hover { /* no hover effect for selected */
    color: white;
    outline:0;
}

#podcast .yui-navset .yui-content {
    zoom:1;
    margin:0;
    background: #4F4A46;
    width: auto;
    padding: 10px 10px 30px;
    border: 1px solid #484440;
}

#podcast .yui-navset .yui-content .info {
    padding: 5px;
    float: left;
}

#podcast .yui-navset .yui-content img {
    border: 1px solid #484440;
    padding:3px;
    float: left;
    background: #57524E;
    margin-right: 6px;
}
#podcast .yui-navset .yui-content p {
    padding-left: 10px;
    padding: 0;
    margin: 0;
}


#podcast .yui-navset .yui-content ul {
    border-top: 1px dotted #807873;
    margin-top: 20px;
}

#podcast .yui-navset .yui-content li {
    border-bottom: 1px dotted #807873;
	padding: 6px;
	background: transparent;
}

#podcast .yui-navset .yui-content li.selected a {
	color: #FEC030;
}

#podcast .podcast-btn {
	display: block;
	float: left;
    margin-right: 5px;
}

#podcast .podcast-btn .play,
#podcast .podcast-btn .pause,
#podcast .podcast-btn .stop,
#podcast .podcast-btn .stop-disabled {
	display: block;
	float: left;
	width: 18px;
	height: 18px;
    margin-right: 5px;
    background-image: url(images/podcast-btn.gif);
    background-repeat: no-repeat;
}

#podcast .podcast-btn .play {
    background-position: 0 0;
}

#podcast .podcast-btn .pause {
    background-position: -18px 0;
}

#podcast .podcast-btn .stop {
    background-position: -36px 0;
}

#podcast .podcast-btn .stop-disabled {
    background-position: -54px 0;
}

#podcast .podcast-btn .play:hover {
    background-position: -72px 0;
}

#podcast .podcast-btn .pause:hover {
    background-position: -90px 0;
}

#podcast .podcast-btn .stop:hover {
    background-position: -108px 0;
}
#newslinks .yui-content li {
	-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border-bottom:1px dotted #807873;
padding:6px;
}
#writelinks .yui-content li {
	-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border-bottom:1px dotted #807873;
padding:6px;
}
#contentEins #mediainfo {
margin-top:40px;
}
del{background-color:#F88A8A;}
ins{background-color:#8DF88A;}

#contentEins .true_false .task_question {
border-bottom:medium none;
border-top:1px solid #E8E8E8;
font-weight:bold;
padding-bottom:5px;
}
 .task_option {
border-bottom:medium none;
}
 .task_option label {
border-left:medium none;
padding:10px 0;
}
.task_option .checkbox, .true_false .task_option .radiobutton {
clear:left;
float:left;
margin:11px 10px 0;
width:20px;
}
.unchecked_tf_option_richtig, .true_false .checked_tf_option_richtig, .true_false .checked_tf_option_falsch, .true_false .unchecked_tf_option_falsch {
background-position:left 11px;
width:440px !important;
}
.checked_tf_option_richtig {
background-image:url(img/corr_1.gif);
	background-position:0px 10px;
background-repeat:no-repeat;
padding-left:20px !important;
}
.checked_tf_option_falsch {
	background-position:0px 10px;
background-image:url(img/corr_0.gif);
background-repeat:no-repeat;
padding-left:20px !important;
}
 .checked_tf_option_falsch,  .unchecked_tf_option_richtig {
text-decoration:line-through;
}
/*
 * *******
 * Wörterbuch
 * ADDED 23 OCT, 2009
 * *******
 */
#woerterbuch { 
	position: fixed;
    top: 260px;
    right: 0;
    padding: 32px 0 0;
    width: 65px;
    height: 170px;
    background: url(images/woerterbuch_bg.png) no-repeat right 5px;
} 
	* html #woerterbuch {position:absolute;}
    
#woerterbuch ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#woerterbuch .search, #woerterbuch .doc, #woerterbuch .edit, #woerterbuch .system, #woerterbuch .help {
    display: block;
    float: left;
    clear: both;
    list-style: none;
    padding: 3px 0 3px 8px;
    margin: 0;
    width: 18px;
    height: 18px;
}

#woerterbuch .search {
    background: url(images/icons/search.png) no-repeat right 0;
}

#woerterbuch .doc {
    background: url(images/icons/document_up.png) no-repeat right 0;
}

#woerterbuch .edit {
    background: url(images/icons/edit.png) no-repeat right 0;
}

#woerterbuch .system {
    background: url(images/icons/system.png) no-repeat right 0;
}

#woerterbuch .help {
    background: url(images/icons/help.png) no-repeat right 0;
}

