body, table {
  margin:0px; padding:0px;
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  line-height: 1.6em;
  background-color:#fff;
  }

table {
  text-align:left;
  border-color:#93aeeb;
  border-style:none;
}

table[rules="rows"] {
  border-style:solid;
  border-width:1px;
  border-width:0px 0px 0px 0px;
}

td {
  vertical-align:top;
}

a, a:visited {
  text-decoration:none;
  color:#4e5c7c; 
}

a:hover {
  text-decoration:none;
  color: #b0020e;
}

p, td p {
  margin: 0px;
  padding: 0px 0px 6px 0px;
}

h1 {
  font-width:bold;
  border-width:1px 0px 1px 0px;
  border-style:solid;
  color: #4e5c7c;
  border-color:#93aeeb;
  font-size: 18px;
  line-height: 1.4em;
}

h2 {
  font-width:bold;
  border-width:0px 0px 1px 0px;
  border-style:solid;
  color: #4e5c7c;
  border-color:#93aeeb;
  font-size: 14px;
  line-height: 1.4em;
}

ul, td ul {
  margin-top: 0px;
  padding-top: 2px;
}

img {
  margin: 4px;
}

img.floatleft {
  float:left;
  margin:12px;
  vertical-align:top;
  clear:none;
}

img.floatright {
  float:right;
  margin:12px;
  vertical-align:top;
  clear:none;
}

span.sup {
  vertical-align:top;
  font-size: 7px!important;
  line-height: 8px;
  font-weight: 100;
  color: #b8c8eb;
}
  
#body {
  width:970px;
  margin:0px auto;
  text-align:left;
  padding:0px;
  background-color:#fff;
  border:0px dashed #d0d8eb;
  }

#header {
  position:relative; 
  top:0px; 
  left:0px; 
  width:950px; 
  height:120px;
  margin:10px 10px 0px 10px;
  text-align:center;
  font-size:16px;
  z-index:3;
  /* 160 189 255 */
  background-color:#fff; 
  border:1px dashed #d0d8eb;
}

#headercontent {
  margin:0px auto;
  width: 894px;
  padding: 28px;
  color:#93aeeb;
  font-size: 28px;
  border:0px dashed #d0d8eb;
}

#subheader {
  font-size: 18px;
}

#header .strong {
  color: #93aeeb;
}

#header #faded {
  color: #b8c8eb;
}

/* N/W top */
#headernwt {
  position:absolute; 
  top:0px;
  left:0px;
  width:40px;
  line-height:4px !important;
  font-size:4px !important;
  height:8px !important;
  height:8px;
  background-color:#93aeeb;
  border-width: 0px;
  z-index: 1;
}

/* N/W bottom */
#headernwb {
  position:absolute; 
  top:8px;
  left:0px;
  width:8px;
  height:32px;
  background-color:#93aeeb;
  border-width: 0px;
  z-index: 1;
}

/* N/E top */
#headernet {
  position:absolute; 
  top:0px;
  left:910px;
  width:40px;
  line-height:4px !important;
  font-size:4px !important;
  height:8px !important;
  height:8px;
  background-color:#93aeeb;
  border-width: 0px;
  z-index: 1;
}

/* N/E bottom */
#headerneb {
  position:absolute; 
  top:8px;
  left:942px;
  width:8px;
  height:32px;
  background-color:#93aeeb;
  border-width: 0px;
  z-index: 1;
}

/* S/W bottom */
#headerswb {
  position:absolute; 
  top:112px;
  left:0px;
  width:40px;
  line-height:4px !important;
  font-size:4px !important;
  height:8px !important;
  background-color:#93aeeb;
  border-width: 0px;
  z-index: 1;
}

/* S/W top */
#headerswt {
  position:absolute; 
  top:80px;
  left:0px;
  width:8px;
  height:32px;
  background-color:#93aeeb;
  border-width: 0px;
  z-index: 1;
}

/* S/E bottom */
#headerset {
  position:absolute; 
  top:112px;
  left:910px;
  width:40px;
  height:8px;
  line-height:4px !important;
  font-size:4px !important;
  height:8px !important;
  background-color:#93aeeb;
  border-width: 0px;
  z-index: 1;
}

/* S/E top */
#headerseb {
  position:absolute; 
  top:80px;
  left:942px;
  width:8px;
  height:32px;
  background-color:#93aeeb;
  border-width: 0px;
  z-index: 1;
}

#content {
  position:relative; 
  top:0px; 
  left:0px; 
  width:940px; 
  margin: 10px 10px 4px 10px;
  z-index:3;
  background-color:#fff; 
  border:0px;
  color: #293041;
}

#rightpath {
  margin: 0px 32px 4px 222px;
  color:#c7d8ff;
}
#rightpath a {
  color:#c7d8ff;
}

