/*Arbeitsseite 12.12.08.*/
body {
  background-color: white;
  font-size: 0.8em;
  font-family: Arial, Verdana,  SunSans-Regular, Sans-Serif;
  color: gray;  
  margin: 0;
}
p, li {
			line-height: 1.5em;
}
a {
			text-decoration: none;
			color: black;
}
#contentinhalt a {
 				color: gray;
 				text-decoration: underline;	
}
a:hover {
			text-decoration: none;
			border-bottom: 1px solid red;  
			padding-bottom: 1px
}
a.active {
	text-decoration: none;
	border-bottom: 1px solid red;
	padding-bottom: 1px;
}	
img {
	border: none;
	}
.lupe {
	float: right;
	margin: -15px 0 0 20px;
	}
/* ----------header-------------- */
#header {
	background: url(../bilder/legasthenie.jpg) no-repeat 10px 15px;/*kleiner machen*/
	height: 100px;
	width: 100%;
}
/* --##topnavi###-- */
#topnavi  {
    float: right;
 	clear: both;
	margin: 0 2px 0 0;
	font-weight: normal;
	font-size: 0.9em;
	padding: 0;
}
#topnavi li {
	display: inline;
	text-decoration: none;
	letter-spacing: 0.2em;
}
#topnavi a:link {
	color: gray;
	text-decoration: none;
	padding: 20px 5px 0px 5px;	
}
#topnavi  a:visited {
	text-decoration: none;
	color: gray;
	padding: 20px 5px 0px 5px;	
}

#topnavi p {
    float: right;
 	clear: both;
	margin: 0 2px 0 0;
	padding: 0;
}		
					
/* --##mainnavi###-*/
#mainnavi  {
	float: right;
	clear: both;
	margin: 60px 0 5px 0;
	padding: 0;
	font-weight: normal;
}
#mainnavi  li {
	display: inline;
	font-size: 1.2em;
	text-decoration: none;
	letter-spacing: 0.1em;
}
#mainnavi a:link {
	color: gray;
	text-decoration: none;
	margin: 0px 0px 0px 10px;
	padding: 20px 5px 0px 5px;	
}
#mainnavi a:visited {
	text-decoration: none;
	color: gray;
	margin: 0px 0px 0px 10px;
	padding: 20px 5px 0px 5px;	
}		
#mainnavi a:hover {
	text-decoration: none;
	border-bottom: 1px solid red;
	padding-bottom: 2px;
}	
#mainnavi a.active {
	text-decoration: none;
	border-bottom: 1px solid red;
	padding-bottom: 2px;
}	
/* ----------side------------- */
 #side {
  float: left; 
  width: 25%;
  min-height: 600px;
}
 #side img {
     margin: 100px 0 0 0;
     float: left;
  }
#side li {
			margin: 10px 0 0 0;
}
#side ul {
			list-style: none;
			padding-top: 190px;
}
/* ----------content Layout-------------- */
#lesezeichen {
	float: right;
	margin: 50px 5px 0 0;
	}

#content {
	float: left;
 	width: 75%;
}
#content .zurück {
	float: left;	
	margin: 20px 0;
}
#content .weiter {
	float: right;
	margin: 20px 100px;
	padding: 0;
}
/*-----------verzeichnis----------*/
.verzeichnis {
				padding: 50px 0 30px 0;				
}
.verzeichnis h3 {
 				padding: 10px 0 5px 0;			
}
.verzeichnis ul {
 				padding: 0;			
}
.verzeichnis li {
 				list-style-type: none;
 				font-size: 0.8em;
 				text-decoration: underline;
}
.verzeichnis p {
 			margin: 0 0 10px 0;		
}
.verzeichnis a i {
 			border-bottom: 1px solid red;
	        text-decoration: none;
}
.verzeichnis a {
	        color: gray;
	        text-decoration: underline;
}
.verzeichnis b {
	        font-weight: normal;
}

