/* Start of CMSMS style sheet 'Layout: Top menu + 2 columns' */
/*****************
Allgemeine Seitendefinitionen
*****************/
/*
Verschiedene browser interpretieren margin and padding ein bisschen unterschiedlich, 
Daher deaktivieren wir hier alle Standardwerte hierfür und aktivieren sie in entsprechenden Eizelfällen
*/
  * {
    margin:0;
    padding:0;
  }

/*
Standard Schrifteinstellungen
*/
  body {
    text-align: left;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1em;
  }

/*
Schriftgrösse inerhalb von Boxen
Dies überchreibt manchmal Regel von body
*/
  div {
    font-size: 12px;
  }

/*
Wenn Bilder verlikt sind (alo innerhalb von <a> und </a> 
dann bekommen sie einen hässlichen Rahmen, den wir nicht wollen
*/
  img {
    border: 0;
  }

/*
Standard Designvorgaben für Links
*/
  /* 1. Unterstreichung und Blaufärbung aller Links */
  a,
  a:link 
  a:active
  a:visited {
    text-decoration: underline;
    /* 
    Eine CSS-Validierung gibt einen Fehler aus, wenn Farben ohne Hintergrundfarben gesetzt werden. 
    Hierdurch wird ein Bezug zur Hintergrundfarbe des darüberliegenden Elements hergestellt 
    */
      background-color: inherit; 
      color: #18507C; 
  }
  /* 2. Unterstreichung entfernen sowie Farbwechel bei Linkberührung */
  a:hover {
    text-decoration: none;
    background-color: #C3D4DF;
    color: #385C72;
  }

/*****************
Layout Grundgerüst
*****************/
/*
Standardwerte für Hintergrundfarbe, Hintergrundschriftfarbe, Abtand zu anderen Elementen der Hauptseite
*/
  body {
    background-color: #e0f5ff;/* der bläuliche Hintergrund des Ganzen Seite |RotRot|GelbGelb|BlauBlau|-Hexadezimalwerte */
    color: #33333;
    margin:1em;
    font-size: 10;
    text-align:center;
  }
/* 
Hauptseite
*/
  div#pagewrapper {
    border: 0px solid black;
    margin: 0 auto;            /* Zentiert Hauptseite */
    width: 780px;
    background-color: #ffffcc; /* beige */
    color: 000000;            /* schwarz */
    overflow: scrolling;
        border-bottom: 3px solid #C0C0C0;
  }

/*
Kopf / Header
Es wird Text versteckt und durch ein Bild eretzt
dazu müssen Größenangaben gemacht werden
*/
  div#header {
    height: 135px;         /* entsprechend der Bildhöhe einzustellen */
    background-color: #e0f5ff;   /* weiss */ 
    text-align:center; 
  }
  div#header h1 a {
    /* 
    hier werden das Logo eingefügt und die Hintergrundfarbe definiert 
    */
    background: #e0f5ff url(images/RothLogoExtended.jpg) no-repeat 0 0px; 
    display: block; 
    height: 135px;             /* entsprechend der Bildhöhe einzustellen */
    width:780px;             /* entsprechend der Bildbreite einzustellen */
    text-indent: -999em;       /* dies versteckt den Logotext */
    text-decoration:none;      /* der alte Firefox zeigt bei Bildern eine Linkunterstreichung an, was hiermit vermieden wird */ 
  }

/*
Menuedesign und Layout wird in einer externen Datei definiert
*/

/*
Aussehen Suchformular
*/
  div#search {
    width: 12em;
    text-align: right;
    padding: 0 0 0 0;
    margin: 0 0;
  }

/*
Aussehen der sog. Brotkrumen-Navigation
(auch bekannt als: Sie sind hier Homepage/Seite/Unterseite...)
*/
  div.breadcrumbs {
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    width:100%;
    padding: 1em 0 1.2em 0;         /* CSS KurzanweisungsRegel für Positionierung: Erste Zahl ist Oben dann rechts, unten und liks */
    font-size: 100%;                 /* Vorteil: Wenn Schriftgrössen relativ difiniert sind, können Besucher die Grösse in den Browsereinstellungen selbst verändern */
    margin: 0 0;                  /* Siehe Regel von Oben; Unterchied: Kurzschreibweie für "0 1em 0 1em" */
    border-bottom: 0px dotted #000; /* 1 Pixel Linkendicke, punktierte Linie, Kurzschreibweise für weiß */
  }
  div.breadcrumbs span.lastitem { 
    font-weight:bold; 
  } 

