@charset "utf-8";
/* CSS Document */


/*------------------------------------------------- Home */
div#rechts.home {
color:#056946;
font-weight:bold;
background-image:url(../bilder/home/hg_re.jpg);
}
div#rechts.home p {
margin-bottom:0px;
}
.bottom_10 {
margin-bottom:10px;
}
div#rechts p.bottom_10 {
margin-bottom:10px;
}
div#rechts div#home {
margin-bottom:60px;
background-image: url(../bilder/bilder_re/schuelerin.jpg);
}
a.mehr {
display:block;
margin:13px 0px 0px 23px;
width:48px;
height:15px;
color:#056946;
font-weight:bold;
background-image: url(../bilder/pfeil_re_up.png);
background-repeat:no-repeat;
background-position:right;
}
a.mehr:hover {
color:#000;
background-image: url(../bilder/pfeil_re_ov.png);
}

/*---------------------------------------------- Aktuell */
div#rechts div#aktuell {
margin-bottom:11px;
margin-top:17px;
height:188px;
background-image:url(../bilder/bilder_re/schultisch.JPG);
}
p.aktuell_2 {  /* Überschrift*/
width:504px;
height:20px;
padding:3px 0px 0px 11px;
margin-left:25px;
background-color:#056946;
color:#FFFFFF;
font-weight:bold;
letter-spacing:0.7px;
}

div.gruen {
background-color:#cde1d7;
}
div.weiss {
background-color:#FFF;
}

div#innen div.gruen, div#rechts div.gruen, div#innen div.weiss, div#rechts div.weiss {
float:left;
margin-bottom:11px;
margin-right:11px;
padding:0;
width:242px;
height:86px;
border:1px solid #000000;
}
div#innen div.gruen p, div#rechts div.gruen p, div#innen div.weiss p, div#rechts div.weiss p {
margin:8px 0px 0px 11px;
padding:0;
color:#000000;
font-weight:normal;
font-size:12px;
line-height:15px;
}
div#innen div#gruen_1 {
position:absolute;
left:213px;
top:574px;
}
div#innen div#weiss_1 {
position:absolute;
left:468px;
top:574px;
}

/*a#gratis_link {
position:absolute;
right:156px;
bottom:100px;
width:120px;
height:90px;
display:block;
z-index:10;
}*/
/*---------------------------------------------- Lernkonzept_01 */
div#innen.lernkonzept {
margin-top:30px;
}
.left_60 {
margin-left:60px;
}
div#rechts div#lernkonzept_1 {
margin-bottom:28px;
background-image: url(../bilder/bilder_re/buecher.jpg);
}

 /* Menü re ---  .a - einzelne Menüpunkte markieren*/
div#rechts ul li.a {
width:212px;
margin:10px 0px 0px 0px;
}
div#rechts ul li.a a {
width:200px;
padding:3px 0px 4px 12px;
}

.hg_gruen {
background-color:#69a284;
border-left:5px solid #FFFFFF;
}

.top_16 {
margin-top:16px;
}

/*---------------------------------------------- Lernkonzept_02 */
div#rechts div#lernkonzept_2 {
margin-bottom:28px;
background-image: url(../bilder/bilder_re/schulheft.JPG);
}
.left_125 {
margin-left:125px;
}
div#footer_mitte p.L_2 {
margin:5px 0px 10px 30px;
}
div#footer_mitte p.L_2 a {
margin-left:80px;
}
/*---------------------------------------------- Lernkonzept_03 */
div#rechts div#lernkonzept_3 {
margin-bottom:28px;
background-image:url(../bilder/bilder_re/lernen.JPG);
}

div.haken {
float:left;
width:23px;
margin-right:5px;
}
div.haken img {
margin-bottom:3px;
}
div#text_re {
float:left;
width:400px;
}
div#text_re p {
margin-bottom:5px;
}
/*---------------------------------------------- Angebote_01 */

div#rechts div#angebote_01 {
margin-bottom:28px;
background-image:url(../bilder/bilder_re/schueler.JPG);
}
.bottom_20 {
margin-bottom:20px;
}
div.haken_1 {
float:left;
width:23px;
margin-right:5px;
}
div#text_1 {
float:left;
width:400px;
}
.top_50 { /*gratis*/
margin-top:50px;
}
.clear {
clear:both;
}
div#text_1 p {
margin-bottom:6px;
}

/*---------------------------------------------- Angebote_02 */

