/* IS reset */
html { height: 100%; margin: 0; padding: 0; }
body { width: 100%; height: 100%; margin: 0; padding: 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #464646; 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,em,strong,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; }
sup,sub { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit }
a { text-decoration: none; }
.clear { clear: both; }
/* / IS reset */

#overlay { background: url(../images/black70.png); }
#overlay { /*background: rgba(0, 0, 0, 0.8); */ display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 10; }
#overlay p { color: #fff; font-size: 10px; padding: 0 200px; text-align: center; }
#overlay a span { display: block; height: 0; overflow: hidden; }
#overlay_img { height: 500px; margin: 0 auto; width: 500px; }
#overlay_img a { background: url(../images/ace.png); display: block; height: 500px; width: 500px; }

p.skiplink{ padding: 0; }
a#skiptocontent { position: absolute; left: -9999px; z-index: 500; }
a#skiptocontent:active, a#skiptocontent:focus { width: 100%; padding: 2px 0 4px; left: 0; top: 0; text-align: center; font-size: 1em; font-weight: bold; color: #000; border: none; background: #ff0; }

div.banner { width: 960px; margin: 0 auto; background: #fff; }
div.banner a { display: block; height: 63px; }

#container { width: 960px; height: 100%; margin: 0 auto; position: relative; background: #fff; }
.down { height: auto !important; border: 1px #9d9d9d; border-style: none solid; }
.cHome { background: #11b9a8 !important; }

#header { height: 351px; padding: 16px 0 0 120px; position: relative; }
.hHome { background: url(../images/_headers/home.jpg) 0 0 no-repeat; }
.hWhy { background: url(../images/_headers/why.jpg) 0 0 no-repeat; }
.hWhat { background: url(../images/_headers/what.jpg) 0 0 no-repeat; }
.hHow { background: url(../images/_headers/how.jpg) 0 0 no-repeat; }
	
#header h1 { text-indent: -9999px; }
#header h1, a#logo { width: 110px; height: 116px; background: url(../images/logo.png) 0 0 no-repeat; }
a#logo, a#logo span { display: block; }
a#logo span { height: 0; overflow: hidden; }
	
.menu { height: 33px; position: absolute; top: 40px; left: 300px; background: #fff url(../images/menuBar.gif) 0 0 no-repeat; } 
* html body .menu { width: 575px; }
.menu li { margin: 5px; float: left; font-size: 12px; text-transform: uppercase; }
.menu a { height: 13px; padding: 5px 8px; float: left; display: block; text-align: center; font-weight: bold; color: #11b9a8; }
* html body .menu a { padding-bottom: 4px; }
.menu a:hover, .menu a.on { color: #fff; }

.menuHome a:hover, .menuHome a.on { background: #11b9a8; }
.menuWhat a:hover, .menuWhat a.on { background: #b01986; }
.menuWhy a:hover, .menuWhy a.on { background: #cd8804; }
.menuHow a:hover, .menuHow a.on { background: #2285d0; }

#content { padding: 10px 0 0; }
#content p { margin: 0 0 15px; }

#panels { width: 100%; height: 130px; margin: 10px 0 0; position: relative; overflow: hidden; }
#panels ul { position: relative; left: 50%; }
#panels ul, #panels li, #panels a { float: left; }
#panels li { margin: 0 8px; position: relative; right: 50%; }
#panels a { width: 184px; height: 23px; padding: 90px 0 0; display: block; color: #fff; text-align: center; }
#panels a:hover { margin: 1px 0 0; }
/*#pWhat a { background: url(../images/pWhat.png) 0 0 no-repeat; }*/
/*#pWhy a { background: url(../images/pWhy.png) 0 0 no-repeat; }*/
/*#pWhat a { background: url(../images/teaser1.jpg) 0 0 no-repeat; }
#pWhy a { background: url(../images/teaser2.jpg) 0 0 no-repeat; }
#pHow a { background: url(../images/pHow.png) 0 0 no-repeat; }
*/

#pWhat a { background: url(../images/was_ist_ace.jpg) 0 0 no-repeat; }
#pHow a { background: url(../images/wie_benutze_ich_ace.jpg) 0 0 no-repeat; }
#pWhy a { background: url(../images/strahlend_gut.jpg) 0 0 no-repeat; }

#content .banner { width: 594px; height: 71px; margin: 0 auto; display: block; clear: both; }

#centerColumn { width: 600px; margin: 10px auto 0; }
#centerColumn h1 { margin-bottom: 20px; font-size: 28px; font-weight: bold; color: #11b9a8; }
#centerColumn h2 { color: #008ed7; }
#centerColumn li { width: 600px; margin: 40px 0 0; }
#centerColumn ul ul { width: 360px !important; }
#centerColumn li li { width: 360px !important; margin: 0 0 8px; }
#centerColumn ul p { width: 360px; margin-top: 10px; margin-right: 40px; }
#centerColumn a { width: 360px; font-weight: 500; text-decoration: none; color: #11b9a8; }
#centerColumn a:hover { text-decoration: underline; }
#centerColumn img { width: 200px; float: right; }
#centerColumn a.thickboxThumb { width: 200px; float: right; }
#centerColumn img.woolmark { width: auto; float: none; clear: both; }

#instructions .pTSpray { height: 500px; border: 1px solid #333; background: url(../slides/images/pTSprayBg.jpg) 0 0 no-repeat; } 
#instructions .pTLiquid { height: 500px; border: 1px solid #333; background: url(../slides/images/pTLiquidBg.jpg) 0 0 no-repeat; } 
#instructions .wMLiquid { height: 500px; border: 1px solid #333; background: url(../slides/images/wMLiquidBg.jpg) 0 0 no-repeat; }
#instructions .hWLiquid { height: 500px; border: 1px solid #333; background: url(../slides/images/hWLiquidBg.jpg) 0 0 no-repeat; }
#instructions .bCleaner { height: 500px; border: 1px solid #333; background: url(../slides/images/bathroomCleaner.jpg) 0 0 no-repeat; }

#instructions p { width: 280px; margin: 10px 0 0 40px; } 
#instructions h1 { margin-left: 40px; clear: right; font-size: 16px; color: #f02127; } 
#instructions a { margin: 10px 10px 50px 0px; float: right; font-size: 14px; text-decoration: none; color: #11b9a8; }
#instructions a:hover { text-decoration: underline; }
#instructions a.blueLink { margin: 5px 10px 0 40px; float: left; font-size: 12px; text-decoration: none; color: #349be1; }
#instructions ul { width: 280px; margin: 10px 0 0 40px; }
#instructions li { margin: 0 0 8px; }

#footer { width: 100%; height: 25px; padding: 25px 0 0; display: inline; overflow: hidden; background: #11b9a8; }
.fDown { margin: 50px 0 0 !important; background: #fff !important; }
#footer, #footer ul, #footer li, #footer a { float: left; }
#footer, #footer ul, #footer li { position: relative; }
#footer, #footer a { font-size: 11px; color: #fff; }
.fDown, .fDown a { color: #333 !important; }
#footer ul { left: 50%; }
#footer li { padding: 0 10px; display: inline; right: 50%; border-left: 1px solid #ddd; }
#footer li.first { border: none; }
#footer a:hover { text-decoration: underline; }

h2 {
   font-size:14px;
   font-weight:bold;
}