body {
   font-family: Arial, Helvetica, sans-serif;
}

/*---------- allgemeines Layout - Startseite -------------*/

#main {
   width: 820px;
   height:650px;
   margin: 10px auto;
}

#main_innen {
   background-image:url(Bilddaten/Startseite.jpg);
   background-repeat: no-repeat;
   width: 820px;
   height:650px;
   position: relative;
}

#main_innen_logo {
   background: url(Bilddaten/ylogo.jpg) no-repeat;
   width: 820px;
   height:580px;
   clip: auto;
   position: relative;
   background-position: 120px 30px;
}

#main_footer {
   width: 800px;
   left: 10px;
   position: relative;
   padding-top: 10px;
}

/*---------- allgemeines Layout - Innenbereich -------------*/

#main_haupt {
   background:url(Bilddaten/Menu.jpg) top left no-repeat;
   background-position: 0px 0px;
   width: 800px;
   height:580px;
   margin: 10px auto
}

#main_haupt_menue {
   width: 140px;
   float: left;
   height: 450px;
   left: 8px;
   position: relative;
}

#main_haupt_menue_innen {
   width: 110px;
   height: 295px;
   clear: none;
   padding-top: 150px;
   padding-right: 5px;
   padding-left: 20px;
}

#main_haupt_inhalt {
   width: 640px;
   float: right;
   height: 558px;
   background: #aacdff;
}

#main_haupt_inhalt_innen {
   position: relative;
   padding: 10px 40px;
   height: 540px;
   overflow: auto;
   left: 10px;
   padding-bottom: 5px;
   width: 566px;
}

#footer {
   clear: both;
   text-align:left;
   width: 630px;
   height: 20px;
   position: relative;
   left: 160px;
   padding-left: 10px;
}

/*----------- Links auf Innenseiten -------------*/

#main_haupt_menue a {
   display:block; 
   color: #004386; 
   font-size: 14px; 
   text-decoration:none;
   padding-top: 10px;
   }
#main_haupt_menue a.aktuell {
   display:block; 
   color: #0086C8; 
   font-size: 14px; 
   text-decoration:none;
   }

#main_haupt_menue a.unter {
   display:block; 
   color: #004386; 
   font-size: 11px; 
   text-decoration:none;
   padding-top:3px;
   padding-left: 12px;
   }

#main_haupt_menue a.unter_aktuell {
   display:block; 
   color: #0086C8; 
   font-size: 11px; 
   text-decoration:none;
   padding-top:3px;
   padding-left: 12px;
   }

#main_haupt_menue a:link {}
#main_haupt_menue a:visited{}
#main_haupt_menue a:hover{color: #0086C8}




/*----------- Buttons auf Startseite -------------------------*/

#button1 {
   left: 0px;
   top: 144px;
   width:109px;
   height:218px;
   position: relative;
   display:block;
   color: #000000;
}
#button1 a {
   height: 160px;
   position: relative;
   display:block;
   color: #000000;
   font-size: 16px;
   text-decoration: none;
   text-align: center;
}
#button1 a:link {
   background: url(Bilddaten/index_up_04.jpg) no-repeat;
}
#button1 a:visited{background: url(Bilddaten/index_up_04.jpg) no-repeat;}
#button1 a:hover{background-image: url(Bilddaten/index_down_04.jpg);}
            

#button2 {
   left: 0px;
   top: 144px;
   width:109px;
   height:218px;
   position: relative;
   display:block;
   color: #000000;
}
#button2 a {
   height: 140px;
   position: relative;
   display:block;
   color: #000000;
   font-size: 16px;
   text-decoration: none;
   text-align: center;
}
#button2 a:link{background: url(Bilddaten/index_up_05.jpg) no-repeat;}
#button2 a:visited{background: url(Bilddaten/index_up_05.jpg) no-repeat;}
#button2 a:hover{
   background: url(Bilddaten/index_down_05.jpg) no-repeat;
}

#button3 {
   left: 0px;
   top: 144px;
   width:109px;
   height:218px;
   position: relative;
   display:block;
   color: #000000;
}
#button3 a {
   height: 150px;
   position: relative;
   display:block;
   color: #000000;
   font-size: 16px;
   text-decoration: none;
   text-align: center;
}
#button3 a:link{background: url(Bilddaten/index_up_06.jpg) no-repeat;}
#button3 a:visited{background: url(Bilddaten/index_up_06.jpg) no-repeat;}
#button3 a:hover{background: url(Bilddaten/index_down_06.jpg) no-repeat;}

