* {
  margin:0;
  padding:0;
}

@font-face { font-family:Avantgarde; src:url('AVGARDN_0.TTF'); } 

body                        {
                              /* background-image:url(/static/ocp/bg_page.jpg);
                              background-position:top center;
                              background-repeat:no-repeat;
                              background-color:#e0e0e0; */
                              width: 100%;
                              font-family: verdana,arial,trebuchet ms;
                              color: #000;
                              font-size: 10pt;
                            }
/* html                     { overflow-y:scroll; } */

a:focus                     { outline: none; }
a                           { color: #385d76; }
a:link                      { text-decoration: none; }
a:visited                   { text-decoration: none; }
a:active                    { text-decoration: none; }
a:hover                     { color: #385d76; text-decoration: none; }

.verlauf-gruen              { background: #82a553; /* Old browsers */
                              background: -moz-linear-gradient(top, #82a553 0%, #40662b 100%); /* FF3.6+ */
                              background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82a553), color-stop(100%,#40662b)); /* Chrome,Safari4+ */
                              background: -webkit-linear-gradient(top, #82a553 0%,#40662b 100%); /* Chrome10+,Safari5.1+ */
                              background: -o-linear-gradient(top, #82a553 0%,#40662b 100%); /* Opera 11.10+ */
                              background: -ms-linear-gradient(top, #82a553 0%,#40662b 100%); /* IE10+ */
                              background: linear-gradient(to bottom, #82a553 0%,#40662b 100%); /* W3C */
                              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82a553', endColorstr='#40662b',GradientType=0 ); /* IE6-9 */
                            }
.verlauf-grau               { background: #ffffff; /* Old browsers */
                              background: -moz-linear-gradient(top, #ffffff 0%, #9b9b9b 100%); /* FF3.6+ */
                              background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#9b9b9b)); /* Chrome,Safari4+ */
                              background: -webkit-linear-gradient(top, #ffffff 0%,#9b9b9b 100%); /* Chrome10+,Safari5.1+ */
                              background: -o-linear-gradient(top, #ffffff 0%,#9b9b9b 100%); /* Opera 11.10+ */
                              background: -ms-linear-gradient(top, #ffffff 0%,#9b9b9b 100%); /* IE10+ */
                              background: linear-gradient(to bottom, #ffffff 0%,#9b9b9b 100%); /* W3C */
                              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9b9b9b',GradientType=0 ); /* IE6-9 */
                            }

#wrap                       { margin:0 auto; width:1200px;

                            }
#head                       { position:relative; }
#head1                      { background-image: url(/static/ocprd/bg-head.jpg);
                              background-position: top center;
                              background-repeat: no-repeat; height: 151px; }
#head2                      { background-color: #447190; }
.head2padding               { padding-bottom: 35px; }
.head-wrap                  { margin:0 auto; width:1200px; position: relative; }
#logo                       { float:left; margin-top:10px; margin-left:2px; }
#impressum                  { float:right; margin-top:9px; margin-right:43px; }
#claim                      { margin-left:18px; padding-top:32px; font-size:13pt; color:#eee; }
#schnellkontakt             { width: 200px; height: 50px; margin: 57px 0 0 23%;
                              -webkit-border-radius: 15px;
                              -moz-border-radius: 15px;
                              border-radius: 15px;
                              margin: 0 auto;
                            }
#schnellkontakt a           { display: block; width: 200px; height: 45px; padding: 12px 0; color:#fff; font-size:14pt; text-align: center;  margin-right: 447px; }
#kompetenz                  { position:absolute; bottom: 0px; right:0px; width:479px; height:298px;
                              background-image:url(/static/ocprd/dr-hoffmann.png);
                              background-position:bottom center;
                              background-repeat:no-repeat;
                            }
#kompetenz-klein            { display: none; }

#navi                       { background: #ffffff; /* Old browsers */
                              background: -moz-linear-gradient(top, #ffffff 0%, #9b9b9b 100%); /* FF3.6+ */
                              background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#9b9b9b)); /* Chrome,Safari4+ */
                              background: -webkit-linear-gradient(top, #ffffff 0%,#9b9b9b 100%); /* Chrome10+,Safari5.1+ */
                              background: -o-linear-gradient(top, #ffffff 0%,#9b9b9b 100%); /* Opera 11.10+ */
                              background: -ms-linear-gradient(top, #ffffff 0%,#9b9b9b 100%); /* IE10+ */
                              background: linear-gradient(to bottom, #ffffff 0%,#9b9b9b 100%); /* W3C */
                              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9b9b9b',GradientType=0 ); /* IE6-9 */
                            }
#navi-wrap                  { margin:0 auto; width:1200px; }                            
#navi span                  { display: block; height: 35px; padding-top: 15px; }
#navi ul                    { list-style: none; text-align: justify; height: 52px; padding: 0 15px; }
#navi li                    { font-size: 18px; text-align: -webkit-match-parent; display: inline-block; }

#fusszeile { height:65px; background-color:#457090; text-align:center; }
#navi2 { padding-top:10px; }
#navi2 a { color:#fff; }
#navi2-klein                { display: none; }
#copyright {padding-top:16px; color:#bdbdbd; }

#content                    { float:left; width: 62%; min-height:200px; 
                              border: 1px solid #cfcfcf; background-color:#fff; 
                              margin-left: 6px; margin-top:17px;
                              margin-bottom: 20px;
                            }

#inhalt                     { margin-left: 20px; margin-right: 20px; margin-bottom: 20px; margin-top: 18px; min-height:100px; color:#333; }
.headline                   { color: #447190; font-size:18px; font-weight:normal; }
.inhalt_trenner             { background-image: url(/static/ocp/cnt_trenner.png);
                              background-repeat: no-repeat;
                              margin-top:20px; margin-bottom:12px;
                              height: 1px;
                            }

#inhalt ul                  { padding-left: 19px; list-style-image: url(/static/ocp/li_style.png); /*line-height: 220%;*/ }
#inhalt li                  { padding-left: 1px; padding-bottom: 10px; }
#inhalt_text                {  }
#inhalt p                   { padding-bottom:12px; }

.inh_abs_text { margin-bottom:20px; }
.inh_abs_titel {
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 10px;
}

#boxen                      { float:right; width:296px; margin-right:3px; color:#272727; }
#boxen h2                   { text-align:center; color:#447190; font-weight:normal; margin-top:15px; margin-bottom:14px; font-size:17pt;  }
#boxen ul                   { list-style:none; margin-bottom: 5px; }
#boxen li                   { width:249px; height:29px; padding-top:10px; padding-left:30px;
                              background-image:url(/static/ocp/li-line.png);
                              background-position:top left;
                              background-repeat:no-repeat;
                            }
#boxen li.no-line           { background-image:url(/static/ocp/li-no-line.png); }

.box-liste                  { margin-bottom:20px; }
.box-rahmen                 { background-color:#eee; border:2px solid #fff; padding-top: 11px; padding-left:16px; }

.box-bild                   { margin-bottom:20px; }
.box-bild-pic               { margin-left:54px; }
.box-bild-text              { text-align:center; font-size:8pt; padding-top:4px; }

.box-sto-bild               { float:right; margin-bottom:15px; }
.box-sto-text               { margin-top:15px; min-height: 140px; }
.box-sto-titel h3           { font-size:11pt; }

.mitarbeiter                { float:left; width: 260px; margin-right:10px; margin-bottom: 50px; height: 260px; }
.mitarbeiter_bild           { position:relative; margin-left:63px; }
.mitarbeiter_infos          { position:absolute; width:184px; text-align:center;  bottom: 7px; }


#claim { margin-right: 447px; margin-left:0; text-align: center; }
#schnellkontakt { margin-top: 39px; }

#nav-mobile-btn                     { display: none; cursor: pointer; }
#mobile-navigation                  { display: none; height: 100vh; width: 100vw; position: fixed; top: 0; left: 0; background-color: rgba(109, 109, 109, 0.9); z-index: 2600; }
#nav-content                        { width: 85vw; height: 100vh; background-image: url(/static/ocprd/bg-page.png); padding-left: 5px; padding-right: 5px; overflow-y: auto; }
#ios-menu-korrektur                 { width: 100%; height: 70px; }
#mnav-head                          { position: relative; text-align: center; padding-top: 15px; color: #fff; font-size: 18pt; border-bottom: 2px solid #d3d3d3; padding-bottom: 10px; }
#nav-close                          { position: absolute; top: 12px; right: 10px; color: #515151; width: 25px; height: 25px; border-radius: 26px; background-color: #d3d3d3; border: 1px solid grey; font-weight: bold; padding-left: 1px; padding-top: 1px; font-family: Arial; cursor: pointer; font-size: 15pt; }
#mnav-body                          { padding-top: 5px; }
#mnav-body a                        { text-decoration: none; color: #fff; }
#mnav-body ul                       { list-style: none; padding: 0; margin: 0; }
#mnav-body ul li a                  { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #d3d3d3; display: block; }
#mnav-body ul li                    {  }
.mnavli0                            {  }
.mnavli1                            {  }
.mnavli2                            {  }
.mnavli3                            {  }
.manv0                              { padding-left: 20px; }
.manv1                              { padding-left: 40px; }
.manv2                              { padding-left: 60px; }
.manv3                              { padding-left: 80px; }

.skontakt                           { float: left; width: 50%; }

#cookie-info                        { position: fixed; bottom: 0px; z-index: 10000; width: 100%; -ms-text-size-adjust: none; -moz-text-size-adjust: none; -o-text-size-adjust: none; -webkit-text-size-adjust: none; }
#cookie-info-content                { background-color: rgba(0, 0, 0, 0.8); color: #fff; padding: 4px; box-sizing: border-box; text-align: center; }
#cookie-info-tbl                    { display: table; margin: 0 auto; }
#cookie-info-text                   { display: table-cell; font-size: 9pt; vertical-align: middle; }
#cookie-info-text a                 { color: #6ab1e0; }
#cookie-info-text a:hover           { color: #6ab1e0; }
#cookie-info-abstand                { display: table-cell; width: 15px; }
#cookie-info-button                 { cursor: pointer; width: 22px; height: 22px; }
#cookie-info-spacer                 { height: 40px; }

#designbody { background:none; background-color:white; color:black; }
#designbody p { padding-bottom:17px; }
#designbody ul { padding-left:17px; }
#designbody ol { padding-left:33px; }