#plate1 {
  position:absolute; 
  top:0px; 
  left:0px; 
  width:300px;
  height:200px; overflow:hidden;
  margin: 0px 0px 4px 0px;
  padding: 0px 4px 4px 4px;
  z-index:3;
  border:1px dashed #d0d8eb;
  background-image:url(../images/plate1.png);
  background-repeat:no-repeat;
  color: #5f7098;
  font-size:12px;
  line-height: 14px;
  overflow: hidden;
}
#plate1:hover {
  color: #293041;
  background-image:url(../images/plate1_hover.png);
  background-repeat:no-repeat;
  border:1px solid #5f7098;
}

#plate2 {
  position:absolute; 
  top:0px; 
  left:320px; 
  width:300px; 
  height:200px; overflow:hidden;
  margin: 0px 0px 4px 0px;
  padding: 0px 4px 4px 4px;
  z-index:3;
  border:1px dashed #d0d8eb;
  color: #5f7098;
  font-size:12px;
  line-height: 14px;
  overflow: hidden;
}
#plate2:hover {
  color: #293041;
  border:1px solid #5f7098;
}


#plate3 {
  position:absolute; 
  top:0px; 
  left:640px; 
  width:300px; 
  height:200px;
  margin: 0px 0px 4px 0px;
  padding: 0px 4px 4px 4px;
  z-index:3;
  border:1px dashed #d0d8eb;
  background-image:url(../images/plate3.png);
  background-repeat:no-repeat;
  color: #5f7098;
  font-size:12px;
  line-height: 14px;
  overflow: hidden;
}
#plate3:hover {
  color: #293041;
  background-image:url(../images/plate3_hover.png);
  background-repeat:no-repeat;
  border:1px solid #5f7098;
}

#plate4 {
  position:absolute; 
  top:200px; 
  left:0px; 
  width:300px;
  height:200px; overflow:hidden;
  margin: 20px 0px 4px 0px;
  padding: 0px 4px 4px 4px;
  z-index:3;
  border:1px dashed #d0d8eb;
  color: #5f7098;
  font-size:12px;
  line-height: 14px;
  overflow: hidden;
}
#plate4:hover {
  color: #293041;
  border:1px solid #5f7098;
}


#plate5 {
  position:absolute; 
  top:200px; 
  left:320px; 
  width:300px; 
  height:200px; overflow:hidden;
  margin: 20px 0px 4px 0px;
  padding: 0px 4px 4px 4px;
  z-index:3;
  border:1px dashed #d0d8eb;
  background-image:url(../images/plate5.png);
  background-repeat:no-repeat;
  color: #5f7098;
  font-size:12px;
  line-height: 14px;
  overflow: hidden;
}
#plate5:hover {
  color: #293041;
  background-image:url(../images/plate5_hover.png);
  background-repeat:no-repeat;
  border:1px solid #5f7098;
}

#plate6 {
  position:absolute; 
  top:200px; 
  left:640px; 
  width:300px; 
  height:200px;
  margin: 20px 0px 4px 0px;
  padding: 0px 4px 4px 4px;
  z-index:3;
  border:1px dashed #d0d8eb;
  color: #5f7098;
  font-size:12px;
  line-height: 14px;
  overflow: hidden;
}
#plate6:hover {
  color: #293041;
  border:1px solid #5f7098;
}


#platefooter {
  position:absolute; 
  top:444px; 
  left:0px; 
  width:950px; 
  height:28px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  overflow: visible;
  z-index:3;
}

#footer {
  width: 950px;
  height:20px;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  line-height:14px;
  overflow: auto;
  z-index:3;
  border-width:1px 0px 0px 0px;
  border-style:dashed;
  border-color: #d0d8eb;
  color:#4e5c7c;
}

#footercontent {
  height:20px;
  padding: 0px 16px 0px 16px;
  color:#4e5c7c;
}

#footer a,
#footercontent a {
  height:20px;
  padding: 0px 8px 0px 8px;
  color:#4e5c7c;
}

#hostedby {
  position:absolute; 
  top: 32px;
  left: 0px;
  width: 950px;
  height:28px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  z-index:3;
  font-size: 10px;
  vertical-align:middle;
  text-align:right;
}

#hostedby img {
  vertical-align:middle;
}

div.subject {
  font-size: 16px;
  margin: 4px 0px 6px 0px;
  padding: 2px;
  border-width:1px 0px 1px 0px;
  border-style:solid;
  border-color: #4e5c7c;
  color:#fff;
  background-color: #93aeeb;
}

#plate1:hover .subject,
#plate2:hover .subject,
#plate3:hover .subject,
#plate4:hover .subject,
#plate5:hover .subject,
#plate6:hover .subject {
  color: #fff;
  background-color:#4e5c7c;
}

ul.plateitem {
  list-style-image:url(../images/pin12x12.gif);
  list-style-position:outside;
}
.plateitem li {
  padding: 0px;
  color: #4e5c7c;
}
div#mainmenu {
  position:absolute; 
  top:74px; 
  left:12px; 
  width:926px; 
  margin: 0px;
  padding: 0px;
  overflow: auto;
  z-index:3;
  border-style:none;
  color: #4e5c7c;
  font-size: 16px;
  line-height: 1.2em;
}

