/*------------------------------------------------------------------------------
  Objekte fuer das Layout
-------------------------------------------------------------------------------*/

.element {
	float				: left;
	margin				: 0 0 10px 0;
	padding				: 0;
}
.element50a {
	float				: left;
	width				: 412px;
	margin				: 0 0 10px 0;
	padding				: 0;
}
.element50b {
	float				: left;
	width				: 422px;
	margin				: 0 0 10px 0;
	padding				: 0 0 0 10px;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	width				: 412px;
}
html>body .element50b {
	width				: 412px;
}
.element40 {
	float				: left;
	width				: 311px;
	margin				: 0 0 10px 0;
	padding				: 0 10px 0 0;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	width				: 301px;
}
html>body .element40 {
	width				: 301px;
}
.element25 {
	float				: left;
	width				: 207px;
	margin				: 0 0 10px 0;
	padding				: 0 10px 0 0;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	width				: 197px;
}
html>body .element25 {
	width				: 197px;
}
.element40g {
	float				: left;
	width				: 622px;
	margin				: 0 0 10px 0;
	padding				: 0;
}

/* Border fuer 'inner'*/
#content .border_b	{ border-bottom: 2px solid #fff; }

/*------------------------------------------------------------------------------
  100% Spalte
-------------------------------------------------------------------------------*/
#maincol100 .box {
	float				: left;
	width				: 834px;
	padding				: 2px 2px 0 2px;
	border-top			: 2px solid #eee;
	border-left			: 2px solid #eee;
	border-right		: 2px solid #eee;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	width				: 826px;
}
html>body #maincol100 .box {
	width				: 826px;
}
#maincol100 .box_foot {
	float				: left;
	width				: 834px;
	padding				: 0 2px 2px 2px;
	border-bottom		: 2px solid #eee;
	border-left			: 2px solid #eee;
	border-right		: 2px solid #eee;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	width				: 826px;
}
html>body #maincol100 .box_foot {
	width				: 826px;
}
#maincol100 .inner {
	float				: left;
	width				: 826px;
	padding				: 6px 10px 6px 10px;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	width				: 806px;
}
html>body #maincol100 .inner {
	width				: 806px;
}

/* Inner ohne Innenabstaende*/
#maincol100 .inner_w {
	float				: left;
	width				: 826px;
	padding				: 0;
}

#maincol100 .col {
	float				: left;
	width				: 268px;
}
/*------------------------------------------------------------------------------
  66% Spalte
-------------------------------------------------------------------------------*/
#maincol .box {
	float					: left;
	width					: 612px;
	padding					: 2px 2px 0 2px;
	border-top				: 2px solid #eee;
	border-left				: 2px solid #eee;
	border-right			: 2px solid #eee;
	voice-family			: "\"}\"";
	voice-family			: inherit;
	width					: 604px;
}
html>body #maincol .box {
	width					: 604px;
}
#maincol .box_foot {
	float					: left;
	width					: 612px;
	padding					: 0 2px 2px 2px;
	border-bottom			: 2px solid #eee;
	border-left				: 2px solid #eee;
	border-right			: 2px solid #eee;
	voice-family			: "\"}\"";
	voice-family			: inherit;
	width					: 604px;
}
html>body #maincol .box_foot {
	width					: 604px;
}
#maincol .inner {
	float					: left;
	width					: 604px;
	padding					: 6px 10px 6px 10px;
	voice-family			: "\"}\"";
	voice-family			: inherit;
	width					: 584px;
}
html>body #maincol .inner {
	width					: 584px;
}

#maincol #inner_ant {
	float					: left;
	width					: 604px;
	padding					: 6px 10px 6px 10px;
	display					: none;
	voice-family			: "\"}\"";
	voice-family			: inherit;
	width					: 584px;
}
html>body #maincol #inner_ant {
	width					: 584px;
}
#maincol #inner_ant_show {
	float					: left;
	width					: 604px;
	padding					: 6px 10px 6px 10px;
	voice-family			: "\"}\"";
	voice-family			: inherit;
	width					: 584px;
}
html>body #maincol #inner_ant_show {
	width					: 584px;
}

