@media screen and   (max-width: 959px)   {
  BODY { border: 9px solid #fff; border-bottom-width:18px; }

  #TheHeader  {   position:relative; overflow:hidden; }

  .topicImg  IMG {    width:100%; }
  .topicImg .textFelder { position:absolute; left:0; top:0; }
  .topicImg  P { display:block; width:auto; }
  
  
.buttonRow .button1 { display:block; margin: 30px 0; }
.buttonRow .button2 { position:relative;  display:block; margin: 30px 0; text-align:left; }
.buttonRow .button3 { position:relative;  display:block; margin: 30px 0;  } 
  
.buttonRow A { position:relative;  }
  
  #Projekt  { margin: 0 -9px;  padding:  0 9px; }
  
  .RowBack { display:none;}

  .boxCell { display:block; width:auto; background-color:#1E3988; border-radius:4px;  }
  .boxCell1 { margin-right:0;  margin-bottom:30px; }
  
  #Kontakt   { margin: 0 -9px;  padding:  0 9px; }
  
	#Foerderer .block1 { display:block; }
	#Foerderer .Hessen { margin-right:40px; margin-bottom:16px; }
	#Foerderer .Harfe {  margin-bottom:16px;  }
	#Foerderer .ESF {  margin-right:40px; margin-bottom:3px; }
  	#Foerderer .Quali { position:relative;	right:auto; bottom:auto;  margin-top:16px; }
  
}

@media screen and   (max-width: 922px)   {
	BODY > DIV  > DIV {   width:auto;  margin:0 26px;  }
}

@media screen and   (max-width: 770px)   {
    #TheHeader  { height:137px; background-color:#FFFF80; border-bottom:none; }
    #Verteiler1   {   right:0;  }
    #Verteiler1 LI  {   display:block; padding:0; text-align:right;}
}


@media screen and   (max-width: 640px)   {
    .AdresseBHW {  width:auto; display:block; }
    .KontaktBHW {  width:auto; display:block; }
    .Footer A {  display:inline-block;  text-align:center;  color:#777; padding:20px 40px;  }
    .Footer A.Datenschutz { margin: 0 16px 0 0; padding:20px 4px;  }
    .Footer A.Impressum {position:relative; left:auto; margin:0; padding:20px 4px; }
    .Design {position:absolute; right:0px; bottom:21px ;font-size:12px; color:#aaa}
    .Design A {padding:0; color:#999}
}


@media screen and   (max-width: 539px)   {
    .topicImg .textFelder { display:none; }
}


@media screen and   (max-width: 455px)   {
    #TheHeader  { height:180px;  }
    #Verteiler1  {  top:62px; }
    .Design { bottom:-12px; }
}


@media screen and   (max-width: 440px)   {
  #Foerderer .Quali { width:100%; height:auto; }
  
  #Idee P { text-align:left; }
  
}






@media screen and   (max-width: 918px)   {
  .topicImg .textFelder SPAN { font-size:15px; }
}

@media screen and   (max-width: 857px)   {
  .topicImg .textFelder SPAN { font-size:14px; }
}
@media screen and   (max-width: 796px)   {
  .topicImg .textFelder SPAN { font-size:13px; }
}
@media screen and   (max-width: 735px)   {
  .topicImg .textFelder SPAN { font-size:12px; }
}

@media screen and   (max-width: 673px)   {
  .topicImg .textFelder SPAN { font-size:11px; }
}

@media screen and   (max-width: 612px)   {
  .topicImg .textFelder SPAN { font-size:10px; }
}

@media screen and   (max-width: 551px)   {
  .topicImg .textFelder SPAN { font-size:9px; }
}