/***********************************************/
/* -- style.css für Berndt Bönigk ------------ */
/***********************************************/
* {
  margin: 0;
  padding: 0;
}

/***********************************************/
/* -- Definition allgemeiner Tags ------------ */
body {
  font: 9pt arial, verdana, sans serif;
  color: #FFFFFF;
  background-color: #101060;
  background-image: url(grafik/background.gif);
  text-align: left;
  margin: 0em;
  padding: 0em;
}

h2 {
  color: #ccccff;
  font-size: 14pt;
}

h3 {
  color: #ccccff;
  font-size: 11pt;
}

h4 {
  font-size: 11pt;
  text-align: left;
}

p {
  text-align: left;
}

ul {
   list-style-type: none;
}

a {
  color: #AAAAFF;
  font-weight: bold;
  text-decoration: none;
  padding: 0em;
  margin: 0em;
}
a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

img {
  border: none;
  padding: 0em;
  margin: 0em;
}

fieldset {
  text-align: left;
}

/***********************************************/
/* -- Seitenaufbau --------------------------- */
#page{
  position: absolute;
  width: 1000px;
  min-height: 600px;
  height: auto !important;
  height: 600px;
}

#header {
  width: 1000px;
  height: 150px;
  background-color: #101060;
  background-image: url(grafik/header/header_bg.gif);
}

#navigation {
  width: 190px;
  min-height: 450px;
  height: auto !important;
  height: 450px;
  background-color: #101060;
  position: absolute;
  left: 0px;
}

#main {
  width: 804px !important;
  width: 810px;
  min-height: 730px;
  height: auto !important;
  height: 730px;
  background-color: #3f3f84;
  position: absolute;
  left: 190px;
  text-align: left;
  border-right: 3px solid #060629;
  border-left:  3px solid #060629;
}

#admin {
  margin-left: 25px;
  margin-top: 25px;
}

/***********************************************/
/* -- Spezielle Definitionen ----------------- */
/***********************************************/
/* -- Header --------------------------------- */
#planet {
  position: absolute;
  left: 310px;
  top: 15px;
}

#moon {
  position: absolute;
  left: 770px;
  top: 60px;
}

#star_rot_blue {
  position: absolute;
  left: 45px;
  top: 75px;
}

#star_rot_yellow {
  position: absolute;
  left: 225px;
  top: 45px;
}

#star_rot_red {
  position: absolute;
  left: 930px;
  top: 85px;
}

#star_puls_yellow {
  position: absolute;
  left: 320px;
  top: 100px;
}

#star_puls_yellow2 {
  position: absolute;
  left: 400px;
  top: 15px;
}

#star_puls_yellow3 {
  position: absolute;
  left: 160px;
  top: 90px;
}

#star_puls_yellow4 {
  position: absolute;
  left: 820px;
  top: 23px;
}

#star_puls_yellow5 {
  position: absolute;
  left: 20px;
  top: 15px;
}

#star_puls_red {
  position: absolute;
  left: 250px;
  top: 40px;
}

#star_puls_red2 {
  position: absolute;
  left: 880px;
  top: 5px;
}

#star_puls_red3 {
  position: absolute;
  left: 395px;
  top: 95px;
}

#star_puls_red4 {
  position: absolute;
  left: 105px;
  top: 35px;
}

#star_puls_blue {
  position: absolute;
  left: 950px;
  top: 25px;
}

#star_puls_blue2 {
  position: absolute;
  left: 875px;
  top: 90px;
}

#star_puls_blue3 {
  position: absolute;
  left: 240px;
  top: 85px;
}

#star_puls_blue4 {
  position: absolute;
  left: 175px;
  top: 5px;
}

#logo {
  position: absolute;
  left: 450px;
  top: 10px;
}

#shuttle {
  position: absolute;
  left: 0px;
  top: 0px;
}

#car {
  position: absolute;
  left: 740px;
  top: 0px;
}

#ufo {
  position: absolute;
  left: 200px;
  top: 10px;
}

/***********************************************/
/* -- Navigationsleiste ---------------------- */
#navi_offer {
  position: absolute;
  left: 15px;
  top: 10px;
}