/* Inner ohne Innenabstaende*/
#maincol .inner_w {
	float					: left;
	width					: 604px;
	padding					: 0;
}
/* Inner GedŠchtnis-Map */
#maincol .inner_g {
	float					: left;
	width					: 604px;
	height					: 410px;
	padding					: 0;
	background		 		: url(../images/misc/gedaechtnis_map.gif) no-repeat top left;
}
/* Box GedŠchtnis-Map */
#maincol .box_g {
	float					: left;
	width					: 612px;
	padding					: 2px;
	border					: 2px solid #eee;
	voice-family			: "\"}\"";
	voice-family			: inherit;
	width					: 604px;
}
html>body #maincol .box_g {
	width					: 604px;
}

/*------------------------------------------------------------------------------
  50% Spalte
-------------------------------------------------------------------------------*/
.maincol50 .box {
	float					: left;
	width					: 412px;
	padding					: 2px 2px 0 2px;
	border-top				: 2px solid #eee;
	border-left				: 2px solid #eee;
	border-right			: 2px solid #eee;
	voice-family			: "\"}\"";
	voice-family			: inherit;
	width					: 404px;
}
html>body .maincol50 .box {
	width					: 404px;
}
.maincol50 .box_foot {
	float					: left;
	width					: 412px;
	padding					: 0 2px 2px 2px;
	border-bottom			: 2px solid #eee;
	border-left				: 2px solid #eee;
	border-right			: 2px solid #eee;
	voice-family			: "\"}\"";
	voice-family			: inherit;
	width					: 404px;
}
html>body .maincol50 .box_foot {
	width					: 404px;
}
.maincol50 .inner {
	float					: left;
	width					: 404px;
	padding					: 6px 10px 6px 10px;
	voice-family			: "\"}\"";
	voice-family			: inherit;
	width					: 384px;
}
html>body .maincol50 .inner {
	width					: 384px;
}

/* Inner ohne Innenabstaende*/
.maincol50 .inner_w {
	float					: left;
	width					: 404px;
	padding					: 0;
}
/*------------------------------------------------------------------------------
  40% Spalte
-------------------------------------------------------------------------------*/
.maincol40 .box {
	float					: left;
	width					: 301px;
	padding					: 2px 2px 0 2px;
	border-top				: 2px solid #eee;
	border-left				: 2px solid #eee;
	border-right			: 2px solid #eee;
	voice-family			: "\"}\"";
	voice-family			: inherit;
	width					: 293px;
}
html>body .maincol40 .box {
	width					: 293px;
}
.maincol40 .box_foot {
	float					: left;
	width					: 301px;
	padding					: 0 2px 2px 2px;
	border-bottom			: 2px solid #eee;
	border-left				: 2px solid #eee;
	border-right			: 2px solid #eee;
	voice-family			: "\"}\"";
	voice-family			: inherit;
	width					: 293px;
}
html>body .maincol40 .box_foot {
	width					: 293px;
}
.maincol40 .inner {
	float					: left;
	width					: 293px;
	padding					: 6px 10px 6px 10px;
	voice-family			: "\"}\"";
	voice-family			: inherit;
	width					: 273px;
}
html>body .maincol40 .inner {
	width					: 273px;
}

/* Inner ohne Innenabstaende*/
.maincol40 .inner_w {
	float					: left;
	width					: 293px;
	padding					: 0;
}
/*------------------------------------------------------------------------------
  25% Spalte
-------------------------------------------------------------------------------*/
.maincol25 .box {
	float					: left;
	width					: 197px;
	padding					: 2px 2px 0 2px;
	border-top				: 2px solid #eee;
	border-left				: 2px solid #eee;
	border-right			: 2px solid #eee;
	voice-family			: "\"}\"";
	voice-family			: inherit;
	width					: 189px;
}
html>body .maincol25 .box {
	width					: 189px;
}
.maincol25 .box_foot {
	float					: left;
	width					: 197px;
	padding					: 0 2px 2px 2px;
	border-bottom			: 2px solid #eee;
	border-left				: 2px solid #eee;
	border-right			: 2px solid #eee;
	voice-family			: "\"}\"";
	voice-family			: inherit;
	width					: 189px;
}
html>body .maincol25 .box_foot {
	width					: 189px;
}
.maincol25 .inner {
	float					: left;
	width					: 189px;
	padding					: 6px 10px 6px 10px;
	voice-family			: "\"}\"";
	voice-family			: inherit;
	width					: 169px;
}
html>body .maincol25 .inner {
	width					: 169px;
}

