/* GLOBALE DEFINITIONEN */
html {
  min-height: 101%;
}
body {
        margin:0 auto;
        width:980px;
        padding:0;
        font-family: Helvetica, Arial, Verdana, sans serif;
        font-size: 12px;
        letter-spacing: 0.01em;
        line-height:17px;
        text-align: left;
        color:#000000;
        background-color:#cececf;
}
img {
        border: 0;
        margin:0;
        padding:0;
}
p {
        margin:0;
        padding:0;
}
h1 {
        padding:0;
        margin:0;
        color:#354e97;
        line-height:30px !important;
        line-height:30px;
}
h2 {
        padding:4px 0 0 28px;
        margin:0;
        font-size: 17px;
        line-height: 20px;
        font-weight: bold;
        color:#06287a;
}
.clear_both {
        clear:both;
        margin:0;
        padding:0;
        line-height:0;
}
.klein_11 {
        font-size:11px;
}
/* CONTAINER */
#container {
/*        border:1px solid #0F3C77;  BORDER FUER TESTZWECKE */
        text-align:left;
        float:left;
        width:980px;
}
#container_content {
			position: relative;
/*        border:1px solid #0F3C77;  BORDER FUER TESTZWECKE */
        text-align:left;
        float:left;
        width:980px;
        background: url(../gfx/content/content_body.gif) no-repeat 0 60px;
}

/* HEAD */
#head {
        float: left;
        padding: 0 0 4px 0;
        background-color:#FFFFFF;
        width:980px;
}
#logo {
        float:left;
        margin:12px 0 0 33px;
}

/* NAVIGATION */
#navigation {
        float:left;
        margin:15px 0 0 115px;
}
#navigation li {
        background-color: transparent;
        padding: 0;
        margin: 0;
        list-style: none;
        display:inline;
}
#navigation ul {
        background-color: transparent;
        padding: 0;
        margin: 0;
}
.startseite a {
        width: 84px;
        height: 34px;
        margin: 0 30px 0 0;
        padding: 7px 0 0 0;
        display: block;
        float:left;
        font-size: 14px;
        color: #001d73;
        text-decoration: none;
        text-align: center;
}
.startseite a:hover {
        background-image:url(../gfx/navigation/navi_bubble_startseite.gif);
        background-repeat: no-repeat;
}
.startseite_active a {
        width: 84px;
        height: 34px;
        margin: 0 30px 0 0;
        padding: 7px 0 0 0;
        display: block;
        float:left;
        font-size: 14px;
        color: #001d73;
        text-decoration: none;
        text-align: center;
        background-image:url(../gfx/navigation/navi_bubble_startseite.gif);
        background-repeat: no-repeat;
}
.kinderschutz a {
        width: 179px;
        height: 34px;
        margin: 0 30px 0 0;
        padding: 7px 0 0 0;
        display: block;
        float:left;
        font-size: 14px;
        color: #001d73;
        text-decoration: none;
        text-align: center;
}
.kinderschutz_active a {
        width: 179px;
        height: 34px;
        margin: 0 30px 0 0;
        padding: 7px 0 0 0;
        display: block;
        float:left;
        font-size: 14px;
        color: #001d73;
        text-decoration: none;
        text-align: center;
        background-image:url(../gfx/navigation/navi_bubble_kinderschutz.gif);
        background-repeat: no-repeat;
}
.kinderschutz a:hover {
        background-image:url(../gfx/navigation/navi_bubble_kinderschutz.gif);
        background-repeat: no-repeat;
}
.angebot a {
        width: 77px;
        height: 34px;
        margin: 0 30px 0 0;
        padding: 7px 0 0 0;
        display: block;
        float:left;
        font-size: 14px;
        color: #001d73;
        text-decoration: none;
        text-align: center;
}
.angebot_active a {
        width: 77px;
        height: 34px;
        margin: 0 30px 0 0;
        padding: 7px 0 0 0;
        display: block;
        float:left;
        font-size: 14px;
        color: #001d73;
        text-decoration: none;
        text-align: center;
        background-image:url(../gfx/navigation/navi_bubble_angebot.gif);
        background-repeat: no-repeat;
}
.angebot a:hover {
        background-image:url(../gfx/navigation/navi_bubble_angebot.gif);
        background-repeat: no-repeat;
}
.spielecke a {
        width: 84px;
        height: 34px;
        margin: 0 30px 0 0;
        padding: 7px 0 0 0;
        display: block;
        float:left;
        font-size: 14px;
        color: #001d73;
        text-decoration: none;
        text-align: center;
}
.spielecke_active a {
        width: 84px;
        height: 34px;
        margin: 0 30px 0 0;
        padding: 7px 0 0 0;
        display: block;
        float:left;
        font-size: 14px;
        color: #001d73;
        text-decoration: none;
        text-align: center;
        background-image:url(../gfx/navigation/navi_bubble_spielecke.gif);
        background-repeat: no-repeat;
}
.spielecke a:hover {
        background-image:url(../gfx/navigation/navi_bubble_spielecke.gif);
        background-repeat: no-repeat;
}
/* CONTENT */
#flashbuehne {

}
#teaserleiste {
        width: 980px;
        height: 145px;
        background-image: url(../gfx/home/3x_teaser.jpg);
}