#navi_about {
  position: absolute;
  left: 15px;
  top: 55px;
}

#navi_school {
  position: absolute;
  left: 15px;
  top: 100px;
}

#navi_prize {
  position: absolute;
  left: 15px;
  top: 145px;
}

#navi_drive {
  position: absolute;
  left: 15px;
  top: 190px;
}

#navi_contact {
  position: absolute;
  left: 15px;
  top: 235px;
}

#navi_gbook {
  position: absolute;
  left: 15px;
  top: 280px;
}

#navi_links {
  position: absolute;
  left: 15px;
  top: 325px;
}

#navi_press {
  position: absolute;
  left: 15px;
  top: 370px;
}

#navi_impressum {
  position: absolute;
  left: 15px;
  top: 415px;
}

#counter {
  width: 800px;
  margin-top: 20px;
  text-align: center;
  font-size: 9pt;
}

#counter_table {
  text-align: center;
  margin-left: 360px;
}

.navi_link {
  display: block;
}

.navi_pic {
  display: block;
}

/***********************************************/
/* -- Hauptteil ------------------------------ */
/***********************************************/
/* -- Startseite ----------------------------- */
#start_pic {
  border: 3px solid #101060;
  position: absolute;
  top: 20px;
  left: 475px;
}

#start_pic2 {
  border: 3px solid #101060;
  position: relative;
  margin-top: -220px;
  margin-left: 50px;
}

#start_pic3 {
  border: 3px solid #101060;
  position: relative;
  margin-top: -180px;
  margin-left: 475px;
}

#start_h2_1 {
  margin-top: 20px;
  margin-left: 50px;
  margin-bottom: 20px;
  text-align: left;
}

#start_h2_2 {
  margin-top: 150px;
  margin-left: 320px;
  margin-bottom: 0px;
  text-align: left;
}

#start_h2_3 {
  margin-top: 20px;
  margin-left: 50px;
  margin-bottom: 0px;
  text-align: left;
}

#start_h3_3 {
  margin-top: 5px;
  margin-left: 50px;
  margin-bottom: 20px;
  text-align: left;
}

.start_text {
  margin-left: 50px;
  margin-top: 20px;
  width: 400px;
  text-align: justify;
  font-size: 10pt;
}

.start_text2 {
  margin-left: 320px;
  margin-top: 10px;
  width: 400px;
  text-align: justify;
  font-size: 10pt;
}

.start_email {
 color: #d60000;
}

#index_adresse {
  font-size: 11pt;
  color: #d60000;
  background-color: #ffc500;
  border: 2px solid #101060; /*#cf8500; */
  padding: 5px;
  margin-left: 50px;
  width: 242px;
}

.index_link {
  color: #AAAAFF;
  font-weight: bold;
}

.index_link:hover {
  color: #FFFFFF;
  font-weight: bold;
}

#specialoffer_star{
  position: absolute;
  top: 330px;
  right: 100px;
}

#specialoffer_text{
  position: absolute;
  top: 390px;
  right: 335px;
  font-size: 14pt;
  font-weight: bold;
  color: #AA0000;
}

/***********************************************/
/* -- Die Kurse ------------------------------ */
#cours_h2 {
  margin-top: 20px;
  margin-left: 50px;
  margin-bottom: 0px;
  text-align: left;
}

#cours_h2_2 {
  margin-top: 20px;
  margin-left: 50px;
  margin-bottom: 0px;
  text-align: left;
}

#cours_h3 {
  margin-top: 5px;
  margin-left: 50px;
  margin-bottom: 20px;
  text-align: left;
}

#cours_text {
  margin-left: 50px;
  margin-top: 20px;
  width: 700px;
  text-align: justify;
  font-size: 10pt;
}

#courses_infotext {
  margin-left: 50px;
  margin-top: 5px;
  width: 700px;
  text-align: justify;
  font-size: 10pt;
}

#cours_table {
  margin-left: 50px;
  margin-top: 10px;
  width: 700px;
  text-align: justify;
  font-size: 10pt;
}