div#rechts div#angebote_02 {
margin-bottom:28px;
background-image:url(../bilder/bilder_re/schuelerinnen.JPG);
}
h5#mit {
margin:10px 15px 0px 0px;
}
/*---------------------------------------------- Angebote_03 */
div#rechts div#angebote_03 {
margin-bottom:28px;
background-image:url(../bilder/bilder_re/pause.JPG);
}
h5.ergebnis {
margin:10px 0px 0px 13px;
}
h5.engagement {
margin:0px 0px 10px 90px;
}
h5#richtig {
line-height:50px;
}
h5.das {
margin:-10px 12px 20px 70px;
}

/*---------------------------------------------- Angebote_04 */

div#rechts div#angebote_04 {
margin-bottom:28px;
background-image:url(../bilder/bilder_re/lernen_1.JPG);
}

h4.zu {
float:left;
margin:-13px 13px 20px 60px;
}
/*---------------------------------------------- Angebote_11 */
div#rechts div#angebote_11 {
height:164px;
margin-bottom:0px;
margin-top:0;
background-image:url(../bilder/bilder_re/schuelerinnen_2.jpg);
}
h5.jeder {
float:left;
margin:10px 10px 10px 0px;
}
.an {
margin:-1px 0px 0px 5px;
}
h5.darauf {
float:left;
margin:0px 0px 5px 115px;
}
.speziell {
display:block;
margin-bottom:20px;
}
/*--------------- Text mit Linien re*/
div#rechts div#a_11 {
margin:0px 5px 0px 10px;
}
div#rechts div#a_11 p {
font-size:12px;
}
div#rechts div#a_11 hr {     /*Linien*/
margin:8px 20px 8px 0px;
}
.gruen_fett {
color:#056946;
font-weight:bold;
}
a.mehr_kursiv {
font-weight:normal;
font-size:12px;
font-style:italic;
color:#056946;
}
a.mehr_kursiv:hover {
color:#000;
}
.left_130 {
margin-left:130px;
}
.left_37 { /*angebote_11*/
margin-left:37px;
}
.top_13 { /*gratis*/
margin-top:13px;
}
/*---------------------------------------------- Angebote_12 */
div#rechts div#angebote_12 {
margin-bottom:28px;
background-image:url(../bilder/bilder_re/schueler_1.JPG);
}
h5#fuer {
margin:12px 0px 0px 10px;
width:100px;
}
/*---------------------------------------------- Angebote_12 */

div#rechts div#angebote_12 {
margin-bottom:28px;
background-image:url(../bilder/bilder_re/schueler_1.JPG);
}


.top_9 {
margin-top:9px;
}
.top_10 {
margin-top:12px;
}

/*---------------------------------------------- Angebote_13 */
div#rechts div#angebote_13 {
/*margin-bottom:28px;*/
margin-bottom:0px;
margin-top:0;
background-image:url(../bilder/bilder_re/schuelerin_1.JPG);
}
h5.w {
float:left;
margin:10px 10px 0px 40px;
}
h4.s {
float:left;
margin:0px 10px 30px 10px;
}
.left_15 { /*mehr_kursiv - angebote_13*/
margin-left:15px;
}
.top_19 { /*gratis*/
margin-top:19px;
}
/*---------------------------------------------- Angebote_14 */
div#rechts div#angebote_14 {
margin-bottom:28px;
background-image:url(../bilder/bilder_re/lernen_2.JPG);
}
h5.ist {
display:block;
margin:3px 0px 30px 98px;
}
.left_350 {
margin-left:350px;
}
/*---------------------------------------------- Angebote_15 */
div#rechts div#angebote_15 {
margin-bottom:28px;
margin-top:0;
background-image:url(../bilder/bilder_re/maedchen.JPG);
}
.left_110 {
margin-left:110px;
}
h5.zum {
clear:both;
margin:10px 10px 0px 0px;
}
h5.ber {
display:block;
margin:3px 0px 20px 130px;
}
/*---------------------------------------------- Angebote_16 */
div#rechts div#angebote_16 {
margin-bottom:28px;
margin-top:0;
background-image:url(../bilder/bilder_re/schuelerin_2.JPG);
}
.top_34 {
margin-top:34px;
}
h4#english {
display:block;
margin:-5px 0px 20px 140px;
}
/*---------------------------------------------- Angebote_16 */
div#rechts div#angebote_17 {
margin-bottom:28px;
margin-top:0;
background-image:url(../bilder/bilder_re/schueler_2.JPG);
}
.left_145 {
margin-left:145px;
}
h5#kann {
margin:10px 10px 0px 0px;
}
.gr_unten {
margin:-5px 0px 20px 60px;
}
/*---------------------------------------------- Ueber_uns_01.html */
div#rechts div#ueber_uns_01 {
margin-bottom:28px;
margin-top:0;
background-image:url(../bilder/bilder_re/frau.JPG);
}
.top_67 {
margin-top:67px;
}
.left_67 {
margin-left:67px;
}
.schw_unten {
margin:15px 0px 20px 10px;
}
/*---------------------------------------------- Lern_Qualitaet_01.html */
div#rechts div#qualitaet {
margin:10px 0px 10px 0px;
width:275px;
height:185px;
background-image:url(../bilder/qualitaetsstempel_gross.gif);
background-repeat:no-repeat;
background-position:40px 20px;
}
.left_20 {
margin-left:20px;
}
.top_46 {
margin-top:46px;
}
.top_21 {
margin-top:21px;
}

