@charset "UTF-8";

/**
 * Dark purple (links): #262761
 * Light purple (bg): #5e5e9f
 * Dark gray (headers): #ddd (Currently unused... Green (headers): #266127)
 * Dark murky yellow (form buttons, f3 text):  #938707
 * Light murky yellow (form buttons): #ab9d07
 */

@media all
{
 /**
  * Fonts
  *
  * (en) global settings of font-families and font-sizes
  * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
  *
  * @section content-global-settings
  */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size:100.01%; }

 /**
  * (en) reset monospaced elements to font size 16px in all browsers
  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */

  textarea, pre, code, kbd, samp, var, tt {
    font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }

  body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:81.25%; /* 13px */
    color:#444;
  }

  /*--- Headings | Überschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-family:Arial, Helvetica, sans-serif;
    font-family:"Times New Roman", Times, serif;
    font-weight:normal;
    margin:0 0 0.25em 0;
  }

  h1 { font-size:210%; }
  h2 { font-size:170%; }
  h3 { font-size:150%; }
  h4 { font-size:133.33%; }
  h5 { font-size:116.67%; }
  h6 { font-size:116.67%; }

  form h1, .category h1, #accordion .tab h1 { font-size:170%; }
  form h2, .category h2, #accordion .tab h2 { font-size:150%; }
  form h3, .category h3, #accordion .tab h3 { font-size:133.33%; }
  form h4, .category h4, #accordion .tab h4 { font-size:116.67%; }
  form h5, .category h5, #accordion .tab h5 { font-size:116.67%; }
  form h6, .category h6, #accordion .tab h6 { font-size:116.67%; }

  #col3_content h1 { font-size:170%; }
  #col3_content h2 { font-size:170%; }
  #col3_content h3 { font-size:150%; }
  #col3_content h4 { font-size:133.33%; }
  #col3_content h5 { font-size:116.67%; }
  #col3_content h6 { font-size:116.67%; }

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */

  ul, ol, dl { line-height:1.5em; margin:0 0 1em 1em; }
  dl { margin-left: 0; }
  ul { list-style-type:disc; }
  ul ul { list-style-type:circle; margin-bottom:0; }

  ol { list-style-type:decimal; }
  ol ol { list-style-type:lower-latin; margin-bottom:0; }

  li { margin-left:0.8em; line-height:1.5em; }

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

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

  p { line-height:1.5em; margin:0 0 1em 0; }

  blockquote, cite, q {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
  }
  blockquote {
    margin: 0 0 1em 0;
    color:#666;
    line-height: 1.5em;
    background-image: url('../images/quote.gif');
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 39px;
  }

  strong,b { font-weight:bold; }
  em,i { font-style:italic; }

  big { font-size:116.667%; }
  small { font-size:91.667%; }

  pre { line-height:1.5em; margin:0 0 1em 0; }
  pre, code, kbd, tt, samp, var { font-size:100%; }
  pre, code { color:#800; }
  kbd, samp, var, tt { color:#666; font-weight:bold; }
  var, dfn { font-style:italic; }

  acronym, abbr {
    border-bottom:1px #aaa dotted;
    font-variant:small-caps;
    letter-spacing:.07em;
    cursor:help;
  }

  sub, sup { font-size:91.6667%; line-height:0; }

  hr {
    color:#fff;
    background:transparent;
    margin:0 0 0.5em 0;
    padding:0 0 0.5em 0;
    border:0;
    border-bottom:1px #eee solid;
  }

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

  a { color:#262761; background:transparent; text-decoration:underline; }
  a:visited  { color:#5e5e9f; }
  /* (en) maximum constrast for tab focus - change with great care */
  /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
  a:focus { text-decoration:underline; color:#000; background: #fff; outline: 3px #f93 solid; }
  a:hover,
  a:active { color:#5e5e9f; text-decoration:underline; outline: 0 none; }

  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

  p.icaption_left { float:left; display:inline; margin:0 1em 0.15em 0; }
  p.icaption_right { float:right; display:inline; margin:0 0 0.15em 1em; }

  p.icaption_left img,
  p.icaption_right img { padding:0; border:1px #888 solid; }

  p.icaption_left strong,
  p.icaption_right strong { display:block; overflow:hidden; margin-top:2px; padding:0.3em 0.5em; background:#eee; font-weight:normal; font-size:91.667%; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (en) standard classes for positioning and highlighting
  * (de) Standardklassen zur Positionierung und Hervorhebung
  *
  * @section content-generic-classes
  */

  .highlight { color:#c30; }
  .dimmed { color:#888; }

  .info { background:#f8f8f8; color:#666; padding:10px; margin-bottom:0.5em; font-size:91.7%; }

  .note { background:#efe; color:#040; border:2px #484 solid; padding:10px; margin-bottom:1em; }
  .important { background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em; }
  .warning { background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; }

  .pos { background: #bfb; }
  .med1 { background: #dfd; }
  .med2 { background: #fdd; }
  .neg { background: #fbb; }

  .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 { display:block; text-align:center; margin:0.5em auto; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables | Tabellen
  *
  * (en) Generic classes for table-width and design definition
  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
  *
  * @section content-tables
  */

  table { width:auto; border-collapse:collapse; margin-bottom:0.5em; border-top:2px #888 solid; border-bottom:2px #888 solid; }
  table caption { font-variant:small-caps; }
  table.full { width:100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding:0.5em; }
  thead th { color:#000; border-bottom:2px #800 solid; }
  tbody th { background:#e0e0e0; color:#333; }
  tbody th[scope="row"], tbody th.sub { background:#f0f0f0; }

  tbody th { border-bottom:1px solid #fff; text-align:left; }
  tbody td { border-bottom:1px solid #eee; }

  tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { background:#f0e8e8; }
  tbody tr:hover td { background:#fff8f8; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Miscellaneous | Sonstiges
  *
  * @section content-misc
  */

 /**
  * (en) Emphasizing external Hyperlinks via CSS
  * (de) Hervorhebung externer Hyperlinks mit CSS
  *
  * @section             content-external-links
  * @app-yaml-default    disabled
  */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left:12px;
    background-image:url('your_image.gif');
    background-repeat:no-repeat;
    background-position:0 0.45em;
  }
  */

  #col3_content hr { display: none; }

  .llp { /*color: #938707; font-weight: bold;*/ }

  /**
   * Web Services
   */

  .opener {
    font-size: 120%;
  }
/*  body.web-services .opener_details {
    font-size: 110%;
  }*/
  .category {
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    margin: 0 0 1em 0;
    padding: 10px;
  }
  .category img {
    float: left;
    padding:0 10px 10px 0;
  }
  #testimonials h3 {
    position: absolute;
    left: -1000em;
    top: -1000em;
    width: 1px;
    height: 1px; /* Can't set 0px height otherwise screen readers may not read content */
    overflow: hidden;
  }

  body.packages #col1_content .columnar .type-select {
    height: 1.1em; /* At height 1em IE7 chops off bottom of checkboxes */
  }
  body.packages #col1_content .columnar .type-text label,
  body.packages #col1_content .columnar .type-select label {
    width: auto;
  }
  body.packages #col1_content .columnar .type-select img,
  body.packages #col1_content .columnar .type-select input {
    float: right;
    width: 14px;
    height: 14px;
  }
  body.packages #col1_content .columnar .type-text textarea {
    width: 95%;
  }
  body.packages #col1_content .columnar div.error .message {
    margin-left: 0;
  }

  /**
   * Portfolio
   */

  /* Begin Accordion styling */
  #accordion .tab {
    position: relative; /* Required for IE6 to show tab background colour properly */
    background-color: #f4f4f4;
    padding: 0.5em 1em;
    margin-bottom: 0;
    border: 1px solid #ccc; /* Used by Javascript for progressive enhancement CSS test */
    cursor: pointer;
  }
  #accordion .tab h2 a {
    text-decoration: none;
  }
  #accordion .tab h2 a:hover {
    text-decoration: underline;
  }
  #accordion .tab p {
    margin-bottom: 0;
  }
  #accordion .tab.current {
    cursor: default;
  }
  #accordion .tab.current .read-more {
    display: none;
  }
  #accordion .pane {
    padding: 1em;
    position: relative; /* Necessary to allow position:relative in .scrollable/.items without accordion transition screwing up in IE 6 and 7 */
    zoom: 1; /* Necessary to prevent peekaboo bug in IE 6 and 7 which appears due to position:relative on .pane */
  }
  /* End Accordion styling */
  /* Begin Scrollable styling */
  #accordion .scrollable {
    position: relative; /* Necessary for proper display in IE */
    overflow: visible; /* Set via Javascript to be hidden */
    width: auto;
    height: auto; /* Set via Javascript to be 21em */
  }
  #accordion .scrollable .items {
    width: auto; /* Set via Javascript to be 300.2% */
    position: relative; /* Set via Javascript to be absolute. Necessary for scrolling to work */
  }
  #accordion .items div.client {
    float: none; /* Set via Javascript to be left */
    width: auto; /* Set via Javascript to be 33.33% */
  }
  #accordion a.disabled {
    visibility: hidden;
  }
  /* End Scrollable styling */
  body.our-work .client h3 { padding-bottom: 0.5em; }
  body.our-work .client h4 { padding-bottom: 0.5em; }
  .client img { border: 1px solid #262761; }
  .client img:hover { border: 1px solid #5e5e9f; }

  body.our-work .quote {
    font-style: italic;
  }

  a.prev,
  a.next {
    cursor: pointer;
  }
  a.next {
    padding-right: 20px;
    background: #fff url('../images/right-arrow.jpg') no-repeat right top;
  }
  a.prev {
    padding-left: 20px;
    background: #fff url('../images/left-arrow.jpg') no-repeat left top;
  }

  /**
   * About Us
   */

  .avatarbox { min-height: 14em /* TODO: IE6 support */; }
  .avatarbox img { float: left; padding-right: 20px; }

  .vcard { padding-bottom: 0px !important; }
  .vcard .field { display: inline-block; width: 6.5em; }
  .vcard_download { margin-top: -25px; float: right; font-size: 80%; }
  .vcard_download img { margin-left: 0.2em; }

  /**
   * Articles
   */

  pre {
    font-size: 90%;
    background: rgb(246, 246, 253);
    padding: 0.9em;
  }
  div.CodeRay {
    margin-bottom: 1em;
  }
  body.articles-single #col1_content h2 { width: 100%; border-bottom: 1px dotted #666; }

  div.comment {
    border-bottom: 1px dotted #ccc;
    padding: 1em 0 0 0;
  }
  div.comment .author {
    font-style: italic;
  }
  div.comment .content_html {
  }

  /**
   * Topnav pages
   */

  body.search #main h1,
  body.sitemap #main h1 { /* Show the page title as toplevel pages normally have it hidden */
    position: relative;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
  }


  /**
   * Footer
   */

  #footer div.content {
    height: 1.5em; /* Required for IE 6 and 7 */
  }
  #footer .page_related p,
  #footer .page_related div {
    display: inline-block;
  }
  #footer .site_related { text-align: right; }
  #footer .addthis_button { margin-left: 0.5em; }
  #footer .addthis_button img { vertical-align: bottom; }

}