/* -------------------------------------------------------------
   Goldsteig - Stylesheet
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
   .autor         Tobias Liegl (www.tobiasliegl.de)
   .version       1.3
   .url           goldsteig.de
   .timestamp     18/12/2009
   -------------------------------------------------------------	*/
/* -------------------------------------------------------------
   Table of Contents
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
   1. RESET, FONTS, BODY, HTML
   2. HELPER
      2.1  Clearfix
      2.2  Divider
   3. STRUCTURE
   4. CONTENT STYLES
   5. NAVIGATIONS
      5.1  Language navigation
      5.2  Info navigation
      5.3  Main navigation
      5.4  Sub navigation
      5.5  Locations
   6. ELEMENTS
      6.1  Header
      6.2  Section Image
      6.3  4-Column element
      6.4  2-Column element
      6.5  Carousel
      6.6  Search
      6.7  CSC Styles
      6.8  News
      6.9  Filelinks
      6.10 Product Box
      6.11 Accordion
      6.12 Contact Form
      6.13 Slimbox
      6.14 Table
      6.15 TeaserBox
      6.16 Glossary
      6.17 Login
      6.18 Newsletter
   -------------------------------------------------------------	*/

/* -------------------------------------------------------------
   1. Reset, fonts, body, html
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* ------ Reset part ------ */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/* ------ Custom Styles ------ */