#button4 {
   left: 0px;
   top: 144px;
   width:109px;
   height:218px;
   position: relative;
   display:block;
   color: #000000;
}
#button4 a {
   height: 165px;
   position: relative;
   display:block;
   color: #000000;
   font-size: 16px;
   text-decoration: none;
   text-align: center;
}
#button4 a:link{background: url(Bilddaten/index_up_07.jpg) no-repeat;}
#button4 a:visited{background: url(Bilddaten/index_up_07.jpg) no-repeat;}
#button4 a:hover{background: url(Bilddaten/index_down_07.jpg) no-repeat;}

#button5 {
   left: 0px;
   top: 144px;
   width:109px;
   height:218px;
   position: relative;
   display:block;
   color: #000000;
}
#button5 a {
   height: 195px;
   position: relative;
   display:block;
   color: #000000;
   font-size: 16px;
   text-decoration: none;
   text-align: center;
}
#button5 a:link{background: url(Bilddaten/index_up_08.jpg) no-repeat;}
#button5 a:visited{background: url(Bilddaten/index_up_08.jpg) no-repeat;}
#button5 a:hover{background: url(Bilddaten/index_down_08.jpg) no-repeat;}


#button6 {
   left: 0px;
   top: 144px;
   width:109px;
   height:218px;
   position: relative;
   display:block;
   color: #000000;
}
#button6 a {
   height: 200px;
   position: relative;
   display:block;
   color: #000000;
   font-size: 16px;
   text-decoration: none;
   text-align: center;
}
#button6 a:link{background: url(Bilddaten/index_up_09.jpg) no-repeat;}
#button6 a:visited{background: url(Bilddaten/index_up_09.jpg) no-repeat;}
#button6 a:hover{background: url(Bilddaten/index_down_09.jpg) no-repeat;}

#button7 {
   left: 0px;
   top: 144px;
   width:109px;
   height:218px;
   position: relative;
   display:block;
   color: #000000;
}
#button7 a {
   height: 180px;
   position: relative;
   display:block;
   color: #000000;
   font-size: 16px;
   text-decoration: none;
   text-align: center;
}
#button7 a:link{background: url(Bilddaten/index_up_10.jpg) no-repeat;}
#button7 a:visited{background: url(Bilddaten/index_up_10.jpg) no-repeat;}
#button7 a:hover{background: url(Bilddaten/index_down_10.jpg) no-repeat;}

/*------------- Links auf Startseite unten -----------*/

#main_footer a:link {
   text-decoration:none;
   color: #003399
}
#main_footer a:visited {
   text-decoration:none;
   color: #003399
}
#main_footer a:hover {
   text-decoration:none;
   color: #000000
}


/*------------- Formatierung Image-Map - Arbeitsweise -------------------*/

dl#vmodell {
   margin:0px 90px;
   padding:0;
   background: transparent url("Bilddaten/Vmodell_up.jpg") top left no-repeat;
   height: 310px;
   width: 325px;
   position: relative;
   top:0px;
   left:0px;
      }

dl#vmodell_kl {
   margin:0px 0px;
   padding:0;
   background: transparent url("Bilddaten/Vmodell_kl_up.jpg") top left no-repeat;
   height: 150px;
   width: 160px;
   position: relative;
   top:0px;
   left:0px;
      }

dt {
      margin: 0;
      padding: 0;
      display: none;
      }
      
dd#Beratung_def {
   position: absolute;
   top: 25px;
   left:-20px;
   width: 90px;
   height: 110px;
}
dd#Beratung_def a{
   position: absolute;
   height: 110px;
   text-decoration:none;
   width: 90px;
}
dd#Beratung_def a:hover {
   position: absolute;
   /* x = -left -40     y = -top   */
   background: transparent url("Bilddaten/Vmodell_down.jpg") no-repeat -20px -25px;
   width: 90px;
   height: 110px;
      }