div#quali {
position:absolute;
width:700px;
top:430px;
left:218px;
}
div#quali p {
margin-bottom:8px;
}
div#text_2 {
float:left;
width:500px;
}
div#text_2 p {
margin-bottom:5px;
color:#056946;
font-weight:bold;
}
div.haken_2 {
float:left;
width:23px;
margin-right:5px;
margin-top:-6px;
}
/*---------------------------------------------- Schulen_01.html */
div#rechts div#schulen_01 {
margin-bottom:28px;
margin-top:0;
background-image:url(../bilder/bilder_re/schueler_3.jpg);
}
h5#a {
margin:13px 10px 20px 35px;
}
.top_97 {
margin-top:97px;
}
.top_67 {
margin-top:67px;
}
div#footer_mitte p.top_34 {
float:left;
margin-top:45px;
}
/*----------------------- kleiner Dreieckpfeil*/
div#footer_mitte a.dreieck {
position:absolute;
left:280px;
top:697px;
display:block;
width:8px;
height:10px;
background-image: url(../bilder/pfeil_re_up.png);
background-repeat:no-repeat;
}
div#footer_mitte a.dreieck:hover {
background-image: url(../bilder/pfeil_re_ov.png);
cursor:pointer;
}
div#schulenliste {
position:absolute;
top:265px;
left:218px;
width:475px;
height:385px;
padding-bottom:30px;
}
div#alphabet {
padding-left:8px;
background-color:#FFFFFF;
border:2px solid #000000;
}
div#alphabet a {
display:inline-block;
margin:0;
padding:2px 2px 2px 2px;
color:#056946;
font-weight:bold;
font-size:14px;
}
div#alphabet a:hover {
background-color:#056946;
color:#FFFFFF;
}
div#liste {
overflow:scroll;
height:317px;
border:2px solid #000000;
padding:20px 15px 25px 5px;
margin-bottom:30px;
background-color:#69a284;
}
div#liste div {    /*alle*/
float:left;
margin:5px 0px 0px 5px;
}
div#liste div p {    /*alle*/
line-height:17px;
}
div#liste div.a1 {   /*Buchstabe*/
clear:both;
margin-left:10px;
width:35px;
height:70px;
color:#FFFFFF;
font-size:20px;
font-weight:bold;
}
div#liste div.a2 {    /*mittl. Spalte*/
padding:10px 0px 7px 20px;
/*width:230px;*/
width:250px;
height:53px;
background-color:#FFFFFF;
line-height:17px;
}
div#liste div.a3 {  /*re Spalte*/
padding:40px 0px 0px 10px;
/*width:100px;*/
width:80px;
height:30px;
background-color:#FFFFFF;
}
div#liste div.a3 a {
color:#056946;
font-weight:bold;
text-decoration:underline;
}
div#liste div.a3 a:hover {
color:#000000;
}
img.r {
margin-right:7px;
}

/*---------------------------------------------- Kontakt_01.html */

h4#me {
margin:-12px 0px 0px 10px;
}
h5#moe {
margin:13px 0px 20px 12px;
}
div#rechts div#kont {
margin:30px 0px 0px 30px;
}
div#rechts div#kont p {
font-size:12px;
margin-bottom:19px;
}
a.email_1 {
color:#000000;
text-decoration:none;
}
a.email_1:hover {
text-decoration:underline;
}
a.email_2 {   /*Kontakt+Impressum*/
color:#000000;
text-decoration:underline;
}
/*-------------------------- Formular*/
div#kontakt {
position: absolute;
left:200px;
z-index:2;
width:511px;
height:550px;
padding:0px 0px 10px 14px;
background-color:#FFFFFF;
font-size:12px;
}