html, body { height: 100%; }
html { background: #f6f5f5; overflow-y: scroll; }
body { color: #4c4b4b; font-family: arial, verdana, sans-serif; font-size: 12px; line-height: 18px; }

a { text-decoration: none; }

/* -------------------------------------------------------------
   2. Helper
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* 2.1 Clearfix */
.clear:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clear {display:inline-block;}
/* Hide from IE Mac \*/
.clear {display:block;}
/* End hide from IE Mac */

/* 2.2 Divider */
div.divider { background: url(../_img/divider.png) repeat-x; border: 0; clear: both; display: block; height: 1px; margin: 9px 0 14px 0; line-height: 0; font-size: 0; }

/* -------------------------------------------------------------
   3. Structure
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#wrap { background: url(../_img/bg-content.png) no-repeat; margin: 0 auto; width: 986px; /* padding: 0 10px 0 10px; */ }

#header { background: url(../_img/bg-header.png) no-repeat; position: relative; height: 157px; }

#navbar { float: left; width: 178px; padding: 0 0 24px 0; }
#contentWrapper { padding: 0 10px 0 17px; }
#start #contentWrapper { padding: 0 10px; }

#mainContentWrapper { float: right; width: 760px; }
#content { border-top: 14px solid #fff; float: left; width: 524px; padding: 0 0 16px 2px; }
#sidebar { /* background: url(../_img/bg-sidebar.png) no-repeat; */ border-top: 14px solid #fff; float: right; width: 176px; padding: 6px 15px 0 15px; /* min-height: 142px; */ }

#footer { background: url(../_img/bg-footer.png) bottom no-repeat; color: #818181; font-size: 10px; line-height: 12px; height: 50px; width: 986px; margin: 0 auto; }
/*
.en #footer { background: url(../_img/bg-footer_en.png) bottom no-repeat; }
.it #footer { background: url(../_img/bg-footer_it.png) bottom no-repeat; }
#start #footer { background: url(../_img/bg-footer-start.png) bottom no-repeat; height: 30px; }
*/

/* -------------------------------------------------------------
   4. Content styles
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#contentWrapper h1 { color: #004687; font-size: 30px; line-height: 34px; margin-bottom: 14px; }
#contentWrapper h2 { color: #004687; font-size: 18px; line-height: 23px; margin-bottom: 12px; }
#contentWrapper h2.product { background: url(../_img/divider.png) bottom repeat-x; padding-bottom: 7px;  }
#contentWrapper h2 a,
#contentWrapper h2 a:hover { color: #004687; font-weight: normal; text-decoration: none; }
#start #contentWrapper h2 { color: #004687; font-size: 15px; line-height: 19px; }
#start #contentWrapper h2 a,
#start #contentWrapper h2 a:hover { color: #004687; font-weight: bold; }
#contentWrapper h3 { color: #004687; font-size: 12px; line-height: 18px; margin-bottom: 12px; font-weight: bold; }
#contentWrapper h4 { color: #004687; background: url(../_img/divider.png) bottom repeat-x; padding-bottom: 7px; font-weight: normal; font-size: 14px; line-height: 18px; margin-bottom: 8px; }
#contentWrapper p { margin-bottom: 16px; }

#contentWrapper p.big { font-size: 14px; }

#contentWrapper a { color: #319edc; font-weight: bold; }
#contentWrapper a:hover { color: #319edc; text-decoration: underline; }
#contentWrapper a.more { background: url(../_img/arrow-right.gif) 2px 4px no-repeat; color: #319edc; font-weight: bold; padding-left: 10px; }

#mainContentWrapper ul { margin-bottom: 16px; }
#mainContentWrapper ul li { background: url(../_img/li-point.png) 1px 7px no-repeat; padding-left: 12px; }
#mainContentWrapper ul ul { margin-bottom: 0; }
#mainContentWrapper ul li li { background: url(../_img/li-point.png) 1px 7px no-repeat; }

#mainContentWrapper .csc-textpic-imagewrap ul li { background: none; padding-left: 0; }

#mainContentWrapper ol { margin-bottom: 16px; padding-left: 19px; }
#mainContentWrapper ol li { list-style-type: decimal; }


/* -------------------------------------------------------------
   5. Navigations
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* 5.1 Language navigation */
#navLang { position: absolute; top: 12px; right: 20px; padding: 12px 0 0 0; }
#navLang li { list-style-type: none; float: left; margin-right: 10px; }

#navLang a { display: block; width: 16px; height: 11px; overflow: hidden; text-indent: 999em; white-space: nowrap; }
#navLang .de { background: url(../_img/flags/de.png) 0 -11px no-repeat; }
#navLang .en { background: url(../_img/flags/en.png) 0 -11px no-repeat; }
#navLang .it { background: url(../_img/flags/it.png) 0 -11px no-repeat; }

#navLang .active .de,
#navLang .active .en,
#navLang .active .it,
#navLang .de:hover,
#navLang .en:hover,
#navLang .it:hover { background-position: 0 0; }


/* 5.2 Info navigation */
#navInfo { color: #1b3c70; position: absolute; top: 12px; left: 248px; padding: 8px 8px 0 0; }
#navInfo li { list-style-type: none; float: left; }
#navInfo li.last { background: none; }
#navInfo a { color: #1b3c70; display: block; float: left; padding: 1px 7px 0 7px; }
#navInfo a:hover, #navInfo a.active { color: #000; }

/* 5.3 Main navigation */
#navMain { position: absolute; left: 28px; bottom: 0; }
#navMain li { float: left; }
#navMain li.last { background: none; }
#navMain a { color: #fff; display: block; font-size: 16px; float: left; line-height: 32px; padding: 0 8px 0 8px; }
#navMain a.active,
#navMain a:hover { color: #ffd938; }

/* 5.4 Sub navigation */
#navSub { border-top: 1px solid #bcbcbc; margin-top: 18px; }
#navSub li a { border-bottom: 1px solid #bcbcbc; color: #4e4e4e; font-size: 13px; font-weight: normal; display: block; padding: 3px 0 3px 19px; width: 159px; }
#navSub li a:hover { background: #eef6ff; color: #319edc; text-decoration: none; }
#navSub li a.active { background: #eef6ff; color: #319edc; font-weight: bold; }
#navSub li li a { color: #4e4e4e; font-size: 11px; line-height: 13px; font-weight: normal; height: auto; padding: 6px 0 6px 34px; width: 144px; }
#navSub li li a:hover { background: none; color: #319edc; }
#navSub li li a.active { background: none; color: #319edc; font-weight: bold; }
#navSub li li li a { border-bottom: none; color: #4e4e4e; font-size: 11px; line-height: 13px; font-weight: normal; height: auto; padding: 2px 0 2px 48px; width: 130px; }
#navSub li li li a:hover { background: url(../_img/bg-navsub-point.png) 38px 7px no-repeat; color: #319edc; }
#navSub li li li a.active { background: url(../_img/bg-navsub-point.png) 38px 7px no-repeat; color: #319edc; font-weight: normal; }
#navSub li li li.first a { padding-top: 6px; background-position: 38px 11px }
#navSub li li li.last a { border-bottom: 1px solid #bcbcbc; padding-bottom: 6px; }


/* -------------------------------------------------------------
   6. Elements
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* 6.1 Logo */
#logo { background: url(../_img/logo-goldsteig-web.png) no-repeat; display: block; position: absolute; right: 45px; top: 72px; width: 207px; height: 120px; z-index: 30; }
#logo img { display: none; }

/* 6.2 Section Image */
#sectionImage { background: #fff; margin-bottom: 8px; }
#start #sectionImage { margin-bottom: 22px; }
#sectionImage div.csc-textpic div.csc-textpic-single-image img { margin-bottom: 0; }

/* 6.3 4-Column element */
.fce4column { /* padding-top: 8px; */ }
.fce4column .firstColumn { width: 246px; float: left; }
.fce4column .secondColumn { width: 237px; float: left; }
.fce4column .thirdColumn { width: 237px; float: left; }
.fce4column .fourthColumn { width: 246px; float: left; }
.fce4column div.csc-textpic div.csc-textpic-single-image img { border-bottom: 1px solid #1b3c70; margin-bottom: 16px; }

#contentWrapper .fce4column h2 { margin-bottom: 4px; padding: 0 20px; }
#contentWrapper .fce4column p { padding: 0 20px; }

#contentWrapper .fce4column .firstColumn h2,
#contentWrapper .fce4column .firstColumn p { padding: 0 20px 0 25px; }

#contentWrapper .fce4column .fourthColumn h2,
#contentWrapper .fce4column .fourthColumn p { padding: 0 25px 0 20px; }


/* 6.4 2-Column element */
.fce2column { /* 524px */ }
.fce2column .firstColumn { width: 250px; float: left; }
.fce2column .secondColumn { width: 250px; float: right; }

.fce3column { /* 524px */ }
.fce3column .firstColumn { width: 160px; float: left; margin-right: 22px; }
.fce3column .secondColumn { width: 160px; float: left; }
.fce3column .thirdColumn { width: 160px; float: right; }


/* 6.5 Carousel */
.carousel { width: 952px; height: 337px; position: relative; position: absolute; top: 140px; }
.carousel .carouselWrapper { width: 952px; overflow: auto; height: 337px; margin: 0; position: absolute; top: 0; left: 0; }
.carousel .carouselWrapper ul { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.carousel ul li { display: block; float: left; padding: 0; height: 337px; width: 952px; margin: 0; position: relative; }
.carousel ul li img { position: absolute; right: 20px; }
.carousel .carouselWrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.carousel .carouselWrapper ul ul li { float: none; height: auto; width: auto; background: none; }
.carousel .arrow,
.carousel .playing { display: none; }

#start #contentWrapper .tx-imagecycle-pi1,
#sectionImage { border-bottom: 7px solid #1b3c70; }

/* 6.6 Search */
#searchbar { position: absolute; left: 10px; top: 16px; height: 40px; }
#searchbar .tx-macinasearchbox-pi1 { padding-left: 15px; }
#searchform div { float: left; }
.tx-macinasearchbox-pi1 .sword input { border: 1px solid #e2e1e1; color: #8b8b8b; font-size: 12px; margin-right: 4px; padding: 5px 7px 5px 7px; height: 14px; width: 191px; }

.tx-indexedsearch-searchbox input.sword { border: 1px solid #bcbcbc; color: #7f7f7f; font-size: 12px; margin-right: 4px; padding: 3px 4px 2px 4px; width: 140px; }
.tx-indexedsearch-searchbox input.submit { border: 1px solid #bcbcbc; font-size: 12px; padding: 2px 4px 1px 4px; }
#mainContentWrapper ul.browsebox li { background: none; padding-left: 0; }

/* 6.7 CSC Styles */
.csc-textpic-caption { font-size: 10px; color: #828282; }

/* 6.8 News */
.news-single-backlink a,
.morelink a { background: url(../_img/arrow-right.gif) 2px 4px no-repeat; padding-left: 10px; }
.news-single-item .news-single-img { float: right; margin-left: 12px; }
.news-list-item img { float: left; margin: 0 12px 12px 0; padding-top: 4px; }
.news-single-timedata,
.news-list-date { font-size: 10px; }
.news-list-browse span { margin-right: 6px; }
#contentWrapper .news-single-item h1 { color: #004687; font-size: 18px; line-height: 23px; margin-bottom: 12px; }

/* 6.9 Filelinks */
.filelinks a { background: url(../_img/arrow-right.gif) 2px 4px no-repeat; padding-left: 10px; }
.filelinks span { font-size: 10px; color: #828282; }

/* 6.10 Product Box */
.productBox img { border: 1px solid #d4d4d4 !important; }
.productOverviewBox img { border-top: 1px solid #cbd3de !important; margin-bottom: 14px !important; }
#contentWrapper .productOverviewBox h2 { margin-bottom: 6px; }

/* 6.11 Accordion */
.rgaccord2-toggle { cursor: pointer; }

/* 6.12 Contact Form */
#anfrage { width: 524px; }
#anfrage legend { display: none; }
#anfrage label { display: block; float: left; width: 140px; font-weight: bold; }
#anfrage #powermaildiv_uid11 label,
#anfrage #powermaildiv_uid13 label,
#anfrage #powermaildiv_uid16 label,
#anfrage #powermaildiv_uid17 label,
#anfrage #powermaildiv_uid19 label,
#anfrage #powermaildiv_uid22 label,
#anfrage #powermaildiv_uid23 label,
#anfrage #powermaildiv_uid24 label,
#anfrage #powermaildiv_uid25 label,
#anfrage #powermaildiv_uid26 label,
#anfrage #powermaildiv_uid37 label,
#anfrage #powermaildiv_uid41 label,
#anfrage #powermaildiv_uid42 label,
#anfrage #powermaildiv_uid43 label,
#anfrage #powermaildiv_uid45 label { font-weight: normal; }
#anfrage #powermaildiv_uid11 input,
#anfrage #powermaildiv_uid13 input,
#anfrage #powermaildiv_uid16 input,
#anfrage #powermaildiv_uid17 input,
#anfrage #powermaildiv_uid19 input,
#anfrage #powermaildiv_uid37 input,
#anfrage #powermaildiv_uid41 input,
#anfrage #powermaildiv_uid42 input,
#anfrage #powermaildiv_uid43 input,
#anfrage #powermaildiv_uid45 input { border: 0; }
#anfrage .tx_powermail_pi1_fieldwrap_html { margin-bottom: 6px; }
#anfrage select { border: 1px solid #A5ACB2; padding: 2px; width: 256px; }
#anfrage input,
#anfrage textarea { border: 1px solid #A5ACB2; padding: 2px; width: 250px; }
#anfrage .tx_powermail_pi1_fieldwrap_html_submit { margin-left: 140px; width: 256px; }
* html #anfrage .tx_powermail_pi1_fieldwrap_html_submit { margin-left: 70px; }
#anfrage .validation-advice { color: red; display: block; margin-top: 4px; font-size: 11px; margin-left: 140px; }
#anfrage .powermail_check_inner { clear: both; width: 260px; padding-left: 140px; }
#anfrage .powermail_check_inner label { float: right; width: 240px; }
#anfrage .powermail_check_inner input { float: left; width: auto; }
.tx_powermail_pi1_fieldwrap_html_checkbox_title { display: none; }
#anfrage #powermaildiv_uid10,
#anfrage #powermaildiv_uid11,
#anfrage #powermaildiv_uid12,
#anfrage #powermaildiv_uid27,
#anfrage #powermaildiv_uid46 { clear: both; padding-top: 10px; }
#anfrage #powermaildiv_uid15,
#anfrage #powermaildiv_uid18,
#anfrage #powermaildiv_uid25,
#anfrage #powermaildiv_uid40,
#anfrage #powermaildiv_uid44,
#anfrage #powermaildiv_uid21 { clear: both; padding-top: 5px; }
#anfrage #powermaildiv_uid15,
#anfrage #powermaildiv_uid25,
#anfrage #powermaildiv_uid40,
#anfrage #powermaildiv_uid44,
#anfrage #powermaildiv_uid18,
#anfrage #powermaildiv_uid21,
#anfrage #powermaildiv_uid25 { font-weight: bold; padding-left: 140px; }

/* 6.13 Slimbox */
#lbPrevLink:hover { background: transparent url(../_img/prev.gif) no-repeat 0% 15% !important; }
#lbNextLink:hover { background: transparent url(../_img/next.gif) no-repeat 100% 15% !important; }
#lbCloseLink { width: 26px !important; height: 26px !important; background: transparent url(../_img/close.gif) no-repeat center !important; }

/* SLIMBOX */
#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(/typo3conf/ext/pmkslimbox/res/images/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(/typo3conf/ext/pmkslimbox/res/images/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(/typo3conf/ext/pmkslimbox/res/imges/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(/typo3conf/ext/pmkslimbox/res/images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }
#lbPrintLink { display: block; float: right; width: 22px; height: 22px; background: transparent url(/typo3conf/ext/pmkslimbox/res/images/sb_printicon.gif) no-repeat center; margin:0 5px 0 0; padding:1px; }
#lbSaveLink { display: block; float: right; width: 22px; height: 22px; background: transparent url(/typo3conf/ext/pmkslimbox/res/images/sb_saveicon.gif) no-repeat center; margin:0 5px 0 0; padding:1px; }
#lbSaveLink:hover,
#lbPrintLink:hover { border: 1px solid #666; padding: 0px; }


/* 6.14 Table */
.widetable { width: 100%; }

.contenttable { margin-bottom: 12px; }
.contenttable th { background: #eef6ff; border: 1px solid #ccc; font-weight: bold; padding: 3px 8px; vertical-align: top; }
.contenttable td { border: 1px solid #ccc; padding: 3px 8px; vertical-align: top; }

.productinfos { width: 524px; }

.articlevariants { width: 524px; }
.articlevariants .td-0 { width: 234px; }
.articlevariants .tr-1 td { background: #f6f6f6; border: 1px solid #ccc; font-weight: bold; }

.nutritivevalue { width: 524px; }
.nutritivevalue td.td-0 { background: #f6f6f6; width: 234px; font-weight: bold; }

.companyinfo td { width: 115px; }
.companyinfo .tr-1 td,
.companyinfo .tr-6 td { background: #f6f6f6; border: 1px solid #ccc; font-weight: bold; }

/* 6.15 TeaserBox */
.teaserBox { background: url(../_img/bg-box-yellow-2r.png) no-repeat; width: 186px; height: 189px; margin: -11px 0 0 -17px; padding: 11px 17px 0 17px; }
.teaserBoxAlt { color: #fff; background: url(../_img/bg-box-blue-2r.png) no-repeat; width: 186px; height: 189px; margin: -11px 0 0 -17px; padding: 11px 17px 0 17px; }
.teaserBoxAlt h2 { color: #fff !important; }
.teaserBoxAlt h2 a,
.teaserBoxAlt h2 a:hover { color: #fff !important; }

/* 6.16 Glossary */
.tx-a21glossaryadvancedoutput-pi1 .navbar { margin-bottom: 12px; }
.tx-a21glossaryadvancedoutput-pi1 .navbar a { margin-right: 4px; }

/* 6.17 Login */
.tx-felogin-pi1 { margin-bottom: 16px; }
.tx-felogin-pi1 legend { display: none; }
.tx-felogin-pi1 div { margin-bottom: 16px; }
.tx-felogin-pi1 div.error { color: red; }
.tx-felogin-pi1 fieldset div { margin-bottom: 8px; }
.tx-felogin-pi1 fieldset div label { float: left; width: 140px; }
.tx-felogin-pi1 input.submit { margin-left: 140px; width: 150px; }
.tx-felogin-pi1 fieldset div input { border: 1px solid #bcbcbc; padding: 3px 4px 3px 4px; width: 140px; }

/* 6.17 Newsletter */
#nlsubscribe { margin-bottom: 16px; }
#nlsubscribe div { margin-bottom: 8px; }
#nlsubscribe div label { float: left; width: 140px; }
#nlsubscribe div input { border: 1px solid #bcbcbc; padding: 3px 4px 3px 4px; width: 140px; }
#nlsubscribe input.submit { margin-left: 140px; width: 150px; }

table.tx-filelist-pi1-table { width: 100%; border: 1px solid #CCC; margin-bottom: 16px; }
table.tx-filelist-pi1-table th { background: #EEF6FF; border-bottom: 1px solid #CCC; padding: 4px 8px; font-weight: bold; }
table.tx-filelist-pi1-table td { padding: 4px 8px; border-bottom: 1px solid #CCC; }
table tr.tx-filelist-pi1-even td { background: #F6F6F6; }
td.tx-filelist-pi1-info, td.tx-filelist-pi1-date { font-size: 12px; width: 90px; }
table.tx-filelist-pi1-table .tx-filelist-pi1-icon { width: 16px; padding-right: 0; }