html { font-family: tahoma, sans-serif;}
/*
Various helpers
*/
.hidden { display: none; }
.fLeft { float: left; }
.fRight { float: right; }
.clearer { clear: both; }
.clearer.left { clear: left; }
.clearer.right { clear: right; }

.home #colR { width: 725px; margin-right: 15px; }
.home #conten { width: auto; }

/*@TODO: make new headline style in TYPO3 */
h1.fett,
.home #contentWrap h1 { margin-bottom: 16px; font-size: 20px; }

#outerWrap { margin: 0 auto 20px; width: 1220px; }
#outerWrap.home { background: transparent url(../img/bg_home_logo.png) no-repeat scroll left top; padding-top: 200px; width: 1165px; margin-top: 20px; }

  #innerWrap { min-height: 500px; }
  #innerWrap.home {}

    #colL { width: 293px; float: left; min-height: 500px;  background: transparent url(../img/gitarre-logo.png) no-repeat scroll 0 150px; }
    #colL.home { background-image: none; }

      #header { width: 305px; height: 111px; background: transparent url(../img/kresse-logo02.png) no-repeat scroll 0 0; margin-top: 25px;}
      #header.home { background-image: none; }
      #header a { display: block; height: inherit; }
      #navigation.home { margin: 181px 0 192px 40px; }
      #navigation { margin: 250px 0 192px 20px; }
      #navigation ul { list-style: none; }
      #navigation ul.lv2 { margin: 8px 0 0 10px; }
      #navigation ul.lv3 { margin: 8px 0 0 20px; }
      #navigation ul.lv4 { margin: 8px 0 0 20px; }
      #navigation li { margin-bottom: 8px; }
      #navigation a, #bcNav a { color: black; text-decoration: none; font-weight: bold; }
      #navigation a.active, #navigation a.current,
      #navigation a:hover { color: #815c4a; text-decoration: underline; }

    #colR { width: 865px; float: right; margin: 10px 0 0; }
      #bcNav { margin: 20px 0; }
      #bcNav .divider { margin: 0 8px; }
      #bcNav li { display: inline; }
      #contentWrap {}
    body.default_wide #contentWrap { padding: 0 100px; }

      #content { width: auto; float: left; margin-bottom: 20px; }
      #content.col2 { width: 660px; }
      body.default #content.col2 { width: auto; float: none; }
      body.references #content.col2 { width: 480px; }
      body.references #contentRight.col2 { width: 320px; }

      div#content.home { background: transparent url(../img/kresse-gitarren-start.png) no-repeat scroll 0 0; }
      body.nocols #content,
        #content.single { width: 100%; float: left; margin-bottom: 20px; }
      #content h2 { margin: 12px 0 8px; }
      #contentRight { width: 200px; float: right; }
      #contentRight .csc-textpic-caption { display: none; }


#footer { margin: 40px 0 0 ;}
#footer ul { text-align: right; }
#footer li { display: inline; }
#footer .divider { margin: 0 4px; }
#footer a { font-size: 14px; color: black; text-decoration: none; }

#contentWrap p { line-height: 22px; font-size: 16px; }

#contentWrap h1,
#contentWrap h2 { margin-bottom: 8px; color: #815c4a; }

#contentWrap h3 { margin-bottom: 4px; margin-top: 20px; }

.csc-textpic-caption,
div.csc-textpic dd.csc-textpic-caption {
    text-align: center; font-size: 16px; line-height: 32px;
}

#langNav { margin: 40px auto 0; }
.home #langNav { margin: 220px auto 0; }
#langNav a { display: block; height: 18px; margin: 0 3px; font-size: 14px; padding-left: 30px; }
#langNav .hidden {  }
#langNav a.lang0 { background: transparent url(../img/flaggen_de.png) no-repeat scroll 0 0 }
#langNav a.lang1 { background: transparent url(../img/flaggen_uk.png) no-repeat scroll 0 0 }

p.align-right { text-align: right }
p.align-left { text-align: left }
p.align-center { text-align: center }

#contentWrap p.smaller { font-size: 12px; }

body.page2 #contentWrap { line-height: 22px; }

a.internal-link { white-space: nowrap; }
a,
a:visited { color: black; }