/**************************************
 * THEME NAME: fruehehilfen-bw
 *
 * Files included in this sheet:
 *
 *   fruehehilfen-bw/user_styles.css
 **************************************/

/***** fruehehilfen-bw/user_styles.css start *****/

/**************************************
 * THEME NAME: fruehehilfen-bw
 *
 * Files included in this sheet:
 *
 *   fruehehilfen-bw/user_styles.css
 **************************************/

/***** fruehehilfen-bw/user_styles.css start *****/

body {
	color: #657585;
	color: #586069;
	font-size: 13px;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #FFFCEF;
	background-image: url(pix/layout/bodybgintern.jpg);
	background-repeat: repeat-x !important;
	background-attachment: scroll !important;
	background-position: center top !important;
}
body.notloggedin {
	background-image: url(pix/layout/bodybg.jpg) !important;
	background-repeat: repeat-x !important;
	background-color: #FFFCEF !important;
	background-position: top left;
}

/*-----------------
 *
 * L A Y O U T 
 *	
 *	#page
 *		#header-home
 *			.logininfo
 *		.menu
 *		#content
 *			.topbar
 *			#section1
 *				#sectionContent
 *					#singlecolumn
 *		
 -------------------*/

div#page { margin: 0px auto; width: 980px; text-align: left; }

div#header-home {
	height: 112px;
	background-repeat: no-repeat;
	background-color: #3A3A3A;
	display: block;
	background-position: bottom;
}
div#header-home { background-image: url(pix/layout/headerintern.jpg); }

#content {
	padding: 0;
	margin-top: 0px;
	clear: both;
	background: transparent url(pix/layout/contentbg.jpg) repeat-y center top;
	width: 980px;
}

/* Topbar/Bottombar */
.topbar {
	background-image: url(pix/layout/contenttopintern.jpg);
	background-repeat: no-repeat;
	height: 48px;
	overflow: auto;
}
	.topbar .breadcrumb {
		float: left;
		margin-left: 50px;
		padding-top: 4px;
		color: #597790;
		font-size: 14px;
		text-align: left;
	}
		.topbar .breadcrumb .title {
			font-size: 17px;
		}
	.notloggedin .topbar { display: none; }

.sectionContent {
	margin: 6px;
	position: relative;
	width: 970px;
	overflow: visible;
}
	.notloggedin .sectionContent { padding-top: 20px; }

.bottombar {
	height: 42px;
	background: transparent url(pix/layout/contentbottom.jpg) no-repeat center top;
	display: block;
}



/* externe Seiten */ .notloggedin #header-home 	{ background-image: url(pix/layout/header.jpg);  }
.notloggedin #section1		{ background: url(pix/layout/contenttop.jpg) no-repeat top left; overflow: auto; width: 980px; }

.notloggedin #sideNavigation 					{ padding: 0; margin: 76px 0 40px 40px; float: right; width: 240px; }
	.notloggedin #sideNavigation ul 			{ list-style-type: none; list-style-image: none; margin: 0 0 20px 15px; }
	.notloggedin #sideNavigation li 			{ margin: 1px; padding: 5px; background-color: #E8F1F7; padding-left: 20px; font-size: 13px; }
	.notloggedin #sideNavigation .selected 		{ color: #3a5568; background-color: #dce9f2; padding-left: 5px; }
	.notloggedin #sideNavigation a 				{ color: #5582a2; }