div#kontakt.k {
top:280px;
}
div#kontakt.st {
top:295px;
}
div#kontakt form p.h1_kontakt {  /*Ihre Adresse*/
margin-bottom:7px;
margin-top:10px;
color:#056946;
font-size:16px;
font-weight:bold;
}
div#kontakt form p.h2_kontakt { /* Mein Kind*/
margin-bottom:3px;
margin-top:5px;
font-size:12px;
font-weight:bold;
}
div#kontakt form p.h3_kontakt {  /*Ihre Nachricht*/
margin-bottom:7px;
margin-top:17px;
color:#056946;
font-size:16px;
font-weight:bold;
}
p#chec {  /*Abstand unter checkboxen*/
margin-bottom:5px;
}
input {
height:20px;
padding-left:5px;
background-color:#e1ede7;
border:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
textarea {
margin-top:10px;
margin-bottom:10px;
padding-left:5px;
padding-top:5px;
width:498px;
background-color:#e1ede7;
border:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

input.checkbox {
margin:0px 5px 10px 0px;
height:5px;
}

input#Vorname, input#Nachname {
width:245px;
}
input#Email {
width:498px;
}
input#Strasse {
width:395px;
}
input#Nr {
width:95px;
}
input#PLZ {
margin-top:5px;
width:95px;
}
input#Wohnort {
width:395px;
}
input#Telefon {
margin-top:5px;
width:305px;
}
input#Vorname_Kind {
width:245px;
}
input#Alter {
width:75px;
}
input#Klasse {
width:75px;
}
input#Fach_1, input#Fach_2, input#Fach_3 {
width:160px;
}
input#Wunschort {
margin-top:5px;
width:498px;
}

form#Formular div.einwilligung {
float:left;
margin-left:10px;
width:450px;
}

input.submit {
position:absolute;
left:527px;
bottom:-198px;
width:118px;
height:24px;
padding-bottom:3px;
padding-left:15px;
background-image:url(../bilder/kontakt/abschicken_up.jpg);
background-position:-2px -2px;
color:#FFFFFF;
font-weight:bold;
font-size:14px;
border-bottom:2px solid #000000;
border-right:2px solid #000000;
border-top:2px solid #7aac86;
border-left:2px solid #7aac86;
}
input.submit:hover {
background-image:url(../bilder/kontakt/abschicken_ov.gif);
cursor:pointer;
color:#000000;
border:2px solid #d2e8dd;
border-bottom:2px solid #7aac86;
border-right:2px solid #7aac86;
}

.left_195 {
margin-left:195px;
}
.left_363 {
margin-left:363px;
}
.left_78 {
margin-left:78px;
}
.left_200 {
margin-left:200px;
}
.left_55 {
margin-left:55px;
}
p.be {
position:absolute;
top:210px;
left:390px;
}

/*---------------------------------------------- Stellen */

input#Beruf {
margin-top:5px;
width:245px;
}
input#Alter {
width:95px;
}
input#Fach1, input#Fach2 {
width:395px;
}
input#F1_bis_Klasse, input#F2_bis_Klasse {
width:95px;
}
.left_223 {
margin-left:223px;
}
a.franchise {
display:block;
width:256px;
height:39px;
margin-top:25px;
padding:7px 0px 0px 15px;
background-image:url(../bilder/stellen/franchise_up.jpg);
color:#FFFFFF;
font-weight:bold;
border:2px solid #056946;
border-bottom:2px solid #000000;
border-right:2px solid #000000;
border-top:2px solid #7aac86;
border-left:2px solid #7aac86;
}
a.franchise:hover {
background-image:url(../bilder/stellen/franchise_ov.jpg);
color:#000;
border:2px solid #d2e8dd;
border-bottom:2px solid #7aac86;
border-right:2px solid #7aac86;
}

/*---------------------------------------------- Stellen 2 */
div#rechts div#stellen_02 {
margin-bottom:28px;
margin-top:0;
height:321px;
background-image:url(../bilder/bilder_re/schule.JPG);
}
div#footer_mitte p a.stellen2 {
margin-left:100px;
}

/*---------------------------------------------- Impressum */

