*{  border              : 0 none;
    margin              : 0;
    padding             : 0;
    }

html {
    min-height          : 100%;
    padding-bottom      : 0.01em;
    color               : #444;
    background-color    : #666;
    }

body {
    position            : relative;
    margin              : 20px auto;
    padding             : 10px;
    width               : 780px;
    font-family         : verdana, arial, sans-serif;
    font-size           : 10px;
    color               : #444;
    background-color    : #fff;
    overflow            : visible;
    }

p, ul, ol {
    clear               : both;
    padding-bottom      : 10px;
    font-size           : 11px;
    }

ul li {
    list-style          : none;
    }

h1, h2, h3, h4 {
    padding             : 10px 11px 13px;
    font-size           : 15px;
    line-height         : 18px;
    font-weight         : 800;
    }

h1  {
    padding-top         : 12px;
    padding-bottom      : 17px;
    }

h2 {
    font-size           : 12px;
    }

*+html body h2 { /* == IE7 */
    font-size           : 12px;
    }


h4 {
    font-size           : 12px;       
    }

input,
select {
    padding             : 2px 2px;
    height              : 18px;
    line-height         : 18px;
    max-height          : 20px;
    font-family         : verdana, arial, sans-serif;
    font-size           : 12px;
    letter-spacing      : 0;
    }

* html body input,
* html body select { /* <= IE6 */
    padding             : 0 2px;
    }

*+html body input,
*+html body select { /* == IE7 */
    padding             : 0 2px;
    }

select {
    margin              : 0;
    padding             : 0;
    height              : 20px;
    line-height         : 15px;
    min-height          : 20px;
    max-height          : 21px;
    font-size           : 12px;
    }

* html body select { /* <= IE6 */
    padding             : 5px;
    height              : 20px;
    }

*+html body select { /* == IE7 */
    height              : 20px;
    }

option {
    padding             : 2px 0 2px 4px;
    }

input.radio { 
    margin              : 4px 0;
    padding             : 0;
    width               : 13px;
    height              : 13px;
    }

#main {
    float               : left;
    margin              : 25px 0 10px;
    width               : 780px;
    height              : auto;
    background          : url(../img/bgmain.gif) top right repeat-y;
    z-index             : 1;
    }

* html body #main { /* <= IE6 */
    float               : none;
    }

*+html body #main { /* == IE7 */
    float               : none;
    }

#content {
    float               : left;
    width               : 570px;
    padding             : 10px 0 15px 10px;
    font-size           : 11px;
    }

#content a.sprung,
#content a.sprung-p {
    float               : right;
    margin              : 10px 20px 0 0;
    width               : 15px;
    height              : 15px;
    }

#content a.sprung-p {
    margin-top          : -15px;
    }

#content p,
#conetnt pre { 
    margin-top          : 5px;
    padding             : 0 20px 15px 11px;
    font-size           : 11px;
    text-align          : justify;
    letter-spacing      : 0;
    line-height         : 18px;
    text-indent         : 0;
    }

#content pre {
    overflow            : auto;
    margin              : 10px 20px 10px 10px;
    padding             : 10px 0 15px 6px;
    color               : #0f0f0f;
    background-color    : #fcfcfc;
    font-size           : 11px;
    border              : 1px solid #dde2e5;
    }

#content p img {
    float               : left;
    margin              : 3px 15px 5px 0;
    }

#content p img.small,
#content p img.small2 {
    float               : none;
    position            : relative;
    top                 : 2px;
    margin              : 0;
    padding-right       : 3px;
    }

#content p img.small2 {
    top                 : 5px;
    }

#content blockquote {
    margin-left         : 7px;
    padding             : 0 40px 0 20px;
    background          : url(../img/quote.gif) top left no-repeat;
    font-size           : 11px;
    text-align          : justify;
    letter-spacing      : 0;
    line-height         : 18px;
    text-indent         : 0;
    font-weight         : 800;
    }

#content small {
    width               : 100%;
    padding             : 0 20px 0 11px;
    font-size           : 10px;
    vertical-align      : top;
    }