#b_logo {
  position: absolute;
  left: 50px;
  margin-top: 20px;
}

#a1_logo {
  position: absolute;
  left: 225px;
  margin-top: 20px;
}

#a18_logo {
  position: absolute;
  left: 400px;
  margin-top: 20px;
}

#a25_logo {
  position: absolute;
  left: 575px;
  margin-top: 20px;
}

#b_text {
  position: absolute;
  left: 50px;
  width: 700px;
  margin-top: 190px;
  padding: 5px;
  border: 3px solid #101060;
  text-align: justify;
}

#a1_text {
  position: absolute;
  left: 50px;
  width: 700px;
  margin-top: 190px;
  padding: 5px;
  border: 3px solid #101060;
  text-align: justify;
}

#a18_text {
  position: absolute;
  left: 50px;
  width: 700px;
  margin-top: 190px;
  padding: 5px;
  border: 3px solid #101060;
  text-align: justify;
}

#a25_text {
  position: absolute;
  left: 50px;
  width: 700px;
  margin-top: 190px;
  padding: 5px;
  border: 3px solid #101060;
  text-align: justify;
}

/***********************************************/
/* -- Berndt Bönigk -------------------------- */
#about_h2 {
  margin-top: 20px;
  margin-left: 50px;
  margin-bottom: 0px;
  text-align: left;
}

#about_h3 {
  margin-top: 5px;
  margin-left: 50px;
  margin-bottom: 20px;
  text-align: left;
}

#about_text_p1 {
  margin-left: 270px;
  margin-top: 20px;
  width: 280px;
  text-align: justify;
  font-size: 10pt;
}

#about_text_p2 {
  margin-left: 50px;
  margin-top: 10px;
  width: 500px;
  text-align: justify;
  font-size: 10pt;
}

#alien1 {
  position: absolute;
  left: 70px;
  top: 90px;
}

#alien2 {
  position: absolute;
  left: 580px;
  top: 90px;
}

#alien3 {
  position: absolute;
  left: 600px;
  top: 250px;
}

/***********************************************/
/* -- Die Ausbildung ------------------------- */
#school_h2 {
  margin-top: 20px;
  margin-left: 50px;
  margin-bottom: 0px;
  text-align: left;
}

#school_h3 {
  margin-top: 5px;
  margin-left: 50px;
  margin-bottom: 20px;
  text-align: left;
}

#school_table_select {
  margin-left: 50px;
  text-align: center;
  font-size: 11pt;
  font-weight: bold;
}

#school_infotext {
  margin-left: 50px;
  margin-top: 20px;
  margin-bottom: 10px;
  width: 700px;
  text-align: left;
  font-size: 10pt;
}

.school_text {
  position: absolute;
  font-size: 11pt;
  width: 400px;
  height: 50px;
  left: 50px;
  top: 440px;
  border: 2pt solid #101060;
  text-align: center;
  padding-top: 10px;
}

.school_pic {
  position: absolute;
  width: 400px;
  height: 300px;
  margin-left: 50px;
  margin-top: 10px;
  border: 2pt solid #101060;
}
#command_backward {
  position: absolute;
  left: 190px;
  margin-top: 320px;
  width: 27px;
  height: 27px;
}

#command_pause  {
  position: absolute;
  left: 220px;
  margin-top: 320px;
  width: 27px;
  height: 27px;
}

#command_play    {
  position: absolute;
  left: 250px;
  margin-top: 320px;
  width: 27px;
  height: 27px;
}

#command_forward  {
  position: absolute;
  left: 280px;
  margin-top: 320px;
  width: 27px;
  height: 27px;
}

.school_backlink {
  margin-top: 450px;
  margin-left: 50px;
  margin-bottom: 20px;
}

.school_backlink2 {
  margin-top: 20px;
  margin-left: 50px;
  margin-bottom: 20px;
}

.school_backlink3 {
  margin-top: 370px;
  margin-left: 50px;
  margin-bottom: 20px;
}

.noscript_dia {
  border: 2pt solid #101060;
  width: 325;
  height: 220;
}

.noscript_text {
  width: 100%;
  text-align: center;
}

