﻿* { margin: 0; padding: 0; }
option { padding-left: 0.4em; }
html { height: 100%; margin-bottom: 1px; }


body {
        width:                                        100%;
        height:                                 100%;
        position:                         relative;
        font-family:                Verdana, Arial, Helvetica, sans-serif;
        text-align:                        left;
        color:                                         #002364;
        font-size:                        76%;
        line-height:                1.3;
        margin:                                        0 0px 0 0px;
        padding:                                0;
        background:                        #fff;
}

h1,h2,h3,h4,h5,h6,blockquote,form,label,ul,ol,dl,fieldset,address {
        margin:                                 15px 0;
}

p {
        margin:                                 10px;
}

.feldtext {
        font-size:                         1em;
        margin:                                 0 0 5px 0;
        padding:                                0 0 5px 0;
}

table {
        border-width:                0px;
        border-color:                #000000;
        border-style:                solid;
        border-collapse: collapse;
}

td {
        font-family:                Verdana,Arial,Helvetica,sans-serif;
        font-size:                        76%;
        font-weight:                normal;
        text-align:                        left;
        color:                                         #002364;
        line-height:                1.3;
}

.tds {
        font-family:                Verdana,Arial,Helvetica,sans-serif;
        font-size:                        0.8em;
        font-weight:                normal;
        line-height:                 24px;
        color:                                        #002364;
}

.tdl {
        background-color:        #ffffff;
        border-style:                solid;
        border-width:                1px;
        border-color:                #97aee5;
        line-height:                 24px;
}

.tdc {
        text-align:                        center;
        background-color:        #ffffff;
        border-style:                solid;
        border-width:                1px;
        border-color:                #97aee5;
        line-height:                 24px;
}

.tdback {
        background-color:        #f1f5fd;
        border-style:                solid;
        border-width:                1px;
        border-color:                #97aee5;
        line-height:                 24px;
}

input, textarea, select {
        font-family:                Verdana,Arial,Helvetica,sans-serif;
        font-size:                        13px;
        color:                                        #666666;
        padding:                                 1px;
        margin:                                 0px 10px 5px 10px;
}

.button {
        width:                                         auto;
        color:                                        white;
        font-weight:                bold;
        background:                 #79b321;
        padding:                                1px 10px 0px 10px;
        border-top:                        1px solid #adde62;
        border-left:                1px solid #adde62;
        border-right:                1px solid #4d8000;
        border-bottom:        1px solid #4d8000;
}

hr {
        height:                                 1px;
        color:                                         #DDDDDD;
        margin:                                 10px 0px;
}

a {
        font-size:                         1em;
        font-weight:                normal;
        color:                                        #0000E1;
        text-decoration: none;
}
a:hover {
        color:                                        #FF4B00;
        text-decoration: none;
}

div#wrapper {
        position:                         absolute;
        top:                                                 0;
        left:                                         50%;
        width:                                         900px;
        margin-left:                 -450px;
}

/*-- Header ---------------------------- */

div#header {
        width:                                        880px;
        font-size:                        1em;
        text-align:                 left;
        margin:                                        0 0px 0px 0px;
        padding:                                 12px 10px 0 10px;
        border:                                 0px dashed silver;
}
div#header h1 {
        font-size:                         18px;
        color:                                        #447dbe;
        margin:                                 16px 0 2px 0;
}
div#header h2 {
        font-size:                         17px;
        color:                                        #6da4df;
        margin:                                 0 0 0 0;
}

/*-- Topnavi --------------------------- */

#navi {
        font-size:                         1.1em;
        background:                 url(../images/navi_bg.gif) #fff repeat-x 50% bottom;
        float:                                         left;
        width:                                         900px;
        line-height:                 normal;
        border:                                 0px dashed silver;
}
#navi UL {
        padding:                                10px 10px 0 10px;
  margin:                                 0px;
  list-style-type: none;
}
#navi LI {
        padding:                                0 0 0 9px;
  margin:                                 0px;
  background:                 url(../images/navi_left.gif) no-repeat left top;
  float:                                         left;
}
#navi A {
        padding:                                5px 15px 4px 6px;
  display:                                 block;
  font-weight:                 bold;
  background:                 url(../images/navi_right.gif) no-repeat right top;
  float:                                         left;
  color:                                         #765;
  text-decoration:         none;
}
#navi A {
  float:                                         none;
}
#navi A:hover {
  color:                                         #002364;
}
#navi #current {
  background-image:        url(../images/navi_left_on.gif)
}
#navi #current A {
  background-image:        url(../images/navi_right_on.gif);
  padding-bottom: 5px;
  color:                                         #002364;
}

