html,body {
  height:100%;
  width:100%;
}
body {
  margin:0px;
  padding:0px;
  background-color:#ffffff;
  font-family:Arial, Helvetica;
  background-image:url('../images/punkte.gif');
  background-repeat:repeat-y;
}
/* Layer mit Punkten, die ueber das Bild gehen*/
#punkte {
  position:absolute;
  background-image:url('../images/punkte.gif');
  width:86px;
  height:100%;
  z-index:100;
}
#outer {
  position:relative;
  height:100%;
  width:994px;
}
table.fixed {
  table-layout:fixed;
}
/* ========================== obere Navigation  ============================= */
#servicerow {
  clear:both;
  height:23px;
  background-color:#D2001B;
}
#servicecol1 {
  float:left;
  width:669px;
}
.serviceNavigation {
  margin-left:86px;
  margin-top:5px;
}
.serviceNavigation a.simpleNav, .serviceNavigation a.simpleNav:active,
.serviceNavigation a.simpleNav:visited {
  color:#E9E9EB;
  font-size:10px;
  text-transform:uppercase;
  text-decoration:none;
  padding-right:30px;
}
.serviceNavigation a.simpleNavActive, .serviceNavigation a.simpleNavActive:active,
.serviceNavigation a.simpleNavActive:visited, , .serviceNavigation a.simpleNav:hover
{
  color:#E9E9EB;
  font-size:10px;
  text-transform:uppercase;
  text-decoration:underline;
  padding-right:30px;
}
#servicecol2 {
  float:right;
}
.serviceLanguage {
  margin-top:5px;
}
.serviceLanguage a.lang, .serviceLanguage a.lang:active,
.serviceLanguage a.lang:visited, .serviceLanguage a.lang:hover  {
  color:#ffffff;
  font-size:10px;
  text-transform:uppercase;
  text-decoration:none;
  padding-right:10px;
}
/* ============================ Logo und Spruch ============================= */
#headrow {
  clear:both;
  height:95px;
}
#headcol1 {
  float:left;
  width:669px;
  height:100%;
}
#headcol2 {
  float:left;
  width:325px;
  height:100%;
}
.headlogo {
  padding-top:28px;
  padding-left:86px;
}
.headtext {
  padding-top:56px;
  color:#666666;
  font-size:16px;
  font-weight:bold;
}
/* ========================== Bild und MainNavigation ======================= */
#navrow {
  clear:both;
  height:219px;
}
#navcol1 {
  float:left;
  width:669px;
}
#navcol2 {
  float:left;
  width:325px;
}
.navi {
  background-color:#F0F0F1;
}
.navi a.navileft_passive, .navi a.navileft_passive:active, .navi a.navileft_passive:visited {
  color:#666666;
  display:block;
  font-size:14px;
  line-height:43px;
  text-transform:uppercase;
  text-decoration:none;
}
.navi a.navileft_active, .navi a.navileft_active:active,
.navi a.navileft_active:visited, .navi a.navileft_passive:hover {
  color:#ffffff;
  background-color:#999999;
  display:block;
  font-size:14px;
  line-height:43px;
  text-transform:uppercase;
  text-decoration:none;
}
div.navtrenner {
  color:#fff;
  height:1px;
  line-height:1px;
  font-size:0px;
}
/* =============================== SubNavigation ============================ */
.trennerrow {
  clear:both;
}
.trennercol1 {
  float:left;
  width:669px;
  height:100%;
  background-color:#cccccc;
}
.trennercol2 {
  float:left;
  width:325px;
  height:100%;
  background-color:#e5e5e5;
}
.subNavigation {
  padding-left:86px;
  height:100%;
  line-height:23px;
}
.subNavigation a.simpleNav, .subNavigation a.simpleNav:active, .subNavigation a.simpleNav:visited {
  float:left;
  display:block;
  padding:0px 5px 0px 5px;
  margin-right:10px;
  color:#666666;
  font-size:14px;
  line-height:23px;
  text-transform:uppercase;
  text-decoration:none;
}
.subNavigation a.simpleNavActive, .subNavigation a.simpleNavActive:active,
.subNavigation a.simpleNavActive:visited, .subNavigation a.simpleNav:hover {
  float:left;
  display:block;
  padding:0px 5px 0px 5px;
  margin-right:10px;
  color:#ffffff;
  background-color:#999999;
  font-size:14px;
  line-height:23px;
  text-transform:uppercase;
  text-decoration:none;
}
/* ================================= Content ================================ */
#contentrow {
  clear:both;
  height:100%;
}
#contentcol1 {
  float:left;
  width:649px;
  margin-right:20px;
}
#contentcol2 {
  float:left;
  margin-top:3px;
}
div.content {
  padding-left:86px;
}
h1.content {
  color:#666666;
  font-size:18px;
  font-weight:bold;
  margin-top:22px;
}
.contentText, .contentText td, th, p {
  color:#666666;
  font-size:12px;
}
.contentTable {
  border-collapse:collapse;
  border-spacing:0px;
}
.contentTableHeader td {
  color:#666666;
  width:50%;
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
}
.contentTableRow td {
  color:#666666;
  border-top:1px #999999 solid;
  border-bottom:1px #999999 solid;
  vertical-align:top;
  padding-right:10px;
}
img.logoReferenzen
{
  border:1px #666666 solid;
}
a:link, a:visited, a:active
{
  color:#666666;
  text-decoration:underline;
}
a:hover
{
  color:#d2001b;
}
/* =============================== Servicebereich ============================*/
.infoBox {
  clear:both;
  width:325px;
  background-color:#9999FF;
  margin-top:2px;
}
.infocol1 {
  width:170px;
  vertical-align:top;
  padding:5px;
}
.infocol2 {
  padding:12px 5px 12px 5px;
}
.infoHead {
  color:#666666;
  font-size:14px;
  font-weight:bold;
  margin-bottom:15px;
}
.infoText {
  color:#ffffff;
  font-size:12px;
}
.infoBox .inputHead {
  color:#333333;
  font-size:12px;
}
.infoBox .inputBox {
  font-size:10px;
  width:125px;
  border:1px #666666 solid;
}
.infoBox a.loginBut, .infoBox a.loginBut:active,
.infoBox a.loginBut:visited, .infoBox a.loginBut:hover {
  margin-top:9px;
  color:#ffffff;
  background-color:#666666;
  height:16px;
  line-height:16px;
  font-size:10px;
  display:block;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
}
.infoBox a.weiter, .infoBox a.weiter:active,
.infoBox a.weiter:visited, .infoBox a.weiter:hover {
  margin-top:5px;
  color:#ffffff;
  height:16px;
  line-height:16px;
  font-size:10px;
  display:block;
  text-align:left;
  text-transform:uppercase;
  text-decoration:none;
  padding-right:30px;
  background-color:#E9141A;
  background-image:url('../upload/bilder/whitearrows.gif');
  background-repeat:no-repeat;
  background-position:right center;
}
.infoBox .infoTitleSmall {
  color:#D2001B;
  font-size:11px;
  font-weight:bold;
}
.infoBox .listTrenner {
  border-bottom:1px #ffffff dotted;
  margin-bottom:2px;
  height:3px;
  line-height:1px;
  font-size:0px;
}
.infoBox .download a {
  color:#666666;
  font-size:11px;
  font-weight:bold;
  padding-left:15px;
  margin-right:8px;
  text-decoration:none;
  background-image:url('../upload/bilder/download.gif');
  background-repeat:no-repeat;
  background-position:left center;
}
/* ============================== FooterNavigation ========================== */
.footerNavigation {
  background-color:#cccccc;
  font-size:10px;
}
.footerNavigation a.simpleNav, .footerNavigation a.simpleNav:active, .footerNavigation a.simpleNav:visited,
.footerNavigation a.lang, .footerNavigation a.lang:active, .footerNavigation a.lang:visited
{
  color:#666666;
  font-size:10px;
  text-transform:uppercase;
  text-decoration:none;
  padding-left:70px;
}
.footerNavigation a.simpleNavActive, .footerNavigation a.simpleNavActive:active,
.footerNavigation a.simpleNavActive:visited, .footerNavigation a.simpleNav:hover,
.footerNavigation a.lang:hover
{
  color:#666666;
  font-size:10px;
  text-transform:uppercase;
  text-decoration:underline;
  padding-left:70px;
}
.footerNavigation a.toTop, .footerNavigation a.toTop:active, .footerNavigation a.toTop:visited
{
  color:#666666;
  font-size:10px;
  text-transform:uppercase;
  text-decoration:none;
}
.footerNavigation a.toTop:hover
{
  color:#666666;
  font-size:10px;
  text-transform:uppercase;
  text-decoration:underline;

}