/***********************************************/
/* -- Die Preise ----------------------------- */
#prize_h2 {
  margin-top: 20px;
  margin-left: 50px;
  margin-bottom: 0px;
  text-align: left;
}

.prize_h3 {
  margin-top: 5px;
  margin-left: 50px;
  margin-bottom: 20px;
  text-align: left;
}

.prize_h3_2 {
  margin-top: 5px;
  margin-left: 50px;
  margin-bottom: 0px;
  text-align: left;
}

.prize_h3_3 {
  margin-top: 20px;
  margin-left: 50px;
  margin-bottom: 0px;
  text-align: left;
}

.prize_text {
  margin-left: 50px;
  margin-top: 10px;
  width: 500px;
  text-align: justify;
  font-size: 10pt;
}

#prize_table {
  width: 450px;
  border-collapse: collapse;
  border: 2pt solid #101060;
  table-layout: fixed;
  font-size: 11pt;
   margin-top: 0px;
  margin-left: 50px;
}

.prize_cell1 {
  text-align: right;
  width: 70px;
  border: 2pt solid #101060;
  padding: 2px;
  padding-right: 5px;
}

.prize_cell2 {
  text-align: left;
  border: 2pt solid #101060;
  padding: 2px;
  width: 170px;
}

.prize_cell3 {
  text-align: right;
  width: 70px;
  border: 2pt solid #101060;
  padding: 2px;
  padding-right: 5px;
}

.prize_cell4 {
  text-align: left;
  border: 2pt solid #101060;
  padding: 2px;
  width: 170px;
}

.prize_fieldset {
  width: 485px;
  margin-left: 50px;
  margin-top: 10px;
  padding: 5px;
}

.prize_sub {
  font-size: 8pt;
  color: #BBBBBB;
  margin-left: 50px;
  margin-top: 30px;
}

#div_sonderangebot {
  width: 465px;
  margin-left: 50px;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px;
  background-color: #FFbbbb;
  color: #000000;
  border: 4px solid #AA0000;
}

#h2_sonderangebot {
  margin-top: 0px;
  margin-left: 0px;
  color: #660000;
}

#h3_sonderangebot {
  margin-top: 5px;
  margin-left: 0px;
  color: #660000;
}

.gutschein_table {
  margin-left: 50px;
  margin-top: 5px;
}

/***********************************************/
/* -- Die Anfahrt ---------------------------- */
#drive_h2 {
  margin-top: 20px;
  margin-left: 50px;
  margin-bottom: 0px;
  text-align: left;
}

#drive_h3 {
  margin-top: 5px;
  margin-left: 50px;
  margin-bottom: 20px;
  text-align: left;
}

#drive_text {
  margin-left: 50px;
  margin-top: 5px;
  width: 650px;
  text-align: justify;
  font-size: 10pt;
}

#drive_text2 {
  margin-left: 50px;
  margin-top: 20px;
  width: 650px;
  text-align: justify;
  font-size: 10pt;
}

#drive_pic {
  border: 3px solid #101060;
  margin-top: 0px;
  margin-left: 50px;
}

#u3 {
  position: absolute;
  border: 3px solid #101060;
  padding: 5px;
  background-color: #3f3f84;
  top: 279px;
  left: 356px;
  text-align: left;
}

#tram94 {
  position: absolute;
  border: 3px solid #101060;
  padding: 5px;
  background-color: #3f3f84;
  top: 296px;
  left: 108px;
  text-align: left;
}

#bus34 {
  position: absolute;
  border: 3px solid #101060;
  padding: 5px;
  background-color: #3f3f84;
  top: 346px;
  left: 120px;
  text-align: left;
}

#tram9 {
  position: absolute;
  border: 3px solid #101060;
  padding: 5px;
  background-color: #3f3f84;
  top: 383px;/* 395px; */
  left: 243px;
  text-align: right;
}

#bus46 {
  position: absolute;
  border: 3px solid #101060;
  padding: 5px;
  background-color: #3f3f84;
  top: 136px;
  left: 370px;
  text-align: right;
}

