BODY {
  margin-left : 0px; margin-right : 0px; margin-top : 5px; font-family : Verdana,Arial,Helvetica,sans-serif;
}

P,p,LI,li,UL,ul,DL,dl,DT,dt,DD,dd,H1,H2,H3,H4,H5,H6,TD,td,TOP {
  font-family : Verdana,Arial,Helvetica,sans-serif;
}
P,p,LI,li,UL,ul,DL,dl,DT,dt,DD,dd,H1,H2,H3,H4,H5,H6,TOP {
  color : black;
}
P,p,LI,li,UL,ul,DL,dl,DT,dt,DD,dd {
  font-size : 10pt;
}

.aussenrahmen {
  background:#FFFFFF;
  margin-top:15px;
  border-top: solid 2px #007DC5;
}
p {
 font-family:Verdana, Arial, sans-serif;
 line-height:14pt;
 text-align:left;
}

H1{
  font-family : Arial,Helvetica,sans-serif;
  font-size : 12pt;
  text-align: left;
  color:#000000;
}
H2{
  font-family : Arial,Helvetica,sans-serif;
  font-size : 11pt;
}
H3{
  font-family : Arial,Helvetica,sans-serif;
  font-size : 10pt;
  color:#7F7F7F;
}
H4{
  font-family : Arial,Helvetica,sans-serif;
  font-size : 12pt;
}

/* -------------------------------------- */
/* ---------- Navigation ----*/
.navi {
  display:block;
  font-family : Verdana,Arial,Helvetica,sans-serif;
  font-size: 9pt;
  text-decoration : none;
  font-weight: bold;
  padding:5px;
  margin-left:10px;
}
.navi_1 {
  text-decoration : none;
  font-weight: bold;
  color:#6F6F6F;
}
.navi_1:hover{
  color : #0000BF;
}
.navi2 {
  display:block;
  font-family : Verdana,Arial,Helvetica,sans-serif;
  font-size: 8pt;
  text-decoration : none;
  padding:5px;
  margin-left:30px;
}
.navi_2 {
  text-decoration : none;
  color:#6F6F6F;
}
.navi_2:hover{
  color : #0000BF;
}
.tools {
  font-family : Verdana,Arial,Helvetica,sans-serif;
  font-size: 7pt;
  color:#6F6F6F;
  text-decoration : none;
  margin:0 15px 5px 0;
  text-align:right;
}
.tools_1 {
  text-decoration : none;
  color:#6F6F6F;
}
.tools_1:hover{
  color : #0000BF;
}
/* -------------------------------------- */
/* ---------- Referenzvorschau  ----*/
.ref {
  border: solid 1px #AFAFAF;
  margin: 0 5px 0px 15px;
}
.ref_det {
  border: solid 1px #AFAFAF;
  margin: 10px 0px 0px 0px;
}
.ref_ueber {
  border: solid 1px #AFAFAF;
  margin: 0px 10px 15px 0px;
}
.ref_text{
  font-family : Verdana,Arial,Helvetica,sans-serif;
  font-size: 8pt;
  margin-bottom:8px;
}
.web_bild {
   margin: 0 15px 10px 0;
}
a.refweb {
   text-decoration: none;
   color:#6F6F6F;
}
a.refweb:hover {
   text-decoration: none;
   color:#0000BF;
}

/* -------------------------------------- */
/* ---------- Sonstiges  ----*/
.footer{
  font-size : 8pt;
  font-family : Verdana,Arial,Helvetica,sans-serif;
  background-color:#007DC5;
  color:#FFFFFF;
  padding: 5px 0 5px 0;
  vertical-align:bottom;
}

