* { margin: 0; padding: 0; }

body {
  background:      #465966;
  color:           #000000;
  font-family:     Arial,sans-serif;
  font-size:       14px;
  line-height:     130%;
}

table {
  empty-cells:     show;
}

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

td {
  vertical-align:  top;
}

.Framework {
  background:      #FFFFFF;
  border:          solid 1px #000000;
  border-collapse: collapse;
  border-spacing: 0;
  margin:     auto;
}

.Framework td:first-child {
  background:      #9FAFEA;
}

.Framework td:first-child img {
  border-bottom:   solid 1px #000000;
  border-top:      solid 1px #000000;
}

/* Planungsbuero */
.Framework td:first-child h1 {
  color:           #5363A7;
  font-size:       25px;
  font-weight:     normal;
  padding:         6px;
  text-align:      right;
}

/* fuer Licht- und Elektrotechnik */
.Framework td:first-child h2 {
  color:           #FFFFFF;
  font-size:       20px;
  font-weight:     normal;
  padding:         2px 6px 170px 0;
  text-align:      right;
}

.MidCol {
  background:#5466AE;
  border-left:     solid 1px #000000;
  border-right:    solid 1px #000000;
}
 
 .Content {
  background:      url( img/schepperle-logo.png ); 
  background-position: top right;
  background-repeat:   no-repeat;
}
 
 .Navi {
   margin:     20px 0 40px 0 !important;
}

 .Navi li {
  list-style-type: none !important;
  margin:          2px 2px 2px 0 !important;
}
 
 .Navi li a {
   border-bottom:  solid 1px #666666;
   color:           #666666;
   font-size:       12px;
   font-weight:     bold;
   padding-left:    20px;
   text-decoration: none;
 
}
 
.Navi li a:hover {
  color:           #003366;
 
}

.Content ul {
  margin:          12px 0 12px 0;
}
 
.Content ul li { 
   list-style-image: url( img/bullet.png );
   margin:        2px 2px 2px 60px;
}
 
 .Content h1 { 
  color:           #003366;
  font-weight:     bold;
  font-size:       22px;
  margin:          20px 0 6px 20px;
}
 
 .Content h2 {
  color:          #000000;
  font-size:      16px;
  font-weight:    bold;
  margin:         4px 4px 8px 20px;
}

.Content p {
  margin:          2px 0 12px 20px;
  width:           380px;
}

.RefTab {
  border-collapse: collapse;
  border-spacing:  0;
  margin:          auto;
  width:           420px;
}
 
.RefTab td {
  background:      #FFFFFF !important;
  border-bottom:   solid 2px #E02020;
  padding:         10px 0 10px 0;
}
 
.RefTab img {
  margin:          0 10px 10px 0; 
}
 
.RefTab h2 {
  font-size:      16px;
  font-weight:    bold;
  margin:          0px 4px 8px 0px;
}  

.RefTab h3 {
  font-size:      14px;
  font-weight:    bold;
  margin:          0px 4px 8px 0px;
}  

.RefTab p {
  margin:          2px 0 12px 0;
}

/* Footer */ 
.Footer {
   background:     #000000 !important;
   color:          #FFFFFF;
   padding:        4px;
   text-align:     center;
}

.Footer a {
  color:           #FFFFFF;
  text-decoration: none;
}

.Footer a:hover {
  text-decoration: underline;
}

.Footer img {
  padding-left:    10px;
  padding-right:   10px;
}

#PopUp {
  background:      url( img/fade75.png );
  background-repeat: repeat;
  display:         none;
  position:        fixed;
  bottom:          0; 
  left:            0;
  right:           0; 
  top:             0;
}

#PopUpCenter {
  position:        fixed;
  top:             100px;
}

#PopUpCenter img {
  border:          solid 2px #FFFFFF;
}

#PopUpCenter h3 {
  color:           #FFFFFF;
  font-weight:     normal;
  font-family:     Arial,sans-serif;
  font-size:       16px;
  margin:          0;
  padding:         0;
}

#PopUpCenter p {
  color:           #FFFFFF;
  cursor:          pointer;
  font-family:     Arial,sans-serif;
  font-size:       10px;
  margin:          0;
  padding:         0;
  text-align:      right
}

.Moonlight {
  margin:          auto;
}

.Moonlight td {
  background:      #FFFFFF !important;
  text-align:      center;
}

.MoonlightPreview img {
  border:          solid 2px #E02020 !important;
}