#content ul,
#content ol {
    padding             : 0 20px 0 13px;
    line-height         : 10px;
    text-align          : justify;
    letter-spacing      : 0;
    text-indent         : 0;
    }

#content ul.block,
#contetn ol.block {
    line-height         : 18px;
    }

#content li {
    padding             : 0;
    margin              : 25px 0 25px 18px;
    }

#content ul.block li,
#content ol.block li {
    padding             : 0;
    margin              : 5px 0 20px 18px;
    }

#content ul li {
    list-style          : url(../img/li.jpg);
    }

#content li a {
    line-height         : 10px;
    }
    
#content li li {
    margin              : 13px 0 13px 25px;
    }

#content ul.suchmaschine li { 
    margin-bottom        : 30px; 
    }

#content ul.suchmaschine li p {
    margin               : 0;
    padding              : 5px 0;
    text-align           : left;
    }

#content ul.suchmaschine li em {
    font-size            : 9px;
    font-style           : normal;
    }

* html body #content ul.suchmaschine li p  { /* <= IE6 */
    padding-bottom      :  7px;
    }

*+html body #content ul.suchmaschine li p  { /* == IE7 */
    padding-bottom      :  7px;
    }


#content ul.list-no-justify {
    float               : left;
    display             : block;
    padding-right       : 5px;
    width               : 126px;
    }

#content ul.list-no-justify li {
    margin-left         : 16px;
    text-align          : left;
    }

#content li.list-style-none {
    margin-top          : -11px;
    list-style          : none;
    list-style-image    : none; 
    line-height         : 0;   
    }

* html body #content li.list-style-none { /* <= IE6 */
    margin-top          : -30px;
    }

*+html body #content li.list-style-none { /* == IE7 */
    margin-top          : -30px;
    }

#content li li.list-style-none {
    margin-top          : 0;
    margin-bottom       : 0;
    }

#content a {
    color               : #6687b0;
    background-color    : #f1f2f2;
    text-decoration     : none;
    }

#content a:hover {
    color               : #e20a17;
    background-color    : #f1f2f2;
    }

#content span {
    float               : left;
    margin              : 8px 20px 8px 10px;
    padding             : 0;
    width               : auto;
    height              : auto;
    border              : 1px solid #dde2e5;
    }

#content span img {
    margin              : 10px;
    text-align          : center;
    vertical-align      : middle;
    }

#content table#uebersicht,
#content table.preisliste,
#content table.xml-doku {
    margin              : 0 19px 0 11px;
    display             : table;
    border-collapse     : collapse;
    table-layout        : fixed;
    }

#content table#uebersicht .s01 { 
    width               : 340px;
    }

#content table.preisliste .s01 { 
    width               : 300px;
    }

#content table .s02,
#content table .s03,
#content table .s04 { 
    width               : 100px;
    }

#content table.preisliste .s02,
#content table.preisliste .s03,
#content table.preisliste .s04 { 
    width               : 80px;
    }

#content table.xml-doku .s01,
#content table.xml-doku .s02,
#content table.xml-doku .s03 { 
    width               : 80px;
    }

#content table.xml-doku .s04 { 
    width               : 300px;
    }

#content table#uebersicht th,
#content table#uebersicht td,
#content table.preisliste th,
#content table.preisliste td,
#content table.xml-doku   th,
#content table.xml-doku   td {
    display             : table-cell;
    padding             : 6px 5px;
    empty-cells         : show;
    height              : 40px;
    border              : 1px solid #dde2e5;
    font-size           : 11px;
    }

#content table.preisliste th,
#content table.preisliste td,
#content table.xml-doku   th,
#content table.xml-doku   td {
    height              : 15px;
    font-size           : 10px;
    }

#content table.xml-doku td { 
    color               : #554;
    background-color    : #fcfcfc;
    }

#content th.left,
#content td.left {
    text-align          : left;
    padding-left        : 5px;
    }

#content td.grau,
#content th.grau { 
    color               : #554;
    background-color    : #e5ebee;
    }

