/*
   
	ask-online.ch - global.css

	aquaverde GmbH, 2011
		
*/


/* --------------------- reset */

* { padding: 0; margin: 0; border: 0; outline: none; }


/* --------------------- misc */

body { background: #dbdad8; }

html, body { height: 100%; }

.left { float: left; }

.right { float: right; }

.hidden { display: none; }


/* --------------------- clearfix */

.clear:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
 
.clear { display: inline-block; } html[xmlns] .clear { display: block; } * html .clear { height: 1%; }


/* --------------------- typography */

body, label, input, textarea { font: normal 13px/130% 'Droid Sans', Arial, Helvetica, sans-serif; color: #000; }

input.submit, input.powermail_submit { font: bold 11px 'Droid Sans', Arial, Helvetica, sans-serif; color: #fff; }

p { margin-bottom: 17px; line-height: 140%; }

h1 { font: bold 18px 'Droid Sans', Arial, Helvetica, sans-serif; color: #000; }

h2 { font: bold 14px 'Droid Sans', Arial, Helvetica, sans-serif; color: #000; }

h3 { font: bold 12px 'Droid Sans', Arial, Helvetica, sans-serif; color: #a39d96; border-bottom: 1px #a39d96 solid; text-transform: uppercase; padding-bottom: 3px; margin-bottom: 3px; }

ul { margin-left: 17px; }

/* --------------------- links */

a:link, a:active, a:visited { color: #ec9933; text-decoration: none; }

a:hover { color: #a39d96; text-decoration: underline; }


a.link-orange { font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 3px 4px 2px 4px; margin-bottom: 4px; }

html.webkit a.link-orange { padding: 4px 4px 2px 4px; }

a.link-orange:link, a.link-orange:active, a.link-orange:visited { color: #fff !important; text-decoration: none !important; background: #ec9933; }

a.link-orange:hover { color: #fff !important; text-decoration: none !important; background: #a39d96; }


.moreLink a { font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 3px 4px 2px 4px; margin-bottom: 17px; }

html.webkit .moreLink a { padding: 4px 4px 2px 4px; }

.moreLink a:link, .moreLink a:active, .moreLink a:visited { color: #fff !important; text-decoration: none !important; background: #ec9933; }

.moreLink a:hover { color: #fff !important; text-decoration: none !important; background: #a39d96; }


a.link-grau { font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 3px 4px 2px 4px; margin-bottom: 4px; }

html.webkit a.link-grau { padding: 4px 4px 2px 4px; }

a.link-grau:link, a.link-grau:active, a.link-grau:visited { color: #fff !important; text-decoration: none !important; background: #a39d96; }

a.link-grau:hover { color: #fff !important; text-decoration: none !important; background: #ec9933; }


a.link-schwarz { font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 3px 4px 2px 4px; margin-bottom: 4px; }

html.webkit a.link-schwarz { padding: 4px 4px 2px 4px; }

a.link-schwarz:link, a.link-schwarz:active, a.link-schwarz:visited { color: #fff !important; text-decoration: none !important; background: #1c1c1c; }

a.link-schwarz:hover { color: #fff !important; text-decoration: none !important; background: #a39d96; }


#rightCol .promo a.link-orange { font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 3px 4px 2px 4px; margin-bottom: 4px; float: left; }

html.webkit .promo a.link-orange { padding: 4px 4px 2px 4px; }

#rightCol .promo a.link-orange:link, #rightCol .promo a.link-orange:active, #rightCol .promo a.link-orange:visited { color: #fff; text-decoration: none; background: #1c1c1c; }

#rightCol .promo a.link-orange:hover { color: #fff; text-decoration: none; background: #a39d96; }


a.link-download-oben-rechts { font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 2px 4px 0 4px; margin: 4px 0; float: right; margin-left: 19px; }

html.webkit a.link-download-oben-rechts { padding: 3px 4px 0 4px; }

a.link-download-oben-rechts:link, a.link-download-oben-rechts:active, a.link-download-oben-rechts:visited { color: #fff; text-decoration: none; background: #a39d96; }

a.link-download-oben-rechts:hover { color: #fff; text-decoration: none; background: #ec9933; }


h1 a:link, h1 a:active, h1 a:visited { color: #000; text-decoration: none; }

h1 a:hover { color: #a39d96; text-decoration: none; }


#teaserPromo h1 a:link, #teaserPromo h1 a:active, #teaserPromo h1 a:visited { color: #fff; text-decoration: none; }

#teaserPromo h1 a:hover { color: #ccc; text-decoration: none; }


#rightCol .promo h1 a:link, #rightCol .promo h1 a:active, #rightCol .promo h1 a:visited { color: #fff; text-decoration: none; }

#rightCol .promo h1 a:hover { color: #000; text-decoration: none; }


#footer a:link, #footer a:active, #footer a:visited { color: #ec9933; text-decoration: none; }

#footer a:hover { color: #a39d96; text-decoration: none; }


/* --------------------- layout */

#bkgWrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0; display: none; }

#bkgWrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }

#wrapper { position: relative; width: 980px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; background: url(../interface/bkgWrapper.png) repeat-y; z-index: 1; }

#header { width: 940px; padding: 14px 20px 0 20px; }

#header #logo { width: 320px; padding-bottom: 8px; }
	
#header #searchBar { width: 220px; height: 18px; float: right; margin-top: -25px; }

#header #searchBar input.search { width: 144px; height: 13px; padding: 2px; float: left; background: #f0efee; border: 1px #a39e97 solid; }

#header #searchBar input.submit { float: right; text-align: center; background: #a39d96; color: #fff; cursor: pointer; text-transform: uppercase; padding: 2px 4px 1px 4px; }

html.webkit #header #searchBar input.submit { padding: 4px 4px 2px 4px; }

#header #searchBar input.submit:hover { background: #ec9933; }

#content { width: 940px; padding: 21px 20px 0 20px; }

#leftCol { width: 700px; float: left; }

#leftCol .entry { padding: 0 20px; margin-bottom: 20px; background: #fff; font-size: 13px; }

#leftCol .entry h1 { font-size: 18px; margin-bottom: 10px; }

#leftCol .entry .imgWrap { float: left; margin: 2px 20px 17px 0 !important; clear: both; }

#leftCol .entry .csc-textpic-intext-right .imgWrap { float: right; margin: 2px 0 17px 20px !important; clear: both; }

#leftCol .entry .imgWrap img { padding-bottom: 5px; }

#leftCol .entry .imgWidth img { width: 160px !important; height: auto !important; }

#leftCol .entry .imgWrap .caption { font-size: 11px; }

#leftCol .entry .date { font-size: 12px; /* display: block; */ }

#leftCol .entry .article { width: 660px; border-top: 1px #d4d2d0 solid; padding: 16px 0 2px 0 !important; float: left; }

#leftCol .tx-bitpagemenu-pi1 .article { padding: 16px 0 17px 0 !important; float: none !important; }

#leftCol .tx-bitpagemenu-pi1 .article .imgWrap { margin-bottom: 8px !important; }

#leftCol .tx-bitpagemenu-pi1 .article .teaserTxt { margin-bottom: 17px !important; }

#leftCol .entry .promo { padding: 14px 0 0 0; font-size: 14px; }

#leftCol .entry .promo h1 { font-size: 20px; margin-bottom: 10px; }

#leftCol .entry .basic { padding: 16px 0 0 0; font-size: 14px; }

#leftCol .entry .basic span.date { margin: -6px 0 12px 0 !important; }

#leftCol .entry .basic h3, #leftCol .entry .basic h2 { margin-bottom: 6px; }

#rightCol { width: 220px; float: right; }

#rightCol .entry { padding: 0 20px; margin-bottom: 20px !important; background: #fff; font-size: 13px; }

#rightCol .entry .date { font-size: 11px; display: block; }

#rightCol .entry h1 { font-size: 15px; margin-bottom: 10px; }

#rightCol .entry p { font-size: 12px !important; }

#rightCol #teaserImg { padding: 0; }

#rightCol #teaserNews { width: 180px; background: #fff; padding: 16px 20px 3px 20px; }

#rightCol #teaserPromo { padding: 17px 20px 3px 20px; background: #e93; color: #fff; }

#rightCol #teaserPromo h1 { color: #fff; font-size: 15px; }

#rightCol #teaserPromo h2 { color: #fff; border-bottom: 1px #fff solid; }

#rightCol #teaserPromo p { color: #fff; font-size: 14px; }

#footer { width: 940px; padding: 15px 20px; background: #f3f3f3; }

#footer #contact { float: left; }

#footer #contact h1 { font-size: 13px; margin-bottom: 5px; }


/* --------------------- navigation */

#metaNav ul { list-style: none; float: right; margin: 0; }

#metaNav ul li { display: inline; margin-left: 21px; }

#metaNav ul li a:link, #metaNav ul li a:active, #metaNav ul li a:visited { color: #000; text-decoration: none; }

#metaNav ul li a:hover { color: #a39d96; text-decoration: none; }

#metaNav ul li a.on { color: #ec9933 !important; font-weight: bold; }


#navig { width: 940px; padding-top: 4px; }

#mainNav { width: 940px; background: #000; list-style: none; float: left; margin: 0; }

#mainNav li { display: inline; }

#mainNav li a { float: left; padding: 6px 9px 4px 9px; margin-right: 6px; font: normal 15px 'Droid Sans', Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: .4px; }

#mainNav li a:link, #mainNav li a:active, #mainNav li a:visited { color: #fff; text-decoration: none; }

#mainNav li a:hover { color: #a39d96; text-decoration: none; }

#mainNav li a.on { color: #ec9933 !important; text-decoration: none; }


#subNav { width: 940px; list-style: none; float: left; margin: 0; }

#subNav li { position: relative; display: inline; float: left; }

#subNav li a { float: left; padding: 6px 0 4px 0; margin-right: 24px; font: normal 15px 'Droid Sans', Arial, Helvetica, sans-serif; }

#subNav li a:link, #subNav li a:active, #subNav li a:visited { color: #000; text-decoration: none; }

#subNav li a:hover { color: #a39d96; text-decoration: none; }

#subNav li a.on { font-weight: bold; color: #ec9933 !important; text-decoration: none; }


ul.subSubNav { position: absolute; top: 28px; left: -5px; width: 250px; list-style: none; background: #f8f8f8; padding: 0 5px 1px 5px; margin: 0; z-index: 1000; display: none; }

ul.subSubNav li a { width: 250px; display: block; padding: 6px 0 4px 0; border-top: 1px #d1cecd solid; font: normal 13px 'Droid Sans', Arial, Helvetica, sans-serif; margin-right: 0; }

ul.subSubNav li:first-child a { border-top: none; }

ul.subSubNav li a:link, ul.subNav li a:active, ul.subNav li a:visited { color: #000; text-decoration: none; }

ul.subSubNav li a:hover { color: #a39d96; text-decoration: none; }

ul.subSubNav li a.on { font-weight: bold; color: #000 !important; text-decoration: none; }


#rootline { padding: 8px 10px; margin-bottom: 20px; background: #e1dfdf; font-size: 12px; }

#rootline ul { list-style: none; margin: 0; }

#rootline ul li { float: left; display: inline; }

#rootline ul li a { float: left; }

#rootline ul li a:link, #rootline ul li a:active, #rootline ul li a:visited { color: #000; text-decoration: none; }

#rootline ul li a:hover { color: #a39d96; text-decoration: none; }

#rootline ul li a.on { font-weight: bold; color: #ec9933 !important; text-decoration: none; }


#footerNav ul { list-style: none; float: right; margin: 0; }

#footerNav ul li { display: inline; }

#footerNav ul li a { float: left; margin-left: 20px; }

#footerNav ul li a:link, #footerNav ul li a:active, #footerNav ul li a:visited { color: #000 !important; text-decoration: none; }

#footerNav ul li a:hover { color: #a39d96 !important; text-decoration: none; }

#footerNav ul li a.on { color: #ec9933 !important; font-weight: bold; }


/* --------------------- sitemap */

.csc-sitemap ul { list-style: none; line-height: 20px; margin: 3px 0 19px 0; }

.csc-sitemap ul li { margin-top: 14px; }

.csc-sitemap ul ul li { margin-top: 0 !important; }

.csc-sitemap ul ul { margin-bottom: 14px; }

.csc-sitemap ul ul, .csc-sitemap ul ul ul, .csc-sitemap ul ul ul ul, .csc-sitemap ul ul ul ul ul { margin-left: 30px; }

.csc-sitemap ul a:link, .csc-sitemap ul a:active, .csc-sitemap ul a:visited { color: #ec9933; display: block; }

.csc-sitemap ul a:hover { color: #ec9933; }

.csc-sitemap ul ul a:link, .csc-sitemap ul ul a:active, .csc-sitemap ul ul a:visited { color: #000; display: block; }

.csc-sitemap ul ul a:hover { color: #ec9933; }

.csc-sitemap ul ul ul a:link, .csc-sitemap ul ul ul a:active, .csc-sitemap ul ul ul a:visited { color: #666; display: block; }

.csc-sitemap ul ul ul a:hover { color: #ec9933; }

.csc-sitemap ul ul ul ul a:link, .csc-sitemap ul ul ul ul a:active, .csc-sitemap ul ul ul ul a:visited { color: #999; display: block; }

.csc-sitemap ul ul ul ul a:hover { color: #ec9933; }


/* --------------------- powermail form / shop */

form#shop fieldset { border-top: 1px #d4d2d0 solid; padding: 13px 0; }

form#form fieldset { border: none !important; padding: 13px 0; }

form fieldset legend span { display: none; }

form fieldset .entry { padding: 0 !important; }

form .entry .imgWrap { padding-top: 1px; margin-bottom: 0px !important; }

form fieldset .entry .imgWrap img { padding-bottom: 0; }

form fieldset .tx_powermail_pi1_fieldwrap_html_text { padding: 2px; float: left; }

form fieldset .tx_powermail_pi1_fieldwrap_html_text input { width: 24px; height: 13px; padding: 2px; background: #f0efee; border: 1px #a39e97 solid; margin-right: 17px; }

fieldset.personaldata { border-top: 1px #d4d2d0 solid; padding: 13px 0; width: 660px; }

fieldset.personaldata .tx_powermail_pi1_fieldwrap_html { clear: both; }

.tx_powermail_pi1_fieldwrap_html .entry { margin-bottom: 0 !important; }

fieldset.personaldata .tx_powermail_pi1_fieldwrap_html_label { float: right; width: 349px; font-size: 11px; }

fieldset.personaldata h2 { margin-bottom: 10px; }

form fieldset.personaldata .tx_powermail_pi1_fieldwrap_html_text, form fieldset.personaldata .tx_powermail_pi1_fieldwrap_html_textarea, tx_powermail_pi1_fieldwrap_html_label { width: 660px; margin-top: 0; padding: 2px 0; float: left; }

form fieldset.personaldata .tx_powermail_pi1_fieldwrap_html_text label, form fieldset.personaldata .tx_powermail_pi1_fieldwrap_html_textarea label, p.tx_powermail_pi1_fieldwrap_html_checkbox_title, .tx_powermail_pi1_fieldwrap_html_radio_title { width: 170px !important; float: left; margin-bottom: 0; }

form fieldset.personaldata .tx_powermail_pi1_fieldwrap_html_text input { width: 300px; height: 13px; padding: 2px; background: #f0efee; border: 1px #a39e97 solid; float: left; }

form fieldset.personaldata .tx_powermail_pi1_fieldwrap_html_textarea textarea { width: 300px; max-width: 300px; height: 80px; max-height: 80px; padding: 2px; background: #f0efee; border: 1px #a39e97 solid; float: left; }

form fieldset.personaldata .powermail_submit { float: left; clear: both; text-align: center; background: #a39d96; color: #fff; cursor: pointer; text-transform: uppercase; margin-bottom: 5px; margin-top: 15px; padding: 2px 4px 1px 4px; }

html.webkit form fieldset.personaldata .powermail_submit { padding: 4px 4px 2px 4px; }

form fieldset.personaldata .powermail_submit:hover { background: #ec9933; }

.powermail_mandatory_js { font-size: 11px; color: #ec9933; padding-top: 2px; }

.powermail_check_inner, .powermail_radio_inner { margin-right: 17px; float: left; clear: both; }

.powermail_check_inner input { float: left; margin: 1px 7px 0 0; }

.powermail_check_inner label { float: right; }


/* --------------------- indexed search */

.tx-indexedsearch-form { display: none !important; }

ul.browsebox { list-style: none; width: 660px; float: left; margin: 0 0 20px 0; }

ul.browsebox li { display: inline; }

ul.browsebox li a { float: left; margin-right: 10px; }

.tx-indexedsearch-icon { position: relative; top: 2px; }

.res { margin-bottom: 20px; }

.result-number { display: none !important }

.tx-indexedsearch-res h3 { margin-bottom: 10px; }


/* --------------------- typo3 overwriters */

div.csc-textpic div.csc-textpic-single-image img { margin-bottom: 0 !important; }

div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap { margin-right: 0 !important; }

.csc-header-date { display: none !important; }

.csc-header { margin-bottom: 14px; }

.csc-textpic { background: #fff; }

.csc-textpic-intext-left ol, .csc-textpic-intext-right ol, .csc-textpic-text ol, .article ol { margin-left: 27px; line-height: 140%; }

.csc-textpic-intext-left ul, .csc-textpic-intext-right ul, .csc-textpic-text ul, .article ul { margin-left: 18px; line-height: 140%; }

ul.csc-bulletlist { margin: 0 0 20px 18px; }


/* --------------------- silly browser support */

/* ie8 */

html.msie8 input.submit, html.msie8 input.powermail_submit { padding: 3px 4px 2px 4px !important; }


/* ie7 */

html.msie7 input.submit, html.msie7 input.powermail_submit { padding: 2px 0 0 0 !important; }

html.msie7 #leftCol .entry .article { padding: 16px 0 0 0; }

html.msie7 #leftCol .entry.promo, html.msie7 #leftCol .entry.basic { padding: 14px 20px 0 20px; }

html.msie7 #rightCol .entry.teaser { padding: 16px 20px 0 20px; }

html.msie7 .powermail_check_inner { width: 600px; position: relative; }

html.msie7 .powermail_check_inner label { margin-left: 19px; width: 600px;  }

html.msie7 .powermail_check_inner input { position: absolute; top: -3px; left: -3px; }


/* ie6 */

html.msie6 input.submit, html.msie6 input.powermail_submit { padding: 2px 0 0 0 !important; }

html.msie6 body { text-align: center; }

html.msie6 #bkgWrapper { display: none !important; }

html.msie6 #wrapper { background: #e8e7e6 none; text-align: left; }

html.msie6 #leftCol .entry .article { padding: 16px 0 0 0; }

html.msie6 #leftCol .entry.basic, html.msie6 #leftCol .entry.promo { padding: 14px 0 1px 0; width: 660px; }

html.msie6 #rightCol .entry.teaser { position: relative; overflow: hidden; background: #fff !important; color: #000 !important; padding: 16px 20px 0 20px; }

html.msie6 #rightCol .entry p { color: #000 !important; }

html.msie6 #rightCol #teaserPromo { background: #e93 !important; }

html.msie6 #rightCol #teaserPromo .basic p { color: #fff !important; font-size: 14px; }

html.msie6 #rightCol #teaserPromo .basic h1 { color: #fff; font-size: 15px; }

html.msie6 #rightCol #teaserPromo .basic h2 { color: #fff; border-bottom: 1px #fff solid; }

/* checkbox disappears with this solution:

html.msie6 .powermail_check_inner { width: 600px; position: relative; }

html.msie6 .powermail_check_inner label { margin-left: 19px; width: 600px;  }

html.msie6 .powermail_check_inner input { position: absolute; top: -3px; left: -3px; }

so do this: */

html.msie6 .powermail_check_inner { width: 600px; }

html.msie6 .powermail_check_inner label { margin-left: 19px; width: 600px;  }

html.msie6 .powermail_check_inner input { margin: -18px 0 0 -3px; }