body { background-color:#300;
       font-size:100.01%;
       font-family:Arial, Verdana, Helvetica, Sans-Serif;
       color:#fff;
       padding:0px;
       margin:0px;
       height:100%; }

html {height:100%; }

ul.text {margin-top:3px; margin-bottom:3px; margin-left:-10px; }

ul.preis {margin-top:3px; margin-bottom:3px; margin-left:-40px; list-style:none; }

h1.oben { font-size:1.0em; letter-spacing:0.2em; margin-top:0.2em; margin-bottom:0.2em; text-transform:uppercase; }

h1.text { font-size:0.9em; letter-spacing:0.1em; margin-top:2.5em; margin-bottom:0.5em; text-transform:uppercase; }

h2.text1 { font-size:1.0em; letter-spacing:0.1em; margin-top:2.5em; margin-bottom:0.5em; text-transform:uppercase; }

h1.streifen { font-size: 0.8em;
              text-transform:uppercase;
              text-align:center;
              color:#300;
              margin:0px auto;
              line-height:2em;
              letter-spacing:0.04em; }

p.pflicht { margin-top: 8em; margin-bottom: 5em; font-weight: bold; }

p.pflicht a { color: #fff; font-weight: bold; }

.smaller { font-size: 0.8em; }

.eng { line-height: 0.8em;
       color: #f00; }

span.red {color:#f00; }

.bold { font-weight:bold; }

.boldcenter { padding-left:5em; font-weight:bold;  }

a.text {color:#fff; text-decoration:underline; }

dl { background-color:#300; }
dt { float:left; width:12em; padding:0.2em 0; }
dd { margin-left:12em; padding:0.2em 0; }

/* ----------container zentriert das layout-------------- */
#container { margin: 0 auto;
             width:48em;
             padding:0px; }

/* ----------banner for logo-------------- */
#banner { background-image:url(images/banner.jpg); background-repeat:no-repeat;
          width:60em;
          margin-top:2em;
          margin-left:auto;
          margin-right:auto;
          height:8em;
          color:#fcc;
          font-size:0.8em; }

#streifen { font-size: 0.9em;
            text-transform:uppercase;
            background-color:#966;
            border-bottom:3px solid #300;
            padding:0;
            line-height:3em;
            width:100% }

/* ----------outer und inner----------------- */

#outer { border-left: solid 7.5em #966; padding-top:2px; /* linke Menue Spalten Farbe  */
         border-right: solid 12em #300; /* rechte Menue Spalten Farbe  */
         background-color: #300; /* Farbe fuer Inhalt Spalten  */ }

#inner { margin:0px; width:100%;
         background-color:#300;
         color:#fff; }

/* --------------left navigation und right------------- */

#nav  { width: 8.4em;
        float: left;
        position: relative;
        margin-top: 3em;
        margin-left: -8.9em;
        margin-right: 1px;
        padding: 0;
        background-color: #966;
        font-size: 0.83em; }

#nav li
      { width: 8.4em;
        margin: 0;
        padding: 0;
        background-color: #966;
        line-height: 2em;
        color: #fcc;
        list-style: none; }

#nav li:hover
      { width: 8.4em;
        margin: 0;
        padding: 0;
        background-color: #966;
        line-height: 2em;
        color: #fcc;
        list-style-image:url(images/list_gif.gif); }

#nav ul
      { margin: 0;
        padding: 0;
        background-color: #966;
        line-height: 2em; }

#nav a
      { width: 8.4em;
        display:block;
        padding: 0;
        padding-left:5px;
        margin: 0;
        background-color: #300;
        border-bottom: 1px solid #966;
        text-decoration: none;
        line-height: 2em; }

#nav a:link, #nav a:visited
      { color: #f00; }

#nav a:hover, #nav a:focus
      { color: #fcc;
        list-style-image:url(images/list_gif.gif); }

#ia #nav li.ca,
#ib #nav li.cb,
#ic #nav li.cc,
#id #nav li.cd,
#ie #nav li.ce,
#if #nav li.cf,
#ig #nav li.cg,
#ih #nav li.ch,
#ii #nav li.ci,
#ik #nav li.ck,
#il #nav li.cl,
#im #nav li.cm { color: #fff;
                 list-style-image:url(images/list_gif.gif); }

#nav a.tipp { line-height:1.3em; padding-top:0.5em; padding-bottom:0.5em; }

a.footer { font-size:0.6em; color:#fff; text-decoration:none; text-transform:none; letter-spacing:0em; text-align:left; }

#right { width:17em;
         float:right;
         position:relative;
         margin-right:-17.5em;
         margin-left:1px;
         margin-bottom: 10px;
         padding:0px;
         border:1px dashed #966;
         font-size:0.7em;
         color:#fcc;
         text-align:center; }

span.preise { padding-left:20px; color:#f00; }

#right img { margin-top:1em; border:none; }

#content img { padding-left:20px; padding-bottom:20px; }

#contentkurs img { padding-left:50px; }

/* -----------------Inhalt--------------------- */
#content { position: relative;
           margin:0px;
           background-color:#300;
           color:#fcc;
           font-size:0.8em;
           padding-top:0.5em;
           padding-left:1.5em;
           padding-right:1.5em;
           padding-bottom:1.3em; }

#contentkurs { margin:0px;
               width:48em;
               background-color:#300;
               color:#fcc;
               font-size:0.8em;
               padding-top:0.5em;
               padding-left:1.5em;
               padding-right:0em;
               padding-bottom:1.3em; }

#contentkurs img { border: 1px solid #300;
                   padding: 10px; }

#contenttermine {
               margin:0px;
               width:34em;
               background-color:#300;
               color:#fcc;
               font-size:0.8em;
               padding-top:0.5em;
               padding-left:1.5em;
               padding-right:0em;
               padding-bottom:1.3em; }

/*  ----------------footer---------------------- */
#footer { clear:both;
          padding:0px 50px;
          margin:0px;
          text-align:right;
          background-color:#966;
          color:#fff;
          font-size:1.0em; font-weight: bold; letter-spacing:0.2em; text-transform:uppercase;
          line-height:2em; }

#werbung { position: absolute;
           width: 8em;
           margin-top: -540px;
           margin-right: 0px;
           margin-left: 49em; }

#werbungweb { position: absolute;
              width: 8em;
              margin-top: -615px;
              margin-right: 0px;
              margin-left: 49em; }

#werbungkurs { position: absolute;
               width: 8em;
               margin-top: -730px;
               margin-right: 0px;
               margin-left: 49em; }

#werbungprint { position: absolute;
                width: 8em;
                margin-top: -602px;
                margin-right: 0px;
                margin-left: 49em; }