#content table.preisliste td.small { 
    font-size           : 9px;
    border-right        : 0 none;
    border-bottom       : 0 none;
    border-left         : 0 none;
    }


* html body #content table#uebersicht .s01 { /* <= IE6 */
    width               : 329px;
    }

* html body #content table#uebersicht .s02,
* html body #content table#uebersicht .s03 { /* <= IE6 */
    width               : 89px;
    }

*+html body #content table#uebersicht .s01 { /* == IE7 */
    width               : 329px;
    }

*+html body #content table#uebersicht .s02,
*+html body #content table#uebersicht .s03 { /* == IE7 */
    width               : 89px;
    }

* html body #content table.preisliste .s01 { /* <= IE6 */
    width               : 289px;
    }

* html body #content table.preisliste .s02,
* html body #content table.preisliste .s03,
* html body #content table.preisliste .s04 { /* <= IE6 */
    width               : 69px;
    }

*+html body #content table.preisliste .s01 { /* == IE7 */
    width               : 289px;
    }

*+html body #content table.preisliste .s02,
*+html body #content table.preisliste .s03,
*+html body #content table.preisliste .s04 { /* == IE7 */
    width               : 69px;
    }


#content .eingabe {
    width               : 370px;
    margin              : 10px 15px 20px 80px;
    padding             : 24px 25px 9px;
    border              : 1px solid #abbecc;
    color               : #5c596a;
    background-color    : #fafafa;
    }

#content .eingabe.action,
#content .eingabe.action span,
#content .eingabe.action span input.send {
    border              : 0 none;
    color               : #5c596a;
    background-color    : #f1f2f2;
    }

#content .eingabe.action label { 
    cursor              : pointer; 
    }

#content .eingabe.action {
    width               : 370px;
    margin-top          : 35px;
    margin-bottom       : 35px;
    padding             : 0 25px;; 
    }

#content .eingabe.action span {
    float               : right;
    display             : block;
    margin              : 0;
    padding             : 0;
    }

#content .eingabe p {
    margin-top          : 0;
    padding-left        : 0;
    padding-right       : 0;
    }

#content .eingabe input {
    padding-left        : 4px;
    }

#content .eingabe div {
    margin-bottom       : 15px;
    width               : 100%;
    height              : 20px;
    }

#content .eingabe label {
    float               : left;
    margin-right        : 12px;
    padding             : 2px 0;
    width               : 100px;
    height              : 14px;
    text-align          : left;
    }

#content .eingabe input,
#content .eingabe select {
    float               : left;
    width               : 240px;
    color               : #5c596a;
    background-color    : #fff;
    border              : 1px solid #abbecc;
    }

#content .eingabe input.radio {
    border              : 0 none;
    width               : 13px;
    }

#content .eingabe input.checkbox {
    border              : 0 none;
    width               : auto;
    height              : auto;
    }

#content .eingabe a,
#content .eingabe a:hover {
    background-color     : #fff;
    }

#content .eingabe select.land {
    margin-right        : 5px;
    width               : 47px;
    }

#content .eingabe input.plz {
    margin-right        : 5px;
    width               : 45px;
    }

#content .eingabe input.ort {
    width               : 130px;
    }

* html body #content .eingabe input.ort { /* <= IE6 */
    float               : right;
    padding             : 0;
    }

#content .eingabe div span {
    float               : right;
    margin              : 0 0 0 38px;
    padding             : 0;
    color               : #666;
    background-color    : #fafafa;
    border              : 0 none;
    }

#content .eingabe div span.suchmaschine {
    float               : left;
    margin              : 0 0 0 108px;
    }

#content .eingabe div span label {
    width               : auto; 
    }

#content .eingabe input.send {
    margin-left         : -8px;
    margin-top          : 1px;
    padding             : 0;
    width               : 16px;
    height              : 16px;
    max-height          : 16px;
    line-height         : 16px;
    border              : 0 none;
    color               : #666;
    background-color    : #fafafa;
    }

#content h4.titel {
    width               : 370px;
    height              : 12px;
    line-height         : 12px;
    color               : #666;
    background-color    : #f1f2f2;
    margin              : 0 0 -12px 95px;
    }