div#mainmenu a,
div#mainmenu span {
  text-decoration:none;
  font-width:bold;
  margin:0px 1px 0px 1px;
  padding:0px 10px 0px 10px;
}

div#mainmenu a.active,
div#mainmenu a.active:visited {
}
div#mainmenu a.active:hover {
}
div#mainmenu span.inactive {
  background-color: #4e5c7c;
  color: #fff;
}
#path {
  width:902px; 
  margin: 0px;
  padding: 0px;
  overflow:hidden;
  font-size:10px;
  line-height:12px;
  text-align:left;
  color:#4e5c7c;
}
#path a {
  color:#4e5c7c;
}

div.submenuheader {
  background-color: #93aeeb;
  margin: 4px 2px 6px 2px;
  color: #fff;
  font-size: 14px;
  padding: 2px 2px 2px 12px;
  border-width:1px 0px 1px 0px;
  border-style:solid;
  border-color: #4e5c7c;
}
div#innercontent,
div#innercontent table {
  font-size:13px;
  line-height:1.6em;
  text-align:justify;
}
#innercontent ul {
  list-style-image:url(../images/pin12x12.gif);
  list-style-position:outside;
}
#innercontent li {
  padding: 0px;
}

#innercontent h1 {
  font-width:bold;
  border-width:0px 0px 1px 0px;
  border-style:solid;
  color: #4e5c7c;
  border-color:#93aeeb;
  font-size: 18px;
  line-height: 1.4em;
}

#innercontent h2 {
  font-width:bold;
  border-width:1px 0px 0px 0px;
  border-style:solid;
  color: #4e5c7c;
  border-color:#93aeeb;
  font-size: 14px;
  line-height: 1.4em;
  padding:4px 0px 4px 0px;
}

#innercontent h2.noline {
  font-width:bold;
  border-width:0px;
  color: #4e5c7c;
  font-size: 14px;
  line-height: 1.4em;
}

div#leftcol {
  position: relative;
  top: 0px;
  left: 0px;
  width: 200px;
  height: 660px;
  margin: 0px;
  padding: 0px;
}
div#leftmenu {
  position: relative;
  top: 0px;
  left:0px;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
  background-color: #fff;
  color: #4e5c7c;
  border:1px dashed #d0d8eb;
  font-size: 12px;
  vertical-align:top;
}

div#leftmenu a,
div#leftmenu span {
  text-decoration:none;
  font-width:bold;
  margin:0px 0px 6px 2px;
  padding:0px;
}

div#leftmenu img {
  padding:0px 0px 0px 4px;
  vertical-align:top;
}

div#leftmenu a.activesub,
div#leftmenu a.activesub:visited {
}
div#leftmenu a.activesub:hover {
}
div#leftmenu span.inactivesub {
  background-color: #93aeeb;
  color: #fff;
}

div#leftpic {
  position: relative;
  width: 200px;
  height: 240px;
  overflow:hidden;
  z-index: 3;
}

div#rightcontentspace {
  position: relative;
  top: -660px;
  left: 218px;
  width: 708px;
}
div#rightcontent {
  padding: 0px 12px 4px 12px;
  background-color: #fff; 
  border:1px solid #d0d8eb;
  z-index: 3;
  font-size:13px;
  line-height:1.6em;
  text-align:justify;

}

div#widecontent {
  position: relative;
  top: 20px;
  left: 218px;
  width: 926px;
  width: 708px;
  min-height: 420px;
  background-color: #fff; 
  border:1px solid #d0d8eb;
  padding: 0px 12px 4px 12px;
  font-size:13px;
  line-height:1.6em;
  text-align:justify;
}

#contentfooter {
  position:relative;
  left:-242px; 
  top:0px;
  width:950px; 
  height:28px;
  margin: 20px 0px 0px 0px;
  padding: 20px 0px 0px 0px;
  overflow: visible;
  z-index:3;
  color:#4e5c7c;
}

/* definitions for printing pages */
@media print {

#body:before { 
  content:"Druckversion: www.mainskill.de, info@mainskill.de"; 
}

div#innercontent {
  font-size:13px;
  line-height:1.6em;
  text-align:justify;
}

div#innercontent:after {
  content:"             Copyright (C) 2010 by MainSkill GmbH - www.mainskill.de, info@mainskill.de";
  font-size: 12px;
  display: block;
  color: #fff;
}

#hostedby,
#contentfooter,
div#leftmenu {
  display: none;
}

div#rightcontent {
  position: relative;
  top: 0px;
  left: 0px;
  width: 708px;
  background-color: #fff; 
  border:1px solid #d0d8eb;
  padding: 4px;
}

} /* end of print media*/