div#container.impressum_1 {
height:1590px;
background-color:#cde1d7;
border:none;
}
.imp {   /*div#mitte*/
width:355px;
}
div#re_impressum p {
margin:0px 30px 19px 15px;
font-size:12px;
}
div#stempel {  /*Qualitätsstempel*/
position:absolute;
left:55px;
top:590px;
}
p#p {   /*2007 PÄDAGOGISCHE SCHÜLER-FÖRDERUNG*/
position:absolute;
left:3px;
bottom:-22px;
width:300px;
height:15px;
font-size:9px;
z-index:0;
}

/*------------------------ Druckseiten*/

div#container.druckb { /*Angebote*/
height:2240px;
border:none;
}
div#container.druckc { /*Lernkonzept*/
height:570px;
border:none;
}
div#container.druckd { /*Schulen*/
height:825px;
border:none;
}
.f_16 {
font-size:16px;
}
div#text {
/*width:700px;*/
margin:10px 0px 0px 30px;
}
p#drucka {
float:right;
margin:38px 350px 0px 0px;
font-size:20px;
color:#FFFFFF;
font-weight:normal;
}
.fuss {
margin:60px 0px 0px 30px;
font-size:14px;
}

/*------------------------ Empfehlung*/
div#kontakt.empf {
top:290px;
height:290px;
/*height:320px;*/
}

input.empfehlung {
width:498px;
}
input#empfehlung.submit {
position:static;
width:150px;
margin-top:10px;
background-image: url(../bilder/kontakt/abschicken_up.jpg);
}
input#empfehlung.submit:hover {
background-image: url(../bilder/kontakt/abschicken_ov.gif);
}
/* Kontakt */
.moduleFormEmpfehlung {
	width: 498px;
	padding: 15px 0 0 0;
}
.moduleFormEmpfehlung .formTextInput { width: 491px; border: 1px solid #54545; float: left; 
}
.moduleFormEmpfehlung .formTextInputMail { width: 465px; }

.moduleFormEmpfehlung .formTextField { width: 491px; margin:1px 0 0 0; height: 80px; border: 1px solid #e1ede7; 
}
.moduleFormEmpfehlung .formLabelText{ display: block; width: 491px; padding: 0; 
}
.moduleFormEmpfehlung .formLabelTextLong{ display: block; float: left; width: 200px;  font-size: 14px; color: #000; padding: 3px 0 0 5px;}
.moduleFormEmpfehlung .formRow {
	margin-bottom: 6px;
	height: auto;
}
.moduleFormEmpfehlung .formRow .boxCheck { height: 20px; display: block; float: right; width: 20px; }

.moduleFormEmpfehlung .formRowFix {
	margin-bottom: 4px;
	height: 60px;
}

.moduleFormEmpfehlung .formRowSubmit {
	margin: 0;
	text-align: left;
}
.moduleFormEmpfehlung .formRowMandatory { width: 80px; margin: -25px 0 0 0; position: absolute; font-size: 12px; color: #000; }
.moduleFormEmpfehlung .formRowCallback { padding: 5px; background-color: #7A8D08; margin: 0 0 6px 0; }
.moduleFormEmpfehlung .btnImage { width: 180px; padding: 4px 0; color: #FFF; text-transform: uppercase; background-color: #870001; }
.moduleFormEmpfehlung .btnReset { width: 136px; padding: 4px 0; color: #FFF; text-transform: uppercase; }
.moduleFormEmpfehlung #response_status { -moz-border-radius:5px; /*background-color:#C30;*/ text-align:left; color:#000; padding:3px; font-weight:bold; margin-right:50px; }
.moduleFormEmpfehlung p {font-style:italic; font-size:11px;}
.boxExample { padding: 0 0 0 105px; display: block; font-weight: bold; }
.boxIndicator { text-align: center; padding: 3px; display: none; font-size: 11px; font-weight: bold; }
.boxResponse { padding: 10px; font-weight: bold; }
.boxError { color: #FFF; background-color: #c50000; padding: 5px; }
.boxFeedbackMsg { display: none; }

/*----------------------------------*/
.left_300 {
margin-left:300px;
}
.left_10 {
margin-left:10px;
}
.top_03 {
margin-top:3px;
}
.f_10 {
font-size:11px;
}

/*-----------  2016*/

#li > ul > li > a > span{

    float: right;
    padding-top: 2px;

}

#DropD > ul > li{
	
	    float: initial !important;
}
.dropdown > ul{
	display: none;
}

#DropD > ul:hover{
    display: inline !important; 
}