@charset "UTF-8";
body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background-image:url(http://www.lernfoerderung.de/schule/images/background.gif);
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #000000;
    }
    .standard #container {
	width: 1001px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background: #FDD7E3;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	/*border: 1px solid #000000;*/
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
    } 
    .standard #header {
	background: #DDDDDD;
	padding: 0;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
	height: 150px;
    } 
    .standard #header h1 {
	margin: 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
    }


/*linke seite********************************************/
	
    .standard #sidebar1 {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 220px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
	background: #000; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
	padding: 0px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
	margin-top:0px;
	vertical-align:top;
    }
    
	
#left {
background-color:#8FB1DE;
width:220px;
float:left;
height:100%;
margin-bottom:0px;
}
	
	
	
/*rechte seite********************************************/
	
	.standard #sidebar2 {
	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 165px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
	background: #FDD7E3; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */

	/*padding-top: 60px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;*/
	text-align:center;
    }


    .standard #footer { 
    	padding: 0 10px 0 20px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
    	background:#FDD7E3;
    } 
    .standard #footer p {
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
	

/*main content ********************************************/
	
	
    .standard #mainContent {
	/*padding-left:1px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	/*padding-top:0px;*/
	padding-left:10px;
	padding-right:10px;
	width:590px;
	/*margin-left: 220px;*/
	float:left;
	margin-top: 0px;
    font-family:"Verdana", Arial; font-size:11px;
	background-color:#FFFFFF;
    } 
	


/*content Überschrift********************************************/
.headline { /* mehr themen auf der linken Seite*/
       padding-left:18px; padding-top:17px; font-family:"Verdana", Arial; font-weight:bold; text-transform:uppercase; font-size:12px; color:#000066; height:40px; width:562px;
    }

/*oberes Menü********************************************/


/*oberes Menü********************************************/

.standard #menuoben {
	/* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	padding-top:5px;
	width:610px;
	margin-left: 220px;
	height: 27px;
	/*float:right;*/
	background: #FDD7E3;
	text-align:center;
	/*border-left:1px solid #fff;*/
    } 


a.topmenu {padding-left:18px; padding-right:18px; color:#000; text-decoration:none; text-transform:uppercase; text-decoration:none; font-family:"Verdana", Arial; font-size:11px; letter-spacing:0.03em;}
a.topmenu:link, a.topmenu:visited { color:#000; text-decoration:none;}
a.topmenu:active, a.topmenu:hover { color:#667; text-decoration:none;}

/*oberes Menü********************************************/





/*Menü auf der linken Seite*/
a.menu:link { display:block; color:#000000; text-decoration:none; font-family:"Verdana", Arial;  font-size:11px; width:210px; background-color:#BFD3ED; text-indent:2mm; padding:5px; letter-spacing:0.03em; text-align:left; border-top:1px solid #fff;}
a.menu:visited { display:block; color:#000000; text-decoration:none; font-family:"Verdana", Arial; font-size:11px; width:210px; background-color:#BFD3ED; text-indent:2mm; padding:5px; letter-spacing:0.03em;text-align:left; border-top:1px solid #fff; }
a.menu:hover { display:block; color:#000000; text-decoration:none; font-family:"Verdana", Arial; font-size:11px; width:210px; background-color:#789ED4; text-indent:2mm; padding:5px; letter-spacing:0.03em;}
a.menu:active { display:block; color:#000000; text-decoration:none; font-family:"Verdana", Arial; font-size:11px; width:210px; background-color:#BFD3ED; text-indent:2mm; padding:5px; letter-spacing:0.03em;text-align:left; border-top:1px solid #fff;}
a.menu:focus { display:block; color:#000000; text-decoration:none; font-family:"Verdana", Arial; font-size:11px; width:210px; background-color:#BFD3ED; text-indent:2mm; padding:5px; letter-spacing:0.03em; border-top:1px solid #fff;}


 .moreleft { /* mehr themen auf der linken Seite*/
    border-top:1px solid #fff;
	padding:10px;
	margin-bottom: 0px;
	background-color:#8FB1DE;
	border-bottom:1px solid #fff;
    }

 .moreleft2 { /* mehr themen auf der linken Seite*/
    border-top:1px solid #fff;
	padding:1px;
	margin-bottom: 0px;
	background-color:#8FB1DE;
	border-bottom:1px solid #fff;
    }

.text  {
     font-family:"Verdana", Arial; font-size:11px; color:#000;
    }

.info {
     font-family:"Verdana", Arial; font-size:11px; color:#000; text-align:center; height:100px; padding-top:80px;
    }


/*******************Formate aus altem Stylesheet*********************************************************************************/
.produktecds {width:200px;}

.pic_width_left{width:1019px;}
.width_rand_mid{width:100%;}
.pic_width {width:995px;}
.width_rand {width:100%;}

.adressentabelle {background-color:#E7E7E7; border:1px solid #cccccc;}
table.rahmen {border:1px solid #296E99;}
.imageframe {border:1px solid #000000;}

.linksunten {font-family:"Verdana",Arial; font-size:11px; color:#999999; text-indent:0mm; margin-left:1mm; margin-top:0mm;}
.felder {font-family:"Verdana",Arial; font-size:11px; color:#000000;}
.euro {font-family:"Verdana",Arial; font-size:8px; color:#000000;}
.textgestrichen {font-family:"Verdana",Arial; font-size:11px; color:#000000; text-decoration:line-through;}
.thema {font-family:"Verdana",Arial; font-weight:bold; font-size:11px; color:#990099;}

a.sitemap:link{font-family:"Verdana",Arial; font-size:10px; color:#666666; text-decoration:none;} 
a.sitemap:visited{font-family:"Verdana",Arial; font-size:10px; color:#FF6699; text-decoration:none;}
a.sitemap:active{font-family:"Verdana",Arial; font-size:10px; color:#666666; text-decoration:none;}
a.sitemap:hover{font-family:"Verdana",Arial; font-size:10px; color:#666666; text-decoration:none;}

a.imagelink:link{color:#000000;} 
a.imagelink:visited{color:#000000;}
a.imagelink:active{color:#000000;}
a.imagelink:hover{color:#000000;}

a:link{ color:#000099; text-decoration:none;} 
a:visited{color:#990099; text-decoration:none;}
a:active{color:#990099; text-decoration:none;} /*dunkelrosa FF3399*/
a:hover{color:#666666; text-decoration:underline;}

/*Notiz Formate*/
.notiz {background-color:#EAEAEA; border:1px dotted #333333; vertical-align:top;}
.notizhl {font-family:"Verdana",Arial; font-weight:bold; font-size:11px; color:#000000; height:15px;}

.trennung
{	border:1px #000066; border-bottom-style:dotted;}
  
/* Unten Rahmen*/
.bottom_frame
{ border-bottom-color:#333366;
  border-bottom-style:solid;
  border-bottom-width:1px;}

/********************** Onlineshop *************************/
.shopheader {COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; font-weight:bold; FONT-SIZE: 12px;}
.shoprahmen {border:1px #000000 dotted;}


.thema {font-family:"Verdana",Arial; font-weight:bold; font-size:11px; color:#990099;}
.mainline{border-top:1px dotted #999999;}