/* ############ fe edit ############## */

table.typo3-editPanel { display: visible; position: relative; z-index: 250; border: none; background-color: #eee; width: auto; }

table.typo3-editPanel TD.typo3-editPanel-controls { border: 1px solid #ccc; background-color: transparent; white-space: nowrap; }
  table.typo3-editPanel TD.typo3-editPanel-controls a {  }
  table.typo3-editPanel a img { margin: 5px; }

/* ############ page ########### */

html, body { margin: 0; padding: 0; font-family: 'Lucida Grande','Lucida Sans Unicode', arial, helvetica, sans-serif; }

#bgpg { margin: 30px auto 0 auto; padding: 0 5px; width: 1015px; overflow: hidden; background: url(../../../bilder/grafik/bgcenter.jpg) repeat-y 5px; border-bottom: 5px solid #fff; }

.clearer { clear: both; margin: 0 important!; padding: 0 !important; height: 1px; overflow: hidden; }
.closer { position: relative; top: 1px; clear: both; height: 1px; border-bottom: 1px solid #999; }

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0; }

/* ########### text ############ */

/* h1, h4 { font-weight: normal; } */

a { text-decoration: none; color: #980000; }
a:hover { text-decoration: underline; color: #aaa; }

/* ########## content ########### */

#bg_center { clear: both; margin: 0; padding: 0; }

  #left { position: relative; float: left; padding-bottom: 20px; width: 200px; }

    #logobox { padding: 0 0 20px 0; text-align: right; background: #2f4f64; }
      #logobox img { border: none; }

    #annobox { padding: 0 15px 16px 15px; text-align: left; background: #2f4f64; border-bottom: 5px solid #fff; }
      #annobox h1,
      #annobox h2 { margin: 0; padding: 0; font-size: 11px; color: #fff/*#304D5D*/; background: transparent; }
      #annobox p { margin: 0; padding: 0; font-size: 10px; color: #fff/*#304D5D*/; }

    #mainmenubox { margin: 0; padding: 0; }
      #mainmenubox h1 { margin: 0; padding: 5px 20px; width: 160px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #fff; background: #2F4F64; }

  #center { position: relative; left: 5px; float: left; width: 592px; background: #fff; }

    #center .csc-frame-rulerAfter { margin: 0 15px 10px 15px; padding: 0 0 10px 0; border-bottom: 1px dotted #aaa; }

    #imagebox {  }
    .tx-slideshow-pi1 { height: 135px; }
    .tx-mlimagerotator-pi1 { width: 590px; overflow: hidden; margin-bottom: 5px; }
    .csc-textpic-imagewrap { margin-bottom: 5px; }

    #textbox { width: 590px; padding-bottom: 5px; border: 1px solid #2f4f64; }
    #picnavbox { margin: 5px 0 0 0; width: 590px; }
    #bedrijfbox { width: 590px; padding-bottom: 5px; border: 1px solid #2f4f64; }

      #indexbox #textbox h1,
      #indexbox #textbox h2 { margin: 0 0 15px 0; padding: 5px 15px; width: 560px; font-size: 14px; text-transform: normal; color: #fff; background: #2f4f64/*#6F0000*/; }
      #textbox h1, #bedrijfbox h1 { margin: 0 0 10px 0; padding: 5px 15px; width: 560px; font-size: 14px; text-transform: normal; color: #fff; background: #2f4f64/*#6F0000*/; }
      #textbox h2, #bedrijfbox h2 { margin: 10px 0; padding: 5px 15px 0 15px; font-size: 12px; color: #555; }
      #textbox h3, #bedrijfbox h3 { position: absolute; z-index: 500; margin: -20px 0 0 0; padding: 0; width: 590px; text-align: center; font-size: 1px; font-weight: bold; color: #fff; }
      #textbox h4, #bedrijfbox h4 { margin: 0; padding: 10px 15px; width: 560px; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #fff; background: #6F0000; }
      #textbox h5, #bedrijfbox h5 { margin: 5px 0 0 0; padding: 5px 15px; width: 560px; font-size: 13px; text-transform: uppercase; color: #fff; background: #6F0000/*2F4F64*/; }
      /* 2. Überschrift Startseite */
      #textbox h6, #bedrijfbox h6 { position: absolute; z-index: 500; margin: -20px 0 0 0; width: 590px; text-align: center; font-size: 1px; color: #fff; }

      #textbox p, #bedrijfbox p { margin: 0 0 10px 0; padding: 0 15px; font-size: 12px; line-height: 130%; color: #555; }
      #bedrijfbox p { margin-bottom: 10px; }
      #textbox p.bodytext, #bedrijfbox p.bodytext {  }

      #indexbox #textbox h4 { margin-bottom: 10px; padding: 10px; width: 570px; }
      #indexbox #textbox p { margin-top: 0; padding: 0 15px; }
      #indexbox #textbox p.bodytext { top: 0; }
      #indexbox #textbox .csc-textpic-imagewrap { margin: 0 15px 5px 0; }

      #textbox div.tx-mlimagerotator-pi1 { width: 590px; height: 362px; overflow: hidden; }
      #textbox div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image { margin: 0; }
      #textbox div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image { margin: 0; }

      #textbox table.contenttable { margin: 0 0 15px 15px; padding: 0; table-layout: fixed; color: #555; border-collapse: collapse; border: 1px dotted #aaa; }
      #textbox table.contenttable th { margin: 10px 0 5px 0; padding: 3px; font-size: 12px; font-weight: bold; text-align: left; }
      #textbox table.contenttable td { padding: 3px; font-size: 12px; border: 1px dotted #aaa; }
      #textbox table.contenttable td.td-0 { width: 445px; background: #e8e8e8; }
      #textbox table.contenttable td.td-1 { width: 80px; text-align: center; }

    #cotextbox { margin-top: 5px; width: 590px; border: 1px solid #6F0000; }

      #indexbox #cotextbox h1,
      #indexbox #cotextbox h2 { margin: 0 0 15px 0; padding: 5px 15px; width: 560px; font-size: 14px; text-transform: none; color: #fff; background: #6F0000; }
      #cotextbox h1 { margin: 0 0 10px 0; padding: 5px 15px; width: 560px; font-size: 14px; text-transform: uppercase; color: #fff; background: #6F0000; }
      #cotextbox h2 { margin: 10px 0; padding: 5px 15px 0 15px; font-size: 12px; color: #555; }
      #cotextbox h3 { position: absolute; z-index: 500; margin: -20px 0 0 0; padding: 0; width: 590px; text-align: center; font-size: 1px; font-weight: bold; color: #fff; }
      #cotextbox h4 { margin: 0; padding: 10px 15px; width: 560px; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #fff; background: #6F0000; }
      #cotextbox h5 { margin: 5px 0 0 0; padding: 5px 15px; width: 560px; font-size: 13px; text-transform: uppercase; color: #fff; background: #6F0000/*2F4F64*/; }
      /* 2. Überschrift Startseite */
      #cotextbox h6 { position: absolute; z-index: 500; margin: -20px 0 0 0; width: 590px; text-align: center; font-size: 1px; color: #fff; }

      #cotextbox p { margin: 0; padding: 0 15px 15px 15px; font-size: 12px; line-height: 130%; color: #555; }
      #cotextbox p.bodytext {  }

      #indexbox #cotextbox h4 { margin-bottom: 10px; padding: 10px; width: 570px; }
      #indexbox #cotextbox p { margin-top: 0; padding: 0 15px 15px 15px; }
      #indexbox #cotextbox p.bodytext { top: 0; }
      #indexbox #cotextbox .csc-textpic-imagewrap { margin: 0 15px 5px 0; }

      #cotextbox div.tx-mlimagerotator-pi1 { width: 590px; height: 362px; overflow: hidden; }
      #cotextbox div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image { margin: 0; }
      #cotextbox div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image { margin: 0; }

      #cotextbox table.contenttable { margin: 0 0 15px 15px; padding: 0; table-layout: fixed; color: #555; border-collapse: collapse; border: 1px dotted #aaa; }
      #cotextbox table.contenttable th { margin: 10px 0 5px 0; padding: 3px; font-size: 12px; font-weight: bold; text-align: left; }
      #cotextbox table.contenttable td { padding: 3px; font-size: 12px; border: 1px dotted #aaa; }
      #cotextbox table.contenttable td.td-0 { width: 445px; background: #e8e8e8; }
      #cotextbox table.contenttable td.td-1 { width: 80px; text-align: center; }

      #submenubox { position: absolute; top: 300px; margin-left: 5px; }

  #right { position: relative; left: 10px; float: left; width: 220px; }

    #servicebox { width: 215px; height: 130px; overflow: hidden; }
    #servicebox h1 { margin: 0 0 10px 0; padding: 5px 10px; font-size: 12px; text-transform: uppercase; color: #fff; background: #2F4F64; }

    #minibox { margin-top: 1px; width: 215px; }
    #minibox h2 { margin: 0 0 10px 0; padding: 6px 10px; font-size: 12px; text-transform: uppercase; color: #fff; background: #2F4F64; border-top: 4px solid #fff; }
    #minibox h3 { margin: 0px 10px 10px 10px; padding: 0; font-size: 12px; color: #fff; }
      #minibox h3 a { display: block; padding: 7px 10px 7px 35px; width: 150px; font-weight: normal; text-decoration: none; color: #fff; background: #6F0000 url(../../../bilder/grafik/cart.png) 5px 4px no-repeat; }
      #minibox h3 a:hover { text-decoration: none; opacity: 0.6; moz-opacity: 0.6; filter: alpha(opacity=60); }
    #minibox p { margin: 0 10px 10px 10px; font-size: 11px; color: #555; }
    #minibox table { table-layout: fixed; margin: 0 10px 10px 10px; border-collapse: collapse; border-spacing: 0; border-bottom: 1px solid #a0a0a0; }
      #minibox table td { padding: 0 0 10px 0; font-size: 11px; vertical-align: top; color: #555; }
      #minibox table td img { border: 1px solid #a0a0a0; }
      #minibox table td img:hover { opacity: 0.6; moz-opacity: 0.6; filter: alpha(opacity=60); }

    #newsbox { margin-bottom: 10px; width: 215px; }
    #diversebox { width: 215px; /*background: #FFC4A0*/; }
    #shopnavbox { padding-bottom: 10px; width: 215px; /*background: #FFC4A0*/; }

    #newsbox h1, 
    #newsbox h2 { margin: 0 0 10px 0; padding: 6px 10px; font-size: 12px; text-transform: uppercase; color: #fff; background: #2F4F64; border-top: 5px solid #fff; }
    #newsbox p { margin: 0 0 10px 0; padding: 0 0 0 10px; width: 180px; font-size: 11px; line-height: 150%; color: #555; }
    #newsbox a { font-size: 12px; text-decoration: none; color: #888; }
    #newsbox a:hover { text-decoration: none; color: #6F0000; }

    #shopnavbox h1 { margin: 0 0 10px 0; padding: 6px 10px; font-size: 12px; text-transform: uppercase; color: #fff; background: #6F0000; }    
    #shopnavbox h2 { margin: 0 0 10px 0; padding: 6px 10px; font-size: 12px; text-transform: uppercase; color: #fff; background: #2F4F64; border-top: 5px solid #fff; }
    #shopnavbox p { margin: 0; padding: 0 0 0 10px; width: 180px; font-size: 11px; line-height: 150%; color: #6F0000; }

    #diversebox h1,
    #diversebox h2 { margin: 0 0 10px 0; padding: 6px 10px; font-size: 12px; text-transform: uppercase; color: #fff; background: #2F4F64; border-top: 5px solid #fff; }
    #diversebox h5 { margin: 0 0 0 10px; padding: 0; font-size: 12px; font-weight: normal; color: #6F0000; }
    #diversebox p { margin: 0 0 10px 0; padding: 0 0 0 10px; width: 180px; font-size: 11px; line-height: 150%; color: #6F0000; }
    #diversebox a { font-size: 12px; text-decoration: none; color: #888; }
    #diversebox a:hover { text-decoration: none; color: #6F0000; }
    #diversebox .zoek_all { padding: 0 0 10px 10px; }

/* #### footer ### */

#footer { margin: 0 auto; padding: 5px 0 10px 0; width: 1017px; border-top: 1px dotted #a0a0a0; }
  #creditbox { float: left; width: 227px; overflow: hidden; }
    #creditbox p { margin: 3px 0 0 0; padding: 0; font-size: 10px; color: #aaa; }
  #socialbox { float: right; width: 790px; overflow: hidden; }
    #socialbox .tx-timtabsociable-pi1 { margin: 0; padding: 0; font-size: 10px; text-align: right; color: #aaa; }
    #socialbox img { padding-left: 5px; }
    #socialbox img:hover { opacity: 0.6; moz-opacity: 0.6; filter: alpha(opacity=60); }