@charset "UTF-8";

/* CSS Datei www.lernstudio-oliva.de (Bildschirm)

/* Klassen */

/* Klassen in den Übungsformen */
.scharz_umrandet {
	text-align: left;
	font-size: small;
	line-height: 140%;
}

.rot_unterlegt {
	text-align: left;
	font-size: small;
	line-height: 140%;
	background-color: #FFD5BA;
}

.orange_unterlegt {
	text-align: left;
	font-size: small;
	line-height: 140%;
	background-color: #FFDF94;
}

.gruen_unterlegt {
	text-align: left;
	font-size: small;
	line-height: 140%;
	background-color: #F1FFBC;
}

.uebungsinhalte {
	font-size: normal;
	line-height: 140%;
	margin-left: 20px;	
}

.fuellzelle {
	font-size: small;
}

.markenzeichen {
	color: 					#50162d;
}

.karteikarte_zentral {
	font-weight: 			bold;
	font-size:				54px;
	text-align:				left;
}

.gerahmt {
	border: 				medium solid #C3C3C3;
}

.gerahmt_gegraut {
	border: 				medium solid black;
	background-color: 		medium solid #C3C3C3;
}

.fett {
	font-weight: 			bold;			
}

.zentriert_kursiv {
	text-align: 			center;
	font-style:				italic;
}

.leicht_eingerueckt {
	padding-left:			10px;
}

.liniert {
	border-bottom:			thin dotted #54152D;
	margin-left:			40px;
	margin-right:			40px;
	text-align: 			left;
}

p.unten_strecken {
	padding-bottom:		20px;
}
th.unten_strecken {
	padding-bottom:		20px;
}

.eingerueckt {
	list-style: 			none outside none;
	display:					list-item;
	margin-left:			20px;
	padding-left:			10px;
}

.horizontal_rechts {
	padding:					10px 10px 10px 10px;
	margin:					15px 0px 25px 0px;
	font-size:				small;
	line-height:			120%;
	background-color:	 	#ccff00;
	color:					#3B4A00;
	border-bottom:			3px solid #87A800;
	border-top:				3px solid #87A800;
}


