/*  01. BASICS ################################################ */
/*  02. LAYOUT ################################################ */
/*  03. METANAVIGATION ######################################## */
/*  04. MAINNAVIGATION ######################################## */
/*  05. FELOGIN ############################################### */
/*  06. SR_FEUSER_REGISTER #################################### */

/*  01. BASICS ################################################ */

* {
  padding: 0; 
  margin: 0;

}

body {
  overflow: -moz-scrollbars-vertical;
  font-size: 75%; 
  background-color: #fff; 
  font-family: Arial, Helvetica, sans-serif;
  /* => 0.75em bzw. 12px; http://www.reeddesign.co.uk/test/points-pixels.html */ 
}

/*  02. LAYOUT ################################################ */

#container {
  width: 72.5em;
  margin: 0 auto;
  background: #fff;
  position: relative;
}

#branding {
  height: 11.25em;
  width: 72.5em;
}

#branding h1 a {
  position: absolute;
  left: 2.0833em;
  top: 1.6666em;
  margin: 0em;
  display: block;
  width: 9.6666em;
  height: 7.5833em;
  background: url(../images/becher-logo-75.jpg) no-repeat;
}

#branding h1 a span {
  display: none;
}

#brandingImage {
  position: absolute;
  right: 0em;
}

#naviMain {
  position: relative;
}

#naviMain ul {
  height: 1.8333em;
  margin-top: 0.1666em;
  background: #9ccf73;
}

#naviMain ul li {
  display: inline;
}

#naviMain ul li a:hover {
    text-decoration: underline;
}

#naviMain ul li a {
  height: 1.1666em;
  display: block;
  float: left;
  text-decoration: none;
  padding: 0.3333em 1.4166em;
  
}

#naviMain ul li.act a, 
#naviMain ul li.cur a {
    background: #5E8F35;
    color: #fff;
} 

#naviMain ul li.first a {
  margin-left: 4.1666em;
  margin-right: 8.3333em;
}

.tx-macinasearchbox-pi1 {
  position: absolute;
  top: 0.25em;
  right: 0.4166em;
}

.tx-macinasearchbox-pi1 label {
  float: left;
  margin: 0.0833em 0.4166em 0em 0em;
}

.tx-macinasearchbox-pi1 label a {
  text-decoration: none;
}

input#suchwort {
  border: 0.0833em solid #9ccf73;
  float: left;
  margin-right: 0.25em;
}

input#suchen {
  margin-top: -0.0833em;
}

#naviSub {
  width: 13.9166em;
  float: left;
  margin: 2.5em 0em;
}

#contentAdditional {
  width: 12.25em;
  float: left;
  margin: 2.5em 0em 0em 0em;
}

#naviSub ul.level2 {
  padding-left: 0em;
}

#naviSub ul.level1 li a:hover, 
#naviSub ul.level2 li a:hover {
    text-decoration: underline;
}

#naviSub ul.level2 li a {
  padding-left: 3.75em;
  color: #5E8F35;
}

#naviSub ul li {
  padding-left: 0em;
}

#naviSub ul.level1 li.cur a,  
#naviSub ul.level1 li.act a {  
    background: #9ccf73;;
    color: #000;
}

#naviSub ul.level2 li.cur a {
    background: #E5FFCF;
}

#naviSub ul.level1 li.cur ul.level2 li.no a, 
#naviSub ul.level1 li.act ul.level2 li.no a {
    background: none;
    color: #5E8F35;
}  

#naviSub ul.level1 li.cur ul.level2 li.last,
#naviSub ul.level1 li.act ul.level2 li.last {
  border-bottom: 0.0833em solid #9ccf73;
}

#naviSub ul.level1 li ul.level2 li.last a,
#naviSub ul.level1 li.last a {
  border: none;
}


#naviSub ul li a {
  display: block;
  text-decoration: none;
  padding: 0.4166em;
  border-bottom: 0.0833em solid #9ccf73;
  padding-left: 2.5em;
}

#naviSub ul.level1 li ul.level2 li a {
  border-bottom: 0.0833em solid #9ccf73;
}

#contentMain {
  width: 51.0833em;
  float: right;
  min-height: 33.3333em;
  padding: 2.9166em 1.6666em 1.6666em 0em;
}

#naviMeta {
  clear: both;
  width: 72.5em;
  border-top: 0.0833em solid #f4cd93;
}

#naviMeta ul {
  margin: 0 auto;
  width: 54.5em;
}

#naviMeta ul li {
  display: block;
  float: left;
  padding: 0.4166em 0em;
}

#naviMeta ul li a {
  padding: 0em 1.25em;
  text-decoration: none;
}

#naviMeta ul li a:hover {
    text-decoration: underline;
}

#naviMeta ul li.cur a {
    text-decoration: underline;
}

#contentMain .csc-frame-galerie {
    width: 16em;
    float: left;
    overflow: hidden;
    margin-right: 0.8333em;
}


/*  05. FELOGIN ############################################### */

div.tx-felogin-pi1 legend {
    display: none;
}

div.tx-felogin-pi1 input {
    margin-bottom: 10px;
}

div.tx-felogin-pi1 .error p {
    color:#ED1F27;
}

/*  06. SR_FEUSER_REGISTER #################################### */

.tx-srfeuserregister-pi1 input {
    margin-bottom: 10px;
}


.tx-srfeuserregister-pi1 input[type=radio] {
    margin-bottom: 0px;
}

.tx-srfeuserregister-pi1-text, #tx-srfeuserregister-pi1-comments {
    width:29em;
}

#tx-srfeuserregister-pi1-gender-1 {
    margin-left: 15px;
}

#tx-srfeuserregister-pi1-gender-1, #tx-srfeuserregister-pi1-gender-0 {
    margin-right: 3px;
}

div.gender {
    margin-bottom: 10px;
}

#tx-srfeuserregister-pi1-zip {
    width:4.4em;
    margin-right: 15px;
}

#tx-srfeuserregister-pi1-city {
    width:23.25em;
}

#tx-srfeuserregister-pi1-password, #tx-srfeuserregister-pi1-password_again, #tx-srfeuserregister-pi1-first_name, #tx-srfeuserregister-pi1-last_name, #tx-srfeuserregister-pi1-telephone, #tx-srfeuserregister-pi1-fax, #tx-srfeuserregister-pi1-cnum, #tx-srfeuserregister-pi1-tx_cagaddfieldbecherlocation_becher_location {
    width:13.8333em;
    margin-right: 15px;
}

.tx-srfeuserregister-pi1-error {
    color:#ED1F27;
}

.checkbox {
    float: left;
    width: 132px;
}

#cagbuildingblocks_form .checkbox input {
    margin-right: 0.3em;
}

#label_newsletter_kategorien {
    display: block;
    margin-bottom: 0.5em;
}