#u3max {
  position: absolute;
  border: 3px solid #101060;
  padding: 5px;
  background-color: #3f3f84;
  top: 288px;
  left: 379px;
  text-align: right;
}

.drive_link {
  color: #AAAAFF;
}

.drive_link:hover {
  color: #FFFFFF;
}

/***********************************************/
/* -- Kontakt -------------------------------- */
#contact_h2 {
  margin-top: 20px;
  margin-left: 50px;
  margin-bottom: 0px;
  text-align: left;
}

#contact_h3 {
  margin-top: 5px;
  margin-left: 50px;
  margin-bottom: 20px;
  text-align: left;
}

.contact_text {
  margin-left: 50px;
  margin-top: 20px;
  width: 500px;
  text-align: justify;
  font-size: 10pt;
}

#contact_table {
  font-size: 10pt;
  color: #FFFFFF;
  margin-left: 50px;
  margin-top: 20px;
}

/***********************************************/
/* -- Gästebuch ------------------------------ */
#gbook_h2 {
  margin-top: 20px;
  margin-left: 50px;
  margin-bottom: 0px;
  text-align: left;
}

#gbook_h3 {
  margin-top: 5px;
  margin-left: 50px;
  margin-bottom: 20px;
  text-align: left;
}

.gbook_text {
  margin-left: 50px;
  margin-top: 20px;
  width: 500px;
  text-align: justify;
  font-size: 10pt;
}

#gbook_header {
  width: 700px;
  height: 20px;
  background-color: #8f8fd4;
  color: #FFF;
  font-size: 10pt;
  border-top: 4px solid #1f1f64;
  margin-left: 50px;
  margin-top: 10px;
  margin-bottom: 0px;
}

#show_write {
  color: #1f1f64;
  text-decoration: none;
  font-weight: bold;
}
#show_write:hover {
  color: #333399;
  text-decoration: none;
  font-weight: bold;
}

.gbook_link {
  color: #1f1f64;
  text-decoration: none;
  font-weight: bold;
}
.gbook_link:hover {
  color: #333399;
  text-decoration: none;
  font-weight: bold;
}

.gbook_entry {
  width: 700px;
  background-color: #6161dc;
  color: #FFF;
  font-size: 10pt;
  margin-left: 50px;
  text-align: left;
  padding-bottom: 5px;
}

.gbook_entry_header {
  padding-top: 5px;
  padding-left: 10px;
}

.gbook_entry_titel {
  font-size: 12pt;
  font-weight: bold;
}

.gbook_entry_date {
  font-size: 9pt;
}

.gbook_entry_main {
  padding-top: 5px;
  padding-left: 10px;
}

.gbook_entry_content {
  font-size: 11pt;
}

.gbook_entry_hr {
  width: 700px;
  margin-left: 50px;
}

.form_table {
  font-size: 10pt;
  color: #000000;
  margin-left: 50px;
  width: 700px;
  background-color: #BBBBBB;
  border: 1pt solid #666666;
}

#show_email {
  font-size: 8pt;
}

/***********************************************/
/* -- Links ---------------------------------- */
#links_h2 {
  margin-top: 20px;
  margin-left: 50px;
  margin-bottom: 0px;
  text-align: left;
}

#links_h3 {
  margin-top: 5px;
  margin-left: 50px;
  margin-bottom: 20px;
  text-align: left;
}

.links_text {
  margin-left: 50px;
  margin-top: 20px;
  width: 500px;
  text-align: justify;
  font-size: 10pt;
}

.div_links_table {
  width: 100%
  text-align: center;
}

#links_table {
   margin-top: 0px;
  margin-left: 50px;
}

.links_text_a {
  text-align: right;
}

.links_logo {
  padding-bottom: 5px;
}

.linx {
  color: #AAAAFF;
  font-weight: bold;
}

.linx:hover {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}

/***********************************************/
/* -- Presse --------------------------------- */
#press_h2 {
  margin-top: 20px;
  margin-left: 50px;
  margin-bottom: 0px;
  text-align: left;
}

#press_h3 {
  margin-top: 5px;
  margin-left: 50px;
  margin-bottom: 20px;
  text-align: left;
}