.start_horizontal_rechts {
	padding:				5px 10px 5px 10px;
	margin:					0px 10px 10px 0px;
	font-size:				13px;
	text-align:				justify;
	line-height:			140%;
	background-color:	 	#FAFFE6;
}
p.start_horizontal_rechts {
	color: 					#3B4A00;}
		
.horizontal_schmal {
	padding:					5px 10px 5px 2px;
	font-size:				small;
	background-color:	 	#ccff00;
	color:					#3B4A00;
}

.vertikal {
	padding:					10px 0px 10px 15px;
	margin:					0px 0px 0px 0px;
	font-size:				small;
	background-color:	 	#ccff00;
	color:					#3B4A00;
	border-bottom:			3px solid #87A800;
	border-top:				3px solid #87A800;
}

.vertikal_orange {
	padding:				10px 0px 10px 15px;
	margin:					0px 0px 0px 0px;
	font-size:				small;
	background-color:	 	#FFB200;
	color:					#50162d;
	border-bottom:			3px solid #FF6600;
	border-top:				3px solid #FF6600;	
}

.horizontal {
	padding:				2px 0px 2px 250px;
	margin:					0px 0px 0px 0px;
	font-size:				small;
	background-color:	 	#ccff00;
	color:					#3B4A00;
	border-bottom:			3px solid #87A800;
	border-top:				3px solid #87A800;
} 

.schmal 	{width: 100px;}

a.markiert{
	text-decoration:		underline;
	font-weight:			bolder;
	color:					#50162d;
	background-color:		#ccff00;
	padding:				4px 0px 7px 0px;

}

a.markiert_leicht_eingerueckt {
	text-decoration:		underline;
	font-weight:			bolder;
	color:					#50162d;
	padding-left:			10px;
}

p.ueberschrift {
	font-size:				small;
	font-weight:			bolder;
	margin-top:				20px;
	margin-bottom:			0px;
	padding-bottom:		0px;
}

td.breit_liniert{
	border-bottom:			thin dotted #54152D;
	text-align:				left;
	padding-right:			150px;
} 

.uebergross {
	padding:					0px 0px 0px 0px;
	font-weight:			bold;
	font-size: 				xx-large;
	font-stretch: 			expanded;
}	

td.rechts_ausgerichtet {
	text-align:				right;
	font-weight:			bold;
	font-size: 				large;
	padding:					0px 20px 0px 0px;
}

td.links_ausgerichtet {
	text-align:				left;
	font-weight:			bold;
	font-size: 				large;
	padding:					0px 20px 0px 0px;
}

td.satz_korrektur {
	border:					thin dotted #54152D;
	padding:					20px 40px 20px 40px;
	text-align:				center;
	font-size:				large;
	font-weight:			bold;
	line-height: 			150 %;
}

.oben_ausgerichtet {
	vertical-align:		top;
	text-align:				left;
	padding:					10px 10px 5px 10px;	
}
.oben_mit_platz {
	vertical-align:		top;
	text-align:				left;
}
th.oben_mit_platz {
	border-bottom:			thin dotted #54152D;
}
ol.oben_mit_platz {
	padding: 				0px 0px 0px 25px;
}

.zart_unterstrichen {
	border-bottom:			thin dotted #54152D;	
	padding:					5px 10px 5px 10px;
}

.datenzelle {
	vertical-align:		top;
	text-align:				right;
	padding:					5px 10px 5px 10px;	
	color:					#54152D;
	border-left:			thin dotted #54152D;
}

.leere_zelle {
	border-right:			1px solid #50162d;
	border-bottom:			1px solid #50162d;
	padding: 				10px;
}

.trainingsplan {
	margin:					10px 0px 15px 0px; 
	border:					thin solid #54152D;
	border-collapse:		collapse;
}

.schwebendes_bild {
	position:				relative;
	bottom:					40px;
}

.schwebender_text {
	position:				relative;
	bottom:					150px;
}


/* Formatierung der Buchstabenwolke */
td.wolke {
	background-image:		url(wolke_blau_klein.gif);
	background-repeat: 	no-repeat;
	background-position:	center center;
}
td.links_unten {
	padding:					4px 12px 1px 2px;
	font-weight:			bold;
	font-size: 				x-large;
}	
td.mitte_unten {
	padding:					5px 7px 0px 7px;
	font-weight:			bold;
	font-size: 				x-large;
}	
td.links_mitte {
	padding:					2px 10px 2px 5px;
	font-weight:			bold;
	font-size: 				x-large;
}	
td.mitte {
	padding:					1px 5px 4px 10px;
	font-weight:			bold;
	font-size: 				x-large;
}
td.wolke_links {
	padding:					0px 25px 0px 0px;
	font-size:				x-small;
}
td.wolke_rechts {
	padding:					0px 0px 0px 0px;
	font-size:				x-small;
}

/* Vorlage fuer Arbeitsblaetter */
.arbeitsblatt {
	border: 					thin solid #50162d;
	padding:					0px 15px 10px 15px;
	margin:					0px 0px 30px 0px; 
	text-align:				center;
	background-color:		#FFFCC9;
}
h2.arbeitsblatt {
	font-size:				medium;
	font-weight:			bolder;
	margin-bottom:			20px;
	font-style:				italic;
}
table.arbeitsblatt {
	padding:					10px;
	margin-top:				20px;
	margin-bottom:			20px;
	margin-left: 			auto; 
	margin-right: 			auto;
	border-collapse:		collapse;
}

.leere_matrix {
	border-collapse:		collapse;
	font-weight:			normal;
	font-size: 				medium;
	margin-left: 			auto; 
	margin-right: 			auto;
	margin-top:				30px;
	margin-bottom:			50px;
	text-align:				center;
}

.matrix {
	border:					1px dotted #50162d;
	font-weight:			normal;
	font-size: 				x-large;
	margin-left: 			auto; 
	margin-right: 			auto;
	margin-top:				30px;
	margin-bottom:			50px;
	text-align:				center;
}
td.matrix {
	padding: 				10px;
	border:					None;
	margin:					0px;
}

.spielfeld {
	border-collapse:		collapse;
	font-weight:			bold;
	font-size: 				small;
	margin-top:				20px;
	margin-bottom:			40px;
	margin-left: 			auto; 
	margin-right: 			auto;
	text-align:				center;
}

.spielfeldzelle {
	padding: 				5px;	
	border:					thin dotted #000000;
}

.zwischenraum	{
	padding-left:			10px;
	padding-right:			10px;
}

/*Bilder auf der rechten Seite */
.home_links_bild_rechts {
	float:					right;
	border: 					thin solid #50162d;	
	margin-left:			30px;
	margin-bottom:			10px;
	
}
/*Bilder auf der linken Seite */
.home_links_bild_links {
	float:					left;
	border: 					thin solid #50162d;	
	margin-right:			30px;
	margin-bottom:			10px;
}
/*Kasten auf der rechten Seite*/
.kasten_rechts {
	float:					right;
	font-size:				small;
	color:					#50162d;
	border: 					thin dotted #50162d;
	padding:					5px 10px 5px 10px;	
	margin-left:			30px;
	margin-bottom:			10px;	
	width:					250px;
	font-style:				italic;				
}

/*Format der Uebungen */
.uebung {
	page-break-after: 	always;
}
.uebung li {
	list-style-type: 		square;
	margin-bottom:			10px;
}
.uebung blockquote {
	margin:					25px 0px 25px 0px;
	font-style:				italic;
	color:					#50162d;	
	padding-left:			20px;
	border-left: 			thin dotted #50162d;
}
.uebung h2 {
	font-size:				large;		
}

/* IDs */

#logo {
	position:				absolute;
	top:						5px;
	left:						120px;
}
#schriftzug {
	position:				absolute;
	top:						15px;
	left:						280px;
}