#content h4.titel input {
    margin-left         : -17px;
    width               : auto;
    height              : auto;
    }


#content #akzeptieren { 
    margin              : 5px 0 0 90px;
    }

#content #akzeptieren input {
    width               : 16px;
    height              : 16px;
    max-height          : 16px;
    line-height         : 16px;
    }

#content #akzeptieren input.send {
    width               : 357px;
    height              : 30px;
    max-height          : 30px;
    line-height         : 15px;
    padding             : 4px;
    color               : #666;
    background-color    : #fafafa;
    border              : 1px solid #abbecc;
    }


#content #report {
    float               : left;
    margin              : -10px 0 -14px -9px;
    width               : 578px;
    color               : #000;
    background-color    : #fff;
    }

* html body #content #report { /* <= IE6 */
    margin              : -10px -20px -14px -5px;
    }

#content #report td { 
    font-family         : "courier new", arial, helvetica, sans-serif; 
    font-size           : 9pt;
    vertical-align      : top;
    }



#sidenav {
    float               : right;
    width               : 195px;
    }

#sidenav a,
#sidennav em {          /* speziell fuer MSIE 6 */
    width               : 170px;
    }

#sidenav li a b,
#sidenav li a:hover b,
#sidenav li a.aktiv b {
    font-size           : 11px;
    text-decoration     : none;
    }

#sidenav ul {
    position            : relative;
    top                 : 0;
    margin              : 0;
    padding             : 0;
    }

* html body #sidenav ul ul { /* <= IE6 */
    margin-top          : -13px;
    }

*+html body #sidenav ul ul { /* == IE7 */
    margin-top          : -13px;
    }

#sidenav li a,
#sidenav li em {
    display             : block;
    padding             : 8px 12px;
    font-size           : 11px;
    text-decoration     : none;
    }

#sidenav li em { 
    font-size           : 12px;
    cursor              : default;
    }

* html body #sidenav li em { /* <= IE6 */
    margin-bottom       : -13px;
    }

#sidenav li a,
#sidenav li em {
    color               : #6588b0;
    background          : url(../img/streifen-inaktiver-link.jpg) bottom left no-repeat #edf0f5;
    }

#sidenav li a.aktiv,
#sidenav li a.aktiv:hover {
    color               : #6588b0;
    background          : url(../img/streifen-aktiver-link.jpg) bottom left no-repeat #d3dce8;
    }

#sidenav li li a.aktiv {
    color               : #6588b0;
    background          : url(../img/streifen-inaktiver-link.jpg) bottom left no-repeat #d3dce8;
    }

#sidenav li a:hover {
    color               : #6588b0;
    background          : url(../img/streifen-inaktiver-link.jpg) bottom left no-repeat #e0e7ef;
    }

#sidenav li li tt { 
    margin-left         : 12px;
    font-family         : verdana, arial, sans-serif;
    }



#header {
    position            : absolute;
    float               : left;
    top                 : 10px;
    width               : 780px;
    height              : 140px;
    line-height         : 140px;
    color               : #fff;
    background-color    : #000;
    background          : url(../img/header.jpg) top left no-repeat;
    }

#login {
    position            : relative;
    top                 : 0;
    left                : 585px;
    width               : 195px;
    height              : 140px;
    line-height         : 140px;
    }

#login h2 {
    position            : relative;
    padding             : 2px;
    top                 : 20px;
    left                : 19px;
    width               : 165px;
    height              : 22px;
    line-height         : 22px;
    font-size           : 14px;
    font-weight         : 800;
    letter-spacing      : 1px;
    }

#login #uid,
#login #pass {
    position            : relative;
    top                 : 20px;
    left                : 20px;
    margin-top          :  4px;
    width               : 171px;
    height              : 20px;
    line-height         : 20px;
    }

#login #pass {
    top                 : 24px;
    }

* html body #login #pass { /* <= IE6 */
    margin-top          : 5px;
    }

*+html body #login #pass { /* == IE7 */
    margin-top          : 5px;
    }

