/* ---------------------------------------------- */
/*  Stylesheet etamis Firefox  */
/*  Stand: 08/2008  */
/*  Copyright: www.till.net  */
/* ---------------------------------------------- */

  html { 
    font-size: 11px;
    width: 100%;
    min-width: 950px;
  }

  body { 
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin: 0px;
    min-width: 950px;
    padding: 0px;
    text-decoration: none;
  }

/* --- Header --- */

  div.headercontainer { 
    margin: 0px;
    padding: 0px;
  }

  div.headertop {
  background-color: #7AA3D1;
  margin: 0px;
  padding: 2px 0px 0px 0px;
  }

  div.headernav {
    background-image: url(bg_bar.gif);
    background-repeat: x-repeat;
    border-top: 1px solid #DDDDDD;
    color: #666666;
    font-size: 11px;
    height: 18px;
    margin: 1px 0px 0px 0px;
    padding: 2px 10px 0px 0px;
    text-align: right;
  }

  div.headernav a { 
    color: #666666;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    text-decoration: none;
  }

  div.headernav a:hover { 
    margin: 0px;
    padding: 0px;
    text-decoration: underline;
  }

  div.breadcrumb {
    background-color: #D2D0D0;
    border-top: 1px solid #B2B0B0;
    height: 16px;
    margin: 0px;
    padding: 0px 0px 0px 250px;
  }

  div.breadcrumb a {
    color: #444444;
    font-size: 10px;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
  }

  div.breadcrumb a:link {
    color: #444444;
    text-decoration: none;
  }

  div.breadcrumb a:visited {
    color: #444444;
    text-decoration: none;
  }

  div.breadcrumb a:active {
    color: #444444;
    text-decoration: none;
  }

  div.breadcrumb a:hover {
    color: #A3A3C0;
    text-decoration: none;
  }

/* --- Body --- */

  div.contentblock {
    clear: both;
    margin: 0px;
    padding: 0px;
  }

  div.headerlogo {
    margin: 0px 0px 0px 60px;
    padding: 0px;
  }

/* --- Vertikale Navigation --- */

  div.navigation {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 250px;
  }

  div.produktheader {
    background-image: url(bar_leistungen.gif);
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    height: 15px;
    margin: 0px;
    padding: 3px 0px 3px 5px;
  }

  div.navcontainer {
    border-top: 1px solid #B3B3B3;
    border-right: 1px solid #B3B3B3;
    border-bottom: 1px solid #B3B3B3;
    margin: 0px;
    padding: 0px;
  }

  div.nav { 
    margin: 0px;
    padding: 0px;
  }

  div.nav ul {
    margin: 0px;
    padding: 0px;
  }

  div.nav li {
    background-color: #F0F0F0;
    border-top: 1px solid #B3B3B3;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    margin: 0px;
    min-height: 15px;
    padding: 3px 0px 1px 10px;
  }

  div.nav a {
    color: #444444;
    display: block;
    font-size: 11px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    width: 100%;
  }

  div.nav a:hover {
    color: #000066;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
  }

  div.nav a.active {
    color: #000066;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
  }

  div.nav li.subnav {
    background-color: #E4E4E4;
    border-top: 1px solid #DBDBDB;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    margin: 0px;
    min-height: 15px;
    padding: 3px 0px 1px 15px;
  }

  div.nav a.subnav {
    color: #444444;
    display: block;
    font-size: 10px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    width: 100%;
  }

  div.nav a.subnav:hover {
    color: #000066;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
  }

  div.nav a.subnavactive {
    color: #000066;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
  }

  div.nav li.subnav2 {
    background-color: #E4E4E4; 
    border-top: 1px solid #DBDBDB;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    margin: 0px;
    min-height: 15px;
    padding: 3px 0px 1px 20px;
  }

  div.nav a.subnav2 {
    color: #444444;
    display: block;
    font-size: 9px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    width: 100%;
  }

  div.nav a.subnav2:hover {
    color: #000066;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
  }

  div.nav a.subnav2active {
    color: #000066;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
  }

/* --- Kontakt --- */

  div.callback {
    border-right: 1px solid #B3B3B3;
    border-bottom: 1px solid #B3B3B3;
    font-size: 11px;
    margin: 0px 0px 40px 0px;
    padding: 25px 10px 0px 10px;
  }

  div.callbackright {
    margin: 0px;
    padding: 5px 0px 5px 0px;
    text-align: right;
  }

  div.callback h1 {
    background-color: #5A8DC6;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    margin: 0px;
    padding: 3px;
  }

  div.callback_container {
    /*display: none;*/
  }

  a.callbacktrigger {
    border: solid 1px #5A8DC6;
    padding: 0px 3px 1px 3px;
    font-size: 8px;
  }

  div.login_container {
    display: none;
  }

  a.logintrigger {
    border: solid 1px #5A8DC6;
    padding: 0px 3px 1px 3px;
    font-size: 8px;
  }

  div.callback p {
    font-size: 11px;
    margin: 0px;
    padding: 5px 0px 3px 0px;
  }

