/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~  css definitions :: document  ~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~  allgemeines  ~~~~~~~~~~~~~~~~~~~~ */

html, body {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
}
body {
        font: normal 100.01% verdana,tahoma,sans-serif;
        font color: #333333;
        color: #000000;
        background: #C1C1C1;
}
form {
        margin: 0;
        padding: 0;
        display: inline;
}
a img, img {
        border: 0;
                margin: 5px 5px 5px 5px;
}

hr {
        height: 20px;
        visibility: hidden;
}
#box {
        width: 93%;
        margin: auto;
        padding: 0;
        color: #333333;
        background: transparent;
}
#box_content {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        color: #333333;
        background: #F9F5EB;
        display: block;
}


.spezbild {
           margin: 0 0 0 20px;
           border: 0;
}


.bild_std{
          margin: 0 0 0 0px;
          border: 0;
          text-align : left;
}

/* ~~~~~~~~~~~~~~~~~~~~~alle links~~~~~~~~~~~~~*/
a:link {
        margin: 0;
        padding: 0;
        font: normal 100% verdana,tahoma,sans-serif;
        color: #18A4E2;
        text-decoration: underline;
}

 a:visited  {
         margin: 0;
        padding: 0;
        font: normal 100% verdana,tahoma,sans-serif;
        color: #333333;
                 text-decoration: underline;
}
a:hover {
        margin: 0;
        padding: 0;
        font: normal 100% verdana,tahoma,sans-serif;
        color: #D20C83;
        background: #FFFFF0;
                text-decoration: underline;
}
a:active {
        margin: 0;
        padding: 0;
        font: normal 100% verdana,tahoma,sans-serif;
        color: #18A4E2;
                 text-decoration: underline;
}



/* ~~~  kopfbereich  ~~~~~~~~~~~~~~~~~~~~ */

#header {
        height: 105px;
        margin: 0;
        padding: 0;
        color: #333333;
        background: #C1C1C1 url(../data/bg_header.jpg) no-repeat center;
        white-space: nowrap;
}
#header img {
        position: absolute;
        margin: 0;
        border: 0;
        z-index: 1;
}

 /* ~~~ navigation  ~~~~~~~~~~~~~~~~~~~~~ */


#nav {
        width: 12em;
        margin: 0;
        padding: 0;
        font: normal 100% verdana,tahoma,sans-serif;
        color: #333333;
        background: #F9F5EB;
        float: left;
}
#nav img {
        margin: 0;
        padding: 0;
        border: 0;
        vertical-align: middle;
}
#nav hr {
        height: 50px;
        visibility: hidden;
}
#nav h3 {
        margin: 0;
        padding: 5px;
        font: bold 80% verdana,tahoma,sans-serif;
        color: #666666;
        background: transparent;
        text-align: center;
}
#nav ul {
        margin: 20px 0 0 20px;
        padding: 110px 0 20px 0;
        text-align: left;
        list-style: none;
        background:       url(../data/Logo.jpg) no-repeat;
        border-right: 2px dotted #C1C1C1;
}
#nav li {
        margin: 0;
        padding: 0;
        font: normal 100% verdana,tahoma,sans-serif;
        color: #000000;
        text-align: left;
}
* html #nav ul li ul { padding: 0 0 10px 10px; }
#nav ul li ul {
        margin: 0;
        padding: 10px 0 10px 10px;
        list-style: none;
        background: transparent;
        border: 0;
}
#nav ul li ul li {
        margin: 0;
        padding: 0;
        font: normal 90% verdana,tahoma,sans-serif;
        color: #000000;
        text-align: left;
}

#nav a {
        width: 11em;
        margin: 0;
        padding: 7px 2px 3px 2px;
        font: normal 90% verdana,tahoma,sans-serif;
        color: #000000;
        text-decoration: none;
        border-bottom: 2px dotted #D20C83;
        display: block;
}
#nav a:visited, #nav a:active {
        color: #333333;
}
#nav a:hover {
        color: #D20C83;
        background: #FFFFF0;
        border-bottom: 2px solid #18A4E2;
}
#nav .link-active {
        margin: 0;
        padding: 7px 2px 3px 2px;
        font: bold 90% verdana,tahoma,sans-serif;
        color: #18A4E2;
        display: block;
}

#nav_wk {
        margin: 0;
        padding: 5px;
}
#nav_wk p {
        margin: 0;
        padding: 0;
        font: normal 70% verdana,tahoma,sans-serif;
        color: #666666;
}
#nav_wk img {
        margin: 5px;
        border: 0;
        float: left;
}
#nav_wk a {
        width: 100%;
        height: 35px;
        margin: 0;
        padding: 0;
        font: normal 100% verdana,tahoma,sans-serif;
        text-decoration: none;
        line-height: 1.5em;
}
#nav_wk a:hover, a:active {
        color: #FF0000;
        background: #FFFFF0;
}


/* ~~~  inhalt sedcards ~~~~~~~~~~~~~~~~~~~~~~~~~ */




#cards td {

        border-top: 1px dotted #C0B99C;
        border-bottom: 1px dotted #C0B99C;
        border-right: 1px dotted #C0B99C;
        border-left: 1px dotted #C0B99C;
        padding-bottom: 3px;
        padding-top: 3px;
        padding-left: 3px;
        padding-right: 3px;
        text-align: left;
}


/* ~~~  inhalt  ~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Hide from IE5-mac. Only IE-win sees this. \*/
/* Fix für das 3 Pixel Problem */