/* Inner ohne Innenabstaende*/
.maincol25 .inner_w {
	float					: left;
	width					: 189px;
	padding					: 0;
}
/*------------------------------------------------------------------------------
  33% Spalte
-------------------------------------------------------------------------------*/
#rightcol .box {
	float					: left;
	width					: 212px;
	padding					: 0 2px 0 2px;
	border-top				: 2px solid #eee;
	border-left				: 2px solid #eee;
	border-right			: 2px solid #eee;
	background		 		: url(../images/misc/bg_rightcol.gif) repeat-y 2px 0px;
	voice-family			: "\"}\"";
	voice-family			: inherit;
	width					: 204px;
}
html>body #rightcol .box {
	width					: 204px;
}
#rightcol .box_complete {
	float					: left;
	width					: 212px;
	padding					: 0 2px 2px 2px;
	border					: 2px solid #eee;
	voice-family			: "\"}\"";
	voice-family			: inherit;
	width					: 204px;
}
html>body #rightcol .box_complete {
	width					: 204px;
}
#rightcol .box_foot {
	float					: left;
	width					: 212px;
	padding					: 0 2px 2px 2px;
	border-bottom			: 2px solid #eee;
	border-left				: 2px solid #eee;
	border-right			: 2px solid #eee;
	voice-family			: "\"}\"";
	voice-family			: inherit;
	width					: 204px;
}
html>body #rightcol .box_foot {
	width					: 204px;
}
#rightcol .inner {
	float					: left;
	width					: 204px;
	padding					: 6px 4px 6px 7px;
	margin					: 0;
	border-top				: 2px solid #fff;
	voice-family			: "\"}\"";
	voice-family			: inherit;
	width					: 193px;
}
html>body #rightcol .inner {
	width					: 193px;
}
/* Inner ohne Innenabstaende*/
#rightcol .inner_w {
	float					: left;
	width					: 204px;
	padding					: 0;
	border-top				: 2px solid #fff;
}
#rightcol .inner_b {
	float					: left;
	width					: 204px;
	padding					: 6px 4px 6px 7px;
	margin					: 0;
	voice-family			: "\"}\"";
	voice-family			: inherit;
	width					: 193px;
}
html>body #rightcol .inner_b {
	width					: 193px;
}
#rightcol .inner_bgr {
	float					: left;
	width					: 204px;
	padding					: 6px 4px 6px 7px;
	margin					: 0;
	border-top				: 2px solid #eee;
	voice-family			: "\"}\"";
	voice-family			: inherit;
	width					: 193px;
}
html>body #rightcol .inner_bgr {
	width					: 193px;
}

/*------------------------------------------------------------------------------
  Multiple Choice
-------------------------------------------------------------------------------*/

.mc {
	float					: left;
	width					: 301px;
	padding					: 15px 10px 15px 10px;
	font-size				: 125%;
	font-weight				: bold;
	text-align				: center;
	border-bottom			: 2px solid #fff;
	cursor					: pointer;
	background-color		: #eee;
	voice-family			: "\"}\"";
	voice-family			: inherit;
	width					: 281px;
}
html>body .mc {
	width					: 281px;
}
.mc_abst { margin-right		: 2px; }