#login label {
    position            : absolute;
    font-family         : verdana, arial, sans-serif;
    font-size           : 11px;
    }

#login input {
    position            : absolute;
    left                : 62px;
    width               : 65px;
    color               : #654;
    background-color    : #f7f3f7;
    border              : 1px solid #435466;
    }

#login input#password {
    letter-spacing      : 1px;
    }

#login input.send {
    position            : absolute;
    top                 : 3px;
    left                : 140px;
    padding             : 0;
    width               : 16px;
    height              : 16px;
    max-height          : 16px;
    line-height         : 16px;
    border              : 0 none;
    background-color    : transparent;
    }

* html body #login input.send { /* <= IE6 */
    top                 : 4px;
    }

#login #infos {
    position            : relative;
    left                : 20px;
    top                 : 32px;
    width               : 150px;
    height              : 25px;
    line-height         : 14px;
    }

#login #infos a {
    font-weight         : 500;
    text-decoration     : none;
    color               : #fffcfc;
    }

#navigation {
    position            : relative;
    left                : 35px;
    width               : 744px;
    height              : 35px;
    border-right        : 1px solid #666;
    }

#navigation img {
    float               : left;
    width               : 744px;
    border              : 0 none;
    }

#navigation ul {
    position            : relative;
    float               : left;
    margin-top          : -35px;
    height              : 17px;
    background          : url(../img/navigation-streifen-links.jpg) no-repeat;
    }

* html body #navigation ul { /* <= IE6 */
    position            : static;
    float               : none;
    height              : auto;
    }

*+html body #navigation ul { /* == IE7 */
    float               : none;
    }

#navigation li {
    float               : left;
    background          : url(../img/navigation-streifen-rechts.jpg) top right no-repeat;
    }

#navigation a {
    float               : left;
    padding             : 0 20px;
    text-decoration     : none;
    font-size           : 12px;
    font-weight         : 800;
    color               : #ccc;
    }

#navigation a, 
#navigation a:hover,
#navigation a.aktiv,
#navigation a.aktiv:hover {
    margin-top          :  1px;
    margin-right        :  3px;
    line-height         : 34px;
    }

#navigation a.aktiv,
#navigation a:hover,
#navigation a.aktiv:hover {
    color               : #fffcfc;
    background-color    : #fff;
    background          : url(../img/navigation-streifen-aktiv.jpg) bottom center no-repeat;
    }

#navigation a:hover {
    background          : url(../img/navigation-streifen-mouseover.jpg) bottom center no-repeat;
    }

ul#pages {
    margin              : 28px 0 13px;
    height              : 16px;
    line-height         : 16px;
    width               : 539px;
    }

ul#pages li {
    float               : left;
    margin              : 0;
    padding             : 0;
    list-style          : none;
    }

ul#pages li.gif {
    width               : 25px;
    }

ul#pages li.link {
    width               : 170px;
    }

ul#pages li.center {
    width               : 99px;
    }

ul#pages a,
ul#pages li.center small {
    float               : left;
    }

ul#pages a.right {
    float               : right;
    }

ul#pages li.gif a.right,
ul#pages li.gif img.right { 
    margin-left         :  9px;
    }

ul#pages small {
    margin              : 0;
    padding             : 0;
    line-height         : 16px;
    vertical-align      : middle;
    }

ul#pages li.center small {
    text-align          : center;
    }


#search {
    position            : relative;
    right               : 21px;
    float               : right;
    margin-top          : -27px;
    height              :  20px;
    line-height         :  20px;
    }

#search input { 
    display             : block;
    float               : left;
    }

#search input.send {
    padding             : 0;
    width               : 18px;
    height              : 18px;
    max-height          : 18px;
    line-height         : 18px;
    border              : 0 none;
    }

#search .input-search {
    margin-right        :  3px;
    width               : 126px;
    border              :  1px solid #636563;
    }

/* Fussleiste und Copyright */
#footer {
    clear               : both;
    width               : 780px;
    font-size           : 10px;
    font-weight         : 500;
    height              : 35px;
    line-height         : 35px;
    color               : #656565;
    background-color    : #e5e5e5;
    }