.notloggedin .externalinfo						{ margin-top: 30px; }
	.notloggedin .externalinfo .cornerleft,
	.notloggedin .externalinfo .cornerright 	{ height: 50px; width: 15px; }
	.notloggedin .externalinfo .cornerleft 		{ float: left; 	background: url(pix/layout/externalinfo_h1_bgleft.jpg) no-repeat top left;}
	.notloggedin .externalinfo .cornerright 	{ float: right; background: url(pix/layout/externalinfo_h1_bgright.jpg) no-repeat top left; }


	.notloggedin .externalinfo .linkbox 				{ width: 260px; float: left; display: block; margin-right: 20px; }
	.notloggedin .externalinfo .linkbox2col 			{ width: auto;  float: left; display: block; margin-right: 40px; }
		.notloggedin .externalinfo .linkbox2col .first 	{ width: 260px; float: left; margin-right: 20px; }
		.notloggedin .externalinfo .linkbox2col .second { width: 260px; float: left; }

	.notloggedin .externalinfo h3 				{ padding: 18px 0 10px 25px; margin: 0; background: url(pix/layout/externalinfo_h1_bg.jpg) repeat-x; }
	.notloggedin .externalinfo ul 				{ margin: 15px 0 0 45px; }
	.notloggedin .externalinfo li				{ margin: 4px 0; padding: 0; }
	.notloggedin .externalinfo a 				{ color: #595959; font-size: 13px; text-decoration: none; }
		.notloggedin .externalinfo a:hover 		{ text-decoration: underline; }
	.notloggedin .externalinfo .beschreibung 	{ padding: 0 0 0 20px; display: block; font-size: 14px; color: #999; }

/* bluebox */
.notloggedin .bluebox							{ margin: 30px 0; padding: 30px; background: #5484b4 url(pix/layout/bluebox_bg.jpg); border-radius: 16px; }
	.notloggedin .bluebox h1, .notloggedin .bluebox li {
	  color: white;
	  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
	}



.notloggedin .section							{ display: block; overflow: auto; }
/* columns */
.notloggedin .leftColumn,
.notloggedin .rightColumn						{ float: left; overflow: auto; }
.notloggedin .leftColumn						{ width: 500px; }
.notloggedin .leftColumn h1						{ margin-top: 5px; }
.notloggedin .rightColumn 						{ width: 350px; margin-left: 40px; margin-top: 130px; text-align: center; }
.notloggedin #intro1 .rightColumn 				{ margin-top: 150px; }
	.notloggedin .elearning-logo				{ display: block; width: 300px; height: 55px; margin: 50px 30px; background: url(pix/logo/logo_elearning.jpg); }

.notloggedin .subpagetext						{ float: left; width: 540px; }
	.notloggedin .subpagetext img 				{ float: right; margin: 0 0 20px 20px; }

.notloggedin #content a.registerButton			{ margin: 40px 0; display: block; border: 0px none transparent; }

.notloggedin .attentionBox 						{ width: 275px; margin: 20px auto; }
.notloggedin .attentionBox 						{ padding: 10px 0; background-color: #eaeaea; text-align: center; border: 1px solid #d5d5d5; }
	.notloggedin .attentionBox .title			{ font-size: 16px; font-weight: bold; color: #990000; margin-bottom: 10px; }
	.notloggedin .attentionBox p 				{ margin: 6px 10px; line-height: 16px; font-size: 12px; }
	.notloggedin .attentionBox span				{ display: inline-block; background-image: url(pix/layout/attention.jpg); position: relative; top: 3px; left: -3px; width: 27px; height: 24px; };

#logo_soon-systems {
	float: right;
	width: 150px;
	font-size: 12px;
	color: #777;
	margin-bottom: 10px;
	position: relative;
	top: -15px;
}

/* Fixes, um Seitenränder auf jeder Seite standardmaessig auf 40px zu setzen */
.singlecolumn 							{ padding: 0 40px; }
.generalboxcontent						{ margin-left: 0; margin-right: 0; }
.glossarydisplay						{ margin-left: 0; margin-right: 0; width: auto; }
#mod-resource-view .resourcecontent 	{ margin-left: 0; margin-right: 0; }
#layout-table #middle-column 			{ padding-left: 0; padding-right: 0px; }
#layout-table #right-column 			{ padding-left: 20px; }
#wiki-view 								{ margin-left: 0; margin-right: 0; }

.section .activity						{ margin: 10px 0 0; }

/* Layout Fixes */
.generalboxcontent 						{ border-style: none; }
.generalbox 							{ padding: 0; border-width: 0px; border-style: none; }
#embeddedtrainer 						{ border-style: none; width: 100%; height: 720px; }
#embeddedbuilder 						{ border-style: none; }

/* Sideblock */
div.sideblock 											{ width: 210px; }
	div.sideblock .sidemenu								{ margin-top: 110px; }
	div.sideblock .header								{ border-style: none; padding: 0; }
		div.sideblock .header .title h2					{ background-color: #4478AD; font-size: 13px; color: white; padding-left: 8px; }
		div.sideblock .header .title input				{ display: none; }

	div.sideblock .content								{ padding: 0; border: none; }
		div.sideblock .content .list					{ border: 1px solid #e5e5e5; width: auto; }
		/* side navigation */
		div.sideblock .content .side-nav,
		div.sideblock .content .side-nav li				{ margin: 0; padding: 0; list-style: none; }
		div.sideblock .content .side-nav li span,
		div.sideblock .content .side-nav li a			{ margin: 0; line-height: 24px; display: block; padding: 0 12px;; }
		div.sideblock .content .side-nav li .active		{ background-color: #639EDB; color: #EBF0F5; }
		div.sideblock .content .side-nav li a:hover		{ background-color: #93C0ED; color: #123456; }

	div.sideblock .content li,
	.admintree a,
	.sideblock a 										{ margin: 5px 0; line-height: 24px; font-size: 12px; }

	div.sideblock select 								{ width: 170px; }

/* Footer */
#footer 								{ margin: 8px 0 30px; text-align: center; overflow: hidden; }
	#footer #footerLinks 				{ float: left; line-height: 30px; margin-left: 24px; }
		#footerLinks a 					{ font-size: 12px; margin-right: 20px; }
	#footer #logo_soon-systems 			{ float: right; line-height: 30px; font-size: 12px; margin-right: 24px; }
		#footer #logo_soon-systems a 	{ float: right; display: block; margin-left: 8px; outline: none; }
		#footer #logo_soon-systems span	{ font-size: 12px; }

#footer .helplink 	{ display: none; }
#footer .logininfo 	{ display: none; }
#footer .homelink 	{ display: none; }
div.clearer 		{ clear: both; }


/*------------------------
 *
 *	T Y P O G R A F I E
 *
 *	Copy Baseline: 24px
 *	Emphasis: italics
 *
 -------------------------*/

body			{ font-family: Trebuchet MS, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif; }

/* Ueberschriften */

h1, h2, h3, h4, h5 	{ font-weight: normal; color: #123456; letter-spacing: 0.02em; }
h4, h5				{ font-style: italic; }

h1, h2			{ margin-top: 46px; margin-bottom: 24px; }
h3				{ margin-top: 34px; margin-bottom: 12px; }
h4				{ margin-top: 18px; margin-bottom: 12px; }
h5				{ margin-top: 18px; margin-bottom: 12px; }

h1 				{ font-size: 28px; line-height: 39px; }
h2 				{ font-size: 23px; line-height: 33px; }
h3 				{ font-size: 18px; line-height: 26px; }
h4 				{ font-size: 15px;	line-height: 23px; }
h5 				{ font-size: 13px;	line-height: 23px; }

/* Absaetze und Listen */
p, ul li		{ line-height: 24px; margin-top: 12px; margin-bottom: 12px; }
p.sublevel1		{ padding-left: 15px; }
p.sublevel2		{ padding-left: 30px; }
p.sublevel3		{ padding-left: 45px; }
li.continued	{ list-style-type: none }

p, ul			{ font-size: 13px; }
ol	 			{ font-size: 15px; }
ol.letters		{ list-style-type: upper-alpha; }

ul, ol			{ margin: 10px 0; }
ul				{ padding-left: 15px; }
ol				{ padding-left: 30px; }
ol				{ font-style: italic; font-weight: bold; }
ul p, ol p 		{ margin: 8px 0; font-weight: normal; font-style: normal; }

/* Links */
a 							{ text-decoration: none; }
li a, p a 					{ border-bottom: 1px dotted #aaa; }
	a:link 					{ color: #3a5568; color: #2E5983; }
	a:visited 				{ color: #5582a2; color: #2E5983 }
	a:hover 				{ color: #56aae7; }
		a.dimmed:link 		{ color: #AAAAAA; }
		a.dimmed:visited 	{ color: #AAAAAA; }
		a img 				{ border: none; }
	a.flashlink				{ width: 160px; height: 41px; display: block; border: none; margin: 12px; background-image: url(http://fruehehilfen-bw.de/file.php/49/Flash/160x41_Get_Flash_Player.jpg); }

	a.iconlink				{ padding-left: 20px; background: url( pix/icons/link.png ) no-repeat; }
	a.tiplink				{ padding-left: 20px; background: url( pix/icons/tip.png) no-repeat; }

	/* popups */
	a.popupLink,
	a.popupLink_inline			{ 
		background: transparent url(pix/icons/popup.png) no-repeat scroll left center;
		display: inline-block;
		padding-left: 22px;
		margin-left: 2px;
		cursor: pointer;
		border: none;
	}
	.popupContent 								{ display: none; width: 700px; }
		.popupWrapper 			{ margin: 30px; }
		.popupWrapper.narrow 		{ width: 500px; }
		.notloggedin .popupWrapper 	{ width: 500px; text-align: left; }



/* Buttons */

a.btn { display: inline-block; outline: 0; text-decoration: none; border: none; }

	a.btn span { display: block; float: left; height: 36px; background: url(pix/button/button_generic.png); }

	a.btn span.a { width: 5px; }
	a.btn span.b { color: #444; font-size: 13px; line-height: 32px; padding: 0 8px; text-shadow: 1px 1px 0 rgba(255,255,255,0.5); background-position: 0 -36px; }
	a.btn span.c { width: 5px; background-position: -6px 0; }

	a.btn:hover span.a { background-position: 0 -72px;}
	a.btn:hover span.b { background-position: 0 -108px;}
	a.btn:hover span.c { background-position: -6px -72px;}

	a.btn:active span.a, a.btn.active span.a { background-position: 0 -144px;}
	a.btn:active span.b, a.btn.active span.b { background-position: 0 -180px; color: #e0e0e0; text-shadow: 1px 1px 0 rgba(0,0,0,0.5);}
	a.btn:active span.c, a.btn.active span.c { background-position: -6px -144px;}

.biglink	{
	margin: 3px;
	overflow: hidden;
}
	.biglink * 		{ 
		height: 32px;
		float: left;
		display: block;
		background-image: url(pix/layout/biglink.jpg);
		background-repeat: no-repeat;
		cursor: pointer;
	}
	.biglink .bl_l 	{ background-position: 0 0; width: 36px; }
	.biglink .bl_t 	{ background: #565656; color: white; line-height: 32px; padding: 0 4px; }
	.biglink .bl_r 	{ background-position: -40px 0; width: 8px; }

	.biglink:hover .bl_l 	{ background-position: 0 -32px; }
	.biglink:hover .bl_t 	{ background: #6d6d6d; }
	.biglink:hover .bl_r 	{ background-position: -40px -32px; }

/* custom tags */
.infobox					{ margin: 23px 0; padding: 10px 15px; background-color: #edf7fc; background-color: #EEF3F7; border: 1px solid #DFE8EC}
	.infobox h1,
	.infobox h2,
	.infobox h3,
	.infobox h4 			{ margin-top: 0px; }
.modified					{ font-size: 12px; color: #aaa; text-align: center; }

.blocklink 					{ padding: 10px 20px; margin: 20px 0; display: block; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
	.blocklink:hover 		{ border: 2px solid #9CC8E5; padding: 8px 18px; }
		.blocklink div h3 	{ margin: 0; }



/* Anleitungen */
ol.anleitung			{ margin: 0; }
ol.anleitung li			{ padding: 30px 0; border-bottom: 1px solid #ddd; }
.anleitung img			{ margin: 10px 0; }

/* Tabellen */
.generaltable 			{ border-spacing: 1px; border-collapse: separate; }
	.generaltable td 	{ vertical-align: top; padding: 5px 10px 5px 5px; background-color: #e7ebed; font-size: 12px; }
	.generaltable th 	{ font-size: 12px; }

.Tabelleeinfach	{
	border-collapse: collapse;
}
	.Tabelleeinfach	td {
		border: 1px solid rgb( 210, 220, 240 );
		padding: 8px
	}
	.Tabelleeinfach	tr.ersteZeile td {
		border: none;
	}
	.Tabelleeinfach	.Kopfzeile {
		margin-bottom: 0;
		font-weight: normal;
		color: rgb( 54, 95, 145 );
	}
	.Tabelleeinfach	tr.ungerade td{
		background-color: rgb( 245, 250, 255 );
	}

/* custom */
.hinweis 				{ color: #5195c3; font-style: italic; }
.bildunterschrift		{ font-style: italic; font-size: 12px; }

/*-------------------------
 *
 *	B U C H F U N K T I O N
 *
 -------------------------*/

/* Spalten */
.bookview							{ overflow: visible; }
	.bookview .top					{ display: block; overflow: hidden; }

	.bookview h1, .bookview h2, .bookview h3, .bookview h4, .bookview h5, .bookview h6,
	.bookview ul,
	.bookview div.infobox,
	.bookview p						{ margin-left: 200px; }

	.bookview .infobox h1, .bookview .infobox h2, .bookview .infobox h3, .bookview .infobox h4, .bookview .infobox h5, .bookview .infobox h6,
	.bookview .infobox p,

	.bookview .infobox ul { margin-left: 0px; }
	.bookview .multicol				{ position: relative; }

	.bookview .left_col					{ width: 200px; float: left; clear: left; }
	.bookview .center_col				{ width: 750px; overflow: auto; }

/* Vertiefungs-Links */
.bookview .left_col a.textlink				{ margin: 8px 0 30px 0; display: block; text-align: center; width: 160px; text-decoration: none; border: none; cursor: pointer; }
.bookview .left_col a.textlink .icon		{ margin: 0 auto 5px; height: 48px; width: 48px; }
.bookview .left_col a.grundlagentext .icon	{ background: url( pix/icons/grundlagentexte_48.jpg ); }
.bookview .left_col a.handbuchtext .icon	{ background: url( pix/icons/handbuchtexte_48.jpg ); }
.bookview .left_col a.methoden .icon		{ background: url( pix/icons/methoden_48.jpg ); }
.bookview .left_col a.textlink p			{ margin: 0; font-size: 12px; line-height: 16px; }

/* Zwischenüberschriften */
.bookview .right_col p			{ font-style: italic; color: #999; margin-top: 0; }

/* Texte-Links inline */
a.grundlagentext.inline{ 
	background: url(pix/icons/grundlagentexte_16.jpg) no-repeat left center;
	padding-left: 16px;
}
a.handbuchtext.inline {
	background: url(pix/icons/handbuchtexte_16.jpg) no-repeat left center;
	padding-left: 18px;
}


/****************/
/* Symbolleiste */
/****************/

/* Buttons */

.bookview .bar	{ overflow: hidden; background: url(pix/book/buttons_bg_sprite.jpg); display: inline-block; }
.bookview .button	{
	height: 40px;
	display: block;
	background-image: url(pix/book/buttons_sprite.jpg);
	cursor: pointer;
	outline: none;
	float: left;
}

.bookview .bar .buttons_left					{ float: left; }
.bookview .bar .buttons_right					{ float: right; }

.bookview .bar .book_toc_switcher				{ width: 82px; background-position: 0px 0px; }
.bookview .bar .bookmark_jump					{ width: 34px; background-position: -82px 0px; margin-left: 6px; }
.bookview .bar .bookmark_put_combo				{ width: 34px; background-position: -116px 0px; margin-right: 6px; }
.bookview .bar .bookmark_put					{ width: 36px; background-position: -150px 0px; margin: 0 6px; }
.bookview .bar .book_nav_first					{ width: 34px; background-position: -186px 0px; }
.bookview .bar .book_nav_prev					{ width: 31px; background-position: -220px 0px; }
.bookview .bar .book_nav_prev_disabled			{ width: 31px; background-position: -220px 0px; }
.bookview .bar span.middle						{ width: 6px; height: 40px; display: block; float: left; background: url(pix/book/buttons_sprite.jpg) -251px 0; }
.bookview .bar .book_nav_next					{ width: 31px; background-position: -257px 0px; }
.bookview .bar .book_nav_last					{ width: 32px; background-position: -288px 0px; }
.bookview .bar .book_nav_exit					{ width: 34px; background-position: -320px 0px; }
.bookview .bar .book_pdf						{ width: 36px; background-position: -394px 0px; }
.bookview .bar .book_finished					{ width: 38px; background-position: -430px 0px; }

.bookview .bar .book_toc_switcher:hover			{ background-position: 0px -40px; }
.bookview .bar .bookmark_jump:hover				{ background-position: -82px -40px; }
.bookview .bar .bookmark_put_combo:hover		{ background-position: -116px -40px; }
.bookview .bar .bookmark_put:hover				{ background-position: -150px -40px; }
.bookview .bar .book_nav_first:hover			{ background-position: -186px -40px; }
.bookview .bar .book_nav_prev:hover				{ background-position: -220px -40px; }
.bookview .bar .book_nav_prev_disabled:hover	{ background-position: -220px -40px; }
.bookview .bar .book_nav_next:hover				{ background-position: -257px -40px; }
.bookview .bar .book_nav_last:hover				{ background-position: -288px -40px; }
.bookview .bar .book_nav_exit:hover				{ background-position: -320px -40px; }
.bookview .bar .book_pdf:hover					{ background-position: -394px -40px; }
.bookview .bar .book_finished:hover				{ background-position: -430px -40px; }

.bookview .bar .book_toc_switcher.active,
.bookview .bar .book_toc_switcher:active		{ background-position: 0px -80px; }
.bookview .bar .bookmark_jump:active			{ background-position: -82px -80px; }
.bookview .bar .bookmark_put_combo:active		{ background-position: -116px -80px; }
.bookview .bar .bookmark_put:active				{ background-position: -150px -80px; }
.bookview .bar .book_nav_first:active			{ background-position: -186px -80px; }
.bookview .bar .book_nav_prev:active			{ background-position: -220px -80px; }
.bookview .bar .book_nav_prev_disabled:active	{ background-position: -220px -80px; }
.bookview .bar .book_nav_next:active			{ background-position: -257px -80px; }
.bookview .bar .book_nav_last:active			{ background-position: -288px -80px; }
.bookview .bar .book_nav_exit:active			{ background-position: -320px -80px; }
.bookview .bar .book_pdf:active					{ background-position: -394px -80px; }
.bookview .bar .book_finished.active,
.bookview .bar .book_finished:active			{ background-position: -430px -80px; }


/* Fortschrittsanzeige */

.bookview .bar .progress_bar	{
	width: 404px; /* 400px progressbar + 4px left/right borders */
	margin: 0 6px;
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	background: url(pix/book/buttons_bg_sprite.jpg) 0 -80px;
}
.bookview .bar .progress_bar *				{ display: block; height: 40px; float: left; background: url(pix/book/buttons_sprite.jpg) }
.bookview .bar .progress_bar .left			{ width: 2px; background-position: -359px 0px; }
.bookview .bar .progress_bar .right			{ width: 2px; float: right; background-position: -388px 0px; }
.bookview .bar .progress_bar .filler		{ width: 150px; position: absolute; left: 2px; background: url(pix/book/buttons_bg_sprite.jpg) 0px -40px; }
.bookview .bar .progress_bar .filler .right	{ width: 2px; float: right; background-position: -374px 0px; }

.bookview .pagenumber 	{
	border-top: 1px solid #ddd;
	float: right;
	font-weight: bold;
	margin-top: 40px;
	padding: 8px 0 0 30px;
	font-size: 12px;
}	
.bookview .pagenumber .current	{
	font-size: 15px;
}

/*-------------------
* Buch-Typografie 
* -------------------*/

.book_content 						{ width: 525px; }
	.book_content p,
	.book_content li,
	.book_content h1,
	.book_content h2,
	.book_content h3,
	.book_content h4 				{ font-family: Georgia, Times New Roman, Times, serif; }

	.book_content p,
	.book_content ul li				{ font-size: 14px; line-height: 24px; font-family: Georgia, Times New Roman, Times, serif; }
	
	.book_content div.twocolumnpar 						{ position: relative; }
	.book_content div.twocolumnpar div.rightpar			{ position: absolute; top: 0px; left: 540px; width: 140px;
														text-align: left; font-size: 0.9em; line-height: 24px; }
		.book_content div.twocolumnpar div.rightpar p 	{ margin: 0; color: #959595; text-align: left; font-size: 12px; }

	/* Tabellen */
	.book_content table	 				{ width: 650px; border-color: #e0e0e0; }
		.book_content table th,
		.book_content table td			{ padding: 5px; vertical-align: top; }
		.book_content table p,
		.book_content table ul li		{ font-size: 11px; text-align: left; margin: 0; }
		.book_content table ul 			{ margin: 0; }

/* Abbildungen */
.book_content .abbildung				{ margin: 40px 0; }

.book_content ol.roman					{ list-style-type: upper-roman; font-size: 12px; font-style: normal; color: #586069; }
	.book_content table ol.roman		{ padding-left: 45px; }

/* Inhaltsverzeichnis */
.book_toc								{ display:none; }
.book_toc_floating 						{
	width:500px;
	position: absolute;
	background: white;
	border: 1px solid #e5e5e5;
	padding: 20px;
	top: 40px;
	left: 45px;
	z-index: 10;
}
	.book_toc_floating .book_toc_none 	{ margin:10px; }
.book_toc_none 							{ margin-right: 40px; }
	.book_toc_none ul 					{ margin: 8px 0 12px 0; }
		.book_toc_none ul li 			{ margin: 4px 0; font-weight: bold; color: white; line-height: 18px; }
			.book_toc_none ul li strong {
				color: white;
				display: inline-block;
				background-color: #b53;
				padding: 0 10px;
				font-weight: normal;
				padding: 5px 10px;
				position: relative;
				left: -10px;
				text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.25);
				border-radius: 8px;
				
				/*** ----> begin gradient ***/
					background: #2e5983; /* Old browsers */
					background: -moz-linear-gradient(top, #4a78a3 0%, #2e5983 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a78a3), color-stop(100%,#2e5983)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #4a78a3 0%,#2e5983 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #4a78a3 0%,#2e5983 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #4a78a3 0%,#2e5983 100%); /* IE10+ */
					background: linear-gradient(top, #4a78a3 0%,#2e5983 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a78a3', endColorstr='#2e5983',GradientType=0 ); /* IE6-9 */
				/*** <---- end gradient ***/
			}
			.book_toc_none ul ul li 	{ font-weight: normal; padding-left: 15px; }
			.book_toc_none ul li a 		{ display: block; border: none; }
				.editing .book_toc_none ul li a 	{ display: inline; }
		
.book_chapter_title {
	display: none;
}

/* Fussnoten & Fremdwoerter */
.fussnote,
.fremdwort					{ display: inline; width: 20px; height: 20px; text-decoration: none; cursor: help; }

	.fussnote .fncont,
	.fremdwort .fwcont	{
		display: none;
		padding: 5px;
		position:absolute;
		background:#444;
		color:#ddd;
		left: 215px;
		-moz-box-shadow: 0px 0px 12px #888; -webkit-box-shadow: 0px 0px 12px #888; box-shadow: 0px 0px 12px #888;
		-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
	}

.fussnote:hover,
.fremdwort:hover 			{ background-color:#deffff; } /*BG color is a must for IE6*/

	.fussnote:hover .fncont,
	.fremdwort:hover .fwcont	{
		display:inline;
	}

	/* fix fuer Anzeige in multicol */
	.multicol a.fussnote:hover .fncont,
	.multicol a.fremdwort:hover .fwcont	{
		left: 0px;
	}

.fussnote .fn		{ width: 16px; height: 16px; display: inline-block; display:-moz-inline-box; background: url(pix/icons/info.gif); }
.fremdwort .fw			{ font-style: italic; color: #723232; }

/* Inhaltsverzeichnis */

div#tableofcontents 										{ margin-top: 50px; border-top: 1px solid #DCE8EF; }
	div#tableofcontents h3 									{ color: #8ca5b8; }
		div#tableofcontents ul 								{ list-style-type: none; list-style-image: none; padding-left: 0; }
			div#tableofcontents ul li 						{ margin: 16px 0 6px; padding-left: 16px; }
			div#tableofcontents ul ul 						{ margin: 8px 0; padding-left: 16px; }
			div#tableofcontents ul ul li					{ margin: 8px 0; }

				div#tableofcontents ul li a					{ color: #00477b; }
					div#tableofcontents ul ul li a			{ color: #366c94; }
				div#tableofcontents ul li span.linkback		{ color: #86b0d0; }
				div#tableofcontents ul li span.numbering	{ color: #9fbed5; font-weight: bold; }

				div#tableofcontents ul li a:hover			{ border-bottom: 1px dotted #B3CCDD; }

/* Titelseite */
div.titlePage {
	height: 680px;
	text-align: center;
	overflow: hidden;
}
div.titlePage h1 {
	font-size: 32px;
}
div.titlePage p.category {
	color: #123456;
	font-size: 16px;
	margin-top: 150px;
}
div.titlePage p.authors {
	color: #777;
	font-size: 14px;
	font-style: italic;
	margin-bottom: 150px;
}
	


/****************/
/* NAVIGATION	*/
/****************/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
	padding-left: 50px;
	position:relative;
	z-index:100;
	height: 64px;
	background: url(pix/layout/navbg.jpg) no-repeat top left;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {
}
/* remove all the bullets, borders and padding from the default list styling */
	.menu ul {
		padding:0;
		margin:0;
		list-style-type:none;
	}
	/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	.menu li {
		text-align: left;
		float:left;
		position:relative;
		margin: 8px 8px 0 8px;
		list-style-image:none;
	}
	/* style the links for the top level */
	.menu a, .menu a:visited {
		text-decoration: none;
		font-size: 16px;
		color: #5b4206;
		display:block;
		padding: 0 30px;
		line-height:43px;
		border-style: solid;
		border-width: 0px;
		-moz-border-radius-topleft: 8px;
		-moz-border-radius-topright: 8px;
		-webkit-border-top-right-radius: 8px;
		-webkit-border-top-left-radius: 8px;
	}
	/* a hack so that IE5.5 faulty box model is corrected */
	* html .menu a, * html .menu a:visited {
		/*width:140px;*/
		/*w\idth:80px;*/
	}
		/* hide the sub levels and give them a positon absolute so that they take up no room */
		.menu ul ul {
				visibility:hidden;
				position:absolute;
				/*height:0;*/
				top:43px;
				width:230px;
				border-style: solid;
				border-color: #cee1ec;
				border-width: 0 1px 1px 1px;
			z-index: 549;
		}
			.menu ul ul li {
				width:230px;
				margin: 0;
				-moz-border-radius-topleft: 0px;
			}
		/* another hack for IE5.5 */
		* html .menu ul ul {
			top:43px;
			t\op:43px;
		}
			/* style the second level links */
			.menu ul ul a, .menu ul ul a:visited {
				font-size: 14px;
				/*background: #F2F7FA;*/
				background-color: #F4F8F9;
				color:#28526a;
				height:auto;
				line-height:22px;
				padding:8px 20px 8px 30px;
				/*width:128px;*/
				display:block;
				-moz-border-radius: 0px;
				-webkit-border-radius: 0px;
			}
			/* yet another hack for IE5.5 */
			* html .menu ul ul a, * html .menu ul ul a:visited {
				width:230px;
				w\idth:185px;
			}
			/* position the third level flyout menu */
			.menu ul ul ul{
				left:149px;
				top:-1px;
				width:149px;
			}
			/* position the third level flyout menu for a left flyout */
			.menu ul ul ul.left {
				left:-149px;
			}
	/* style the table so that it takes no ppart in the layout - required for IE to work */
	.menu table {
		position:absolute;
		top:0;
		left:0;
		border-collapse:collapse;;
	}
	/* style the top level hover */
		.menu li a:hover {
			color: white !important;
			/*background: #2E5983 url(pix/layout/selectionbg.jpg) repeat-x !important;*/

			/*** ----> begin gradient ***/
				background: #326BA3 !important; /* Old browsers */
				background: -moz-linear-gradient(top, #5383B3 0%, #326BA3 100%) !important; /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5383B3), color-stop(100%,#326BA3)) !important; /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #5383B3 0%,#326BA3 100%) !important; /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #5383B3 0%,#326BA3 100%) !important; /* Opera 11.10+ */
				background: -ms-linear-gradient(top, #5383B3 0%,#326BA3 100%) !important; /* IE10+ */
				background: linear-gradient(top, #5383B3 0%,#326BA3 100%) !important; /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5383B3', endColorstr='#326BA3',GradientType=0 ) !important; /* IE6-9 */
			/*** <---- end gradient ***/
			
			padding: 0 29px;
			border-color: #486a86;
			border-width: 1px 1px 0 1px;
			/* text-shadow: 1px 1px 0px #0E3963; */
		}
		.menu ul li a:active {
			background: #2E5983;
		}
	.menu :hover > a {
		color: #123456;
		background-color: #F2F7FA;
		border-color: #cee1ec;
		border-width: 1px 1px 0 1px;
		padding: 0 29px;
	}
	/*
	.menu :hover > li {
		color:#000;
		background-image: url(pix/layout/tableft.jpg);
	}
	*/

	.menu ul ul a:hover {
		color:#000;
		border-width: 0px;
		padding:8px 20px 8px 30px;
		-moz-border-radius: 0px;
	}
	.menu ul a:hover { color: red; }
	.menu ul ul :hover > a {
		color:#000;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
	}

	/* make the second level visible when hover on first level list OR link */
	.menu ul li:hover ul,
	.menu ul a:hover ul {
		visibility:visible;
	}
	.menu_active:hover ul {
		visibility:visible;
	}
	/* keep the third level hidden when you hover on first level list OR link */
	.menu ul :hover ul ul{
		visibility:hidden;
	}
	/* make the third level visible when you hover over second level list OR link */
	.menu ul :hover ul :hover ul{
		visibility:visible;
	}
	/* Navigation-Buttons */
	.menu .menu_active a {
		color: #123456;
		background-color: white;
		border-style: solid;
		border-color: #e4d5b0;
		border-width: 1px 1px 0 1px;
	}
		.menu .menu_active ul a {
			border-width: 0px;
			background-color: #F4F8F9;
		}
		.menu .menu_active:hover a {
			background-color: #F2F7FA;
			border-color: #cee1ec;
			padding-left: 30px;
			padding-right: 30px;
		}
		.menu .menu_active a:active {
			background: #1E4973;
		}
		.menu .menu_active a:hover {
			border-color: #486a86;
			color: white;
			padding-left: 30px;
			padding-right: 30px;
		}
	.menu ul ul li .iteminfo {
		display: block;
		font-size: 10px;
		line-height: 14px;
		color: #648da4;
	}
	.menu ul ul li:hover .iteminfo {
		color: #cfe2ec;
	}


/* ------------------------
 *
 *    L E R N P R O F I L
 *
 * ------------------------ */

#lernprofil #legend						{ border-top: 1px solid #ddd; padding-top: 8px; overflow: auto;}
#lernprofil #legend div 				{ float: left; margin-right: 15px; overflow: auto; }
		#lernprofil #legend .checked,
		#lernprofil #legend .bookmarked { float: left; margin-right: 8px; }
		#lernprofil #legend div span 	{ font-size: 12px; color: #888; }

	#lernprofil .cert {
		margin-left: 50px;
		margin-bottom: 20px;
		display: block;
		clear: left;
		overflow: hidden;
	}
		#lernprofil .cert .get_cert					{
			display: block;
			padding: 8px; 
			margin: 4px 4px 4px 0;
			float: left;
			line-height: 20px;

			border-radius: 6px;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;

			box-shadow: 0 0 1px white inset;
			-mozbox-shadow: 0 0 1px white inset;
			-webkit-box-shadow: 0 0 1px white inset;
		}
		#lernprofil .cert .cert_avail	{
			color: white;
			cursor: pointer;
			border: 1px solid #14a809;
			text-shadow: -1px -1px 0px rgba(0,0,0,0.2);

			/*** ----> begin gradient ***/
				background: #3eb234; /* Old browsers */
				background: -moz-linear-gradient(top, #40cb33 0%, #3eb234 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#40cb33), color-stop(100%,#3eb234)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #40cb33 0%,#3eb234 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #40cb33 0%,#3eb234 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top, #40cb33 0%,#3eb234 100%); /* IE10+ */
				background: linear-gradient(top, #40cb33 0%,#3eb234 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40cb33', endColorstr='#3eb234',GradientType=0 ); /* IE6-9 */
			/*** <---- end gradient ***/
			
		}
		#lernprofil .cert .cert_unavail	{
			color: #606060;
			cursor: default;
			background: #ddd;
			border: 1px solid #C4C4C4;
			text-shadow: 1px 1px 0px rgba(255,255,255,0.7);

			/*** ----> begin gradient ***/
				background: #eeeeee; /* Old browsers */
				background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* IE10+ */
				background: linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
			/*** <---- end gradient ***/
			
		}
#lernprofil						{ margin: 20px 0px; }
	#lernprofil .checked,
	#lernprofil .unchecked,
	#lernprofil .bookmarked 	{ display: block; width: 16px; height: 16px; }
	#lernprofil .checked 		{ background: url(pix/lernprofil/lernprofil-icons.png) -16px 0; }
	#lernprofil .unchecked 		{ background: url(pix/lernprofil/lernprofil-icons.png) -32px 0; }
	#lernprofil .bookmarked 	{ background: url(pix/lernprofil/lernprofil-icons.png) 0 0; }

	#lernprofil .area {
		margin-top: 80px;
		background: #f7f7f7;
		overflow: hidden;
		/* box-shadow: 0 0 8px #ddd; */
	}
		#lernprofil .area .top_wrap {
		border: 1px solid #dadada;
		border-width: 1px 1px 0 1px;
		-moz-border-radius: 8px 8px 0 0;
		-webkit-border-radius: 8px 8px 0 0;
		border-radius: 8px 8px 0 0;
		}
		#lernprofil .area .top_wrap .top {
			height: 88px;
			margin-top: 8px;
			overflow: auto;
			background: url(pix/lernprofil/lernprofil_sprite.jpg);
		}
			#lernprofil .area .top .title {
				margin: 15px 30px;
				overflow: auto;
			}
			#lernprofil .area .top .left,
			#lernprofil .area .top .middle,
			#lernprofil .area .top .right 	{ float: left; height: 104px; background: url(pix/lernprofil/lernprofil_sprite_top.jpg) }
			#lernprofil .area .top .left 	{ width: 24px; background-position: 0px 0px; }
			#lernprofil .area .top .middle 	{ width: 842px; background-position: 0px -104px; }
			#lernprofil .area .top .right 	{ width: 24px; background-position: -24px 0px; }

			#lernprofil .area .title img			{
				float: left;
			}
			#lernprofil .area .title h2				{
				float: left;
				margin: 7px 0 0 8px;
			}
		#lernprofil .area .progressBars {
			overflow: auto;
			font-family: Georgia, Lucida Bright, LucidaBright, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, serif;
			background: white;
			border: 1px solid #dadada;
			border-width: 0 1px;
			clear:left;
			display: block;
		}
			#lernprofil .area .progressBars .progress { display: block; }
			#lernprofil .area .progressBars .left,
			#lernprofil .area .progressBars .right 	{ float: left; height: 130px; background: url(pix/lernprofil/lernprofil_sprite_body.jpg) }
			#lernprofil .area .progressBars .left 	{ width: 16px; margin-right: 16px; background-position: 0px 0px; }
			#lernprofil .area .progressBars .right 	{ width: 16px; margin-left: 16px; background-position: -15px 0px; }
			#lernprofil .area .progressBars .middle { background: white; overflow: auto; float: left; }
			
				#lernprofil .area .progressBars .col 		{ float: left; margin: 20px 0; display: inline-block; }
				#lernprofil .area .progressBars .leftNum	{ width: 40px; text-align: right; margin-right: 10px; }
				#lernprofil .area .progressBars .rightNum 	{ width: 40px; text-align: left; margin-left: 10px; }
				#lernprofil .area .progressBars .center 	{ width: 550px; }
					#lernprofil .area .progressBars .leftNum p, #lernprofil .area .progressBars .rightNum p {
						margin: 30px 0;
						font-style: italic;
					}
					#lernprofil .area .progressBars .desc p {
						margin: 4px;
					}
					#lernprofil .area .progressBars .desc .percentage {
						font-size: 1.2em; 
						margin-right: 4px;
					}
					#lernprofil .area .progressBars .center .barBg 				{
						background: #777 url(pix/lernprofil/lernprofil_sprite.jpg) 0 -122px;
						height: 13px;
					}
					#lernprofil .area .progressBars .center .barBg .bar 			{ height: 13px; overflow: hidden; }
					#lernprofil .area .progressBars .center .bar01 .bar 			{ background: #2e5983 url(pix/lernprofil/lernprofil_sprite.jpg) 0 -96px; }
					#lernprofil .area .progressBars .center .bar01 .percentage 		{ color: #2e5983; }
					#lernprofil .area .progressBars .center .bar02 					{ margin-top: 1px; }
					#lernprofil .area .progressBars .center .bar02 .bar 			{ background: #0a9300 url(pix/lernprofil/lernprofil_sprite.jpg) 0 -109px;}
					#lernprofil .area .progressBars .center .bar02 .percentage 		{ color: #0a9300; }
					#lernprofil .area .progressBars .center .bar 					{ height: 12px; }

				#lernprofil .area .detail-block 													{
					overflow: auto;
					display: none;
					border: 1px solid #dadada;
					border-width: 0 1px;
				}
				#lernprofil .area .detail-block .detailsHead,
				#lernprofil .area .detail-block table.detailsContent,					
				#lernprofil .area .detail-block .detailsFoot								{ }
				#lernprofil .area .detail-block .detailsHead 							{ height: 9px; background: url(pix/lernprofil/lernprofil_sprite.jpg) 0 -87px; }

				#lernprofil .area .detail-block table.detailsContent										{
					border-collapse: separate;
					width: 100%;
					*border-collapse: collapse;
				}
					#lernprofil .area .detail-block table.detailsContent tr.passed 							{

						/*** ----> begin gradient ***/
							background-color: #4c9928; /* Old browsers */
							background: -moz-linear-gradient(top, #63ad3b 0%, #2F7C00 100%); /* FF3.6+ */
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63ad3b), color-stop(100%,#2F7C00)); /* Chrome,Safari4+ */
							background: -webkit-linear-gradient(top, #63ad3b 0%,#2F7C00 100%); /* Chrome10+,Safari5.1+ */
							background: -o-linear-gradient(top, #63ad3b 0%,#2F7C00 100%); /* Opera 11.10+ */
							background: -ms-linear-gradient(top, #63ad3b 0%,#2F7C00 100%); /* IE10+ */
							background: linear-gradient(top, #63ad3b 0%,#2F7C00 100%); /* W3C */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63ad3b', endColorstr='#2F7C00',GradientType=0 ); /* IE6-9 */
						/*** <---- end gradient ***/
					}
					#lernprofil .area .detail-block table.detailsContent tr td							{ padding: 8px; border-bottom: 1px solid #e5e5e5; *position: relative; }
						#lernprofil .area .detail-block table.detailsContent td.readstatus a			{ display: block; float: left; margin: 0 4px; }
						#lernprofil .area .detail-block table.detailsContent td.teststatus a			{ color: #555; font: italic 13px 'Georgia', 'Lucida Bright', 'LucidaBright', 'DejaVu Serif', 'Bitstream Vera Serif', 'Liberation Serif', serif; }
						#lernprofil .area .detail-block table.detailsContent td.teststatus a:hover		{ color: #73AAE9; }
						#lernprofil .area .detail-block table.detailsContent tr.failed td.teststatus a	{ color: #a30000; }
						#lernprofil .area .detail-block table.detailsContent tr.failed td.teststatus a:hover	{ color: #73AAE9; }
						#lernprofil .area .detail-block table.detailsContent tr.passed td.teststatus a	{ color: white; font-size: 16px; }
						#lernprofil .area .detail-block table.detailsContent tr.passed td.teststatus a:hover	{ color: 73AAE9; }
						#lernprofil .area .detail-block table.detailsContent tr.passed td.title a		{ color: white; }
							#lernprofil .area .detail-block table.detailsContent tr.passed td.title		{ color: white; }
					
					/* Spalten */
					#lernprofil .area .detail-block table.detailsContent tr.header { 
						font: 15px Georgia, serif;
						color: black;
						background: url("pix/lernprofil/lernprofil_sprite.jpg") repeat scroll 0 -135px transparent;
						height: 32px;
						border: none;
					}
						#lernprofil .area .detail-block table.detailsContent tr.header td {
							border: none;
							border-bottom: 1px solid #849DB7;
							border-top: 1px solid #9DB4CC;
							text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
							line-height: 32px;
							padding: 0 8px;
						}
						#lernprofil .area .detail-block table.detailsContent tr.header td.title,
						#lernprofil .area .detail-block table.detailsContent tr.header td.readstatus 	{ border-right: 1px solid #91AAC4; }
						#lernprofil .area .detail-block table.detailsContent tr.header td.readstatus,
						#lernprofil .area .detail-block table.detailsContent tr.header td.teststatus 	{ border-left: 1px solid #BED1E5; }

						#lernprofil .area .detail-block table.detailsContent td.readstatus				{ width: 120px; }
						#lernprofil .area .detail-block table.detailsContent td.teststatus				{ width: 120px; }

.block-toolbar .expand-block {
	padding: 4px 12px;
	font-size: 12px;
	line-height: 24px;
	color: white;
	cursor: pointer;
	background: #9df url(pix/layout/expand-block.jpg) repeat-x;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2);
	outline: 0;
	border-radius: 0 0 4px 4px;
}

/* Section Intro */
.block-toolbar {
	display: block;
	overflow: hidden;
	border-top: 1px solid #999;
}
.detail-block {
	display: none;
	overflow: hidden;
	padding-bottom: 16px;
}

/* ------------------------
 *
 *    S O N S T I G E S
 *
 * ------------------------ */

/* overviewTable */
.overviewTable			{ margin: 30px 0 0 0; border-spacing: 1px; border-collapse: separate; }
.overviewTable td		{ vertical-align: top; }
.overviewTable h1		{ margin: 10px 18px; font-size: 17px; font-weight: normal; color: #5582a2; }
.overviewTable p		{ margin: 10px 18px; font-size: 13px; }
.overviewTable thead	{ background-color: #e8f1f7; }
.overviewTable tbody	{ background-color: #dce9f2; }
.overviewTable tbody td { width: 33%; }

/* textliste */
.textliste						{ padding: 0; overflow: hidden; -moz-border-radius: 5px; }
	.textliste li				{ list-style-type: none; margin: 1px 0; max-width: 500px; }
	.textliste li span,
	.textliste li a				{
		display: block;
		margin: 0;
		padding: 3px 6px;
		color: #123456;
		text-shadow: 1px 1px 0px white;
		display: block;
		-moz-border-radius: 5px;
	}
	.textliste li span			{ background-color: #ebf0f5;  }
	.textliste li a				{ background-color: #c8def3; color: #123456; outline: none; text-shadow: 1px 1px 0px #ffe7ba; }
	.textliste li:hover a		{ background-color: #a1c7f0; color: black; text-shadow: 1px 1px 0px #dfeaf5; }

.sideblock .content .textliste li a				{ background-color: #ffc04c; color: #6d4701; outline: none; }
.sideblock .content .textliste li:hover a		{ background-color: #ffa500; color: black; text-shadow: 1px 1px 0px #ffd589; }
.textliste-3col 				{ overflow: hidden; width: 100%; }

	.textliste-2col .textliste 	{ width: 48%; }
	.textliste-3col .textliste	{ width: 32%; }
	.textliste-2col .textliste,
	.textliste-3col .textliste 	{ margin-right: 1%; float: left; margin-top: 0px; }

/* Login */
div.logininfo a:hover 			{ color: #000000; }
div.logininfo a:visited 		{ color: #000000; }
#loginbox_top 					{ float: right; margin-top: 5px; }
	#loginbox_top input 		{ color: black; font-size: 11px; }
	#loginbox_top label 		{ color: #675400; font-size: 11px; line-height: normal; }
	#loginbox_top .lostpw		{ font-size: 12px; margin: 4px 0; float: right; }

.logininfo {
	font-size: 12px;
	line-height: normal;
	float: right;
	color: black;
	margin: 5px;
}
#menu-loginas div.logininfo {
	padding-right: 5px;
	text-align: right;
	padding-bottom: 3px;
}

/* Logout */
.logoutlink		{ padding: 6px; border: 1px solid white; }

/* LOGOS */
#logobox 								{ margin-top: 30px; float: left; }
	#logobox .logopack 					{ float: left; }
			#logobox .logopack label 	{ margin-bottom: 15px; display: block; font-size: 11px; color: #999; }
			#logobox .logopack .right 	{ margin-left: 20px; }
			#logobox .logopack a 		{ display: block; float: left; margin: 15px; }
	/*#logobox #logo-kinderland			{ margin: 0 10px; }*/
	/*#logobox #logo-kjpp					{ margin: 0 10px; }*/
	/*#logobox #logo-uniklinik			{ margin: 0 10px; }*/


/*****************/
/* MISCELLANEOUS */
/*****************/

/* Registrierung */
.mform div.felement			{ width: 75%; }
.mform .fitemtitle 			{ width: 20%; }

/* Linkbox */
#linkbox 					{ margin-top: 30px; }
#linkbox li 				{ list-style-image: url(pix/layout/arrow.jpg); }


span.arrow 				{ font-family: Arial, Helvetica, Courier, sans-serif; }
p.arrow_button input 	{ font-family: Arial, Helvetica, Courier, sans-serif; }
img.resize				{ width: 1em; height: 1em; }
p.helplink 				{ margin: 0.5em 0; }

/* forms */
label	 				{ font-size: 12px; color: #466f8b; }
form .required 			{ font-size: 12px; }
.form-description,
.form-defaultinfo,
.formsettingheading,
.files td							{ font-size: 12px; text-align: left; }
#adminsettings .form-description 	{ margin-left: 210px; }

/* contact form */
#contactFormWrap					{ clear: right; }
	#contactFormWrap label 			{ display: block; }
	#contactFormWrap textarea 		{ width: 500px; height: 200px; }

h1.headermain { color: #449900; height: 10px; display: none; }
h2.headingblock {
	padding: 0;
	margin: 0;
	height: 1.5em;
	text-align: center;
	/*color: #fff;*/
	/*background-color: #0075BB;*/
	padding-top: 0.25em;
	border-width: 0 0 1px 0;
}

/* Rollenwechsel */
.topbar .navbutton 			{ float: right; margin: 4px 15px 0px 0; }
	.topbar .navbutton form { float: left; margin-right: 8px; }

/* Anpassungen für Kursansicht */
.section td.side 					{ display: none;}
#course-view .section td.content 	{ padding: 0; border-style: none;}

/* Forum */
.forumpost { width: 100%; }
	.forumpost .content,
	.forumpost .topic { padding: 10px; }
.discussioncontrols td { vertical-align: top; }

/* Textübersichten */
#course-view .content .section		{ overflow: auto; margin-bottom: 20px; }

.section a:hover	{ text-decoration: underline; }
.section .book a			{ font-size: 15px; border: none; }
.section .book a.dimmed		{ color: #AAA; }
.section .feedback a		{ color: #777; border: none; }
.section .quiz a			{ color: #777; border: none; }

.editing .section .feedback,
.section.editing  .quiz 		{ float: none; }
.section .feedback,
.section .quiz 		{ float: left; margin-right: 10px; }
.section .label		{ clear: left; display: block; overflow: auto; }

/* QUIZ */
.que { border-width: 1px 0 0 0; }
	.que .info 			{ margin: 10px 30px 10px 10px; }
		.que .info .no 	{ font-size: 36px; color: #ddd; }
	.que .prompt		{ display: none; }
	.que .qtext			{ font-weight: bold; margin: 24px 0 16px; }
	.que .answer		{ width: 100%; }

	.que .grading .correct,
	.que .grading .incorrect		{
		color: white;
		padding: 6px 12px;
		margin: 10px 0;
		border-radius: 14px;
		-moz-border-radius: 14px;
		-webkit-border-radius: 14px;
		text-shadow: -1px -1px 0px rgba(0,0,0,0.3);
	}
	.que .grading .correct 		{ background-color: #68C71A; }
	.que .grading .incorrect	{ background-color: #FF5A4F; }


/**********************/
/* METHODEN-WERKZEUGE */
/**********************/

/* Interaktionseinschaetzung */
.video-feinfuehligkeit {
	overflow: hidden;
}
	.video-feinfuehligkeit .video,
	.video-feinfuehligkeit .beschreibung {
		float:left;
	}

/* Entwicklungsübersicht */
#Entwicklungsuebersicht { overflow: hidden; }
	#Entwicklungsuebersicht .btn span.b {
		display: block;
		width: 500px;
	}
	#Entwicklungsuebersicht .list {
		margin: 0 0 30px;
		padding: 0;
		list-style-type: none;
		overflow: hidden;
		border: 1px solid #d1d9e2;
		background: #eff1f4;
		width: 500px;
		position: relative;
		top: -10px;
		margin: 0 8px;
	}
		#Entwicklungsuebersicht .list li {
			margin: 0;
			padding: 10px;
		}
		#Entwicklungsuebersicht .list .odd {
			background: #e3e7ec;
			border-top: 1px solid #d1d9e2;
			border-bottom: 1px solid #d1d9e2;
		}

/* Grafik Als/Brazelton */
.Modell_Als_Brazelton				{ overflow: auto; }
	.Modell_Als_Brazelton img		{ padding: 0; margin: 0; float: left; }
	.Modell_Als_Brazelton ul		{
		padding: 0;
		margin: 0;
		float: left;
		list-style-type: none;
	}
		.Modell_Als_Brazelton ul li {
			padding: 0; margin: 0;
			line-height: 32px;
		}
		.Modell_Als_Brazelton ul a {
			margin-left: 8px;
		}

/* allgemeine Tabelle */
table.generic-table 				{ border-collapse: collapse; margin: 3px; }
table.generic-table td				{ padding: 0 10px; border-color: #D4E1EB; border-style: solid;}
table.generic-table thead th,
table.generic-table thead td		{ border-width: 0; color: rgb(54,95,145); }
table.generic-table tbody td		{ border-width: 1px; }
table.generic-table tbody tr		{ background: #FBFBFC; }
table.generic-table tbody tr.marked	{ background: #F4F5F9; }

/* Ampel-Schema Tabelle */
table.ampel-tabelle { margin: 20px 0; width: 760px; }
	table.ampel-tabelle td { width: 64px; height: 64px; border-top: 1px solid white !important; border-left: 1px solid white !important; vertical-align: middle; }
	table.ampel-tabelle .col0 { width: 249px; }
	table.ampel-tabelle .col0, .ampel-tabelle thead { font-weight: bold; }

		table.ampel-tabelle thead .col0 { background: #dfdfdf url(pix/mod/questiontypes/ampel/desc_01.jpg) no-repeat top left; }
		table.ampel-tabelle thead .col1 { background-color: #a3e264; background-image: none; }
		table.ampel-tabelle thead .col2 { background-color: #c1ef65; background-image: none; }
		table.ampel-tabelle thead .col3 { background-color: #dcf565; background-image: none; }
		table.ampel-tabelle thead .col4 { background-color: #f7f965; background-image: none; }
		table.ampel-tabelle thead .col5 { background-color: #f9e065; background-image: none; }
		table.ampel-tabelle thead .col6 { background-color: #f9bb65; background-image: none; }
		table.ampel-tabelle thead .col7 { background-color: #f99665; background-image: none; }
		table.ampel-tabelle thead .col8 { background: #dfdfdf url(pix/mod/questiontypes/ampel/ampel_topright.jpg) no-repeat top right; }

		table.ampel-tabelle .row4 .col0 { background: #dfdfdf url(pix/mod/questiontypes/ampel/desc_05.jpg) no-repeat bottom left; }

	table.ampel-tabelle p { font-weight: bold; line-height: 15px; }
	table.ampel-tabelle .col0 p { margin: 10px; font-size: 12px; }

	table.ampel-tabelle .col1 p,
	table.ampel-tabelle .col2 p,
	table.ampel-tabelle .col3 p,
	table.ampel-tabelle .col4 p,
	table.ampel-tabelle .col5 p,
	table.ampel-tabelle .col6 p,
	table.ampel-tabelle .col7 p,
	table.ampel-tabelle .col8 p { margin: 5px; font-size: 10px; text-align: center; }

	div.ampel-tabelle-erklaerung table.ampel-tabelle { width: 870px; }
	div.ampel-tabelle-erklaerung table.ampel-tabelle p { padding: 10px; font-size: 12px; font-weight: normal; text-align: left; }

	table.ampel-tabelle .row1 { height: 68px; }
	table.ampel-tabelle .col1 { width: 68px; }

	table.ampel-tabelle .col0 { background-color: #dfdfdf; }
	table.ampel-tabelle .col1 { background: url(pix/mod/questiontypes/ampel/ampel_01.jpg) no-repeat bottom right; }
	table.ampel-tabelle .col2 { background: url(pix/mod/questiontypes/ampel/ampel_02.jpg) no-repeat bottom right; }
	table.ampel-tabelle .col3 { background: url(pix/mod/questiontypes/ampel/ampel_03.jpg) no-repeat bottom right; }
	table.ampel-tabelle .col4 { background: url(pix/mod/questiontypes/ampel/ampel_04.jpg) no-repeat bottom right; }
	table.ampel-tabelle .col5 { background: url(pix/mod/questiontypes/ampel/ampel_05.jpg) no-repeat bottom right; }
	table.ampel-tabelle .col6 { background: url(pix/mod/questiontypes/ampel/ampel_06.jpg) no-repeat bottom right; }
	table.ampel-tabelle .col7 { background: url(pix/mod/questiontypes/ampel/ampel_07.jpg) no-repeat bottom right; }
	table.ampel-tabelle .col8 { background: url(pix/mod/questiontypes/ampel/ampel_grau.jpg) no-repeat bottom right; }
	table.ampel-tabelle .col8 { background: url(pix/mod/questiontypes/ampel/ampel_grau.jpg) no-repeat bottom right; }

	div.ampel-tabelle-vorlage .col1 { background: #D1F1B2 none; }
	div.ampel-tabelle-vorlage .col2 { background: #E0F7B1 none; }
	div.ampel-tabelle-vorlage .col3 { background: #EEFAB2 none; }
	div.ampel-tabelle-vorlage .col4 { background: #FBFBB1 none; }
	div.ampel-tabelle-vorlage .col5 { background: #FCF1B3 none; }
	div.ampel-tabelle-vorlage .col6 { background: #FCDDB1 none; }
	div.ampel-tabelle-vorlage .col7 { background: #FDCBB2 none; }
	div.ampel-tabelle-vorlage .col8 { background: #DFDFDF none; }

		/* leere Zellen */
		table.ampel-tabelle .row3 .col1,
		table.ampel-tabelle .row3 .col2,
		table.ampel-tabelle .row4 .col1,
		table.ampel-tabelle .row4 .col2,
		table.ampel-tabelle .row1 .col8,
		table.ampel-tabelle .row2 .col8 { background: transparent none; }

/* Blaue Tabelle (Feinzeichen) */
table.blaue-tabelle { margin: 20px 0; }
	table.blaue-tabelle td { border: 2px solid white; padding: 8px; vertical-align: top; }
	table.blaue-tabelle .col0, .blaue-tabelle thead { font-weight: bold; }
		table.blaue-tabelle td ul { margin: 0; padding-left: 20px; }

		table.blaue-tabelle .row0 .col0 { background-color: #f3f3f4; }
		table.blaue-tabelle .row0 .col1 { background-color: #e6f2fb; }
		table.blaue-tabelle .row0 .col2 { background-color: #dbecf9; }
		table.blaue-tabelle .row0 .col3 { background-color: #cfe3f5; }

		table.blaue-tabelle .row1 .col0 { background-color: #e9eaeb; }
		table.blaue-tabelle .row1 .col1 { background-color: #dae6ed; }
		table.blaue-tabelle .row1 .col2 { background-color: #d4e2ed; }
		table.blaue-tabelle .row1 .col3 { background-color: #c7d7e9; }

		table.blaue-tabelle .row2 .col0 { background-color: #dfe1e2; }
		table.blaue-tabelle .row2 .col1 { background-color: #d1dee5; }
		table.blaue-tabelle .row2 .col2 { background-color: #cddae6; }
		table.blaue-tabelle .row2 .col3 { background-color: #bfcfe1; }

		table.blaue-tabelle .row3 .col0 { background-color: #d2d4d6; }
		table.blaue-tabelle .row3 .col1 { background-color: #c8d4db; }
		table.blaue-tabelle .row3 .col2 { background-color: #c2d1dd; }
		table.blaue-tabelle .row3 .col3 { background-color: #b8c7d8; }

		table.blaue-tabelle .row4 .col0 { background-color: #c3c5c7; }
		table.blaue-tabelle .row4 .col1 { background-color: #bec9d1; }
		table.blaue-tabelle .row4 .col2 { background-color: #b9c6d1; }
		table.blaue-tabelle .row4 .col3 { background-color: #b1bfd0; }

/* hellblaue Tabelle	*/
table.tabelle-hellblau 							{ margin: 20px 0; }
	table.tabelle-hellblau td 					{ padding: 0 20px; background-color: #EBF0F5; border-left: 1px solid white; border-top: 1px solid white; vertical-align: top; }
	table.tabelle-hellblau td.description 		{ background-color: #D6E4F2; width: 150px; }
		table.tabelle-hellblau td.description p { font-size: 14px; color: #5582A2; }
		table.tabelle-hellblau thead td 		{ background-color: #E4ECF2; }
		table.tabelle-hellblau thead td p 		{ font-size: 14px; color: #5582A2; }
		table.tabelle-hellblau tbody td 		{ width: 300px; }
		table.tabelle-hellblau tbody td ul 		{ margin-top: 0;}

/* Infografiken */
.infografik { margin: 30px; }

/* Videos Feinfühligkeit */
div.video-feinfuehligkeit { overflow: hidden; }
	div.video-feinfuehligkeit .beschreibung {
		float: left;
		margin-left: 30px;
		width: 500px;
	}
	div.video-feinfuehligkeit .film {
		float: left;
		margin: 0 0 30px 30px;
	}
	div.video-feinfuehligkeit .film .popupLink_inline { margin: 10px 0; }

/* Fixes für Rollenzuweisung */
form#assignform select#addselect,
form#assignform select#removeselect	{ font-size: 12px; width: 296px; }
form#assignform p.arrow_button input	{ padding: 0.3em 0.1em; }

/* Fixes für Moodle-Tabs */
.tabrow0 .here a:link,
.tabrow0 .here a:visited,
.tabrow0 .here a.nolink {
	z-index: 10;
}

/* TODO: Quickfix Teilnehmerliste */
#participants .c4 { display: none; }

/* Fix für Glossar */
.glossarypost .highlight	{ background-color: transparent; }

.scoframe {
	border: none 0;
}
.loginerrors {
	float: right;
}/***** fruehehilfen-bw/user_styles.css end *****/
/***** fruehehilfen-bw/user_styles.css end *****/