/* -----   Zeichensaetze und Schriftgrößen für Überschriften und sonstige Text-Elemente  --- */

  /* Auf Standardgröße zurücksetzen */
  html * { font-size: 100.01% }
  
  /* Schrift fuer monospace Elementen setzen */
  textarea, pre, tt, code {
  font-family:"Courier New", Courier, monospace;    
  }

  /* Standardschriftgröße 11 Pixeln */
  body {
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px; 
    line-height: 16px; 
    color: #616161;  
  }
    
  #col3-content {
    letter-spacing:0.00em;
    font: 10px/14px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; 
    color: #616161;
    background-color: #ffffff;
  } 

  /* --------  Headlines  --------- */
  h1,h2,h3,h4,h5,h6 { 
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; 
    font-weight:normal; 
    color:#c3004a;
    letter-spacing:0.00em;
    padding:0;
    margin:0;
  }

  h1 { 
    font: 18px/24px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; 
    font-weight:bold; 
    margin: -8px 0px 18px 0px; 
    border: 0px solid #ff0000;
  } 
  
  h2 { 
    font: 14px/20px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; 
    color:#c3004a;
    margin:0px 0px 10px 0px;
    border: 0px solid #ff0000;
  } 
  h3 { 
    font: 12px/16px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; 
    color:#c3004a;
    margin:0px 0px 5px 0px;
    border: 0px solid #ff0000;
  } 
  h4 { 
    font: 12px/16px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; 
    color:#c3004a;
    margin:0px 0px 3px 0px;
    border: 0px solid #ff0000;
  } 
  h5 { 
    font: 11px/16px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; 
    color:#c3004a;
    margin:0px 0px 0px 0px;
    border: 0px solid #ff0000;
  } 


  p { 
    font: 12px/17px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    margin: 0px 0px 10px 0px; 
    padding: 0px;
    border: 0px solid #ff0000;
  } 


  /* ------ UL-Listen  ------ */
  ul, ol, dl { line-height: 1.6em; margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.6em }

  ul { 
    list-style-type:none; 
    margin:0px 0px 9px -3px;
    padding:0px 0px 0px 0px;
    font: 12px/17px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  }
  ul li { padding: 0px 0px 0px 13px; margin-left:3px; color:#616161;}
  ul li { background: transparent url("../images/elemente/sign-liste6.gif") no-repeat 1px 7px;}

  ul.linelist li { padding: 0px 0px 0px 143px; margin:0px; color:#051d3e;}
  ul.linelist li { background: transparent url("../images/elemente/list-sign.gif") no-repeat 0px -4px;}
  ul.linelist li.top { background: transparent url("../images/elemente/list-top.gif") no-repeat 0px -4px;}
  ul.linelist li.end { background: transparent url("../images/elemente/list-end.gif") no-repeat 0px -4px;}

  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }

  /* ------ DL-Listen  ------ */
  dl { 
    list-style-type:none; 
    margin:0px 0px 10px 0px;
    padding:0px 0px 0px 0px;
  }
  dl dd { padding: 0px 0px 0px 15px; margin-left:3px; color:#051d3e;}
  dl dd { background: transparent url("../images/elemente/sign-liste3.gif") no-repeat 1px 3px;}

  dl dd { padding: 0px 0px 0px 143px; margin:0px; color:#051d3e;}
  dl dd { background: transparent url("../images/elemente/list-sign.gif") no-repeat 0px -4px;}
  dl dt + dd { background: transparent url("../images/elemente/list-top.gif") no-repeat 0px -4px;} 
  dl dd.end { background: transparent url("../images/elemente/list-end.gif") no-repeat 0px -4px;}

  dl dt { 
    position:relative;
    font: 12px/16px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; 
    display:inline-block;
    z-index:100;
    font-weight:bold; 
    color:#12566d;
    padding:0px 20px 0px 0px;
    margin:20px 0px -17px 0px;
    background-color:#ffffff;
    border: 0px solid #ff0000;
  } 


  /* ------ Textauszeichnungen --------- */
  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }

  b { font-weight: bold; }
  strong { font-weight: normal; color:#ff6b00; }
  em,i { font-style:italic }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }

  /* ----- Positionien und Hervorheben ----- */

  .note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
  .important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
  .warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;}
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;}
  .center { text-align:center; margin: 0.5em auto }
  
  span.tab { 
    position:relative;
    width:55px;
    display:inline-block;
    text-align:left;
    margin-right: 5px;
    border:0px solid #ff0000;
  }
  span.datatab { 
    position:relative;
    width:220px;
    display:inline-block;
    font-weight: bold; 
    text-align:left;
    margin-right: 10px;
    border:0px solid #ff0000;
  }
  span.datatab2 { 
    position:relative;
    width:130px;
    display:inline-block;
    text-align:right;
    margin-right: 10px;
    border:0px solid #00ff00;
  }

  
  /* ----- Links Definitionen ----- */

  a {color: #051d3e; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {color:#627f9b; text-decoration:none;}
  
  #topnav a { color: #666666; font-weight: normal; background:transparent; text-decoration:none; }
  #topnav a:focus, 
  #topnav a:hover,
  #topnav a:active { text-decoration:underline; background-color: transparent;}
  
  #footer a { color: #666666; background:transparent; font-weight: bold;}
  #footer a:focus, 
  #footer a:hover,
  #footer a:active {color: #c3004a; background-color: transparent; text-decoration:none;}


  /*
  #main p[href^="http://www.xyz.de"] {
    padding-left: 12px;
    background-image: url('xyz.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */


  /* -----  Tabellengestaltung ----- */

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }

  th,td { padding: 0.5em; }
  thead th { background: #444; color: #fff }
  tbody th { background: #ccc; color: #333 }
  tbody th.sub { background: #ddd; color: #333 }
  
  
  table.kontakt { 
    position:relative;
    table-layout:fixed;
    width:500px; 
    border-collapse:collapse; 
    margin:50px -40px 10px 0px; 
    border-top:1px dashed #000000; 
    border-bottom:1px dashed #000000;
  }
  table.kontakt th { padding: 4px 0px 6px 8px; }
  table.kontakt td { padding: 1px 8px 2px 8px;  font-size: 10px; border:0px solid #ff0000; letter-spacing:0.2px; width:auto;}
  table.kontakt thead th { background: #ffffff; color: #051d3e }
  table.kontakt tbody th { background: #ffffff; color: #051d3e }
  
  table.datentabelle { 
    position:relative;
    width: 460px; 
    border-collapse:collapse; 
    margin:20px -40px 10px 0px; 
    border-top:1px dashed #000000; 
    border-bottom:1px dashed #000000;
  }
  table.datentabelle th { padding: 4px 0px 6px 0px; }
  table.datentabelle td { padding: 1px 5px 2px 5px;  font-size: 11px; border:0px solid #ff0000; letter-spacing:-0.0;}
  table.datentabelle thead th { background: #ffffff; color: #051d3e }
  table.datentabelle tbody th { background: #ffffff; color: #051d3e }
  
  
  /* ----- Sonstige Elemente ----- */

  hr {
    /*height:1px;
    color: #fff;
    background:transparent;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 8px 0px;
    border: 0px dashed #ff6b00 ;
    background: transparent url("../../images/dotline-orange.gif") repeat-x top left;*/
  }
  hr {
    height:1px;
    padding: 0px 0px 0px 0px;
    margin: -5px 0px 2px 0px;
    border-top: 1px solid #627f9b ;
  }

  #spruch { 
    height:265px;
    font: 16px/28px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; 
    font-weight:bold; 
    letter-spacing:0.03em;
    color:#1f3d5e;
    padding:0px 0px 0px 0px ;
    margin:0px 0px 10px 0px;
    border: 0px solid #ff0000;
  } 
  #spruch img { 
    margin:50px 0px 0px 0px;
    border: 0px solid #ff0000;
  } 
  .backbut {
    text-align:right; 
    margin-right:20px;
  }




/* ----- Definitionen fuer Homeseite --------- */

  body#home h1 { 
    width: 410px;
    height: 95px;
    margin: 48px 0px 34px 0px; 
    background: transparent url("../images/headline-home.gif") no-repeat top left;
    border: 0px solid #ff0000;
  }
  body#home h1 span { 
    margin: -1000px 0px 0px -1000px; 
  }
  body#home p { 
    font: 13px/18px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; 
    color: #616161;
    margin: 0px 0px 18px 0px; 
    padding: 0px;
    border: 0px solid #ff0000;
  }
 
  body#home #page { 
    background: #ffffff url("../images/content/das-wesentliche.jpg") no-repeat 0px 257px;
  }

  body#home h1 span { 
    margin: -1000px 0px 0px -1000px; 
  }
  body#home p { 
    font: 13px/18px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; 
    color: #616161;
    margin: 0px 0px 18px 0px; 
    padding: 0px;
    border: 0px solid #ff0000;
  }
 
 
/* ----- Definitionen fuer Referenzenseite --------- */

  body#referenzen div.referenzbox { 
    position:relative;
    width:138px;
    height:290px;
    margin:91px 0px 0px 30px; 
    padding:0px; 
    float:left; 
    background: transparent url("/images/bg-referenz.gif") no-repeat top left;
    border: 0px solid #ff0000;
  }
    body#referenzen div.first { 
    margin-left:70px; 
  }
  .referenzbox h1 { 
    position:absolute;
    top:-1000px;
    left:-1000px;
  }
  .referenzbox img { 
    position:relative;
    width:126px;
    height:126px;
    margin:6px 0px 0px 6px; 
    padding:0px; 
    border: 0px solid #ff0000;
  }
  .referenzbox h2 { 
    position:relative;
    margin:11px 0px 4px 7px;
    font-size:11px;
    line-height:13px;
    letter-spacing:0px;
    color:#ced400;
    background-color:transparent;
    border:0px solid #ff0000;
  }

  .referenzbox p { 
    position:relative;
    margin:0px 0px 0px 7px;
    font-size:9px;
    line-height:12px;
    letter-spacing:0px;
    color:#ffffff;
    background-color:transparent;
    border:0px solid #ff0000;
  }
  .referenzbox a.mehrlink {
    position:absolute;
    top:202px;
    left:116px;
    width:15px;
    height:15px;
    margin:0px 0px 0px 0px; 
    padding:0px; 
    background: transparent url("/images/navigation/bot-mehr-1.gif") no-repeat top left;
    border:0px solid #ff0000;
  }

  .referenzbox a.mehrlink:hover {
    background: transparent url("/images/navigation/bot-mehr-2.gif") no-repeat top left;
  }

  body#referenzen div.refnavibox { 
    position:relative;
    clear:both; 
    width:100%;
    height:50px;
    margin:0px 0px 0px 0px; 
    text-align:center; 
    background: transparent url() no-repeat top left;
    border: 0px solid #ff0000;
  }
 .referenzbox#referenzen h1 { 
    width: 410px;
    height: 95px;
    margin: 48px 0px 34px 0px; 
    background: transparent url("../images/headline-home.gif") no-repeat top left;
    border: 0px solid #ff0000;
  }