.mc:hover {
	color					: #fff;
	background-color 		: #646464;
}
.mc_right					{ background-color: #3f9800; color: #fff; }
.mc_wrong					{ background-color: #b6101d; color: #fff; }
.mc_chosen					{ background-color: #646464; color: #fff; }

/*------------------------------------------------------------------------------
  Lerneinheit erstellen Auswahlseite
-------------------------------------------------------------------------------*/
.leea {
	float				: left;
	padding				: 0;
	margin				: 0;
}

.leea .img {
	float				: left;
	width				: 164px;
	height				: 133px;
}
.leea .cont {
	float				: left;
	width				: 440px;
	height				: 133px;
	padding				: 7px 10px 5px 10px;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	width				: 420px;
	height				: 121px;
}
html>body .leea .cont {
	width				: 420px;
	height				: 121px;
}
/*------------------------------------------------------------------------------
  Lerneinheit erstellen
-------------------------------------------------------------------------------*/
.lee_inner {
	float				: left;
	width				: 826px;
	padding				: 6px 10px 6px 10px;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	width				: 806px;
}
html>body .lee_inner {
	width				: 806px;
}

/* Inner ohne Innenabstaende*/
.lee_inner_w {
	float				: left;
	width				: 826px;
	padding				: 0;
}

.lee_66 {
	float				: left;
	width				: 620px;
	padding				: 6px 10px 6px 10px;
	border-right		: 2px solid #fff;
	background-color	: #eee;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	width				: 598px;
}
html>body .lee_66 {
	width				: 598px;
}
.lee_50 {
	float				: left;
	width				: 412px;
	padding				: 6px 10px 6px 10px;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	width				: 392px;
}
html>body .lee_50 {
	width				: 392px;
}
.lee_33 {
	float				: right;
	width				: 206px;
	padding				: 6px 10px 6px 10px;
	background-color	: #eee;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	width				: 186px;
}
html>body .lee_33 {
	width				: 186px;
}
.lee_col1 {
	float				: left;
	width				: 414px;
	padding				: 0 2px 0 0;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	width				: 412px;
}
html>body .lee_col1 {
	width				: 412px;
}
.lee_col2 {
	float				: left;
	width				: 412px;
	padding				: 0;
}

.lee_box {
	float				: left;
	width				: 834px;
	padding				: 2px;
	border				: 2px solid #eee;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	width				: 826px;
}
html>body .lee_box {
	width				: 826px;
}
.lee_head_function {
	float				: left;
	width				: 826px;
	padding				: 6px 10px 6px 10px;
	color				: #fff;
	font-weight			: bold;
	cursor				: pointer;
	background			: #b1b1b1 url(../images/misc/pfeil_lee_desc.gif) no-repeat top right;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	width				: 806px;
}
html>body .lee_head_function {
	width				: 806px;
}
.lee_thumb {
	float				: left;
	height				: 70px;
	padding				: 0 15px 0 0;
}
.lee_player {
	float				: left;
	width				: 393px;
	height				: 32px;
	margin				: 0 0 7px 0;
	background-color	: #999;
}
/*------------------------------------------------------------------------------
  Frage mit Bild
-------------------------------------------------------------------------------*/
#maincol .inner .le_img {
	float				: left;
	width				: 584px;
	padding				: 0;
	background-color	: #eee;
}
#maincol .inner .le_img .img {
	float				: left;
	width				: 212px;
	padding				: 0 10px 0 0;
	text-align			: right;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	width				: 202px;
}
html>body #maincol .inner .le_img .img {
	width				: 202px;
}
#maincol .inner .le_img p {
	font-size				: 125%;
	font-weight				: bold;
	padding					: 7px 10px 10px 0;
}


/*------------------------------------------------------------------------------
  GedŠchtnis-Map
-------------------------------------------------------------------------------*/
.gm_rakete {
	position			: absolute;
	width				: 45px;
	height				: 78px;
	text-align			: center;
	font-size			: 81%;
	font-weight			: bold;
	padding				: 62px 0 0 0;
	background			: url(../images/misc/gm_rakete.gif) no-repeat top left;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	height				: 16px;
}
html>body .gm_rakete {
	height				: 16px;
}
.gm_rakete:hover {
	color				: #fff;
	cursor				: pointer;
	background			: url(../images/misc/gm_rakete_o.gif) no-repeat top left;
}
.gm_rakete_act {
	position			: absolute;
	width				: 45px;
	height				: 78px;
	text-align			: center;
	font-size			: 81%;
	font-weight			: bold;
	color				: #fff;
	padding				: 62px 0 0 0;
	background			: url(../images/misc/gm_rakete_o.gif) no-repeat top left;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	height				: 16px;
}
html>body .gm_rakete {
	height				: 16px;
}