a.link{
  color: #7F7F7F;
  line-height:14pt;
  text-align:left;
  text-decoration : none;
  background: url(pic/bullet_rechts.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding-left: 14px;
}
a.link:hover{
  color: #007DC5;
  text-decoration:underline;
}

.impressum {
  font-family : Arial,Helvetica,sans-serif;
  font-size : 8pt;
  color : #8F8F8F;
}

/* -------------------------------------- */
/* ---------- Kontaktformular  ----*/
.formular {
  line-height: 11pt;
  font-family: Verdana, Arial, sans-serif;
  text-align: right;
  font-size : 10pt;
}
.feld {
  font-family : Verdana,Arial,Helvetica,sans-serif;
  font-size : 10pt;
  font-color : #0046AE;
  border : solid 1px #0714B1;
  background-color : #EFEFEF;
}
/* -------------------------------------- */
/* ---------- Startseite  ----*/
a.starttext{
  font-size : 8.5pt;
  font-family : Verdana,Arial,Helvetica,sans-serif;
  color:#000000;
  text-decoration:none;
}
a.starttext:hover{
  color:#007DC5;
}

.meldung_top {
  display : inline;
  text-transform : uppercase;
  font-size : 8pt;
  font-family : Verdana, Arial,Helvetica,sans-serif;
  text-align : left;
  color: #5F5F5F;
  background-color: #FFFFFF;
  margin-left: 153px;
  padding: 0 5px 0 5px;
  position:relative; top:4px;
}
/* -------------------------------------- */
/* ---------- Rest??  ----*/
.graul{
  color : #7F7F7F;
  font-family : Verdana,Arial,Helvetica,sans-serif;
  font-size : 9pt;
  text-align : left;
  line-height: 15pt;
}
.grau{
  color : #7F7F7F;
  font-family : Verdana,Arial,Helvetica,sans-serif;
  font-size : 9pt;
  text-align : right;
}
.klein{
  font-size : 8pt;
  font-family : Verdana,Arial,Helvetica,sans-serif;
}
.screen{
  margin-bottom : 10px;
  margin-right : 10px;
}

.head{
  font-size : 14pt;
  font-family : Arial,Helvetica,sans-serif;
  font-weight : bold;
}
.feld {
  font-family : Verdana,Arial,Helvetica,sans-serif;
  font-size : 10pt;
  font-color : #0046AE;
  border-style : solid;
  border-width : 1px;
  border-color : #0714B1;
  background-color : #EFEFEF;
}

.logo_right {
  border-right:1px #8F8F8F dashed;
  border-bottom:1px #8F8F8F dashed;
  text-align:center;
  padding:15px 5px 15px 5px;
}
.logo_left {
  border-left:1px #8F8F8F dashed;
  border-right:1px #8F8F8F dashed;
  border-bottom:1px #8F8F8F dashed;
  text-align:center;
  padding:15px 5px 15px 5px;
}
.warnung{
  font-size : 10pt;
  font-family : Verdana,Arial,Helvetica,sans-serif;
  font-weight : bold;
  color : #FF0000;
}
.zitat{
  font-size : 11pt;
  font-family : verdana;
  font-weight : bold;
  text-align : left;
  line-height: 18pt;
}
ul {
  font-family : Verdana,Arial,Helvetica,sans-serif;
  font-size : 10pt;
  list-style-image: url(pic/blaudreieck.jpg);
  list-style-position: outside;
}
li {
  margin-bottom:10px;
}
.kasten {
  border:1px;
  border-color:#0714B1;
  border-style:solid;
  background:#FFFFFF;
}
.kastobenrechts {
  border-right-width:1px;
  border-right-color:#0714B1;
  border-right-style:solid;
  border-top-width:1px;
  border-top-color:#0714B1;
  border-top-style:solid;
  background:#FFFFFF;
}


/* -------------------------------------- */
/* ---------- Arbeitsproben  ----*/

.prob1 {
   border-top: 1px #CFCFCF solid;
   border-left: 1px #CFCFCF solid;
   border-bottom: 1px #CFCFCF solid;
   padding: 5px;
}

.prob2 {
   border-top: 1px #CFCFCF solid;
   border-right: 1px #CFCFCF solid;
   border-bottom: 1px #CFCFCF solid;
   padding: 5px;
   vertical-align:bottom;
}
.prob0 {
   border: 1px #CFCFCF solid;
   padding: 5px;
   vertical-align:bottom;
}


/* -------------------------------------- */
/* ---------- Lightbox  ----*/


#lightbox{
        background-color:#eee;
        padding: 10px;
        border-bottom: 2px solid #666;
        border-right: 2px solid #666;
        }
#lightboxDetails{
        font-size: 0.8em;
        padding-top: 0.4em;
        }
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
        background-color: #333;
        back\ground-color: transparent;
        background-image: url(blank.gif);
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
        }