#anmeldefeld p{
	margin:					0px;
	padding:					10px 10px 30px 0px;		
	font-size: 				small; 
	text-align:				right;
}

/* Fliesstext auf der linken Seite */
#home_links {
	color: 						#3B4A00;
	background-color:	 		#FCFFF2;
	width:						600px;
	margin:					0px 0px 0px 240px;
	padding:					10px 40px 0px 40px;
	text-align:				justify;
	border-bottom:					1px solid #87A800;
	border-left:					1px solid #87A800;
	border-right:					1px solid #87A800;
}
#home_links h1 {color: #50162d;}
#home_links h2 {color: #50162d;}
#home_links h3 {color: #50162d;}
#home_links h4 {color: #50162d;}

/* Fliesstext auf der linken Seite im Administrationsteil*/
#home_links_admin {
	font-size:				small;
	line-height: 			130%;
	color: 					#3B4A00;
	margin:					30px 390px 30px 30px;
	text-align:				justify;
}
#home_links_admin h1 {
	font-size:				small;
	color: 					#50162d;
}
#home_links_admin h2 {
	font-size:				small;
	color: 					#50162d;
}
#home_links_admin h3 {
	font-size:				small;
	color:					#50162d;
}
#home_links_admin h4 {
	font-size:				small;
	color: 					#50162d;
}
/* Fliesstext auf der rechten Seite im Administrationsteil*/
#home_rechts_admin {
	font-size:				small;
	line-height: 			130%;
	color: 					#3B4A00;
	margin:					30px 20px 30px 250px;
	text-align:				justify;
}
#home_rechts_admin h1 {
	font-size:				small;
	color: 					#50162d;
}
#home_rechts_admin h2 {
	font-size:				small;
	color: 					#50162d;
}
#home_rechts_admin h3 {
	font-size:				small;
	color:					#50162d;
}
#home_rechts_admin h4 {
	font-size:				small;
	color: 					#50162d;
}

/* Schmaler Fliesstext auf der linke Seite im Administrationsteil und im Arbeitsblattgenerator */
#schmal_links {
	font-size:				small;
	line-height: 			130%;
	color: 					#3B4A00;
	margin:					30px 520px 30px 20px;
	text-align:				justify;
}
#schmal_links h1 {
	font-size:				small;
	color: 					#50162d;
}
#schmal_links h2 {
	font-size:				small;
	color: 					#50162d;
}
#schmal_links h3 {
	font-size:				small;
	color:					#50162d;
}
#schmal_links h4 {
	font-size:				small;
	color: 					#50162d;
}

/* Mittelrer Fliesstext im Administrationsteil bei dreigeteilter Ansicht*/
#home_mitte_admin {
	font-size:				small;
	line-height: 			130%;
	color: 					#3B4A00;
	margin:					30px 300px 30px 250px;
	text-align:				justify;
}
#home_mitte_admin h1 {
	font-size:				small;
	color: 					#50162d;
}
#home_mitte_admin h2 {
	font-size:				small;
	color: 					#50162d;
}
#home_mitte_admin h3 {
	font-size:				small;
	color:					#50162d;
}
#home_mitte_admin h4 {
	font-size:				small;
	color: 					#50162d;
}

/* Fliesstext auf der linken Seite in Werbeseiten und auf der Startseite */
#home_links_werbung {
	color: 					#3B4A00;
	margin:					30px 535px 30px 30px;
	text-align:				justify;
}
#home_links_werbung h1 {color: #50162d;}
#home_links_werbung h2 {color: #50162d;}
#home_links_werbung h3 {color: #50162d;}
#home_links_werbung h4 {color: #50162d;}