/* -----------footer--------------- */
#footer {
	clear: both;
	border-top: 1px solid gray;
	height: 67px;
	width: 100%;
}
#footer img {
	float: left;
	padding-right: 10px;
}
#footer p {
	font-size: 0.7em;	
}
#footer .copytext {
	margin: 15px 10px 0 0;
	width: 410px;
	margin-left: 10px;
}
#footer .copy {
	float: right;
	clear: both;
	margin: -15px 5px 0 0;	
}
/* --##lastnavi###-*/
.lastnavi  {
    float: right;
 	clear: both;
	margin: 15px 0px 10px 0;
	font-weight: normal;
}
.lastnavi  li {
	display: inline;
	text-decoration: none;
}
.lastnavi a:link {
	color: gray;
	text-decoration: none;
	padding: 20px 5px 0px 5px;	
}
.lastnavi a:visited {
	text-decoration: none;
	color: gray;
	padding: 20px 5px 0px 5px;	
}				
/* --html-- */
.s0 #contentinhalt {
			margin: 70px 300px 0 0;
}
.s0 #contentinhalt  h1 span {
			font-size: 0.7em;
}
.s0 #contentinhalt  h3 {
			font-size: 1.6em;
}
.s0 #content ul {
 				padding: 0 0 0 16px;			
}
.s0 #content .verzeichnis {
						padding: 0;				
}
/* --Kontakt-- */			
.s1o #contentinhalt {
			margin: 80px 300px 0 0;
}
.s1o #contentinhalt img {
			border: none;
}
/* --Impressum-- */
.s2o #contentinhalt  {
			margin: 80px 300px 0 0;
}
/* --Links-- */
.s3o #contentinhalt  {
			margin: 50px 200px 0 0;
}
.s3o #content p {
			width: 370px;
			height: 144px;
		    float: left;
			text-align: right;
			margin: 10px 10px 10px 0;
}
.s3o #contentinhalt a {
			font-weight: normal;     			
			color: gray;
			float: left;
}
.s3o #contentinhalt span {
			margin: 0 0 20px 30px;
			display: block;
			font-size: 1.1em;
			font-weight: bold;
}


.s3o #content .partner h3 {
 				padding: 10px 0 5px 0;			
}
.s3o #content .partner ul {
 				padding: 0 0 0 0;			
}
.s3o #content .partner li {
 				list-style-type: none;
 				font-size: 0.8em;
 				text-decoration: underline;
 				padding: 10px 0 0 0;
}
.s3o #content .partner a {
 				color: gray;	
}
.s3o #content .partner a:hover {
			padding: 5px 0 5px 0;
}
.s3o #content .partner p {
 			margin: 0 0 0 0;		
}

/* --Start-- */		
.s1 #contentinhalt {
			margin: 80px 400px 0 0;
}
/* --Legasthenie-- */
.s2 #contentinhalt {
			margin: 100px 100px 30px 0;
}	
.s2 #contentinhalt .legasthenieWHO {
			width: 320px;
			float: left;
			padding: 0 40px 0 0;
			margin-right: 30px;
}	
.s2 #contentinhalt .legasthenieDavis {
			padding: 0 0 150px 0;
	}