#footer p {
    margin              : 0 auto;
    padding             : 0;
    vertical-align      : middle;
    text-align          : center;
    }

#footer a,
#footer b {
    font-size           : 10px;
    font-weight         : 500;
    }

#footer small {
    padding-left        : 12px;
    margin-left         :  5px;
    background          : url(../img/viereck.gif) center left no-repeat;
    }

#footer a,
#footer a:hover {
    color               : #656565;
    background-color    : #e5e5e5;
    text-decoration     : none;
    }

#footer a:hover {
    color               : #505252;
    }

#grau-links-oben,
#grau-rechts-oben,
#grau-links-unten,
#grau-rechts-unten,
#blau-links-oben,
#blau-rechts-oben,
#blau-links-unten,
#blau-rechts-unten,
#rot-links-unten,
#rot-rechts-unten {
    position            : absolute;
    width               : 17px;
    height              : 17px;
    }

#grau-links-oben {
    top                 : 195px;
    left                :  10px;
    background          : url(../img/grau-links-oben.gif) bottom left no-repeat;
    }

#grau-rechts-oben {
    top                 : 195px;
    left                : 573px;
    background          : url(../img/grau-rechts-oben.gif) bottom left no-repeat;
    }

#blau-links-oben {
    top                 : 195px;
    left                : 595px;
    background          : url(../img/blau-links-oben.gif) bottom left no-repeat;
    }

#blau-rechts-oben {
    top                 : 195px;
    left                : 773px;
    background          : url(../img/blau-rechts-oben.gif) bottom left no-repeat;
    }

#grau-links-unten {
    bottom              :  55px;
    left                :  10px;
    background          : url(../img/grau-links-unten.gif) bottom left no-repeat;
    }

#grau-rechts-unten {
    bottom              :  55px;
    left                : 573px;
    background          : url(../img/grau-rechts-unten.gif) bottom left no-repeat;
    }

#blau-links-unten {
    bottom              :  55px;
    left                : 595px;
    background          : url(../img/blau-links-unten.gif) bottom left no-repeat;
    }

#blau-rechts-unten {
    bottom              :  55px;
    left                : 773px;
    background          : url(../img/blau-rechts-unten.gif) bottom left no-repeat;
    }

#rot-links-unten {
    bottom              :  10px;
    left                :  10px;
    background          : url(../img/rot-links-unten.gif) bottom left no-repeat;
    }

#rot-rechts-unten {
    bottom              :  10px;
    left                : 773px;
    background          : url(../img/rot-rechts-unten.gif) bottom left no-repeat;
    }

#mann-mit-schirm {
    position            : relative;
    top                 : -20px;
    left                : -22px;
    width               : 167px;
    height              : 160px;
    z-index             : 2;
    background          : url(../img/mann-mit-schirm.png) top left no-repeat;
    }

* html body #mann-mit-schirm { /* <= IE6 */
    background-image    :  url(../img/mann-mit-schirm.gif);
    }

#mann-mit-schirm-druckversion {
    display             : none;
    z-index             : 2;
    }

#logo-druckversion {
    display             : none;
    z-index             : 2;
    }

#rotes-viereck {
    position            : absolute;
    width               : 35px;
    height              : 35px;
    }

.error {
    color               : #e31320;
    background-color    : #f1f2f2;
    }

.eingabe label.error,
div.error {
    color               : #e31320;
    background-color    : #fafafa;
    }

a.partner {
    color               : #6588b0;
    background-color    : #edf1f6;
    text-decoration     : none;
    }

a.partner img {
    width               : 195px;
    height              : 105px;
    padding             : 20px 0 10px;
    }

a.partner2591083 img {
    height              :  76px;
    padding             : 1px 0 10px;
    }

a.partner b {
    float               : left;
    padding             : 0 28px 25px;
    color               : #6588b0;
    background-color    : #edf1f6;
    cursor              : pointer;
    }

a.partner2591083 b {
    width               : 125px;
    float               : right;
    margin-right        : 0;
    padding             : 0 10px 0 0;
    text-align          : right;
    }