/* ----- Definitionen fuer Kundenenseite --------- */

  body#kunden #refproduktbox { 
    position:relative;
    display:block; 
    width:950px;
    height:auto;
    overflow:hidden;
    margin:0px 0px 0px 0px; 
    text-align:center; 
    border: 0px solid #00ff00;
  }

  body#kunden #refussbox { 
    position:relative;
    width:100%;
    height:85px;
    margin:0px 0px 35px 0px; 
    background: #767676 url("../images/bg-ref-fuss.gif") no-repeat bottom right;
    border: 0px solid #ff0000;
  }

  body#kunden h1 { 
    margin: 34px 0px 7px 31px;
    font: 18px/24px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; 
    font-weight:bold; 
    border: 0px solid #ff0000;
  }

  #refussbox ul { 
    float:left;
    padding:10px 0px 0px 30px;
    font: 11px/15px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  }
  #refussbox ul li { 
    color:#ffffff;
    background: transparent url("../images/elemente/sign-liste4.gif") no-repeat 1px 5px;
  }

  a.refnavlast { 
    position:absolute;
    top:153px;
    left:8px;
    width:26px;
    color: #616161;  
    z-index:26;
    display:block;
    height:32px;
    background: transparent url("/images/navigation/bot-last-1.gif") no-repeat top right;
    border:0px solid #ff0000;
  }
  a.refnavlast:hover { 
    background: transparent url("/images/navigation/bot-last-2.gif") no-repeat top right;
  }
  a.refnavnext { 
    position:absolute;
    top:153px;
    left:915px;
    width:26px;
    color: #616161;  
    z-index:26;
    display:block;
    height:32px;
    background: transparent url("/images/navigation/bot-next-1.gif") no-repeat top right;
    border:0px solid #ff0000;
  }
  a.refnavnext:hover { 
    background: transparent url("/images/navigation/bot-next-2.gif") no-repeat top right;
  }
  a.refnavlast span { display:block;
    margin: -1000px 0px 0px -1000px;
  }
  a.refnavnext span { display:block; 
    margin: -1000px 0px 0px -1000px;
  }


  #refussbox a.backlink {
    position:relative;
    float:right;
    height:15px;
    margin:10px 34px 0px 0px; 
    padding:0px 20px 1px 0px; 
    text-align:right; 
    font-size:11px; 
    font-weight:normal; 
    color:#ced400; 
    background: transparent url("/images/navigation/bot-allref-1.gif") no-repeat top right;
    border:0px solid #ff0000;
  }
  #refussbox a.backlink:hover {
    background: transparent url("/images/navigation/bot-allref-2.gif") no-repeat top right;
  }

  #refussbox a.weblink {
    position:relative;
    float:left;
    height:15px;
    margin:11px 0px 0px 40px; 
    padding:0px 0px 1px 13px;
    text-align:left; 
    font-size:11px; 
    font-weight:normal; 
    color:#ffffff; 
    background: transparent url("/images/elemente/sign-liste4.gif") no-repeat 1px 4px;
    border: 0px solid #ff0000;
  }
  #refussbox a.weblink:hover {
    color:#ced400; 
    background: transparent url("/images/elemente/sign-liste4.gif") no-repeat 1px 4px;
  }













 