.einleitung_contact {
        float: left;
        width: 327px;

        margin: 20px 0 0 28px;
        height: auto;
}

.betreuung_contact {
        float: left;
        width: 327px;
        height: 70px;
        margin: 20px 0 0 28px;
}

.teaser_links {
        float: left;
        width: 327px;
        height: 120px;
}
.teaser_links p {
        width:275px;
}
.teaser_mitte {
        float: left;
        width: 327px;
        height: 145px;
}
.teaser_mitte p {
        width:275px;
}
.teaser_rechts {
        float: left;
        width: 322px;
        height: 145px;
}
.teaser_rechts p {
        width:275px;
}
.teaser {
        margin: 8px 0 0 28px;
        width:500px;
}
.teaser a {
        text-decoration: none;
        color: #000000;
}
.teaser a:hover {
        text-decoration: underline;
        color: #000000;
}
.input {
        float:left;
        padding:0 0 0 28px;
}
.abschicken {
        float:left;
}

#content_links {
        float: left;
}


#content_rechts {
        float: left;
        margin: 43px 0 0 0;
}

/* kontaktformular */

label { /* Alle Labels UND Formularelemente auswählen */
  padding:4px 0 0 28px;
  float: left;
  width: 160px; /* Breite.*/
  margin: 2px;
}

.label_kinder {
  width: 117px;
  float: left;
  margin: 0 0 0 28px;
  padding: 0px;

}

.label_kurz {
  width: auto;
  float: left;
  margin: 0 0 0 25px;
  padding: 0px;
}

.label_lang {
  width: 300px;
  float: left;
  margin: 0 0 0 28px;
  padding: 0px;

}

.checkbox {
  position:relative;
  float:left;
  margin:0 5px 0 0;
}

.error_contact {
  color: #ff0000;
  font-weight: bold;
  width: auto;
  float: left;
  margin-bottom: 3px;
  height: auto;
  margin: 0 0 0 28px;

}

.error_contact_kinder {
  color: #ff0000;
  font-weight: bold;
  float: left;
  margin-bottom: 3px;
  height: auto;
  position: absolute;
  top: 280px;
  left: 700px;

}

.form_row {
  font-weight:normal;
  height:35px;
  margin-bottom:1px;
  padding-left:5px;
  position:relative;
  width:300px;
}

.info_layer {
  height: 290px;
  background: #ffffff;
  padding: 10px;
  width: 310px;
  position: absolute;
  top: 400px;
  left: 350px;
  border-style: solid;
  border-color: #cececf;
  visibility: hidden;
}

.info_danke {
  position: absolute;
  z-index: 10;
  background: #ffffff;
  padding: 10px;
  width: 310px;
  top: 680px;
  left: 630px;
  border-style: solid;
  border-color: #cececf;

}

.info_danke h2 {
 padding:0 0 0 0;
 margin: 0 0 0 0;

}


form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

input#submit { /* den Submit-Button */

  float: left;
  width: auto;
  margin: 0 0 0 28px;
  padding:0 0 0 200px;
  background-image: url(/gfx/content/b_jetzt_absenden.gif);
}

.input_contact {
  width: 150px;
  float: left;
}

.input_contact_kurz {
  width: 110px;
  float: left;
  margin: 2px 0 0 28px;
}

.input_contact_geschlecht {
  width: 120px;
  float: left;
  margin: 0 0 0 28px;
}

/* CLAIM */
.claim {
        float: left;
        margin: 43px 0 0 0;
}

.claim2 {
        float: left;
        margin: 20px 0 0 0;
}

.txt_links {
        float: left;
}
.txt_links h2 {
        padding-top:15px;
}

.txt_links .teaser {
        width:450px;
}