.s2 h3 {
			padding-bottom: 15px;
}
/* --who-- */
.s2w #contentinhalt {
			margin: 50px 0 0 0;
}
.s2w #contentinhalt .who {
			width: 350px;
			float: left;
			padding: 0 20px 0 0;
}		
.s2w #contentinhalt img {
			margin: 60px 0 70px 0;
}	
			/* --Methode Theorie-- */	
			.m1 #contentinhalt {
						margin: 150px 100px 0 0;
}
			.m1 #contentinhalt img{
						margin: 40px 0 20px 0;
}
			/* --Methode Talent-- */	
			.m2 #contentinhalt {
						margin: 50px 100px 0 0;
}
			.m2 #contentinhalt .li {
						width: 300px;
						float: left;
}
							.m2 #contentinhalt .li li {
										padding: 10px 0 0 0;
}
			.m2 #contentinhalt .re {
						margin: 20px 0 0 0;
}
							.m2 #contentinhalt .re li {
										padding: 10px 0 0 0;
}
			.m2 #contentinhalt img {
						float: left;
						margin: 0 30px 0 0;
}
			.m2 #contentinhalt .faehigkeiten {
						margin: 50px 0 20px 0;
						padding: 10px 0 0 0;
}
			.m2 #contentinhalt .unten {
						margin: 0 0 50px 0;
}
			.m2 #contentinhalt em {
						font-style: normal;
						color: black;
						font-size: 1.2em;
}
			/* --Methode Bilderdenken-- */	
			.m3 #contentinhalt {
						margin: 30px 150px 0 0;
}
			.m3 #contentinhalt .mitte img {
						margin: 0 0 0 100px;				
}
			.m3 #contentinhalt .mitte p {
						margin: 0 200px 0 90px;				
}
			.m3 #contentinhalt .spaltelinks {
						width: 300px;
						float: left;
						margin: 20px 60px 0 0;				
}
			.m3 #contentinhalt .wort {
						margin: 30px 0 110px 0;				
}
			/* --Methode Leseprobe-- */	
			.m3a #contentinhalt {
						margin: 100px 100px 0 0;
}
			.m3a #contentinhalt em {
						color: silver;
}			
			.m3a #contentinhalt h1 {
						margin-bottom: 30px;
}
			.m3a #contentinhalt .litext  {
						border: 1px solid silver;
						width: 300px;
						height: 180px;
						padding: 20px;
						color: black;
						font-size: 1.1em;
}			
			.m3a #contentinhalt .retext  {
						border: 1px solid silver;
						width: 300px;
						height: 180px;
						padding: 20px;
						color: black;
						font-size: 1.1em;
						float: right;
						margin: -222px 150px 0 0;
						}	
			.m3a #contentinhalt .autor {
						font-size: 0.7em;
						float: right;
						margin: 0 150px 30px 0;
}
			.m3a #contentinhalt .ende {
						margin: 50px 100px 30px 0;
}
			/* --Methode/DO-- */	
			.m4 #contentinhalt {
						margin: 100px 300px 40px 0;
}
			.m4 #contentinhalt em {
						font-weight: bold;
						font-style: normal;
}
			.wash {
						float: left;
						margin: -5px 5px 0 0;
}
			.wicki {
						float: right;
						margin: -30px 0 0 -10px;
						padding: 10px;
}
			/* --Methode Merkmale-- */	
			.m5 #contentinhalt {
						margin: 100px 400px 0 0;
}
			/* --Methode Problem-- */	
			.m6 #contentinhalt {
						margin: 30px 150px -100px 0;
}
			.m6 #contentinhalt .ueberschrift {
				border-bottom: 2px solid gray;
				width: 600px;
				padding-bottom: 10px;
				margin-bottom: 50px;
}
			.m6 #contentinhalt .ueberschrift img {
				margin: 0 15px -13px 15px;
}
			.m6 #contentinhalt h2 {
				margin: 0 0 40px 0;
}
			.m6 #contentinhalt .spaltelinks {
				width: 350px;
				float: left;
				margin: 0 100px 20px 0;				
}
			.m6 #contentinhalt .spalterechts li {
				margin: 0 0 0 50px;			
}			
			.m6 #contentinhalt .spalterechts {
				margin: 0 0 170px 0;			
}	
			.m6 #contentinhalt em {
						font-style: normal;
						color: red;
}
			.m6 #contentinhalt .quadrat {
				float: left;
				margin: 0 15px 0 0;
}
			.m6 #contentinhalt .dreieck {
				float: left;
				margin: 0 15px 0 0;
}
			.m6 #contentinhalt .blank {
				margin: 0 0 -5px 5px;
}

			/* --Methode Zwangslösungen-- */	
			.m7 #contentinhalt {
						margin: 150px 300px 100px 0;
}
			/* --Methode Lösung-- */	
			.m8 #contentinhalt {
						margin: 50px 150px 50px 0;
}
			.m8 #contentinhalt .ueberschrift {
				width: 400px;
				padding-bottom: 10px;
				margin-bottom: 40px;
}
			.m8 #contentinhalt .ueberschrift img {
				margin: 0 0 -10px 10px;
}
			.m8 #contentinhalt .spaltelinks {
				width: 350px;
				float: left;
				margin: 0 60px 20px 0;				
}
			.m8 #contentinhalt .quadrat {
				float: left;
				margin: 10px 15px 0 0;
}
			.m8 #contentinhalt .spalterechts {
				margin: 0 0 70px 0;			
}			
			.m8 #contentinhalt .spalterechts li {
				margin: 0 0 0 0;			
}		
			.m8 #contentinhalt .dreieck {
				float: left;
				margin: -5px 15px 0 0;
}
			/* --Methode/Erfolg-- */	
			.m9 #contentinhalt {
						margin: 100px 300px 0 0;
}
			.m9 #contentinhalt em {
						font-weight: bold;
						font-style: normal;
}
/* --Programm-- */
.s4 #contentinhalt {
			margin: 150px 100px 0 0;
}	
/* --Lernen-- */
.s5 #contentinhalt {
			margin: 100px 0 50px 0;
}	
.s5 h1 {
			margin: 0 0 20px 20px;
}	
.s5 p  {
			font-size: 10px
}	
.s5 img {
			float: left;
			margin: 0 20px 0 0;
}	
.s5 ul {
			list-style: none;
			padding-left: 0;
			margin-left: 0;
}	
.s5 li.zelle {
			width: 600px;
			margin: 10px 0 20px 120px;
			padding: 12px;
}	
.s5 li.zwizelle {
			width: 450px;
			margin: -15px 0 0 0;
}
.s5 em {
			font-weight: bold;
			font-size: 18px;
			font-style: normal;
}	
.s5 #contentinhalt a {
			color: red;
}	
/* --über mich-- */
.s6 #content {
	float: left;
    background: url(../bilder/2jutta.jpg) no-repeat top right height="66" width="60";
 	width: 75%;
}
#jutta {
	float: right;
	padding: 0 20px 0 10px;
}

.s6 #contentinhalt {
			margin: 80px 200px 0 0;
}