/*
Aussehen der eigentlichen Inhaltsseite
*/
  ndiv#content {
    margin: 1.5em auto 2em 0; /* Platzhalter ober- & unterhalb des Meues sowie der Inhaltsseiten */
  }
  div#main {
    z-index:2;
    margin-left: 180px; /* Platzhalter für Untermeue an der linken Seite */
    margin-right: 10px; /* Abstad zum rechten Seitenrand */
  }
/*
Aussehen des Untermenüs links auf eigentlicher Inhaltsseite
*/
  div#sidebar {
    float: left;  /* nach links damit */
    width: 175px;    /* Breite, bei Veränderung, dann auch #main margins ändern */
    display: inline;  /* BugFIX des IE doublemargin Fehlers */
    margin-left: 0;
    
  }
  /* wenn Seitenmeü leer ist, aber Inhalt hat, dann class="hascontent" hinzufügen */
    div#sidebar.hascontent {
      padding: 0 1%;
      width: 175px;
    }
/*
Aussehen der Fußzeile
Wir entfernen den Urhebervermerk der ContentManagementEgine 
im Sinne des GPL-GoodWill und der Fairness gegenüber dem Urheber des Kerns nicht, 
machen ihn aber "Unsichtbar", indem er die selbe Farbe wie der Hintergrund bekommt
und so klein wie möglich gehalten wird
*/
  div#footer {
    clear:both;       /* platziert Fußzeile Unterhalb des Menü und SeitenInhalts */
    color: #e0f5ff;      /* Schriftfarbe Kurzschreibweie für weiß */
    background-color: #e0f5ff; /* Hintergrundfarbe Kurzschreibweie für weiß */
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
  }
  div#footer a:hover {
    text-decoration: none;
    color: #fff;      /* siehe oben; Unterschied: bei Mauberührung */
    background-color: #fff; /* siehe oben; Unterschied: bei Mauberührung */
  }
  div#footer p {
    font-size: 1px;
    padding: 0px;      
    text-align: center;
    margin:0px;
  }
  div#footer p a {
   color: #e0f5ff;
  }

/* relative Links unterhalb des Inhalts z.b. Seitenblättern oder Nach oben springen*/
div.left49 {
  float: left;
  width: 49%;  /* je 50% bei beiden Elementen einzutellen kann zu flackern und anderen Fehlern bei manchen Browern führen  */
}
div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}

/*
***************************************************
***************************************************
***************************************************
Styling des eigentlichen Inhalts
Neue Seiten, die das Blatt als Hintergrund haben sollen, müssen in 
die nachfolgende Liste eingefügt werden. Nachfolgenden Block
kopieren, editieren und unten anhängen. NEUESEITE = Seitenalias
z.b. page=neueseite / content_blatt.png = Blatthintergrund

div#content_neueseite{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}

***************************************************
***************************************************
***************************************************
*/
div#content_standard {
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_home{
  background: #ffffcc url(images/content_nichts.png) no-repeat 0 0px;
}
div#content_impressum{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_disclaimer{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_about{
  background: #ffffcc url(images/content_nichts.png) no-repeat 0 0px;
}
div#content_kanzlei{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_roth{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_mitarbeiter{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_jaeckel{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_heinen{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_notzon{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_franzen{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_azubi{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_diedrich{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_wegweiser{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_diedrich{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_rundgang{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_leistungen{
  background: #ffffcc url(images/content_nichts.png) no-repeat 0 0px;
}
div#content_steuerberatung{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_steuerberatung2{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_fibu{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_fibu2{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_buchfuehrungmitzukunft{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_lohnundgehalt{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_jahresabschluss{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_betriebswirtschaftlicheberatung{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_finanzierung{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_kontakt{
  background: #ffffcc url(images/content_nichts.png) no-repeat 0 0px;
}
div#content_jobs{
  background: #ffffcc url(images/content_nichts.png) no-repeat 0 0px;
}
div#content_mandantenbereich{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_infi{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_controlling{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_liquiditaet{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_rentabilitaet{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_mandantenbereich{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_honorare{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_honorare2{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
div#content_NEUESEITE{
  background: #ffffcc url(images/content_blatt.png) no-repeat 0 0px;
}
/*
***************************************************
***************************************************
***************************************************
Styling des eigentlichen Inhalts - ENDE
ALT:
  background: #ffffcc url(images/blatt.png) no-repeat 0 0px;
***************************************************
***************************************************
***************************************************
*/