/* ----- Definitionen fuer Kompetenzseite --------- */

  body #kompetenzen #col1 {
    width:230px;
    border: 0px solid #ff0000;
  } 
  body #kompetenzen #col1-content {
    border: 0px solid #ff0000;
  } 
   p.home {
    font: 12px/15px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; 
    font-weight:normal; 
    padding:0px 0px 0px 12px ;
    margin:0px 0px 10px 0px;
    border: 0px solid #ff0000;
  }

/*----  Agentur Definitionen  ------------------------------*/
  
  body#agentur #page { 
    background: #ffffff url("../images/content/agentur-kastanie.jpg") no-repeat 10px 330px;
  }

/*----  Impressum Definitionen  ------------------------------*/

  body#impressum #page { 
    background: #ffffff url("../images/content/agentur-muskat.jpg") no-repeat 10px 390px;
  }

/*----  Kompetenz Definitionen  ------------------------------*/

  body#kompetenzen #page { 
    background: #ffffff url("../images/content/agentur-anis.jpg") no-repeat -10px 340px;
  }

/* ----- Definitionen fuer Kontaktzseite --------- */

  body#kontakt #col1 {
    width:310px;
    border: 0px solid #00ff00;
  } 
  body#kontakt #col3 { 
    width:620px;
    margin-left:0px;
    border:0px solid #ff0000; 
  }
  body#kontakt #col3-content { 
    padding:0px;
    margin-right:0px;
    border:0px solid #ff0000; 
  }
  body#kontakt #col1-content {
    border: 0px solid #0000ff;
  } 
  body#kontakt #col1-content h1 {
    padding:0px;
    margin:65px 0px 9px 35px;
    border: 0px solid #ff0000;
  }

  body#kontakt #col1-content h2 {
    font: 11px/16px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; 
    font-weight:bold; 
    padding:0px;
    margin:0px 0px 0px 35px;
    border: 0px solid #ff0000;
  }
  body#kontakt #col1-content p {
    font: 11px/16px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; 
    font-weight:normal; 
    padding:0px;
    margin:0px 0px 10px 35px;
    border: 0px solid #ff0000;
  }
  body#kontakt a {
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px; 
    line-height: 16px; 
    color: #616161;  
    text-decoration:none;  
    border: 0px solid #ff0000;
  }
  body#kontakt a:hover {
    color: #c3004a;  
    text-decoration:underline;  
    border: 0px solid #ff0000;
  }
  body#kontakt a.maplink {
    padding:1px 0px 3px 20px;
    line-height: 18px; 
    background: transparent url("/images/navigation/bot-link-1.gif") no-repeat 0px 1px;
    border: 0px solid #ff0000;
  }
  body#kontakt a.maplink:hover {
    background: transparent url("/images/navigation/bot-link-2.gif") no-repeat 0px 1px;
  }

  body#kontakt #map {
    width: 420px; 
    height: 260px; 
    margin:15px 0px 0px 0px;
    /*background: #ffffff url("/images/elemente/loading.gif") no-repeat center center;*/
    border: 1px solid #9a9a9c;
  }

  body#kontakt #linkbox {
    position:absolute; 
    width: 180px; 
    height: 180px; 
    top: 0px; 
    left: 440px; 
    margin:15px 0px 0px 0px;
    border: 0px solid #ff0000;
  }

 