/*-- Greeting ----------------------- */

div#greeting {
        float:                                        left;
        width:                                        899px;
        font-size:                        1em;
        text-align:                 justify;
        margin:                                        0 0 0 0;
        padding:                                 0;
        border-right:                1px solid #0346b0;
        border-left:                1px solid #0346b0;
        border-bottom:        1px solid #0346b0;
}
div#greeting h1 {
        font-size:                         1.7em;
        color:                                        #3264AF;
        margin:                                 15px 0 15px 0;
}

div#greeting h2 {
        font-size:                         1.2em;
        color:                                        #3264AF;
        margin:                                 0 0 14px 0;
}

.text {
        float:                                        left;
        width:                                        598px;
        padding:                                0 10px;
}

.bild {
        float:                                        right;
        width:                                        280px;
}

/*-- Menü --------------------------- */

#menu ul {
  list-style:                 none;
  margin:                                 0;
  padding:                                 0;
}

#menu {
  width:                                         150px;
        float:                                         left;
  margin:                                 20px 30px 0 0;
}

#menu li a {
  height:                                 32px;
  text-decoration:         none;
}

#menu li a:link, #menu li a:visited {
  color:                                         #fff;
        font-size:                         1.1em;
  font-weight:                 bold;
  display:                                 block;
  background:                  url(../images/menu.jpg);
  padding:                                 8px 0 0 10px;
}

#menu li a:hover, #menu li #current {
  color:                                         #fff;
  background:                  url(../images/menu.jpg) 0 -32px;
  padding:                                 8px 0 0 10px;
}

/*-- Kategorien --------------------------- */

div#kategorien {
        float:                                         left;
        font-size:                        1.0em;
        text-align:                 left;
        margin:                                        0 0 0 0;
        padding:                                 0;
        border:                                 0px dashed silver;
}
div#kategorien h1 {
        font-size:                         1.1em;
        color:                                        #3264AF;
        margin:                                 20px 0 10px 0;
}
div#kategorien h2 {
        font-size:                         1.2em;
        color:                                        #3264AF;
        margin:                                 20px 0 10px 0;
}
div#kategorien h3 {
        font-size:                         1.3em;
        color:                                        #3264AF;
        margin:                                 20px 0 10px 0;
}
div#kategorien a {
        font-size:                         1.0em;
        font-weight:                normal;
        color:                                        #31499b;
        text-decoration:         none;
}
div#kategorien a:hover {
        color:                                        #FF4B00;
        text-decoration:         none;
}

/*-- Content --------------------------- */

div#inhalt {
        float:                                         left;
        width:                                        700px;
        font-size:                        1em;
        text-align:                 justify;
        margin:                                        0 0 15px 0;
        padding:                                 0;
        border:                                 0px dashed silver;
}
div#inhalt h1 {
        font-size:                         1.7em;
        color:                                        #3264AF;
        margin:                                 20px 0 10px 0;
}
div#inhalt h2 {
        font-size:                         1.4em;
        color:                                        #1d9017;
        margin:                                 20px 0 10px 0;
}
div#inhalt h3 {
        font-size:                         1.2em;
        color:                                        #3264AF;
        margin:                                 15px 0 10px 0;
}

div#inhalt p {
        font-size:                         1em;
        margin:                                 10px 0;
}

div#inhalt a {
        font-size:                         1em;
        font-weight:                normal;
        color:                                        #0000E1;
        text-decoration:         none;
}
div#inhalt a:hover {
        color:                                        #FF4B00;
        text-decoration:         none;
}

div#inhalt a.bewerten {
        font-size:                         1em;
        font-weight:                normal;
        color:                                        #002364;
        text-decoration:         none;
}

img {
        border:                                        0;
}

.clean {
        clear:                                        left;
        height:                                        12px;
        font-size:                        2px;
}

.noclean {
        height:                                        9px;
        line-height:                9px;
        margin-bottom:        15px;
}

.abstand {
        margin-top:                        50px;
}