div#content {
  height: 500px;
  width: 780px;
  scrolling: auto;
  font-size: 12px;
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
   }
/* Überschrift / Thema */
  div#content h1 {
    font-size: 2em;
    line-height: 1em;
    margin: 0;
  }
  div#content h2 {
    color: #294B5F; 
    font-size: 1.5em; 
    text-align: left;
    padding-top: 0.5em;
    padding-left: 0.5em;
    padding-bottom: 1px;
    /* border-bottom: 1px solid #e7ab0b; 
       border-left: 1.1em solid #e7ab0b; */
       line-height: 1.5em; 
    margin: 0 0 0.5em 0;
  }
  div#content h3 {
    color: #294B5F; 
    font-size: 1.3em;
    line-height: 1.3em;
    margin: 0 0 0.5em 0;
  }
  div#content h4 {
    color: #294B5F; 
    font-size: 1.2em;
    line-height: 1.3em;
    margin: 0 0 0.25em 0;
  }
  div#content h5 {
    font-size: 1.1em;
    line-height: 1.3em;
    margin: 0 0 0.25em 0;
  }
  h6 {
    font-size: 1em;
    line-height: 1.3em;
    margin: 0 0 0.25em 0;
  }
/* Text / Inhalt */
  p {
    font-size: 12px;
    margin: 0 0 1.5em 0;
    line-height:1.4em;
    <!--[if IE]>
    padding-right: 100px;
   <![endif]-->
  }
  font {
    font-size: 12px;
    margin: 0 0 1.5em 0;
    line-height:1.4em;
   <!--[if IE]>
    padding-right: 100px;
   <![endif]-->
  }
  td {
    font-size: 12px;
  }
  blockquote {
    border-left: 10px solid #ddd;
    margin-left: 10px;
    <!--[if IE]>
    padding-right: 100px;
   <![endif]-->
  }
  pre {
    font-family: monospace;
    font-size: 1.0em;
    <!--[if IE]>
    padding-right: 100px;
   <![endif]-->
  }
  strong {
    /* explicit setting for these */
    font-weight: bold;
    <!--[if IE]>
    padding-right: 100px;
   <![endif]-->
  }
  strong, b {
    /* explicit setting for these */
    font-weight: bold;
    <!--[if IE]>
    padding-right: 100px;
   <![endif]-->
  }
  em, i {
    font-style:italic;
  }
  /* Wrapping text in <code> tags. Makes CSS not validate */
    code, pre {
      white-space: pre-wrap;       /* CSS-3 */
      white-space: -moz-pre-wrap;  /* Mozilla, seit 1999 */
      white-space: -pre-wrap;      /* Opera 4-6 */
      white-space: -o-pre-wrap;    /* Opera 7 */
      word-wrap: break-word;       /* Internet Explorer 5.5+ */
      font-family: "Courier New", Courier, monospace;
      font-size: 1em;
    }
  pre {
    border: 1px solid #000;
    background-color: #ddd;
    margin: 0 1em 1em 1em;
    padding: 0.5em;
    line-height: 1.5em;
    font-size: 90%;   
  }
/* Listen */
  div#main ul,
  div#main ol,
  div#main dl {
    font-size: 1.0em;
     line-height:1.4em;
     margin: 0 0 1.5em 0;
  }
  div#main ul li,
  div#main ol li {
    margin: 0 0 0.25em 3em;
  }
  div#dl dt {
    font-weight: bold;
    margin: 0 0 0.25em 3em;
  }
  div#dl dd {
    margin: 0 0 0 3em;
  }
/* End of 'Layout: Top menu + 2 columns' */