/* ---------- Grundeinstellungen ---------- */

  body, td, div, h1, h2   { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 14px; color: #333333; line-height: 150%; font-weight: normal; -webkit-text-size-adjust: none; }

  body          { margin: 0px; padding: 0px; background-color: #003356; background-image: url(/bilder/layout/hintergrund-body.jpg); background-position: left top; background-repeat: repeat-x; }

  h1            { margin: 0px; padding: 0px; font-size: 40px; line-height: 100%; color: #003356; }
  h2            { margin: 0px; padding: 3px 10px 4px 10px; font-size: 14px; font-weight: normal; line-height: 100%; color: #003356; }

  ul            { margin: 0px 0px 0px 20px; padding: 0px; list-style-type: none; }
  li            { margin: 0px; padding: 0px 0px 0px 10px; background-image: url(/bilder/layout/icon-auflistung.png); background-position: left 6px; background-repeat: no-repeat; }

  img            { border: 0px; }

  input, select      { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 14px; color: #333333; }

  header, footer, nav, section, article, aside, hgroup { display: block; }



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

  #header-breadcrumb a      { padding: 0px 3px 0px 3px; }
  #header-breadcrumb a:link,
  #header-breadcrumb a:visited  { color: #003356; text-decoration: none; }
  #header-breadcrumb a:focus,
  #header-breadcrumb a:hover,
  #header-breadcrumb a:active    { color: #003356; text-decoration: underline; }

  #header-quicklinks a      { }
  #header-quicklinks a:link,
  #header-quicklinks a:visited  { color: #bcdbf0; text-decoration: none; }
  #header-quicklinks a:focus,
  #header-quicklinks a:hover,
  #header-quicklinks a:active    { color: #bcdbf0; text-decoration: underline; }

  #footer-kontakt a        { }
  #footer-kontakt a:link,
  #footer-kontakt a:visited    { color: #bcdbf0; text-decoration: none; }
  #footer-kontakt a:focus,
  #footer-kontakt a:hover,
  #footer-kontakt a:active    { color: #bcdbf0; text-decoration: underline; }
  
  #footer-impressum a        { }
  #footer-impressum a:link,
  #footer-impressum a:visited    { color: #bcdbf0; text-decoration: none; }
  #footer-impressum a:focus,
  #footer-impressum a:hover,
  #footer-impressum a:active    { color: #bcdbf0; text-decoration: underline; }

  #footer-sitemap a        { }
  #footer-sitemap a:link,
  #footer-sitemap a:visited    { color: #003356; text-decoration: none; }
  #footer-sitemap a:focus,
  #footer-sitemap a:hover,
  #footer-sitemap a:active    { color: #003356; text-decoration: underline; }

  .kunden-uebersicht-tab-link         { }
  .kunden-uebersicht-tab-link:link,
  .kunden-uebersicht-tab-link:visited    { color: #ffffff; text-decoration: none; }
  .kunden-uebersicht-tab-link:focus,
  .kunden-uebersicht-tab-link:hover,
  .kunden-uebersicht-tab-link:active    { color: #ffffff; text-decoration: underline; }
  
  a:link, a:visited        { color: #0061a5; text-decoration: none; }
  a:focus, a:hover, a:active    { color: #0061a5; text-decoration: underline; }



/* ---------- Seitenlayout (Wrapper) ---------- */

  #hintergrund-berge    { background-image: url(/bilder/layout/hintergrund-berge.jpg); background-position: center top; background-repeat: no-repeat; }
  #wrapper        { width: 980px; margin: auto; }



/* ---------- Seitenlayout (Header) ---------- */

  #block-header      { position: relative; height: 300px; background-image: url(/bilder/layout/hintergrund-berge.jpg); background-position: center top; background-repeat: no-repeat; }

  #header-logo      { position: absolute; left: 0px; top: 0px; }

  #header-quicklinks    { position: absolute; right: 0px; top: 7px; padding-bottom: 1px; font-size: 11px; line-height: 100%; color: #ffffff; }
  #header-quicklinks span { padding-right: 30px; }

  #header-suche      { position: absolute; left: 835px; top: 5px; height: 16px; }
  #header-suche div    { float: left; }
  #header-suche-weiss    { position: relative; line-height: 100%; }
  #header-suche-input    { position: absolute; top: 0px; left: 0px; margin: 0px; padding: 0px; width: 100px; font-size: 11px; line-height: 130%; color: #0061a5; border: 0px none transparent; background-color: transparent; outline: none; -webkit-appearance: none; }
  #header-suche-button  { height: 16px; width: 25px; -webkit-border-radius: 0px; }

  #header-facebook { position: absolute; top: 35px; left: 857px; }
  #header-google { position: absolute; top: 5px; left: 770px; }

  #header-titel      { position: absolute; left: 71px; top: 210px; }
  #header-text      { position: absolute; left: 63px; top: 260px; line-height: 130% !important; }
  #header-text h2      {  line-height: 130% !important; }

  #header-breadcrumb    { position: absolute; left: 341px; top: 50px; font-size: 11px; line-height: 130%; z-index: 1;}
  #header-breadcrumb ul  { margin: 0px; padding: 0px; list-style-image: none; list-style-type: none; }
  #header-breadcrumb li  { float: left; padding: 0px; background-image: none; }
  #header-breadcrumb li:last-child a { font-weight: bold; color: #003356; pointer-events: none; cursor: default; }
  #header-breadcrumb img  { float: left; padding: 6px 2px 0px 2px; }

  #header-navigation    { position: absolute; left: 330px; top: 109px; }



/* ---------- Seitenlayout (Content) ---------- */

  #block-content       { background-image: url(/bilder/layout/hintergrund-content-middle.png); background-position: center top; background-repeat: repeat-y; }
  #block-content-top   { background-image: url(/bilder/layout/hintergrund-content-top.jpg); background-position: center top; background-repeat: no-repeat; }
  #content-inhalt      { position: relative; padding: 35px 0px 25px 30px; min-height: 250px; }
  .content-clear       { clear: both; height: 0px; }



/* ---------- Seitenlayout (Content) ---------- */

  #block-container              { margin: 40px 0px 20px 50px; }
  .container-listview-kunden    { float: left; width: 306px; }
  .container-listview-kunden h3 { color: #ffffff; }
  #container-clear              { clear: both; }



/* ---------- Seitenlayout (Footer) ---------- */

  #block-footer      { position: relative; padding-top: 20px; background-color: #003356; }
  #block-footer-verlauf  { position: relative; height: 400px; background-image: url(/bilder/layout/hintergrund-footer-verlauf.jpg); background-position: center top; background-repeat: no-repeat; }

  #footer-sitemap      { position: absolute; top: 30px; left: 48px; }
  #footer-sitemap ul    { margin: 0px; padding: 0px; list-style-image: none; list-style-type: none; }
  #footer-sitemap li    { float: left; padding: 0px 35px 0px 0px; font-size: 12px; font-weight: bold; line-height: 100%; background-image: none;}
  #footer-sitemap li li  { float: none; padding: 0px; font-weight: normal; line-height: 150%; }
  #footer-sitemap li li:first-child { padding-top: 12px; }

  #footer-logo-facebook   { position: absolute; top: 320px; right: 296px; }

  #footer-logo      { position: absolute; top: 10px; left: 745px; width: 225px; text-align: center; }
  
  #footer-kontakt      { position: absolute; top: 125px; left: 777px; font-size: 13px; line-height: 130%; color: #ffffff; }
  #footer-kontakt span  { float: left; width: 35px; }
  
  #footer-impressum    { position: absolute; top: 310px; left: 777px; font-size: 10px; line-height: 130%; color: #ffffff; }
    


/* ---------- Textblock (Anzeige)---------- */

  .textblock            { position: relative; float: left; margin: 20px; padding: 0px; }

  .textblock-breite-6-16-5      { width: 113px; }
  .textblock-breite-6-33        { width: 266px; }
  .textblock-breite-6-49-5      { width: 419px; }
  .textblock-breite-6-66        { width: 572px; }
  .textblock-breite-6-82-5      { width: 725px; }
  .textblock-breite-6-99        { width: 878px; }

  .textblock-breite-8-12-5      { width: 75px; }
  .textblock-breite-8-25        { width: 190px; }
  .textblock-breite-8-37-5      { width: 305px; }
  .textblock-breite-8-50        { width: 420px; }
  .textblock-breite-8-62-5      { width: 535px; }
  .textblock-breite-8-75        { width: 650px; }
  .textblock-breite-8-87-5      { width: 765px; }
  .textblock-breite-8-100        { width: 880px; }
  
  .textblock-breite-10-10        { width: 52px; }
  .textblock-breite-10-20        { width: 144px; }
  .textblock-breite-10-30        { width: 236px; }
  .textblock-breite-10-40        { width: 328px; }
  .textblock-breite-10-50        { width: 420px; }
  .textblock-breite-10-60        { width: 512px; }
  .textblock-breite-10-70        { width: 604px; }
  .textblock-breite-10-80        { width: 696px; }
  .textblock-breite-10-90        { width: 788px; }
  .textblock-breite-10-100      { width: 880px; }

  .textblock-rahmen-oben       { border-top: 1px solid #cccccc; }
  .textblock-rahmen-rechts     { border-right: 1px solid #cccccc; }
  .textblock-rahmen-unten      { border-bottom: 1px solid #cccccc; }
  .textblock-rahmen-links     { border-left: 1px solid #cccccc; }

  .textblock-rahmen-farbe-schwarz  { border-color: #000000; }
  .textblock-rahmen-farbe-weiss  { border-color: #ffffff; }
  .textblock-rahmen-farbe-blau  { border-color: #aed4ff; }
  .textblock-rahmen-farbe-rot   { border-color: #ffaeae; }
  .textblock-rahmen-farbe-gruen   { border-color: #a9e499; }
  .textblock-rahmen-farbe-gelb   { border-color: #f2da6a; }
  .textblock-rahmen-farbe-braun   { border-color: #bfaf8f; }
  .textblock-rahmen-farbe-violett { border-color: #cdaacd; }
  .textblock-rahmen-farbe-grau   { border-color: #c0c0c0; }
  
  .textblock-rahmen-abgerundet    { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

  .textblock-hintergrund-farbe-schwarz { background-color: #000000; }
  .textblock-hintergrund-farbe-weiss   { background-color: #ffffff; }
  .textblock-hintergrund-farbe-blau   { background-color: #e5f1ff; }
  .textblock-hintergrund-farbe-rot   { background-color: #ffe5e5; }
  .textblock-hintergrund-farbe-gruen   { background-color: #e1fddf; }
  .textblock-hintergrund-farbe-gelb   { background-color: #fffddc; }
  .textblock-hintergrund-farbe-braun   { background-color: #e9e3d9; }
  .textblock-hintergrund-farbe-violett { background-color: #ece0ec; }
  .textblock-hintergrund-farbe-grau   { background-color: #f0f0f0; }



/* ---------- Textblock (Formatierung) ---------- */

  .weEditmodeStyle *,  .weEditmodeStyle *:link,  .weEditmodeStyle *:visited,  .weEditmodeStyle *:focus,  .weEditmodeStyle *:hover,  .weEditmodeStyle *:active { line-height: 90%; }
  .weBtn *, .weBtn *:link, .weBtn *:visited,  .weBtn *:focus,  .weBtn *:hover,  .weBtn *:active { line-height: 90%; }

  #textblock-settings           { float: left; margin-bottom: 50px; padding: 10px; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; border: 1px solid #dadada; background-color: #fafafa; }
  #textblock-settings label       { float: left; padding-top: 1px; }
  #textblock-settings input       { float: left; margin-right: 4px; }
  #textblock-settings-titel1       { float: left; font-weight: bold; }
  #textblock-settings-titel2       { float: left; padding-left: 30px; font-weight: bold; }
  #textblock-settings-clear      { clear: both; height: 0px; }
                        
  #textblock-format          { float: left; margin: 5px 0px 5px 0px; padding: 10px 0px 10px 10px; border: 1px solid #dadada; background-color: #fafafa; }

  #textblock-format div,
  #textblock-format label,
  #textblock-format input,
  #textblock-format select      { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; }  

  #textblock-format label        { float: left; margin-right: 2px; padding-top: 1px; }
  
  #textblock-format input,
  #textblock-format select      { float: left; margin-right: 10px; }

  #textblock-format-titel          { float: left; width: 80px; font-weight: bold; }
  #textblock-format-clear          { clear: both; height: 0px; }

  #textblock-format-box                { }
  #textblock-format-box-width          { width: 23px; }

  #textblock-format-margin             { padding-top: 5px; }
  #textblock-format-margin input       { width: 20px; }

  #textblock-format-padding            { padding-top: 5px; }
  #textblock-format-padding input      { width: 20px; }

  #textblock-format-position           { padding-top: 5px; }
  #textblock-format-position input     { width: 20px; }

  #textblock-format-border             { padding-top: 5px; }
  #textblock-format-border input       { margin-right: 19px; }

  #textblock-format-background         { padding-top: 5px; }
  
  #textblock-format-background-href    { margin: 15px 0px 0px 20px; }



/* ---------- Textblock (Redakteur) ---------- */

h3      { margin: 0px 0px 5px 0px; font-size: 22px; font-weight: normal; line-height: 130%; color: #003356; }
h4      { margin: 0px 0px 3px 0px; font-size: 14px; font-weight: bold; line-height: 150%; }
.text-weiss { color: #ffffff; }



/* ---------- Navigation (Level 1+2) ---------- */

    .qmmc                         { position: relative; z-index: 10; }
    .qmmc a, .qmmc li             { float: left; display: block; white-space: nowrap; position: relative; z-index: 1; }
    .qmmc div a, .qmmc ul a, .qmmc ul li { float: none; }
    .qmsh div a                   { float: left; }
    .qmmc div                     { visibility: hidden; position: absolute; }
    .qmmc .qmcbox                 { cursor: default; display: block; position: relative; z-index: 1; }
    .qmmc .qmcbox a               { display: inline; }
    .qmmc .qmcbox div             { float: none; position: static; visibility: inherit; left: auto; }
    .qmmc li                      { z-index: auto; }
    .qmmc ul                      { left: -10000px; position: absolute; z-index: 10; }
    .qmmc, .qmmc ul               { list-style: none; padding: 0px; margin: 0px; }
    .qmmc li a                    { float: none }
    .qmmc li:hover>ul             { left: auto; }
    #qm0 ul                       { top: 100%; }
    #qm0 ul li:hover>ul           { top: 0px; left: 100%; }

    #qm0                          { }
    #qm0 a                        { margin-right: 5px; padding: 4px 12px 4px 12px; font-size:26px; font-weight: normal; line-height:100%; color: #ffffff; text-decoration:none; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
    #qm0 a:hover,
    #qm0 li:hover>a,
    #qm0 .qmpersistent:hover,
    #qm0 .qmactive,
    #qm0 .qmactive:hover          { text-decoration:none; background-color:#0061a5; }
    #qm0 .qmpersistent            { text-decoration:none; background-color:#003356; }

    #qm0 div, #qm0 ul             { }  
    #qm0 div a, #qm0 ul a         { float: left; margin: 5px 5px 0px 0px; padding: 7px 20px 8px 20px; font-size: 14px; font-weight:normal; line-height:100%; color: #333333; background-color: #ffffff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
    #qm0 div a:hover,
    #qm0 ul li:hover>a,
    #qm0 div .qmpersistent:hover,
    #qm0 div .qmactive,
    #qm0 div .qmactive:hover      { text-decoration:none; background-color:#eeeeee; }
  #qm0 div .qmpersistent        { text-decoration:none; background-color:#b8e4ff; }



/* ---------- Navigation (Level 3) ---------- */

    #content-navigation        { padding: 0px 0px 5px 0px; }
    #content-navigation table     { margin: auto; border-collapse: collapse; }
    #content-navigation td       { padding: 0px; }
    #content-navigation ul      { margin: 0px; padding: 0px; }
    #content-navigation  li      { padding: 0px 5px 0px 5px; float: left; background-image: none; }

  .nav-level-3 a              { padding: 0px 10px 0px 10px; }
  .nav-level-3 a:link,
  .nav-level-3 a:visited        { color: #333333; text-decoration: none; }
  .nav-level-3 a:focus,
  .nav-level-3 a:hover,
  .nav-level-3 a:active        { color: #333333; text-decoration: underline; }
  
  .nav-level-3-aktiv a          { padding: 0px 10px 0px 10px; }
  .nav-level-3-aktiv a:link,
  .nav-level-3-aktiv a:visited    { font-weight: bold; color: #333333; text-decoration: none; }
  .nav-level-3-aktiv a:focus,
  .nav-level-3-aktiv a:hover,
  .nav-level-3-aktiv a:active      { color: #333333; text-decoration: underline; }



/* ---------- Scrollable (jQuery Tools) ---------- */

  #scrollable          { position: relative; overflow: hidden; width: 960px; height: 380px; }

 #scrollable .items             { position: absolute; top: 0px; left: 0px; width: 9999em; height: 350px; }

  #scrollable .item              { float:left; width:960px; }

  #scrollable-clear { clear: both; height: 0px; }
  
  #scrollable-navi { margin-top: 350px; width: 960px; height: 30px; text-align: center; background-image: url(/bilder/tools/scrollable-hintergrund.png); background-position: center top; background-repeat: no-repeat; }
  #scrollable-navi table { margin: auto; border-collapse: collapse; }
  #scrollable-navi td { padding: 0px; }
  #scrollable-navi a  { display: block; padding: 10px 10px 0px 10px; line-height: 130%; font-weight: bold; cursor: pointer; }
  #scrollable-navi a:hover    { }
  #scrollable-navi a.aktiv { color: #0061a5; background-image: url(/bilder/tools/scrollable-dreieck.png); background-position: center top; background-repeat: no-repeat; }
  #scrollable-navi div    { margin: 9px 5px 0px 5px; width: 18px; height: 18px; background-position: center top; background-repeat: no-repeat; }
  #scrollable-navi div:hover    { background-position: center bottom; cursor: pointer; }
  #scrollable-navi #links    { background-image: url(/bilder/tools/scrollable-pfeil-links.png); }
  #scrollable-navi #rechts   { background-image: url(/bilder/tools/scrollable-pfeil-rechts.png); }



/* ---------- Domainsuche ---------- */

#domainsuche-form         { padding: 10px; border: 1px solid #aed4ff; background-color: #e5f1ff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#domainsuche-form #titel     { font-weight: bold; }
#domainsuche-form #www       { }
#domainsuche-form #domain     { padding: 0px 2px 0px 2px; width: 200px; }
#domainsuche-form #punkt    { }
#domainsuche-form #tld         { }
#domainsuche-form #pruefen    { }
#domainsuche-form #fragen    { margin-left: 20px; font-size: 11px; }
.domainsuche-fehler             { display:none; padding: 0px 10px 0px 10px; font-size: 11px;  background-color: #ffe5e5;  border: 1px solid #ffaeae; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.domainsuche-fehler p      { margin: 0px; }

#domainsuche-results                  { margin-top: 40px; }
#domainsuche-results table            { width: 100%; border-collapse: collapse; }
#domainsuche-results td               { padding: 5px 0px 5px 10px; }

#domainsuche-results .ueberschrift    { }
#domainsuche-results .ueberschrift td { font-weight: bold; }

#domainsuche-results .registriert               { border-top: 1px solid #c0c0c0; }
#domainsuche-results .registriert:hover         { background-color: #f0f0f0; }
#domainsuche-results .registriert .domain       { }
#domainsuche-results .registriert .beschreibung { }
#domainsuche-results .registriert .status       { color: #9d0d15; }
#domainsuche-results .registriert .aktion       { width: 150px; }

#domainsuche-results .verfuegbar                { border-top: 1px solid #c0c0c0; background-color: #e1fddf; }
#domainsuche-results .verfuegbar:hover          { background-color: #f0f0f0; }
#domainsuche-results .verfuegbar .domain        { font-weight: bold; }
#domainsuche-results .verfuegbar .beschreibung  { }
#domainsuche-results .verfuegbar .status        { color: #00501f; }
#domainsuche-results .verfuegbar .aktion        { width: 150px; }



/* ---------- Suche ---------- */

#content-suche-titel    { margin-bottom: 20px; }
#content-suche-formular    { margin-bottom: 40px; }
#content-suche-ergebnisse  { margin-top: 20px; }
#content-suche-ergebnisse a  { font-weight: bold; }
#content-suche-fehler    { margin-top: 20px; }



/* ---------- Kunden ---------- */

.kunden-uebersicht-block      { position: relative; }
.kunden-uebersicht-block-first    { position: relative; margin-top: -5px; }
.kunden-uebersicht-screenshot    { position: relative; float: left; margin: -20px 20px -20px -20px; padding: 0px; width: 306px; height: 306px; overflow: hidden; }
.kunden-uebersicht-inhalte      { position: relative; float: left; margin: 0px 20px 20px 20px; padding: 0px; width: 572px; }
.kunden-uebersicht-inhalte h3    { font-size: 28px; padding-bottom: 10px; }
.kunden-uebersicht-leistungen    { position: relative; float: left; margin: 0px 20px 0px 20px; padding: 0px; width: 572px; }
.kunden-uebersicht-leistungen div  { float: left; }
.kunden-uebersicht-tab-1      { position: absolute; top: 177px; right: -52px; z-index: 10; }
.kunden-uebersicht-tab-2      { position: absolute; top: 219px; right: -52px; z-index: 10; }
.kunden-uebersicht-tab-link      { position: absolute; top: 3px; left: 20px; }
.kunden-uebersicht-abstand      { margin: 20px 10px 20px -20px; height: 20px; background-color: #003356; }
#kunden-uebersicht-listview-navi  { position: relative; float: left; margin: -10px 20px -10px 20px; padding: 5px 0px 0px 0px; width: 880px; text-align: center; }

#kunden-details-screenshot       { position: relative; float: left; margin: -25px 20px -31px -20px; padding: 0px; width: 644px; }
#kunden-details-beschreibung     { position: relative; float: left; margin: 70px 20px 20px 20px; padding: 0px; width: 604px; }
#kunden-details-rechts         { position: relative; float: right; margin: 0px; padding: 0px; width: 306px; }
.kunden-details-inhalte         { position: relative; float: right; margin: 20px 50px 20px 20px; padding: 0px; width: 236px; }
.kunden-details-tab          { margin: 25px 0px 10px 20px; width: 220px; }
#kunden-details-google-maps img    { margin-top: 5px; }



/* ---------- Listview Navigation ---------- */

.listview-link   { padding: 5px; }
.listview-aktiv  { margin: 0px 3px 0px 3px; padding: 5px; color: #ffffff; background-color: #003356; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.listview-back  { padding: 5px 15px 5px 0px; }
.listview-next  { padding: 5px 0px 5px 15px; }



/* ---------- Aktuelles ---------- */

.aktuelles-uebersicht-datum      { margin-bottom: 3px; font-size: 12px; color: #999999; }
.aktuelles-uebersicht-link      { margin-top: 5px; }

.aktuelles-details-datum      { margin-left: 20px; font-size: 12px; color: #999999; }


/* ---------- Kontaktformular ---------- */

  #formular               { padding-top: 10px; }
  .formular-float            { float: left; margin-bottom: 10px; }
  .formular-clear            { clear: both; }
  .formular-float label        { float: left; width: 110px; display: block; text-align: right; margin-bottom: 5px; }
  .formular-float input        { float: left; margin-left: 5px; margin-bottom: 10px; }
  .formular-float select        { float: left; margin-left: 5px; margin-bottom: 10px; }
  .formular-float textarea      { float: left; margin-left: 5px; margin-bottom: 10px; width: 450px; }
  #formular-serie            { float: left; margin-left: 5px; margin-bottom: 10px; font-weight: bold; width: 180px; }
  #formular-privacy          { float: left; margin-left: 5px; margin-bottom: 10px; width: 520px; font-size: 10px; }



/* ---------- Home ---------- */

.home-listview-datum      { color: #999999; }
.home-listview-link-weitere    { margin-top: 5px; }