/* --- Boxen rechts --- */

  div.right { 
    float: right;
    margin: 85px 0px 0px 0px;
    padding: 0px;
    width: 250px;
  }

  div.boxcontainer {
    background-color: #F8F8F8;
    margin: 0px 10px 15px 0px;
    /*min-height: 150px;*/
    padding: 0px;
  }

  div.boxheader {
    background-color: #5A8DC6;
    color: #FFFFFF;
    font-weight: bold;
    height: 15px;
    margin: 0px;
    padding: 2px;
  }

  div.boxheader img {
    border: solid 1px #fff;
  }

  div.boxcontent {
    font-size: 11px;
    margin: 0px;
    padding: 15px 10px 5px 10px;
  }

  div.boxlink {
    font-size: 11px;
    margin: 0px;
    padding: 0px 5px 10px 5px;
    text-align: right;
  } 

  div.boxlink a {
    color: #000066;
  }

  div.boxlink a.hover {
    color: #CCCCCC;
  }

/* --- Content --- */

  div.wikicontainer {
    margin: 0px 0px 10px 252px;
    min-height: 580px;
    padding: 0px;
    /*float: right;*/
  }


  div.contentcontainer {
    margin: 0px 252px 0px 252px;
    min-height: 580px;
    padding: 0px;
  }

  div.content {
    font-size: 11px;
    /*list-style-image: url(pic_button.gif); */
    line-height: 16px;
    /*margin: 0px 250px 0px 250px; */
    padding: 50px 25px 25px 25px;
  }

  a {
    color: #000066;
    text-decoration: none;
  }

  a:link {
    color: #000066;
    text-decoration: none;
  }

  a:visited {
    color: #000066;
    text-decoration: none;
  }

  a:active {
    color: #000066;
    text-decoration: none;
  }

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

  p.box {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
  }

  h1 {
    //background-color: #F0F0F0;
    font-family: Arial, Helvetica, sans-serif;
    color: #000066;
    font-size: 16px;
    font-weight: bold;
    line-height: 120%;
    margin: 0px 0px 20px 0px;
    padding: 3px;
  }

  h2 {
    /*color: #000066;*/
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
  }

  h2.grey { 
    border-bottom: 1px solid #999999;
    /*color: #000066;*/
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
    padding: 3px 0px 3px 3px;
  }

  h3 {
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
  }

  h4 {
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
  }

  hr { 
    color: #DDDDDD;
    height: 1px;
    margin: 0px;
    padding: 0px;
  }

  p { 
    font-size: 11px;
    margin: 0px;
    padding: 0px;
  }

  u {
    line-height: 25px;
  }

/* --- Tabellen --- */

  table { 
    font-size: 11px;
  }

  th { 
    font-size: 11px;
    vertical-align: top;
 }

  tr { 
    font-size: 11px;
    vertical-align: top;
  }

  tr.bottom td {
    font-size: 11px;
    vertical-align: bottom;
  }

  td { 
    font-size: 11px;
    vertical-align: top;
  }

/* --- Formulare --- */

  form {
    font-size: 9px;
    margin: 0px;
    padding: 0px;
  }

  input.callback {
    border: 1px #B3B3B3 solid;
    color: #999999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    margin-top: 0px 5px 0px 5px;
    padding: 2px;
    vertical-align: middle;
    width: 225px;
  }

input.form {
  border: 1px #B3B3B3 solid;
  color: #999999;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  font-weight: normal;
  line-height: 100%;
  margin: 2px 0px 2px 0px;
  padding: 2px;
  vertical-align: middle;
  width: 100%;
}

  input.submit {
    margin: 0px;
    padding: 0px;
  }

  span.suche {
    margin: 0px;
    padding: 0px;
  }

input.suche {
  border: 0px #CECECE solid;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  font-weight: normal;
  color: #5A8DC6;
  height: 180%;
  line-height: 120%;
  margin: 0px;
  padding: 0px 0px 3px 5px;
  text-decoration: none;
  vertical-align: middle;
}

input.submitsuche {  
  background-color: transparent;
  border: 0px #B3B3B3 solid;
  color: #238619;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 130%;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  font-weight: normal;
  margin: 0px;
  padding: 0px 0px 0px 2px;
  vertical-align: middle;
}

  select { 
    font-size: 11px;
    width: 160px;
  }

  textarea { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 80%;
  }

  textarea.callback {
    border: 1px solid #B3B3B3;
    color: #999999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 100%;
  }


/* --- Footer --- */

  div.footer {
    background-color: #E2E2E2;
    border-top: 1px solid #ddd;
    clear: both;
    color: #444444;
    height: 50px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
  }

  div.footer1 {
    float: left;
    margin: 10px 0px 10px 300px;
    padding: 0px;
  }

  div.footer2 {
    float: right;
    margin: 10px 250px 10px 0px;
    padding: 0px;
  }

  div.footer3 {
    margin: 10px 0px 10px 550px;
    padding: 0px;
  }