/* Normale Arbeitsleiste rechts */
#home_rechts {
	float:					left;	
	width:					240px;
	text-align:			left;
	margin-top:				20px;
}
#home_rechts li {
	margin-top:				10px;
	margin-bottom:			10px;
}

/* Admin-Arbeitsleiste links */
#arbeitsleiste_links {
	float:					left;	
	width:					240px;
	text-align:				left;
}

/* AB-Generator*/
#ab_generator_inhalt {
	text-align:				justify;
	margin:					25px 20px 20px 250px;
}
#ab_generator_inhalt p,li {
	color: 					#3B4A00;	
}

#arbeitsleiste_ab_generator {
	float:					left;	
	width:					200px;
	margin:					20px 10px 20px 20px;
	text-align:				left;
}


/* Breite Arbeitsleiste rechts */
#breit_rechts {
	float:					right;	
	width:					500px;
	text-align:				left;
}
#breit_rechts li {
	margin-top:				10px;
	margin-bottom:			10px;
}

/* Schmale Arbeitsleiste rechts */
#arbeitsleiste_rechts {
	float:					right;	
	width:					250px;
	text-align:				left;
}

#teilleiste_links {
	margin-right:			320px;
	margin-bottom:			50px;
}

#teilleiste_rechts {
	width:					310px;
	float:					right;
}

#fussleiste {
	padding:					5px 0px 0px 0px;
	margin:					5px 0px 0px 240px;
	font-size:				small;

	color:					#FF6600;
	text-align:				left;
	clear:					right;
}
#fussleiste a:link{
	color:					#FF6600;
}
#fussleiste a:visited{
	color:					#FF6600;
}
#fussleiste a:hover{
	color:					#50162d;
	background-color:	 	#F1FFBC;
}

#druck_copyright {display:none;}

#anfrageformular {
	margin:					0px 0px 0px 0px;
	border:					thin solid #50162d;
	padding: 				8px 8px 0px 8px;
	caption-side:			top;
	font-size:				small;
}
#anfrageformular th {
	text-align:				right;
	padding-bottom:			8px;
	vertical-align:			top;
	padding-right:			8px;
	font-weight:			bolder;
	color:					#50162d;
	text-transform:			uppercase;
}
#anfrageformular td {
	text-align:				left;
	padding-bottom:			8px;
	vertical-align:			top;
}
#anfrageformular li {
	display:				inline;
	color:					red;
	font-style:				italic;
	font-size:				small;
}
#anfrageformular ul {
	padding:					0px;
	margin:					0px;
}
#anfrageformular caption {
	font-weight:			bolder;
}


/* HTML-Elemente #F1FFBC; #F3FFC7; #FFF5C9; */

/* Alter HG-Farbe:	#F1FFBC; */

body {
	font-family: 			sans-serif;
	font-size:				medium;
	margin:					0px;
	line-height:			160%;
	min-width: 				840px;
	min-height:				768px;
	color: 					#50162d;
	background-color:	 		#feffd2;
	text-align:				left;
}

h1 {
	font-size:				large;
	margin-bottom:			20px;
	font-weight:			bold;
	font-style:				italic;
}
h2 {
	font-size:				medium;
	margin-top:				25px;
	margin-bottom:			10px;
	font-weight:			bold;
	font-style:				italic;
}
h3, h4 {
	font-size:				medium;
	margin-top:				25px;
	margin-bottom:			0px;
	font-weight:			bold;
	font-style:				italic;
}


/* H5 Setzt einen Seitenumbruch */
h5 {
	page-break-before: 	always;
	font-weight: 			bold; 	
	font-size: 				large;
	border-top:				thin dotted #54152D;
	margin-top:				20px;
	padding-top:			20px;
	font-style:				italic;	
}

/* In Anfrageformularen als Zwischenueberschrift */
h6 {
	font-size:				medium;
	margin-top:				15px;
	margin-bottom:			0px;
	font-weight:			bold;
	font-style:				italic;
}

p {margin-top:				0px;}

a {
	color:					#3B4A00;
	margin-right:			10px;
	text-decoration:		none;
}

a:hover {
	color:					#50162d;
	background-color:	 	#F1FFBC;
	padding:				4px 0px 4px 0px;
}

img{
	border:					none;
}

input {						
	cursor: 					pointer;	
}

tr {
	vertical-align: top;	
}