@charset "UTF-8";
/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
**
**  Date     : 23.8.07
**  File     : myOwnStyles.css
**  Function : This file is not part of the YAML-CSS-Framework.
**             It was included to give the user the possibility to quickly apply tests, changes or
**             whatever with no need to change the YAML-files and mess up anything.
**             Hmmm. Does this make sense? Anyway, use it or just leave it empty. It will do no harm.
**             This is the last stylesheet beeing imported. So, everything can be overwritten here.
**             Be careful what you put in here and don't hold us responsible for anything that goes wrong...
*/
@media all
{
/* Your styles here */

  /* verlauf CBFECB */
  body {background-color:#006600; padding-bottom:0; padding-top:0; border-top:0; margin-top:0; } 
  #page_bg_top {background:#CBFECB url("../img/green_by_mb.png") top left repeat-x; padding-top:10px; } 
  #page_bg_bottom {background:transparent url("../img/green_by_mb_btm.png") bottom left repeat-x; padding-bottom:10px;} 
  
  #page {border:none; background-color: transparent; }

  #page_margins {min-width:900px; max-width:901px; } 

  *html #page_margins { width:900px; }

  #main { min-height:700px; }
  *html #main { height:700px; }
  
  /* fonts */
  body {font-family:'Trebuchet MS',Verdana,Arial; } 
  h1 {font-size:155%} 
  h2 {font-size:130%} 
  h3 {font-size:115%} 
  h4,h5,h6 {font-size:110%} 
  h1,h2,h3 {color:#182e7a;}

  /* grey */
  #top_subcl {background:transparent url("../img/top_left_2.jpg") no-repeat top left; height:28px;}
  #top_subcr {background:transparent url("../img/top_right_2.jpg") no-repeat top right; height:28px;}
  #bot_subcl {background:transparent url("../img/bot_left_sh.png") no-repeat bottom left; height:65px;}
  #bot_subcr {background:transparent url("../img/bot_right_sh.png") no-repeat bottom right; height:65px;}

  *html #bot_subcl {background:transparent url("../img/bot_left.gif") no-repeat bottom left; height:20px;}
  *html #bot_subcr {background:transparent url("../img/bot_right.gif") no-repeat bottom right; height:20px;}
  
  /* formatting of page template with only 1 column - e.g. template of "home" page */
  #col3_1col {margin:0;}

  /* formatting of page template with 2 columns */
  #col3_2col {margin:0 0 0 25%;}

  /* formatting of footer */
  #footer {text-align: center; font-size:83%; padding:10px;}

  /* adapt tab navigation to green color */
  #nav_main li {background-color: #ADCB6C;}
  #nav_main a, #nav_main strong {color: #444;}
  #nav_main ul li:focus, #nav_main ul li:hover, #nav_main ul li:active {background-color: #D7E6B8;}
  #nav_main a:focus, #nav_main a:hover, #nav_main a:active {color: #444;}
  #nav_main #current a, #nav_main #current strong {color: #444;}

  /* adapt sub navigation */
  #submenu li#title {float: left;margin: 0;padding: 0;width: 100%;}


  /* adapt sub navigation to green color */
  #submenu {border-top: 1px #888 solid; }
  #submenu a, #submenu strong {border-bottom: 1px #ddd solid; }

  /* first level sub navigation */
  #submenu li#active, #submenu li strong {background-color:#D7E6B8; color:#444; border-bottom: 1px #ddd solid; }
  #submenu li a:focus, #submenu li a:hover, #submenu li a:active { background-color:#ADCB6C; color: #000; }
  
  /* second level sub navigation */
  #submenu li ul li a:focus, #submenu li ul li a:hover, #submenu li ul li a:active { background-color:#ADCB6C; color: #000; }


  /* adapt green box to right green color */
  .REboxGreenContent {background-color:#D7E6B8; border-left-color:#9DB960; border-right-color:#9DB960;}
  .rGline2, .rGline3, .rGline4 {background:#D7E6B8; border-left-color:#9DB960; border-right-color:#9DB960;}
  .rGline1 {background:#9DB960;}
  

  /* formatting of mail form */
  .mailformplus_contactform .error {color:#dd7777;}
  .mailformplus_contactform LABEL {font-weight:bold;display:block;float:left;width:25%;}
  .mailformplus_contactform .caption {margin:10px 0 5px 0;font-weight:bold;}

  /* formatting of select */
  select {margin-left:1em; padding:2px; width:auto; font:1em Verdana, Arial, Helvetica, Sans-Serif; border:1px #ccc solid; background:#fafafa; color:#777;}
  
  /* teaser box in general */
  .teaser_home {position:relative; width:100%;}

  .lteaser {position:relative;}
  #lteaser_1 {z-index:1033; position:relative; visibility:visible;}
  #lteaser_2 {z-index:1032; position:absolute; visibility:hidden;}
  #lteaser_3 {z-index:1031; position:absolute; visibility:hidden;}
  #lteaser_4 {z-index:1030; position:absolute; visibility:hidden;}
  
/*
  .lteaser .REboxBlueContent { height:300px; }
  .lteaser .REboxGreenContent { height:300px; }
  .lteaser .REboxRedContent { height:300px; }
*/

  .lteaser .REboxBlueContent { height:410px; }
  .lteaser .REboxGreenContent { height:300px; }
  .lteaser .REboxRedContent { height:300px; }

  #steaser_1 {background: url("../img/steaser.jpg") top left no-repeat; height:100px; width:280px; margin-bottom:10px; font-size: 85%}
  #steaser_2 {background: url("../img/steaser.jpg") top left no-repeat; height:100px; width:280px; margin-bottom:10px; font-size: 85%}

/*  #steaser_3 {background: url("../img/steaser.jpg") top left no-repeat; height:100px; width:280px; font-size: 85%} */

  #steaser_3 {background: url("../img/steaser.jpg") top left no-repeat; height:100px; width:280px; margin-bottom:10px; font-size: 85%}
  #steaser_4 {background: url("../img/steaser.jpg") top left no-repeat; height:100px; width:280px; font-size: 85%}

  .steaser_content {padding:10px;}
  
  /* formatting of top nav */
  #topnav{position:relative;top:3px;right:10px;text-align:right}
  #topnav { color:#fff; }
  #topnav a { color:#fff; }
  #topnav a:focus, #topnav a:hover, #topnav a:active { color:#fff; }
  
  
  /* formatting of news items */
  .news-list-item img {float:left; padding-right:10px;}
  .news-list-item .news-list-info {color:#aaa; font-weight:normal; font-size:83%;}
  .news-list-item h3 a {text-decoration:none;}
  .news-single-item .news-single-info {color:#aaa; font-weight:normal; font-size:83%;}
  
  /* formatting of search box */
  #header div.tx-macinasearchbox-pi1 { z-index: 333; }
  #header div.tx-macinasearchbox-pi1 #searchform input { height: 18px; }
  
  /* formatting of tip a friend */
  .tx_tipafriend label { width: 30%; display: block; float:left; }
  .tx_tipafriend_codetext { margin-left: 30%; }
  .freecap_notice { margin-left: 1em; }
  .tx_tipafriend_error_text { color:#f00; }
  
  /* formatting of buttons */
  table.btn { width: 100%; table-layout:fixed; }
  .btn td { padding:0; }
  .blue td.button { background-image: url("../img/buttons/bm_btn.gif"); }
  .blue td.button a, .blue td.button a:focus, .blue td.button a:hover, .blue td.button a:active { color:#fff; font-weight:bold; font-size:110%; text-decoration:none; }
  
  .tx-simplesurvey-pi1-answer input { margin-right:8px; }
  .tx-simplesurvey-pi1-question { margin-bottom:5px; }
  
  /* styles for commenting form (extension guestbook)

  /* form styles */
  .tx-veguestbook-pi1 .tx-guestbook-field {
    clear: both;
    padding: 1em 0;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-field label {
    float: left;
    width: 7em;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med {
    float:left;
    width:10em;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
    float:left;
    width:20em;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {
    width: 30em;
    float: left;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield {
    color:#990000;
  }
  
  .tx-veguestbook-pi1 fieldset {
    border:none;
  }
  
  .tx-veguestbook-pi1 legend {
    display:none;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-clear {
    clear:both;
  }
  
  .tx-veguestbook-pi1 input.tx-guestbook-submit {
    width:auto;
  }
  
  /* retailer list */
  table.retailer-list tr.item td { border-bottom: 1px solid #dddddd; vertical-align:top; }
  
  
  /* price list */
  table.ptabelle th.td-0, table.ptabelle td.td-0 {width: 50%;}
  table.ptabelle th.td-1, table.ptabelle td.td-1, table.ptabelle th.td-1, table.ptabelle td.td-1 {width: 25%;}
  
  /* format download form */
  #download-submit {font-weight:bold; border: 3px solid #042D6F; color: #FFFFFF; background-color: #1C60AA; padding: 5px;}
  
  td.csc-textpic-image {width: 180px; height:150px; border: 1px solid #aaa; }
}