#press_text {
  margin-left: 50px;
  margin-top: 5px;
  width: 650px;
  text-align: justify;
  font-size: 10pt;
}

#press_pic {
  border: 3px solid #101060;
  margin-top: 0px;
  margin-left: 50px;
}

/***********************************************/
/* -- Impressum ------------------------------ */
#impressum_h2 {
  margin-top: 20px;
  margin-left: 50px;
  margin-bottom: 0px;
  text-align: left;
}

#impressum_h3 {
  margin-top: 5px;
  margin-left: 50px;
  margin-bottom: 20px;
  text-align: left;
}

.impressum_text {
  margin-left: 50px;
  margin-top: 20px;
  width: 700px;
  text-align: justify;
  font-size: 10pt;
}

/***********************************************/
/* -- Adminbereich --------------------------- */
/***********************************************/
#gbook_admin {
  margin-top: 20px;
  margin-left: 20px;
  font-size: 14pt;
  font-weight: bold;
  color: #101060;
}

#select_old {
  margin-top: 20px;
  margin-left: 50px;
}

.gbook_entry_admin {
  padding-left: 10px;
}

.select_state {
  width: 75px;
  margin-top: 3px;
  margin-bottom: 2px;
}

.affirm_delete {
  margin-top: 10px;
  margin-left: 20px;
  padding: 10px;
  background-color: #101060;
  font-size: 10pt;
  font-weight: bold;
  color: #cc0000;
  width: 730px;
}

.admin_input {
  width: 60px;
}

/***********************************************/
/* -- Rest ----------------------------------- */
/***********************************************/
/* -- Textblöcke ----------------------------- */
.text_paragraph {
  text-align: left;
  margin-left: 20px;
  font-size: 10pt;
  color: #ccccff;
  width: 710px;
}

.error_msg {
  width: 654px;
  margin-left: 50px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px;
  background-color: #FFbbbb;
  color: #000000;
  border: 4px solid #AA0000;
}

.okay_msg {
  width: 654px;
  margin-left: 50px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px;
  background-color: #bbFFbb;
  color: #000000;
  border: 4px solid #00AA00;
}

/* -- Inputfelder ---------------------------- */
.input_standard {
  width: 300px;
  margin-top: 3px;
  margin-bottom: 2px;
  border: 2px solid #101060;
}

.input_street {
  width: 250px;
  margin-top: 3px;
  margin-bottom: 2px;
  border: 2px solid #101060;
}

.input_nr {
  width: 50px;
  margin-top: 3px;
  margin-bottom: 2px;
  border: 2px solid #101060;
}

.input_plz {
  width: 100px;
  margin-top: 3px;
  margin-bottom: 2px;
  border: 2px solid #101060;
}

.input_location {
  margin-top: 3px;
  margin-bottom: 2px;
  width: 200px;
  border: 2px solid #101060;
}

.input_captcha {
  width: 70px;
  height: 25px;
  font-size: 12pt;
  font-weight: bold;
  margin-top: 3px;
  margin-bottom: 2px;
  border: 2px solid #101060;
}

.input_prize {
  width: 140px;
  margin-top: 3px;
  margin-bottom: 2px;
  border: 2px solid #101060;
}

.select_curse {
  border: 2px solid #101060;
  width: 160px;
}

.select_nr {
  border: 2px solid #101060;
  width: 140px;
}

.select_bday {
  width: 50px;
  margin-top: 3px;
  margin-bottom: 2px;
  border: 2px solid #101060;
}

.select_bmonth {
  width: 145px;
  margin-top: 3px;
  margin-bottom: 2px;
  border: 2px solid #101060;
}

.select_byear {
  width: 95px;
  margin-top: 3px;
  margin-bottom: 2px;
  border: 2px solid #101060;
}

.textarea_comment {
  width: 300px;
  height: 150px;
  margin-top: 3px;
  margin-bottom: 2px;
  border: 2px solid #101060;
}

.button_submit {
  width: 100px;
  background-color: #8f8fd4;
  border: 2px solid #101060;
}