.txt_links a {
        text-decoration: none;
        color: #000000;
}
.txt_links a:hover {
        text-decoration: underline;
        color: #000000;
}
.txt_links li {
        list-style-image: url(../gfx/content/pfeil_blau.gif);
}
.txt_rechts {
        float: left;
        padding: 0 0 0 20px;
}

.txt_rechts_contact {
        float: left;
        padding-top: 120px;
}

.txt_rechts h2 {
        padding-top:15px;
}

.klein {
        margin: 8px 0 20px 28px;
        font-size: 11px;
        line-height: 12px;
}
.klein a {
        text-decoration: none;
        color: #000000;
}
.klein a:hover {
        text-decoration: underline;
        color: #000000;
}
.produkte {
        padding:0 0 20px 28px;
}
.produkt_links {
        float:left;
        width:150px;
}
.produkt_rechts {
        float:left;
        width:315px;
        padding: 0 0 0 15px;
}
.produkt_rechts h2 {
        padding:0;
        margin:0;
        font-size:15px;
}

.produkt_rechts_spiel {
        float:left;
        width:200px;
        padding: 0 0 0 15px;
}

.produkt_rechts_spiel h2 {
        padding:0;
        margin:0;
        font-size:15px;
}
/* TEXTBOX */
.txt_box_oben {
        margin: 0 0 0 58px;
}
.txt_box_mitte {
        width: 362px;
        margin: 0 0 0 58px;
        padding: 0 0 0 15px;
        background-color: #FFFFFF;
}
.txt_box_mitte a {
        text-decoration: underline;
        color: #000000;
}
.txt_box_mitte a:hover {
        text-decoration: underline;
        color: #000000;
}
.txt_box_mitte h2 {
        margin: 0;
        padding: 0;
}
.txt_box_mitte ul {
        margin: 5px 0 0 0;
        padding: 0;
}
.txt_box_mitte li {
        font-size: 11px;
        margin: 0;
        padding: 0 20px 5px 15px;
        list-style: none;
        background-image: url(../gfx/content/haken_gruen.gif);
        background-repeat: no-repeat;
        background-position: 0 3px;
}
.txt_box_mitte li a {
        text-decoration: none;
        color: #000000;
}
.txt_box_mitte li a:hover {
        text-decoration: underline;
        color: #000000;
}
.li_download {
        background-image:none;
}
.txt_box_unten {
        margin: 0 0 20px 58px;
}
.onlineabschluss {
        padding: 0;
        margin: 0 0 0 58px;
}
.onlineabschluss h2 {
        padding: 0;
        margin: 0;
}
.grafik_rechts {
        padding: 0 0 20px 58px;
}

.grafik_rechts_spiele {
        padding: 0 0 20px 50px;
}
/* FOOTER */
#footer {
        float: left;
        width: 947px;
        height: 132px;
        padding: 13px 0 0 33px;
        background-image: url(../gfx/_share/abbinder.jpg);
}
.servicenavi {
        float: left;
        width: 118px;
        height: 122px;
        margin: 0 33px 0 0;
        font-size: 11px;
        line-height: 19px;
        color: #FFFFFF;
}
.servicenavi a {
        color: #FFFFFF;
        text-decoration: none;
}
.servicenavi a:hover {
        color: #FFFFFF;
        text-decoration: underline;
}
.servicenavi ul {
        padding: 20px;
        margin: 0;
        list-style: none;
}
.downloads {
        float:left;
        width: 494px;
        height: 122px;
        font-size: 10px;
        color: #FFFFFF;
}
.downloads a {
        color: #FFFFFF;
        text-decoration: none;
}
.downloads a:hover {
        color: #FFFFFF;
        text-decoration: underline;
}
.downloads_image {
        float:left;
        padding: 20px 10px 0 22px;
}
.downloads_liste_links {
        float:left;
        padding: 8px 0px 0 0;
}
.downloads_liste_links ul {
        list-style: none;
        margin:0;
        padding: 10px 0 0 30px;
}
.downloads_liste_rechts {
        float:left;
        padding: 10px 0 0 0;
}
.downloads_liste_rechts ul {
        list-style: none;
        margin:0;
        padding: 8px 0 0 025px;
}
.adp_adresse {
        float:left;
        color:#FFFFFF;
        padding:7px 0 0 35px;
        font-size:11px;
        line-height:13px;
}
.adp_adresse p {
        padding:0 0 5px 0;
}
.adp_adresse a {
        color:#FFFFFF;
        text-decoration:none;
}
.error_gewinnspiel {
        color: #ff0000;
        font-weight: bold;
}