div#inhalt1 {
        float:                                         left;
        width:                                        700px;
        font-size:                        1em;
        text-align:                 justify;
        margin:                                        0 0 15px 0;
        padding:                                 0;
        border:                                 0px dashed silver;
}
div#inhalt1 h1 {
        font-size:                         1.7em;
        color:                                        #3264AF;
        margin:                                 20px 0 10px 0;
}
div#inhalt1 h2 {
        font-size:                         1.4em;
        color:                                        #1d9017;
        margin:                                 20px 0 10px 0;
}
div#inhalt1 h3 {
        font-size:                         1.2em;
        color:                                        #3264AF;
        margin:                                 15px 0 10px 0;
}

div#inhalt1 p {
        font-size:                         1em;
        margin:                                 10px 0;
}

div#inhalt1 a {
        font-size:                         1em;
        font-weight:                normal;
        color:                                        #0000E1;
        text-decoration:         none;
}
div#inhalt1 a:hover {
        color:                                        #FF4B00;
        text-decoration:         none;
}

div#inhalt1 a.bewerten {
        font-size:                         1em;
        font-weight:                normal;
        color:                                        #002364;
        text-decoration:         none;
}

img {
        border:                                        0;
}

.clean {
        clear:                                        left;
        height:                                        12px;
        font-size:                        2px;
}

.noclean {
        height:                                        9px;
        line-height:                9px;
        margin-bottom:        15px;
}

.abstand {
        margin-top:                        50px;
}


/*-- Kleiner Inhalt ------------------- */

.inhalt_klein {
        clear:                                         both;
        width:                                        900px;
        font-size:                        1em;
        text-align:                 justify;
        border:                                 1px solid silver;
        margin:                                 10px 0 0 0;
        padding:                                 0;
}

.titel {
        font-size:                         1.2em;
        color:                                        #3264AF;
        margin:                                 10px;
}

/*-- Zertifikat --------------------------- */

div#zertifikat {
        width:                                        618px;
        font-size:                        14px;
        text-align:                 justify;
        margin:                                        0 0 0 2px;
        padding:                                 0;
        border:                                 1px solid #0346b0;
  background:                 #e5efff url(../images/wasserzeichen.gif) no-repeat right bottom;
}
div#zertifikat h1 {
        font-size:                         22px;
        color:                                        #3264AF;
        text-align:                 center;
        margin:                                 20px 0 0 0;
}
div#zertifikat h2 {
        font-size:                         17px;
        color:                                        #3264AF;
        font-weight:                normal;
        text-align:                 center;
        margin:                                 3px 0 20px 0;
}

div#zertifikat p {
        font-size:                         14px;
        margin:                                 10px 15px 20px 15px;
}

.schatten {
        width:                                        630px;
        margin:                                        0 0 0 0;
        padding:                                 1px 0 0 0;
        border:                                 0px solid #d2d2d2;
  background:                 #d2d2d2 url(../images/schatten_rechts.gif) repeat-y right top;
}
.schatten-unten {
        clear:                                        both;
        width:                                        630px;
        height:                                        8px;
        margin:                                        0 0 0 0;
        padding:                                 0;
        border:                                 0px solid #d2d2d2;
  background:                 url(../images/schatten_unten.gif) no-repeat left bottom;
}

.zert {
        font-size:                        14px;
        line-height:                18px;
        text-align:                 left;
        margin:                                        0;
        padding:                                 0;
}

/*-- Footer --------------------------- */

div#footer {
        width:                                        900px;
        font-size:                        1em;
        text-align:                 center;
        border:                                 0px dashed silver;
        margin:                                 20px 0 20px 0;
        padding:                                 0;
}

div#footer a {
        font-size:                         1em;
        font-weight:                normal;
        color:                                        #002364;
        text-decoration:         none;
}
div#footer a:hover {
        color:                                        #FF4B00;
        text-decoration:         none;
}

.ro {
        background:                        url(../bilder/box_ro.gif) top right no-repeat;
        margin:                                        0;
        padding:                                0;
}

.lo {
        background:                        url(../bilder/box_lo.gif) top left no-repeat;
        margin:                                        0;
        padding:                                0;
}

.ru {
        background:                        url(../bilder/box_ru.gif) bottom right no-repeat;
        margin:                                        0;
        padding:                                0;
}

.lu {
        background:                        url(../bilder/box_lu.gif) bottom left no-repeat;
        margin:                                        0;
        padding:                                0;
}