* html #nav {
  margin-right: 0;
  }
* html #content {
  height: 1%;
  margin: 0 0 0 180px;
  }

/* End hide from IE5/mac */

#content {
        margin: 0 0 0 12.5em;
        padding: 0;
        font: normal 100% verdana,tahoma,sans-serif;
        color: #333333;
        background: #F9F5EB;
}
#content h1 {
        margin: 0 20px 10px 20px;
        padding: 20px 7px 10px 0;
        font: bold 100% verdana,tahoma,sans-serif;
        color: #333333;
        background: transparent;
        border-bottom: 2px dotted #C1C1C1;
}
#content h2 {
        margin: 0 20px 0 20px;
        padding: 20px 7px 5px 0;
        font: bold 95% verdana,tahoma,sans-serif;
        color: #333333;
        background: transparent;
}
#content h3 {
        margin: 0 20px 0 20px;
        padding: 10px 7px 5px 0;
        font: bold 90% verdana,tahoma,sans-serif;
        color: #333333;
        background: transparent;
}

#content h4 {
        margin: 0 20px 0 20px;
        padding: 5px 7px 5px 0;
        font: 85% verdana,tahoma,sans-serif;
        color: #333333;
        background: transparent;
}

#content h5 {
        margin: 0 20px 0 20px;
        padding: 5px 7px 5px 0;
        font: 80% verdana,tahoma,sans-serif;
        color: #333333;
        background: transparent;
        text-align: center;
}

#content h6 {
        margin: 0 20px 0 20px;
        padding: 5px 7px 5px 0;
        font: 75% verdana,tahoma,sans-serif;
        color: #333333;
        background: transparent;
}

#content p {
        margin: 0 20px 0 20px;
        padding: 5px 7px 5px 0;
        font: normal 80% verdana,tahoma,sans-serif;
        color: #333333;
}
#content .error {
        margin: 0;
        padding: 0;
        font: bold 100% verdana,tahoma,sans-serif;
        color: #FF0000;
}

#content ul {
        margin: 10px 0 0 0;
        padding: 0 10px 0 25px;
}
#content li {
        margin: 0;
        padding: 0;
        font: normal 80% verdana,tahoma,sans-serif;
        color: #000000;
}
#content dl {
        margin: 5px 0 5px 20px;
        padding: 0;
}
#content dt {
        width: 30%;
        margin: 0;
        padding: 0;
        font: normal 80% verdana,tahoma,sans-serif;
        color: #333333;
        float: left;
}
#content dd {
        margin: 0;
        padding: 0;
        font: normal 80% verdana,tahoma,sans-serif;
        color: #333333;
}

#content a {
        margin: 0;
        padding: 0;
        font: normal 100% verdana,tahoma,sans-serif;
        color: #18A4E2;
        text-decoration: underline;
}
#content a:hover, a:active {
        font: normal 100% verdana,tahoma,sans-serif;
        color: #D20C83;
        text-decoration: underline;
}


#content fieldset {
        margin: 0 10px 0 10px;
        padding: 10px;
}
#content legend {
        margin: 0;
        padding: 10px;
        font: normal 80% verdana,tahoma,sans-serif;
        color: #666666;
}

* html
#content                          .beschriftung          { margin-left: 17px; padding: 5px 0 0 0; }
#content                          .beschriftung          { margin-left: 10px; padding: 5px 0 5px 0; font: normal 70% verdana,tahoma,sans-serif; color: #555555; }
#content                          .form30px                { margin: 0; padding: 0; width: 30px; }
#content                          .form50px                { margin: 2px 0 2px 10px; padding: 0; width: 50px; }
#content                           .form160px             { margin: 2px 0 2px 10px; padding: 0; width: 160px; }
#content                           .form240px             { margin: 2px 0 2px 10px; padding: 0; width: 240px; }

* html
#content                            .form300px                { margin: 2px 0 2px 7px; padding: 0; width: 300px; }
#content                           .form300px                { margin: 2px 0 2px 10px; padding: 0; width: 300px; }
#content                           .form400px                { margin: 2px 0 2px 17px; padding: 0; width: 300px; }

* html
#content                            .button_kontakt       { margin: 2px 0 10px 6px; padding: 3px; }
#content                            .button_kontakt       { margin: 2px 0 10px 9px; padding: 3px; }

#content table
{
        width: 96%;
        margin: auto;
        padding: 0;
        border: 1px dotted #C0B99C;
        text-align: left;
}

#content th
 {
        margin: 0;
        padding: 0;
        border: 0;
}

#content td
{
        margin: 0;
        padding: 0;
        border-top: 1px dotted #C0B99C;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;

}

#content tr
{
        margin: 0;
        padding: 0;
        border: 0;
}

/* ~~~  fußzeile  ~~~~~~~~~~~~~~~~~~~~~~~ */

#footer
{
        margin: 0;
        padding: 0;
        height: 105px;
        font: normal 100% verdana,tahoma,sans-serif;
        color: #333333;
        background: #C1C1C1 url(../data/bg_footer.jpg) no-repeat center bottom;
        text-align: right;
        clear: both;
}

#footer ul
{
        margin: 0;
        padding: 93px 2px 0 0;
}

#footer li
{
        margin: 0;
        padding: 0;
        font: normal 100% verdana,tahoma,sans-serif;
        color: #777777;
        background: transparent;
        display: inline;
}