* { outline:none;  box-sizing: border-box;}
HTML {  background: #fff; }
BODY {  position:relative; 
  font-family: Arial, Sans-serif; font-size:16px;
  color:#111; background: #E8E7E7; background: #fff; 
  border-top: 9px solid #fff;
  margin:0 auto; padding:0;
  
}
A { color:#1F4FA2; }
A {  text-decoration:none; }
A:hover {  text-decoration:underline; }

BODY > DIV {  position:relative; }
BODY > DIV  > DIV {  position:relative; width:838px;  border-right: 5px solid transparent;  margin:0 auto; }		

				
H1 { font-size:28px; color:rgb(201,41,53); }
H3 { margin-top:0; }


#TheHeader  {   position:relative; border-bottom: 30px solid transparent; }
#TheHeader IMG {   position:relative;  margin-left:-26px; overflow:hidden;}
#Verteiler1  {   position:absolute;  top:34px; right:30px; z-index:999; }
#Verteiler1 UL  {   list-style:none; }
#Verteiler1 LI  {   display:inline-block; font-weight:bold;   margin:0; padding: 0 15px; }
#Verteiler1 A   {   display:inline-block; font-size:18px; color:#1E3988; padding: 4px 4px 1px 4px;  border-bottom: 2px solid transparent;  }
#Verteiler1 A:hover   { text-decoration:none; border-bottom: 2px solid #1E3988; }

#Idee P { text-align:justify; }
#Idee H2 { margin-top:0; font-size:20px; color:#1E3988; }

.topicImg  {   position:relative; border-left: 5px solid transparent; }
.topicImg  IMG {   position:relative; display:block; width:100%; height:auto }
.topicImg  IMG.overlay {   position:absolute; top:0; left:0; opacity:0.7;}
.topicImg:hover IMG.overlay {  opacity:1;}
.topicImg .textFelder { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; }
.topicImg .textFelder SPAN { position:absolute; display:inline-block; cursor:default; color:#1E3988; white-space:pre; font-weight:bold; background:#f0cd9e; border:1px solid #1E3988; padding: 3px 9px; opacity:0.0; }
.topicImg .textFelder SPAN:hover { opacity:1; }
P.Quelle { margin:0; color:#777; font-size:12px; text-align:right !important;  }

#Projekt  { position:relative; color:#fff; background:#dee6fc; border-top: 30px solid #dee6fc; border-bottom: 30px solid #dee6fc; }
#Projekt H2 { margin-top:0; font-size:20px; color:#1E3988; padding: 0 16px; }
#Projekt A { color:#fff;   text-decoration:underline; }


.Box1 {
  color:#fff; background-color:#1E3988;
  border-radius:4px;
  margin-bottom:28px; padding:  16px 16px 4px 16px;
}
.boxTable {   position:relative; color:#fff; }
.boxRow {   position:relative; color:#fff; margin-bottom:28px; }
.RowBack {   position:absolute; top:0; bottom:0; right:0; left:0;  }
.RowBack .cell1 {   position:absolute; top:0; bottom:0; left:0; width:402px; 
	background-color:#1E3988;   border-radius:4px;
}
.RowBack .cell2 {   position:absolute; top:0; bottom:0; left:431px; width:402px; background-color:#1E3988; border-radius:4px; }


.Projektdaten {  }

.boxCell {   position:relative; display:inline-block; width:402px; vertical-align: top;  padding: 16px 16px 4px 16px;   }
.boxCell1 { margin-right:29px; }


#Kontakt  { position:relative; color:black; background:#eee; border-top: 30px solid #eee; border-bottom: 1px solid transparent; }
#Kontakt H2 { margin-top:0; font-size:20px; color:#1E3988; }
#Kontakt A { color:black;  }
#Kontakt .logo-bhw { margin-bottom:30px; }

.adressRow {   position:relative; vertical-align: top;  }
.adressRow .trenn1 {      position:absolute; top:0; bottom:0; left:479px; width:7px; background-color:rgba(0,128,0,0.7); border-radius:15px; }

.AdresseBHW { position:relative; display:inline-block; width:404px; vertical-align:top;
    border-bottom: 1px solid transparent;
    margin-right:30px; margin-bottom:29px;
}

.KontaktBHW { position:relative; display:inline-block; width:364px;
    border-bottom: 1px solid transparent;
    vertical-align: top; margin-bottom:29px;
}

.Zertifzierung {   }


.buttonRow { position:relative;
	margin:32px 0 41px 0;
}

.buttonRow .button1 { position:relative; z-index:200;   width:250px; }
.buttonRow .button2 { position:absolute; z-index:100; top:0; width:100%; text-align:center; }
.buttonRow .button3 { position:absolute; z-index:200; top:0; right:0; margin-right:0;}

.buttonRow A { position:relative; display:inline-block; width:250px;
	text-align:left; font-weight:bold;  line-height:20px;
	color:rgb(36,58,137);
	border: 4px solid rgb(201,41,53); border-radius:8px;
	box-shadow: 0 3px 3px #888;
	padding: 9px 15px;
}
.buttonRow A:hover { }
.buttonRow A IMG { margin-right:9px; }
.buttonRow  SPAN { display:inline-block; }
.buttonRow A * { vertical-align:middle; }
.buttonRow A:hover SPAN { text-decoration:underline; }




#Foerderer { position:relative;	margin:30px 0; }
#Foerderer P { text-align:justify; }
#Foerderer .block1 { display:inline-block;}
#Foerderer .Hessen { margin-right:28px; }
#Foerderer .Harfe { margin-right:28px; }
#Foerderer .ESF { }
#Foerderer .Quali { position:absolute;	right:-31px; bottom:0; }




.Footer { background:white; }
.Footer A {  display:inline-block;  text-align:center;  color:#777; padding:20px 40px;  }
.Footer A.Datenschutz { margin: 0 38px;  }
.Footer A.Impressum {position:absolute; left:220px;}
.Design {position:absolute; right:0px; bottom:21px ;font-size:12px; color:#aaa}
.Design A {padding:0; color:#999}