/* --------  Footerbereich ----------------------- */

#footer.home h3 {
    font: 10px/10px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; 
    font-weight:bold; 
    letter-spacing:0.01em;
    color:#ffffff;
    background-color:transparent;
    padding:0px 0px 0px 0px;
    margin:0px 0px 2px 0px;
    border: 0px solid #ff0000;
  }
  #footer.home p {
    line-height: 15px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    border: 0px solid #ff0000;
  }
  #footer .copyright {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color:#828181;
    font-size: 1.00em;
    font-weight:normal;
    border-top: 0px #bbbbbb solid;
  }

  #footer .copyright a {
    color:#828181;
    text-decoration:none;
    font-weight:normal;
  }
 #footer .copyright a:hover {
    color:#c3004a;
    text-decoration:none;
  }

  body#kompetenzen .footer-kompetenz { 
     background: #ffffff url("../images/kompetenz-footer.gif") no-repeat top left;
  }


/* ----------  Backend Definitionen  --------------- */

  div#editbox {
    width:680px;
    overflow:hidden;
    margin:0px 0px 0px 230px;
    padding:0px 0px 40px 26px;
    text-align:left;
    border:2px solid #999999;
  }

  div#editbox h1 {
    margin:15px 0px 5px 0px;
    font-size:15px;
    color:#999999;
    text-align:left;
    border:0px solid #ff0000;
    
  }
  div#editbox div {
    float:left; 
    margin:0px 30px 20px 0px;
    display:inline-block; 
    overflow:hidden; 
    border:0px solid #ff0000;
  }