dd#Beratung_kl_def {
   position: absolute;
   top: 20px;
   left:-25px;
   width: 40px;
   height: 45px;
}
dd#Beratung_kl_def a{
   position: absolute;
   text-decoration:none;
   width: 40px;
   height: 45px;
}
dd#Beratung_kl_def a:hover {
   position: absolute;
   /* x = -left -40     y = -top   */
   background: transparent url("Bilddaten/Vmodell_kl_down.jpg") no-repeat -15px -20px;
   width: 40px;
   height: 45px;
      }


dd#Planung_def {
   position: absolute;
   top: 5px;
   left:95px;
   width: 95px;
   height: 65px;
}
dd#Planung_def a{
   position: absolute;
   height: 65px;
   text-decoration:none;
   width: 95px;
}
dd#Planung_def a:hover {
   position: absolute;
   background: transparent url("Bilddaten/Vmodell_down.jpg") no-repeat -135px -5px;
   width: 95px;
   height: 65px;
      }


dd#Planung_kl_def {
   position: absolute;
   top: 0px;
   left:30px;
   width: 45px;
   height: 30px;
}
dd#Planung_kl_def a{
   position: absolute;
   text-decoration:none;
   width: 45px;
   height: 30px;
}
dd#Planung_kl_def a:hover {
   position: absolute;
   /* x = -left -40     y = -top   */
   background: transparent url("Bilddaten/Vmodell_kl_down.jpg") no-repeat -70px 0px;
   width: 45px;
   height: 30px;
      }


dd#Implementierung_def {
   position: absolute;
   top: 80px;
   left:210px;
   width: 55px;
   height: 125px;
}
dd#Implementierung_def a{
   position: absolute;
   height: 125px;
   text-decoration:none;
   width: 55px;
}
dd#Implementierung_def a:hover {
   position: absolute;
   background: transparent url("Bilddaten/Vmodell_down.jpg") no-repeat -250px -80px;
   width: 55px;
   height: 125px;
      }

dd#Implementierung_kl_def {
   position: absolute;
   top: 35px;
   left:85px;
   width: 20px;
   height: 65px;
}
dd#Implementierung_kl_def a{
   position: absolute;
   height: 65px;
   text-decoration:none;
   width: 20px;
}
dd#Implementierung_kl_def a:hover {
   position: absolute;
   background: transparent url("Bilddaten/Vmodell_kl_down.jpg") no-repeat -125px -35px;
   width: 20px;
   height: 65px;
      }

dd#Qualitaetskontrolle_def {
   position: absolute;
   top: 220px;
   left:100px;
   width: 120px;
   height: 70px;
}
dd#Qualitaetskontrolle_def a{
   position: absolute;
   height: 70px;
   text-decoration:none;
   width: 120px;
}
dd#Qualitaetskontrolle_def a:hover {
   position: absolute;
   background: transparent url("Bilddaten/Vmodell_down.jpg") no-repeat -140px -220px;
   width: 120px;
   height: 70px;
      }

dd#Qualitaetskontrolle_kl_def {
   position: absolute;
   top: 110px;
   left:28px;
   width: 60px;
   height: 30px;
}
dd#Qualitaetskontrolle_kl_def a{
   position: absolute;
   text-decoration:none;
   width: 60px;
   height: 30px;
}
dd#Qualitaetskontrolle_kl_def a:hover {
   position: absolute;
   background: transparent url("Bilddaten/Vmodell_kl_down.jpg") no-repeat -68px -110px;
   width: 60px;
   height: 30px;
      }

dd#Schulung_def {
   position: absolute;
   top: 180px;
   left:-20px;
   width: 90px;
   height: 90px;
}
dd#Schulung_def a{
   position: absolute;
   height: 90px;
   text-decoration:none;
   width: 90px;
}
dd#Schulung_def a:hover {
   position: absolute;
   background: transparent url("Bilddaten/Vmodell_down.jpg") no-repeat -20px -180px;
   width: 90px;
   height: 90px;
      }

dd#Schulung_kl_def {
   position: absolute;
   top: 80px;
   left:-20px;
   width: 40px;
   height: 50px;
}
dd#Schulung_kl_def a{
   position: absolute;
   text-decoration:none;
   width: 40px;
   height: 50px;
}
dd#Schulung_kl_def a:hover {
   position: absolute;
   background: transparent url("Bilddaten/Vmodell_kl_down.jpg") no-repeat -20px -80px;
   width: 40px;
   height: 50px;
      }