div.contentbox {
  float: right;
  background: #808080;
  width: 220px;
  margin: 3px 0px 0px 10px;
}

div.contentboxtable {
  background: #b0b0b0;
  width: 95%;
  margin: 3px 5px 5px 3px;
}

div.contentbox_orange {
  position: relative; left: -3px; top: -3px;
  padding: 8px;
  background: #fe9900;
  color: #fff;
  min-height: 100px;
}

div.contentbox_orange a {
  color: #efe;
}

div.contentbox_orange h2 {
  color: #dfd;
}

div.contentbox_green {
  position: relative; left: -3px; top: -3px;
  padding: 8px;
  background: #e8f8e0;
  min-height: 100px;
}

div.contentbox_grey {
  position: relative; left: -3px; top: -3px;
  padding: 8px;
  background: #f0f0f0;
  // color: #7aa3d1;
  min-height: 100px;
}

div.contenttoplist {
  //padding 3px;
  font-size: 8px;
  text-align: right;
  border-bottom: 1px solid #ddd;
  margin-bottom: 5px;
  border-top: 1px solid #ddd;
  padding-top: 5px;
}

div.contenttoplist ul {
  display: inline;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

div.contenttoplist ul li {
  display: inline;
  list-style: none;
  padding: 0px;
  margin: 0px;
}

div.contenttoplist  img {
  padding: 1px;
  border: 1px solid #ddd;
  vertical-align: baseline;
}

div.imgbox {
  background: #E4E4E4;
  margin: 0px 5px 5px 5px;
  padding: 0px;
}

div.imgbox p {
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  padding: 2px;
  text-decoration: none;
  width: 250px;
}

div.shopbox {
  position: relative; left: -3px; top: -3px;
  padding: 8px;
  background: #f0f0f0;
  min-height: 100px;
}

div.shopbox,div.contentbox h2 {
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px solid ;
  margin: 0px;
}

div.shopbox dt {
   font-size: 11px;
   font-weight: italic;
   background: #f8f8f8;
   margin-bottom: 3px;
}

div.shopbox dd {
   font-size: 11px; 
   margin-bottom: 5px;
}

div.shopbox dd input,textarea {
  border: 1px solid #888;
  font-size: 11px;
  padding: 3px 0px 3px 0px;
}

div.shopbox dd input:focus,textarea:focus {
  border: 1px solid #f88;
}

  div.info {
    background: #eee;
    color: #666;
    font-size: 11px;
    line-height: 16px;
    width: 100%;
    margin: 10px 0px 10px 0px;
  }


  div.infoorange {
    background: #ffae1e;
    color: #fff;
    font-size: 11px;
    line-height: 16px;
    width: 100%;
    margin: 10px 0px 10px 0px;
  }

  div.infoblue {
    background: #0f67a1;
    color: #eee;
    font-size: 11px;
    line-height: 16px;
    width: 100%;
    margin: 10px 0px 10px 0px;
  }

  div.infogrey {
    background: #0f1316;
    color: #eee;
    font-size: 11px;
    line-height: 16px;
    width: 100%;
    margin: 10px 0px 10px 0px;
  }

  div.infobox {
    padding: 0px 15px 0px 15px;
    min-height: 50px;
  }

  div.infobox h2 {
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid ;
    margin: 0px;
    /*padding: 5px 15px 3px 15px;*/
  }




dt {
   font-size: 11px;
   font-weight: italic;
   margin-bottom: 3px;
}

dd {
   font-size: 11px;
   margin-bottom: 5px;
}

dd input,textarea {
  border: 1px solid #888;
  font-size: 11px;
  padding: 3px 0px 3px 0px;
}

dd input:focus,textarea:focus {
  border: 1px solid #f88;
}


div.wikibox {
  float: right;
  /*min-height: 150px;*/
  width: 250px;
  margin: 10px 5px 5px 5px;
  border: #808080 solid 1px;
  padding: 5px;
}

p.imgtext {
  font-size: 9px;
}

.highlight {
  font-size: 1.2em;
  font-weight: bold;
  background: #ff0;
  padding: 1px 3px 1px 3px;
}

div.response {
    background: #0f67a1;
    color: #eee;
    font-size: 11px;
    font-family: monospace;
    line-height: 16px;
    width: 100%;
    margin: 10px 0px 10px 0px;
}

div.responsecontent {
  padding: 5px 15px 5px 15px;
}

div.help_container {
  display: none;
  border: 1px solid #ddd;
  padding: 5px;
  position: absolute;
  z-index: 999;
  opacity: 0.95;
  background: #fff;
}

div.adsense {
  margin: 8px 0px 8px 0px;
  min-height: 150px;
}