.gm_schnecke {
	position			: absolute;
	width				: 60px;
	height				: 58px;
	text-align			: center;
	font-size			: 81%;
	font-weight			: bold;
	padding				: 42px 0 0 0;
	background			: url(../images/misc/gm_schnecke.gif) no-repeat top left;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	height				: 16px;
}
html>body .gm_schnecke {
	height				: 16px;
}
.gm_schnecke:hover {
	color				: #fff;
	cursor				: pointer;
	background			: url(../images/misc/gm_schnecke_o.gif) no-repeat top left;
}
.gm_schnecke_act {
	position			: absolute;
	width				: 60px;
	height				: 58px;
	text-align			: center;
	font-size			: 81%;
	font-weight			: bold;
	color				: #fff;
	padding				: 42px 0 0 0;
	background			: url(../images/misc/gm_schnecke_o.gif) no-repeat top left;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	height				: 16px;
}
html>body .gm_schnecke {
	height				: 16px;
}

.gm_auto {
	position			: absolute;
	width				: 60px;
	height				: 51px;
	text-align			: center;
	font-size			: 81%;
	font-weight			: bold;
	padding				: 35px 0 0 0;
	background			: url(../images/misc/gm_auto.gif) no-repeat top left;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	height				: 16px;
}
html>body .gm_auto {
	height				: 16px;
}
.gm_auto:hover {
	color				: #fff;
	cursor				: pointer;
	background			: url(../images/misc/gm_auto_o.gif) no-repeat top left;
}
.gm_auto_act {
	position			: absolute;
	width				: 60px;
	height				: 51px;
	text-align			: center;
	font-size			: 81%;
	font-weight			: bold;
	color				: #fff;
	padding				: 35px 0 0 0;
	background			: url(../images/misc/gm_auto_o.gif) no-repeat top left;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	height				: 16px;
}
html>body .gm_auto {
	height				: 16px;
}

.gm_margin_left {
	float				: left;
	width				: 160px;
}
.gm_margin_right {
	float				: left;
	width				: 30px;
}

/*------------------------------------------------------------------------------
  Hilfe Video Tutorials
-------------------------------------------------------------------------------*/
.hvt {
	float				: left;
	padding				: 0;
	margin				: 0;
}

.hvt .img {
	float				: left;
	width				: 200;
	height				: 150px;
	margin				: 0 2px 0 0;
}
.hvt .img_right {
	float				: left;
	width				: 200;
	height				: 150px;
}
.hvt .cont {
	float				: none;
	width				: 200px;
	padding				: 155px 10px 20px 10px;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	width				: 180px;
}
html>body .hvt .cont {
	width				: 180px;
}

/*------------------------------------------------------------------------------
  Farben fuer das Layout
-------------------------------------------------------------------------------*/
.bg_gelb					{ background-color: #ffbd21; }
.bg_grau3					{ background-color: #929292; }
.bg_grau2					{ background-color: #d3d3d3; }
.bg_grau					{ background-color: #b1b1b1; }
.bg_weiss					{ background-color: #fff; }
.bg_hellgrau				{ background-color: #eee; }
.bg_dunkelgrau				{ background-color: #646464; }
.bg_rot					{ background-color: #981219; }
.font_white					{ color: #fff; }

/*------------------------------------------------------------------------------
  Schriften fuer das Layout
-------------------------------------------------------------------------------*/
.f_frage {
	font-size				: 150%;
	font-weight				: bold;
}
.f_frage_hdl {
	color					: #fff;
	font-weight				: bold;
}

/*------------------------------------------------------------------------------
  Kleine Layouthilfen
-------------------------------------------------------------------------------*/
/* Lerneinheit um X Tage verschieben */
.le_ver {
	float					: right;
}