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

* {
margin:0;
padding:0;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
background-color:#FFF;
}

a {
outline:none;
text-decoration:none;
}

li {
list-style:none;
}
img {
border:none;
}

h1 { /*Logo*/
float:left;
margin-top:8px;
font-size:14.5px;  
color:#FFFFFF;
line-height:17px;
}
h1 a { /*Logo*/ 
color:#FFFFFF;
}
h2 { /*Nachhilfe nach Maß*/
float:right;
margin:38px 67px 0px 0px;
font-size:20px;
color:#FFFFFF;
font-weight:normal;
}
h2 a { 
color:#FFFFFF;
}

h3 { /*Info-Telefon*/
font-size:21px;
color:#056946;
}
h4 {
display:inline;
/*float:left;*/
font-size:50px; /*besser lernen - groß grün*/
color:#056946;
font-weight:normal;
line-height:55px;
}
h5 {
display:inline;
/*float:left;*/
font-size:35px; /*Einfach - kleiner schwarz*/
color:#000;
font-weight:normal;
line-height:40px;
}
h6 {
margin-top:25px;
font-size:40px; /*zum besseren Lernen - home*/
color:#000;
font-weight:normal;
}
p.h1 {
margin-top:60px;
font-size:61px; /*Willkommen - home*/
color:#056946;
font-weight:normal;
}
.bottom_30 {       /*Abstand unter Überschrift*/
margin-bottom:30px;
}
.block {
display:block;
}
.inline {
display:inline;
}
.float {
float:left;
}

.right_30 {
margin-right:100px;
}
.p_right_30 {
padding-right:30px;
}
.bottom_0 {
margin-bottom:0;
}
.bottom_25 {
margin-bottom:25px;
}
.nowrap {
white-space:nowrap;
}

/*-------------------------------------------------------*/
div#container {
position:relative;
margin:0px auto;
width:1003px;
height:720px;
border-bottom:1px solid #CCCCCC;
}
div#container.kontakt_1 {
/*height:870px;*/
height:1080px;
}
div#container.stellen_1 {
height:1100px;
}
/*------------ head_1 - grüner Bereich oben ---------------- head*/

div#head_1 {
width:1003px;
height:65px;
background-color:#056946;
}
div#head_1 a img {
float:left;
margin:7px 5px 0px 35px;
}
/*------------ head_2 - weisser Bereich oben ---------------- head*/
div#head_2 {
width:1003px;
height:73px;
background-color:#FFF;
}
div#head_2 div#li {
float:left;
width:693px;
height:73px;
margin-left:35px;
}
/*Die familienfreundliche Nachhilfeschule mit dem Förderunterricht für erfolgreiches Lernen*/
div#head_2 div#li p {  
width:693px;
height:23px;
margin-top:7px;
font-weight:bold;
font-size:13px;
}
div#head_2 div#li ul {
width:693px;
height:40px;
border-top:3px solid #056946;
}
div#head_2 div#li ul li {
float:left;
margin-top:10px;
font-weight:bold;
}
div#head_2 div#li ul li a {
margin:0px 6px 0px 6px;
font-size:12px;
color:#000000;
}
div#head_2 div#li ul li a:hover, div#head_2 div#li ul li a.active {
color:#056946;
}
div#head_2 div#li ul li a.li {
margin-left:0;
}
div#head_2 div#li ul li a.re {
margin-right:0;
}
div#head_2 div#re {
float:left;
width:269px;
height:65px;
padding-top:2px;
border:3px solid #056946;   /*wird bei Firefox von der Größe abgezogen*/
color:#056946;
font-size:11px;
}
div#head_2 div#re h3, div#head_2 div#re p {
margin-left:15px;
}
div#head_2 div#re h3 img {
margin-top:2px;
}

div#s_20_jahre {         /*Stempel 20 Jahre*/
position: absolute;
left:615px;
top:3px;
width:94px;
height:98px;
background-image:url(../1/bilder/stempel.png);
background-repeat:no-repeat;
}


/*------------------------------------ Menü ---------- ul#links*/
ul#links {
float:left;
width:188px;
height:475px;
background-image:url(../1/bilder/hg_li.jpg);
}
 /* .a - einzelne Menüpunkte markieren*/
ul li.a {
width:168px;
margin:10px 0px 0px 4px;
border:1px solid #000000;
}

ul li.a a {
display:block;
width:156px;
height: inherit;
padding:3px 0px 4px 12px;
font-size:12px;
color:#056946;
font-weight:bold;
background-color:#FFFFFF;
}
ul li.a a:hover, ul li.a a.active {
color:#FFF;
background-color:#056946;
}
/*-- sollen vorübergehend nicht verlinkt sein*/
ul li.a a.b:hover {
color:#056946;
background-color:#FFFFFF;
}
/*------mehrere Menüpunkte auf einmal markieren --- */

ul a.mehrfach span {
display:block;
width:156px;
margin:10px 0px 0px 4px;
background-color:#FFFFFF;
border:1px solid #000000;
padding:3px 0px 4px 12px;
font-size:12px;
color:#056946;
font-weight:bold;
}
ul a.mehrfach:hover span, ul a.active span {
color:#FFF;
background-color:#056946;
cursor:pointer;
}