dl#Phasen1_4 {
   margin:0px 10px;
   padding:0;
   background: transparent url("Bilddaten/quality.jpg") top left no-repeat;
   height: 270px;
   width: 480px;
   position: relative;
   top:0px;
   left:0px;
      }

dd#Phase1_def {
   position: absolute;
   top: 178px;
   left:45px;
   width: 25px;
   height: 12px;
}
dd#Phase1_def a{
   position: absolute;
   text-decoration:none;
   width: 25px;
   height: 12px;
   left: -45px
}
dd#Phase1_def a:hover {
   position: absolute;
   background: transparent url("Bilddaten/quality.jpg") no-repeat -42px -178px;
   width: 25px;
   height: 12px;
      }

dd#Phase2_def {
   position: absolute;
   top: 114px;
   left:45px;
   width: 25px;
   height: 12px;
}
dd#Phase2_def a{
   position: absolute;
   text-decoration:none;
   width: 25px;
   height: 12px;
   left: -45px
}
dd#Phase2_def a:hover {
   position: absolute;
   background: transparent url("Bilddaten/quality.jpg") no-repeat -42px -114px;
   width: 25px;
   height: 12px;
      }

dd#Phase3_def {
   position: absolute;
   top: 81px;
   left:45px;
   width: 25px;
   height: 12px;
}
dd#Phase3_def a{
   position: absolute;
   text-decoration:none;
   width: 25px;
   height: 12px;
   left: -45px
}
dd#Phase3_def a:hover {
   position: absolute;
   background: transparent url("Bilddaten/quality.jpg") no-repeat -42px -81px;
   width: 25px;
   height: 12px;
      }

dd#Phase4_def {
   position: absolute;
   top: 65px;
   left:45px;
   width: 25px;
   height: 12px;
}
dd#Phase4_def a{
   position: absolute;
   text-decoration:none;
   width: 25px;
   height: 12px;
   left: -45px
}
dd#Phase4_def a:hover {
   position: absolute;
   background: transparent url("Bilddaten/quality.jpg") no-repeat -42px -65px;
   width: 25px;
   height: 12px;
      }

/*-------------Formatierung Überschriften und Schrift ----------*/

a {font-size: 12px}

h1 {
   font-size: 30px;
   border-bottom: 1px solid;
   text-align: right;
   margin-bottom: 30px;
   color: #006699;
}

h2 {font-size: 16px; padding-top: 15px}

h3 {font-size: 13px; font-style: italic;}

p {
   font-size: 12px;
   line-height: 15px;
   padding-top: 5px
}

.mittig {text-align: center; font-style: italic;}
.ohnebr {margin-bottom: -12px;}
.links {
   padding: 0px 4px;
}

ul {font-size: 12px; list-style-position: outside;}

li {padding-top: 3px;}

img {
   padding: 0px 20px;
}

.kontakt {width: 80%; font-size: 12px}

.b_table {
   font-size: 12px;
   line-height: 12px;
   padding-top: 0px
}


#main_footer p {
   color: #003399;
   position: relative;
   top: 18px;
}

/*---------------- Formatierung der Fragen ---------------------*/

#frage {
   background-color: #eeeeee;
   margin-bottom: 20px;
   font-size: 12px;
   line-height: 15px;
   border: 1px solid #dddddd;
   width: 486px;
      }

#fragetext {
   background-color: #ffffff;
   color: #000000;
   padding: 5px;
   width: 475px;
}

#antworten {padding: 5px 5px 5px 20px}

.titel {font-size: 14px; font-weight: bold; padding-bottom: 7px}
.text {padding-bottom: 5px;}
.frage {font-style: italic;}

label {
   display: block;
   position:relative;
   left: 25px;
   top: -15px;
   padding-right: 30px;
   width: 400px;
}
.Stil1 {
   font-size: 14px;
   font-weight: bold;
   margin-bottom: -14px;
}
.links0 {
   padding: 0px 0px;
}

/*---------------- streaming buttons ---------------------*/

input.button{
   background-image: url(images/button_bg.gif);
   background-repeat:repeat;
   margin: 0px 0px 2px 0px;
   padding: 0px 0px;
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   width: 70px;
}