/*-------------------------------------------------- div#mitte*/
div#mitte {
float:left;
height:475px; 
background-image:url(../1/bilder/hg_mitte.jpg);
}
div#mitte.Lern_1 {
width:535px;
}
div#mitte.home_1 {
width:540px;
}
div#mitte.aktuell_3 {  /*-ie6 anders*/
width:540px;
}
div#innen {
margin:45px 50px 0px 25px;
}
div#innen.z {
margin:45px 20px 0px 25px;
}
div#innen p {
clear:both;
margin-bottom:19px;
line-height:17px;
}
div#innen.aktuell_1 {
margin:18px 0px 0px 25px;
}
div#innen.angebot {
margin:30px 50px 0px 25px;
}
div#innen.angebot p {
margin-bottom:7px;
}
div#innen.angebot_03 {
margin:30px 0px 0px 25px;
}
div#innen.angebot_11 {
margin:35px 0px 0px 25px;
}

div#innen.angebot_11 p {
margin-right:35px;
}
div#innen.impressum {
margin:55px 0px 0px 25px;
}

div#ueberschrift {
position:absolute;
left:214px;
top:147px;
width:800px;
font-size:13px;
font-weight:bold;
}
/*-------------------------------------------------- div#rechts*/
div#rechts {
float:left;
width:275px;
height:475px;
}
div#re_impressum {
float:left;
width:460px;
padding-top:55px;
background-color:#cde1d7;
}
div#rechts.hg_hellgruen {
background-color:#cde1d7;
border-left:5px solid #FFFFFF;
}
/*--------------------- BIlderquelle*/
.quelle {
margin-left:8px;
margin-bottom:20px;
}
.quelle a {
color:#FFFFFF;
/*font-style:italic;*/
font-size:10px;
}

div#oben_re {  /*mittelgrün*/
width:275px;
height:23px;
background-color:#69a284;
}
div#oben_re_a {  /*dunkelgrün - aktuelles*/
width:275px;
height:23px;
background-color:#056946;
}
div#rechts div.bild {
margin:23px 0px 21px 0px;
width:275px;
height:206px;
}
/*-----------------------------------------*/

div#gratis {  /*HG hell, fast alle*/
position:absolute;
left:728px;
top:550px;
border:1px solid #000000;
}
.f_12 {
font-size:12px;
}

/*------------------------------------------------- div#footer_li*/
div#footer_li {
float:left;
width:187px;
height:90px;
}
div#footer_li div {  /*Qualitätsstempel*/
position:absolute;
left:45px;
top:550px;
}
div#footer_li p {   /*2007 PÄDAGOGISCHE SCHÜLER-FÖRDERUNG*/
position:absolute;
left:3px;
bottom:-22px;
width:1000px;
height:15px;
font-size:9px;
z-index:0;
}
div#footer_li p span {
margin-left:423px;
}
div#footer_li p span a {
color:#000000;
}
div#footer_li p span a img {
margin-right:7px;
}

/*------------------------------------------------- div#footer_mitte*/
div#footer_mitte {
float:left;
width:541px;
height:90px;
}
div#footer_mitte p {
margin:5px 10px 0px 25px;
color:#056946;
font-weight:bold;
line-height:17px;
font-size:13px;
}
div#footer_mitte p a {
margin-left:210px;
font-weight:normal;
font-size:12px;
font-style:italic;
color:#056946;
}
div#footer_mitte p a:hover {
color:#000;
}

/*------------------------------------------------- div#footer_re*/
div#footer_re {
float:left;
width:275px;
height:90px;
}
div#footer_re a.weiter {
display:block;
position:absolute;
left:924px;
top:630px;
margin:13px 0px 0px 23px;
width:55px;
height:15px;
color:#056946;
font-weight:bold;
background-image: url(../1/bilder/pfeil_re_up.png);
background-repeat:no-repeat;
background-position:right;
}
div#footer_re a.weiter:hover {
color:#000;
background-image: url(../1/bilder/pfeil_re_ov.png);
}

/*----------- Sternchentext*/

p#schulen {
	position:absolute;
	right:95px;
	top:702px;
	font-weight:normal;
	font-size:12px;
	font-style:italic;
	color:#666666;
}

/*-----------  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; 
}

#InfoFooter{

    position: absolute !important;
    top: 720px !important;
    left: 401px !important;
 
    width: 292px !important;
    text-transform: uppercase;
  

}

#InfoFooter > p{

 
    width: 624px !important;
  
        letter-spacing: -0.2px;

}
#InfoFooter > p > a{

    color: #333;

}
#li > ul > li:nth-child(1) > a > span{
    
    background-color: white;
    color: black;

}

#Einsatzorte > tbody > tr > td > ul > li > a{
        font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;

}

#Einsatzorte > tbody > tr > td > ul > li > a:active{
    color: #056946;
}
#Einsatzorte > tbody > tr > td > ul > li > a:hover{
    color: #056946;
}

#Adressen {
    border: solid 1px;
    height: 73px;
    width: 215px;
    margin-top: 50px;
    margin-bottom: 6px;
}

#Adressen p{ 
    text-align: center;
    padding: 11px;
    height: 51px;
    background-color: white;
}

#UnterseitenH2 {
    float: inherit !important;
    margin: 0;
    padding: 0;
    color: black;
    font-size: 14px;
    font-weight: bold;
}




/*-----------------------------------
      		  FARBEN
------------------------------------*/
/*
e1ede7   hellgrün inputfelder
cde1d7   hellgrün 1/Hg Flächen auf Seite 2
a5c7b5   hellgrün 2/HG gratis
7aac86   mittelgrün 1/HG gratis
d2e8dd	 mittelgrün 2 /HG content_re IE 6
69a284   mittelgrün 2 /HG content_re
056946   dunkelgrün/head
*/