Resultat de la compression du code CSS de www.zanox.com

Lasse nous voir ce que nous avons fait pour www.zanox.com

CSSCruncher.com à sauvgardé
21,33 % de code poour ce site! Incroyable!

Mais oh la la! On vient de trouver des erreurs dans ton code CSS!

» Montre touts les erreurs et avertissement

Code CSS comprimé:

*{margin:0;padding:0}
BODY{margin:0;padding:0;text-align:center;background-color:#FFFFFF}
DIV#main{margin:0 auto;width:805px;text-align:left}
DIV#main-popup{margin:0 auto;padding:20px 0 0 0;width:600px;text-align:left}
DIV#popup-left{float:left;width:410px}
DIV#popup-right{float:right;width:190px}
DIV#main-faq{margin:0 auto;padding:20px 0 0 0;width:600px;text-align:left}
DIV#faq-left{float:left;width:190px}
DIV#faq-right{margin:0 0 0 15px;float:right;width:395px}
H1,H2,H3,P,DIV,SPAN,A,FORM,LABEL,INPUT,SELECT,TEXTAREA,UL,OL,LI{font-family:Arial,Verdana,sans-serif}
H1{font-size:20px;font-weight:bold;color:#000;line-height:26px}
H2{font-size:12px;font-weight:bold;color:#000}
P{font-size:12px;color:#62696E;line-height:14px}
UL{list-style:none}
LI{font-size:12px}
FIELDSET{border:none}
LABEL{font-size:12px}
INPUT,TEXTAREA,SELECT{font-size:12px;color:#62696E;border:1px solid #F90}
INPUT.checkbox{border:none}
INPUT.submit, INPUT.clear{font-size:10px;font-weight:bold;color:#FFF;text-transform:uppercase;border:none;background-color:transparent}
A.mail{color:#000000}
A.contact{display:block;padding:0 0 0 20px;font-family:Arial,Verdana,sans-serif;font-size:11px;color:#000;text-decoration:underline;line-height:14px;background-image:url(../images/znx_link_ctc_arrow_org.gif);background-repeat:no-repeat;background-position:left 3px}
A.inline{display:inline;margin:0 !important;padding:0;background-image:none}
A.details{position:absolute;right:12px;bottom:6px;height:20px;padding:0 0 0 20px;font-family:Arial,Verdana,sans-serif;font-size:12px;font-weight:bold;text-decoration:underline;color:#000;vertical-align:bottom;background-image:url(../images/znx_link_dtl_arrow_org.gif);background-repeat:no-repeat}
A.video{display:block;position:absolute;left:0px;bottom:0px;margin:0;padding:8px 0 0 33px;width:51px;height:24px;font-family:Arial,Verdana,sans-serif;font-size:11px;font-weight:bold;text-transform:uppercase;text-decoration:none;color:#FFFFFF;background-image:url(../images/znx_btn_vid_01.gif);background-repeat:no-repeat}
A.video:hover{background-image:url(../images/znx_btn_vid_01_hov.gif)}
A.video-2{display:block;position:absolute;right:12px;bottom:10px;margin:0;padding:11px 0 0 33px;width:51px;height:24px;font-family:Arial,Verdana,sans-serif;font-size:11px;font-weight:bold;text-transform:uppercase;text-decoration:none;color:#FFFFFF;background-image:url(../images/znx_btn_vid_02_wht.jpg);background-repeat:no-repeat}
A.video-2:hover{background-image:url(../images/znx_btn_vid_02_wht_hov.jpg)}
A.video-close{position:absolute;top:8px;right:11px}
A.video-close IMG{margin:0;padding:0;border:none}
A.close IMG{margin:0;padding:0;border:none}
A.link-luck{margin-left:5px;padding-left:25px;height:18px;background-image:url(../images/znx_icon_clover_wht.jpg);background-repeat:no-repeat;background-position:left top}
A.download-pdf{padding:0 0 0 20px;font-size:12px;color:#62696E;line-height:14px;background-image:url(../images/znx_icon_pdf.gif);background-repeat:no-repeat}
DIV.spacer-12{float:left;width:5px;height:12px}
DIV.spacer-15{float:left;width:15px;height:15px}
DIV.spacer-15-v{float:left;width:15px;height:15px}
.bold{font-weight:bold}
.clear{clear:both}
DIV#nav{width:805px}
DIV#nav-seperator{float:right;margin:9px 0 0 0;width:1px;height:30px;border-left:1px solid #848B8F}
UL#nav-meta{float:left;margin:5px 0 0 0}
UL#nav-meta LI{display:inline;font-family:Arial,Verdana,sans-serif;font-size:16px;color:#62696E;text-decoration:none;vertical-align:middle}
UL#nav-meta LI A{font-family:Arial,Verdana,sans-serif;font-size:12px;color:#62696E;text-decoration:none;text-transform:uppercase}
UL#nav-meta LI A.active{font-weight:bold}
UL#nav-meta LI A:visited{color:#62696E}
UL#nav-meta LI A:hover{color:#202529}
UL#nav-meta LI A:active{color:#202529}
FORM#nav-lang{float:right;margin:5px 10px 0 0;width:142px}
FORM#nav-lang SELECT{width:142px;font-family:Arial,Verdana,sans-serif;font-size:10px;color:#000000;text-decoration:none;border:1px solid #62696E}
DIV#nav-reg-cont{float:right;margin:6px 0 0 0;width:222px;height:40px}
FORM#nav-reg{margin:0 0 0 5px}
FORM#nav-reg INPUT.email{width:100px;height:14px;font-family:Arial,Verdana,sans-serif;font-size:11px;color:#000000;text-decoration:none;vertical-align:middle;border:1px solid #848B8F}
FORM#nav-reg INPUT.password{width:50px;height:14px;font-family:Arial,Verdana,sans-serif;font-size:11px;color:#000000;text-decoration:none;vertical-align:middle;border:1px solid #848B8F}
FORM#nav-reg INPUT.submit{width:50px;background-image:url(../images/znx_btn_form_50.gif)}
DIV#nav-reg-functions{margin:0 0 0 5px}
DIV#nav-reg-functions A{margin:0 5px 0 0;font-family:Arial,Verdana,sans-serif;font-size:11px;color:#62696E;text-decoration:underline}
DIV#nav-reg-functions A:visited{color:#62696E}
DIV#nav-reg-functions A:hover{color:#62696E}
DIV#nav-reg-functions A:active{color:#62696E}
DIV#menu{margin:15px 0 0 0}
UL#nav-main{list-style:none}
UL#nav-main LI{}
UL#nav-main LI A{display:block;padding:8px 0 10px 33px;padding:8px 0 8px 33px;width:157px;font-family:Arial,Verdana,sans-serif;font-size:12px;color:#62696E;text-decoration:none;background-image:url(../images/znx_link_menu_arrow.gif);background-repeat:no-repeat;background-position:13px 10px;border-bottom:1px solid #FF9900}
UL#nav-main LI A:hover{color:#F90}
UL#nav-main LI A.active{color:#FF9900}
IMG#logo{clear:both;float:left}
A IMG#logo{border:none}
DIV#top_buttons{float:right;margin:31px 0 0 0;height:26px}
DIV.buttons-1{width:198px}
DIV.buttons-2{width:396px}
DIV.buttons-3{width:594px}
DIV.buttons-4{width:592px}
DIV.buttons-5{width:450px}
DIV#top_buttons A{display:block;padding:5px 0;height:16px;font-family:Arial,Verdana,sans-serif;font-weight:bold;font-size:14px;color:#62696E;text-decoration:none;text-transform:uppercase;text-align:center;vertical-align:bottom}
DIV#top_buttons.buttons-5 A{font-size:12px}
DIV.buttons-1 A.button{float:left;width:198px;background-image:url(../images/znx_btn_top.gif);background-position:center top}
DIV.buttons-2 A.button, DIV.buttons-3 A.button{float:left;width:198px;background-image:url(../images/znx_btn_top.gif);background-position:center top}
DIV.buttons-4 A.button{float:left;width:148px;background-image:url(../images/znx_btn_top_small.gif);background-position:center top}
DIV.buttons-5 A.button{float:left;width:90px;background-image:url(../images/znx_btn_top_micro.gif);background-position:center top}
DIV#top_buttons A.left{background-position:left top}
DIV#top_buttons A.right{float:left;margin-right:-3px;background-position:right top}
DIV#top_buttons A.button.active, DIV#top_buttons A.button:hover{color:#FFFFFF;background-image:url(../images/znx_btn_top_act.gif)}
DIV#breadcrumb{margin:5px 0 0 0;font-family:Arial,Verdana,sans-serif;font-size:11px;color:#62696E;text-decoration:none;vertical-align:bottom}
DIV#breadcrumb A{color:#62696E;text-decoration:underline;text-transform:normal}
DIV#breadcrumb SPAN.current{font-weight:bold;text-transform:normal}
DIV#content-seperator{margin:0;padding:1px 0;clear:both;background-color:#FF9900}
DIV#content{float:left;width:805px}
DIV#content-left{float:left;margin:0 3px 0 0;width:190px}
DIV#content-middle{float:left;margin:0 12px 0 0;width:395px}
DIV#content-middle DIV A{color:#000;text-decoration:underline}
DIV#content-middle UL{margin:0 0 15px 12px;list-style-image:none}
DIV#content-middle UL LI{display:block;margin:0 0 10px 10px;padding:0 0 0 10px;font-family:Arial,Verdana,sans-serif;font-size:12px;color:#62696E;line-height:14px;background:transparent url(../images/znx_bulletpoint_org.gif) no-repeat left top}
DIV#content-middle TABLE{padding-left:10px}
DIV#content-middle TABLE TH{padding:10px 3px 3px 3px;font-size:12px;text-align:left;vertical-align:top;border-bottom:1px solid #ccc;color:#000}
DIV#content-middle TABLE TD{padding:3px;font-size:12px;vertical-align:top;color:#62696E}
DIV#content-middle TABLE TD A{color:#62696E}
DIV#content-right{float:left;width:190px}
DIV.content-end{clear:both;margin:0 0 20px 0;width:190px;height:1px}
DIV#content-middle DIV.content-end{width:395px}
DIV#popup-left H1{margin:26px 0 0 0}
DIV#faq-right H1{margin:21px 0 0 0}
DIV#faq-right DIV.ute-10-1 H1{margin:0 0 0 12px}
DIV#footer{margin:20px 0 0 0;clear:both;width:805px;height:50px;text-align:center;border-top:1px solid #C1C5C9}
DIV#footer UL{margin:10px 0 0 0;list-style:none}
DIV#footer UL LI{display:inline}
DIV#footer UL LI.seperator{font-family:Arial,Verdana,sans-serif;font-size:12px;color:#62696E}
DIV#footer UL LI A{font-family:Arial,Verdana,sans-serif;font-size:11px;color:#62696E;text-decoration:none}
DIV#footer UL LI A:visited{color:#62696E}
DIV#footer UL LI A:hover{color:#202529}
DIV#footer UL LI A:active{color:#202529}
DIV#footer P{font-family:Arial,Verdana,sans-serif;font-size:11px;color:#62696E;text-decoration:none;text-align:center}
DIV#seotag{margin:30px 0 0 0;padding:10px 0 10px 0;clear:both;width:805px;text-align:center;border-top:1px solid #C1C5C9}
DIV#seotag P{font-family:Arial,Verdana,sans-serif;font-size:11px;color:#62696E;text-decoration:none;text-align:center}
DIV#seotag P A{color:#62696E;text-decoration:underline}
FORM.search{margin:0;padding:0}
FORM.search INPUT.text{display:inline;padding:2px;font-family:Arial,Verdana,sans-serif;font-size:12px;color:#62696E;border:1px solid #F90}
FORM.search INPUT.submit{width:28px;height:18px;font-family:Arial,Verdana,sans-serif;font-size:12px;font-weight:bold;color:#FFF;vertical-align:middle;border:none;background-color:transparent;background-image:url(../images/znx_btn_form_25.gif);background-repeat:no-repeat;background-position:2px 2px}
FORM.contactform{position:relative;width:410px}
FORM.contactform P.comment{}
FORM.contactform DIV.spacer-4{display:block;height:4px}
FORM.contactform LABEL{float:left;margin:0 10px 0 0;width:190px}
FORM.contactform INPUT.text{width:200px}
FORM.contactform INPUT.checkbox{position:relative;width:auto;border:none}
FORM.contactform TEXTAREA{width:200px;height:120px}
FORM.contactform SELECT{width:202px}
FORM.contactform INPUT.clear{float:left;margin:0 10px 0 210px;width:105px;background-image:url(../images/znx_btn_form_105.gif);background-repeat:no-repeat}
FORM.contactform INPUT.submit{float:left;width:75px;background-image:url(../images/znx_btn_form_75.gif);background-repeat:no-repeat}
DIV.start-video-header{position:relative;width:805px;height:195px;border-bottom:1px solid #C1C5C9}
DIV.start-video-header IMG{float:left;position:relative;bottom:0px}
DIV.start-video-header H1{padding:45px 0 10px 0;font-family:Arial,Verdana,sans-serif;font-size:20px;color:#000000;line-height:26px}
DIV.start-video-header DIV.stan-6{display:none}
DIV.start-video-header P{margin:0 0 10px 0;font-family:Arial,Verdana,sans-serif;font-size:12px;color:#62696E;line-height:14px}
DIV.start-teaser OBJECT{display:block;position:relative;z-index:2;margin:0 0 0 -15px;border:none}
DIV#moneymaking{width:805px}
DIV#moneymaking DIV.video{position:absolute;top:46px;left:0px;width:258px;height:178px;z-index:1;background-image:url(../images/znx_bg_orange_258x178.jpg);background-repeat:no-repeat}
DIV#moneymaking DIV.video H2{margin:5px 0 0 10px;font-family:Arial,Verdana,sans-serif;font-size:20px;font-weight:bold;color:#000;line-height:26px}
DIV#moneymaking DIV.video IMG.video{margin:5px 10px 0 10px}
DIV#moneymaking DIV.top{position:relative;width:805px;height:240px}
DIV#moneymaking DIV.top IMG.product{float:left;margin:46px 35px 0 270px}
DIV#moneymaking DIV.top DIV.top-text{float:left}
DIV#moneymaking DIV.top H1{position:absolute;top:0px;right:5px;margin:46px 0 15px 0;width:300px;font-family:Arial,Verdana,sans-serif;font-size:20px;font-weight:bold;color:#000;line-height:26px}
DIV#moneymaking DIV.top P{position:absolute;top:110px;right:5px;margin:0 0 15px 0;width:300px;font-family:Arial,Verdana,sans-serif;font-size:12px;color:#62696E;line-height:14px}
DIV#moneymaking DIV.top IMG.arrow-left{position:absolute;top:180px;left:125px}
DIV#moneymaking DIV.top IMG.arrow-middle{position:absolute;top:180px;right:380px}
DIV#moneymaking DIV.top IMG.arrow-right{position:absolute;top:180px;right:125px}
DIV#moneymaking DIV.middle{display:block;width:805px}
DIV#moneymaking DIV.preview{float:left;position:relative;width:258px;height:169px;background-image:url(../images/znx_bg_greyscale_258x169.jpg);background-repeat:no-repeat}
DIV#moneymaking DIV.preview IMG{float:right;margin:12px 12px 0 10px;width:64px;height:65px}
DIV#moneymaking DIV.preview IMG.seperator{float:none;margin:0 0 5px 12px;width:160px;height:2px}
DIV#moneymaking DIV.preview DIV.right{float:left;width:150px}
DIV#moneymaking DIV.preview H2{margin:35px 0 0 12px;font-family:Arial,Verdana,sans-serif;font-size:16px;font-style:italic;font-weight:bold;color:#666}
DIV#moneymaking DIV.preview P{display:block;margin:0 0 5px 12px;width:180px}
DIV#moneymaking DIV.preview SPAN.bold{color:#666}
DIV#moneymaking DIV.preview A.action{position:absolute;right:18px;bottom:6px;height:20px;padding:0 0 0 20px;font-family:Arial,Verdana,sans-serif;font-size:12px;font-weight:bold;text-decoration:underline;color:#000;vertical-align:bottom;background-image:url(../images/znx_link_dtl_arrow_org.gif);background-repeat:no-repeat}
DIV#moneymaking DIV.bottom{clear:both;margin:15px 0 0 0;padding:15px 0 0 0;border-top:1px solid #c1c5c9}
DIV#moneymaking DIV.bottom-left{float:left;width:400px}
DIV#moneymaking DIV.bottom-right{float:right;width:405px}
DIV#moneymaking DIV.bottom H2{margin:0 0 10px 0;font-size:14px;font-weight:bold}
DIV#moneymaking DIV.bottom FORM{margin-right:20px;width:400px}
DIV#moneymaking DIV.bottom FIELDSET{}
DIV#moneymaking DIV.bottom LABEL{font-size:12px;font-weight:normal;color:#62696E}
DIV#moneymaking DIV.bottom P{margin:0 0 0 10px;padding-top:3px;font-weight:normal}
DIV#moneymaking DIV.bottom A{font-family:Arial,Verdana,sans-serif;font-size:12px;color:#62696E;text-decoration:underline}
A.cta{display:block;width:125px;height:26px;margin:10px 15px 0 0;padding:12px 0 0 33px;font-family:Arial,Verdana,sans-serif;font-size:10px;font-weight:bold;color:#FFF;text-decoration:none;text-transform:uppercase;background-image:url(../images/znx_btn_cta_wht.gif);background-repeat:no-repeat}
DIV#moneymaking DIV#video-wrap-land01{float:left;margin:10px 96px 0 0}
DIV#moneymaking DIV.top{position:relative;width:805px}
DIV#moneymaking DIV.pub-beg-land01{float:left;height:auto}
DIV.pub-beg-land01 DIV.top{position:relative;height:245px;overflow:hidden}
DIV.pub-beg-land01 DIV.top A.cta{position:absolute;left:409px;bottom:5px;display:block;width:117px;height:26px;margin:0 0 20px 0;padding:11px 0 0 40px;font-family:Arial,Verdana,sans-serif;font-size:10px;font-weight:bold;color:#FFF;text-decoration:none;text-transform:uppercase;background-image:url(../images/znx_btn_cta_wht.gif);background-repeat:no-repeat}
DIV#moneymaking DIV.pub-beg-land01 H1{position:static;margin:0 0 15px 0;width:300px;font-family:Arial,Verdana,sans-serif;font-size:20px;font-weight:bold;color:#000;line-height:26px}
DIV#moneymaking DIV.pub-beg-land01 P{position:static;margin:0 0 15px 0;width:auto;font-family:Arial,Verdana,sans-serif;font-size:12px;color:#62696E;line-height:14px}
DIV#moneymaking DIV.preview P{margin:0 0 15px 12px}
DIV#moneymaking DIV.top-text-land01{float:left;margin:5px 0 0 0;width:396px}
DIV.pub-beg-start01 DIV.cta-container{width:396px}
DIV.pub-beg-start01 DIV.cta-container A.cta{float:left;width:117px;height:26px;margin:0 0 0 10px;padding:11px 0 0 30px;font-family:Arial,Verdana,sans-serif;font-size:10px;font-weight:bold;color:#FFF;text-decoration:none;text-transform:uppercase;background-image:url(../images/znx_btn_cta_wht.gif);background-repeat:no-repeat}
DIV#video-wrap-start01{float:left;margin:10px 59px 0 0}
DIV.top-text-start01{float:left;margin:5px 0 0 0;width:396px}
DIV.pub-beg-start01 H1{position:static;margin:0 0 15px 0;width:auto;font-family:Arial,Verdana,sans-serif;font-size:18px;font-weight:bold;color:#000;line-height:26px}
DIV.pub-beg-start01 UL.pub-beg-start01{margin:0 0 0 0;padding:10px 0}
DIV.pub-beg-start01 UL.pub-beg-start01 LI{margin:0 0 20px 0;padding:0 0 0 35px;font-size:18px;font-weight:bold;font-style:italic;color:#000;line-height:32px;background:transparent url(/opencms/opencms/en/_media/hakenbullet_MMC.gif) no-repeat left center}
DIV.pub-beg-start01 P{position:static;margin:0 0 15px 0;width:auto;font-family:Arial,Verdana,sans-serif;font-size:12px;color:#62696E;line-height:14px}
DIV.form-1{float:left;position:relative;margin:15px 0 0 0;width:395px}
DIV.form-1 DIV.top{width:395px;height:8px;background-image:url(../images/znx_slice_bg_grey_393x1000_top.jpg);background-repeat:no-repeat}
DIV.form-1 DIV.bottom{width:395px;height:8px;background-image:url(../images/znx_slice_bg_grey_393x1000_bot.jpg);background-repeat:no-repeat}
DIV.form-1 DIV.middle{border-right:1px solid #C1C5C9;border-left:1px solid #C1C5C9;background-color:#E7EBEE;background-image:url(../images/znx_slice_bg_grey_393x1000_mid.jpg);background-repeat:no-repeat}
DIV.form-1 DIV.error-msg{margin:10px 12px;background:#ff9900;border:1px solid #dd7700}
DIV.form-1 DIV.middle DIV.error-msg h1{margin:0 0 0 6px;padding:6px 0 0 0;font-weight:bold;color:#fff}
DIV.form-1 DIV.middle DIV.error-msg P{margin:6px;font-weight:bold;color:#fff}
DIV.form-1 DIV.middle .error{font-weight:bold;color:#f90}
DIV.form-1 DIV.middle IMG{position:absolute;top:10px;left:12px}
DIV.form-1 DIV.middle H1{margin:0 0 0 45px;padding:10px 0 0 0;font-size:14px;line-height:14px}
DIV.form-1 DIV.middle H2{margin:0 0 0 12px;padding:10px 0 0 0;font-size:12px;line-height:12px}
DIV.form-1 DIV.middle DIV.seperator{margin:15px 0 0 12px;width:371px;height:1px;background-image:url(../images/znx_sep_grey.gif);background-repeat:repeat-x}
DIV.form-1 DIV.middle DIV.spacer-4{clear:both;height:4px}
DIV.form-1 DIV.middle FORM{margin:15px 0 0 0}
DIV.form-1 DIV.middle FORM P{display:block;margin:0 0 10px 12px}
DIV.form-1 DIV.middle FORM P.form-label{float:left;margin:0 0 10px 12px}
DIV.form-1 DIV.middle FORM FIELDSET{margin:0 0 30px 0}
DIV.form-1 DIV.middle FORM LEGEND{margin:0 0 8px 0;padding:0 0 0 12px;font-size:12px;font-weight:bold;color:#62696E}
DIV.form-1 DIV.middle FORM LABEL{margin:0 0 0 12px;float:left;font-weight:normal;color:#62696E}
DIV.form-1 DIV.middle FORM INPUT.text{float:right;margin:0 10px 0 0;left:130px;width:250px;padding:0 2px;font-size:12px;font-weight:normal;color:#62696E;border:1px solid #888}
DIV.form-1 DIV.middle FORM TEXTAREA{float:right;margin:0 10px 0 0;left:130px;width:250px;height:100px;padding:0 2px;font-size:12px;font-weight:normal;color:#62696E;border:1px solid #888}
DIV.form-1 DIV.middle FORM INPUT.radio{float:left;margin:0 0 0 0;border:none}
DIV.form-1 DIV.middle FORM INPUT.checkbox{float:left;margin:0 0 0 0;border:none}
DIV.form-1 DIV.middle FORM DIV.checkbox-options, DIV.form-1 DIV.middle FORM DIV.radio-options{float:right;margin:0 10px 0 0;width:255px;font-size:12px;font-weight:normal;color:#62696E}
DIV.form-1 DIV.middle FORM DIV.checkbox-options INPUT, DIV.form-1 DIV.middle FORM DIV.radio-options INPUT{margin:0 0 0 0}
DIV.form-1 DIV.middle FORM DIV.checkbox-options LABEL, DIV.form-1 DIV.middle FORM DIV.radio-options LABEL{margin:0 10px 5px 5px}
DIV.form-1 DIV.middle FORM SELECT{float:right;margin:0 10px 0 0;width:256px;font-size:12px;font-weight:normal;color:#62696E;border:1px solid #888}
DIV.form-1 DIV.middle FORM INPUT.clear{margin:10px 0 0 130px;padding:0 0 5px 0;width:105px;height:20px;font-size:10px;font-weight:bold;color:#FFF;text-transform:uppercase;border:none;background-color:transparent;background-image:url(../images/znx_btn_form_105.gif);background-repeat:repeat-x;background-position:0 1px}
DIV.form-1 DIV.middle FORM INPUT.submit{margin:10px 0 0 10px;padding:0 0 5px 0;width:105px;height:20px;font-size:10px;font-weight:bold;color:#FFF;text-transform:uppercase;border:none;background-color:transparent;background-image:url(../images/znx_btn_form_105.gif);background-repeat:repeat-x;background-position:0 1px}

» Montre le code CSS originaire

« Cache le code CSS originaire

/***********************
	FILE
************************
Date:			02.04.2007 11:49				
Author:			Benjamin Stellmacher 			
				<benjamin.stellmacher@hellgrau.com>	
Description:	Contains the standard elements present on every site (i.e. navigation)
***********************/

/***********************
	STRUCTURE OVERVIEW
************************
1. Document
2. Navigation
3. Logo
4. Top Buttons
***********************/

/***********************
	DOCUMENT
***********************/

* {
	margin: 0;
	padding: 0;
}

BODY {
	margin: 0;
	padding: 0;
	
	text-align: center;
	
	background-color: #FFFFFF;
}

DIV#main {
	margin: 0 auto;
	width: 805px;
	
	text-align: left;
}

DIV#main-popup {
	margin: 0 auto;
	padding: 20px 0 0 0;
	width: 600px;
	
	text-align: left;
}

DIV#popup-left { 
	float: left; 
	width: 410px;
}

DIV#popup-right { 
	float: right; 
	width: 190px;
}

DIV#main-faq {
	margin: 0 auto;
	padding: 20px 0 0 0;
	width: 600px;
	
	text-align: left;
}

DIV#faq-left {
	float: left;
	width: 190px;
}

DIV#faq-right {
	margin: 0 0 0 15px;
	float: right;
	width: 395px;
}

/***********************
	GENERAL DEFINITIONS
***********************/

H1,H2,H3,P,DIV,SPAN,A,FORM,LABEL,INPUT,SELECT,TEXTAREA,UL,OL,LI {
	font-family: Arial, Verdana, sans-serif;
}

/* TEXT */

H1 {
	font-size: 20px;
	font-weight: bold;
	color: #000;
	line-height: 26px;
}

H2 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

P {
	font-size: 12px;
	color: #62696E;
	line-height: 14px;
}

/* LIST */

UL { list-style: none; }
LI { font-size: 12px; }

/* FORMS */

FIELDSET { border: none; }

LABEL {	font-size: 12px; }

INPUT,TEXTAREA,SELECT {
	font-size: 12px;
	color: #62696E;
	
	border: 1px solid #F90;
}

INPUT.checkbox {
	border: none;
}

INPUT.submit,
INPUT.clear {
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	
	border: none;
	background-color: transparent;
}

/* LINKS */

A.mail {
	color: #000000;
}

A.contact {
	display: block;
	padding: 0 0 0 20px;
	
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: underline;
	line-height: 14px;	
	
	background-image: url(../images/znx_link_ctc_arrow_org.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}

A.inline {
	display: inline;
	margin: 0 !important;
	padding: 0;
	
	background-image: none;
}

A.details {
	position: absolute;
	right: 12px;
	bottom: 6px;
	
	height: 20px;
	padding: 0 0 0 20px;
	
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #000;
	vertical-align: bottom;
	
	background-image: url(../images/znx_link_dtl_arrow_org.gif);
	background-repeat: no-repeat;
}

A.video {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	
	margin: 0;
	padding: 8px 0 0 33px;
	width: 51px;
	height: 24px;
	
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
	
	background-image: url(../images/znx_btn_vid_01.gif);
	background-repeat: no-repeat;
}

A.video:hover {
	background-image: url(../images/znx_btn_vid_01_hov.gif);
}

A.video-2 {
	display: block;
	position: absolute;
	right: 12px;
	bottom: 10px;
	
	margin: 0;
	padding: 11px 0 0 33px;
	width: 51px;
	height: 24px;
	
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
	
	background-image: url(../images/znx_btn_vid_02_wht.jpg);
	background-repeat: no-repeat;
}

A.video-2:hover {
	background-image: url(../images/znx_btn_vid_02_wht_hov.jpg);
}

A.video-close {
	position: absolute;
	top: 8px;
	right: 11px;
}

A.video-close IMG {
	margin: 0;
	padding: 0;
	border: none;
}

A.close IMG {
	margin: 0;
	padding: 0;
	border: none;
}

A.link-luck {
	margin-left: 5px;
	padding-left: 25px;
	height: 18px;
	
	background-image: url(../images/znx_icon_clover_wht.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

A.download-pdf {
	padding: 0 0 0 20px;
	
	font-size: 12px;
	color: #62696E;
	line-height: 14px;
	
	background-image: url(../images/znx_icon_pdf.gif);
	background-repeat: no-repeat;
}

/* SPACER */

DIV.spacer-12 {
	float: left;
	width: 5px;
	height: 12px;
}

DIV.spacer-15 {
	float: left;
	width: 15px;
	height: 15px;
}

DIV.spacer-15-v {
	float: left;
	width: 15px;
	height: 15px;
}

/* FORMATTING */

.bold {
	font-weight: bold;
}

.clear {
	clear: both;
}

/***********************
	NAVIGATION
***********************/

DIV#nav {
	width: 805px;
}

DIV#nav-seperator {
	float: right;
	margin: 9px 0 0 0;
	width: 1px;
	height: 30px;

border-left: 1px solid #848B8F;
}
			
/* META NAVIGATION */

UL#nav-meta {
	float: left;
	margin: 5px 0 0 0;
}

UL#nav-meta LI {
	display: inline;
	
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	color: #62696E;
	text-decoration: none;
	vertical-align: middle;
}

UL#nav-meta LI A {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #62696E;
	text-decoration: none;
	text-transform: uppercase;
}

UL#nav-meta LI A.active {
	font-weight: bold;
}

UL#nav-meta LI A:visited { color: #62696E; }
UL#nav-meta LI A:hover { color: #202529; }
UL#nav-meta LI A:active { color: #202529; }

/* LANGUAGE SELECTION */

FORM#nav-lang {
	float: right;
	margin: 5px 10px 0 0;
	width: 142px;
}

FORM#nav-lang SELECT {
	width: 142px;

font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	
	border: 1px solid #62696E;
}

/* LOGIN */

DIV#nav-reg-cont {
	float: right;
	margin: 6px 0 0 0;
	width: 222px;
	height: 40px;
}

FORM#nav-reg {
	margin: 0 0 0 5px;
}

FORM#nav-reg INPUT.email {
	width: 100px;
	height: 14px;
	
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
	
	border: 1px solid #848B8F;
}

FORM#nav-reg INPUT.password {
	width: 50px;
	height: 14px;
	
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
	
	border: 1px solid #848B8F;
}

FORM#nav-reg INPUT.submit {
	width: 50px;
	
	background-image: url(../images/znx_btn_form_50.gif);
}

DIV#nav-reg-functions {
	margin: 0 0 0 5px;
}

DIV#nav-reg-functions A {
	margin: 0 5px 0 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #62696E;
	text-decoration: underline;
}

DIV#nav-reg-functions A:visited { color: #62696E; }
DIV#nav-reg-functions A:hover { color: #62696E; }
DIV#nav-reg-functions A:active { color: #62696E; }

/* MAIN NAVIGATION */

DIV#menu { margin: 15px 0 0 0; }

UL#nav-main { list-style: none; }

UL#nav-main LI {}

UL#nav-main LI A {
	display: block;
	padding: 8px 0 10px 33px;
	padding: 8px 0 8px 33px;
	width: 157px;
	/* height: 12px; */
	
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #62696E;
	text-decoration: none;
	
	background-image: url(../images/znx_link_menu_arrow.gif);
	background-repeat: no-repeat;
	background-position: 13px 10px;
	border-bottom: 1px solid #FF9900;
}

UL#nav-main LI A:hover { color: #F90; }
UL#nav-main LI A.active { color: #FF9900; }

/***********************
	LOGO
***********************/

IMG#logo { clear: both; float: left; }

A IMG#logo { border: none; }

/***********************
	TOP BUTTONS
***********************/

DIV#top_buttons {
	float: right;
	margin: 31px 0 0 0;
	height: 26px;
}

DIV.buttons-1 { width: 198px; }
DIV.buttons-2 { width: 396px; }
DIV.buttons-3 { width: 594px; }
DIV.buttons-4 {	width: 592px; }
DIV.buttons-5 {	width: 450px; }

DIV#top_buttons A {
	display: block;
	padding: 5px 0;
	height: 16px;
	
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #62696E;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	vertical-align: bottom;
}

DIV#top_buttons.buttons-5 A {
	font-size: 12px;
}

DIV.buttons-1 A.button {
	float: left;
	width: 198px;

background-image: url(../images/znx_btn_top.gif);
	background-position: center top;
}

DIV.buttons-2 A.button,
DIV.buttons-3 A.button {
	float: left;
	width: 198px;
	
	background-image: url(../images/znx_btn_top.gif);
	background-position: center top;
}

DIV.buttons-4 A.button {
	float: left;
	width: 148px;
	background-image: url(../images/znx_btn_top_small.gif);
	background-position: center top;
}

DIV.buttons-5 A.button {
	float: left;
	width: 90px;
	background-image: url(../images/znx_btn_top_micro.gif);
	background-position: center top;
}

DIV#top_buttons A.left {
	background-position: left top;
}

DIV#top_buttons A.right {
	float: left;
	margin-right: -3px;
	background-position: right top;
}

DIV#top_buttons A.button.active,
DIV#top_buttons A.button:hover {
	color: #FFFFFF;
	background-image: url(../images/znx_btn_top_act.gif);
}

/***********************
	BREADCRUMBS
***********************/

DIV#breadcrumb {
	margin: 5px 0 0 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #62696E;
	text-decoration: none;
	vertical-align: bottom;
}

DIV#breadcrumb A {
	color: #62696E;
	text-decoration: underline;
	text-transform: normal;
}

DIV#breadcrumb SPAN.current {
	font-weight: bold;
	text-transform: normal;
}

/***********************
	CONTENT
***********************/

DIV#content-seperator {
	margin: 0;
	padding: 1px 0;
	clear: both;

background-color: #FF9900;
}

DIV#content {
	float: left;
	width: 805px;
}

DIV#content-left {
	float: left;
	margin: 0 3px 0 0;
	width: 190px;	
}

DIV#content-middle {
	float: left;
	margin: 0 12px 0 0;
	width: 395px;
}

DIV#content-middle DIV A {
	color: #000;
	text-decoration: underline;
}

DIV#content-middle UL {
	margin: 0 0 15px 12px;
	list-style-image: none;
}

DIV#content-middle UL LI {
	display: block;	
	margin: 0 0 10px 10px;
	padding: 0 0 0 10px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #62696E;
	line-height: 14px;
	background: transparent url(../images/znx_bulletpoint_org.gif) no-repeat left top;
}

/***
*   Table Content
**/

DIV#content-middle TABLE {
        padding-left: 10px;
}

DIV#content-middle TABLE TH {
	padding: 10px 3px 3px 3px;	
	font-size: 12px;
	text-align: left;
	vertical-align: top;
        border-bottom: 1px solid #ccc;
        color: #000;
}

DIV#content-middle TABLE TD {
	padding: 3px;
	font-size: 12px;
	vertical-align: top;
        color: #62696E;
}

DIV#content-middle TABLE TD A {
        color: #62696E;
}

DIV#content-right {
	float: left;
	width: 190px;
}

DIV.content-end {
	clear: both;
	margin: 0 0 20px 0;
	width: 190px;
	height: 1px;
}

DIV#content-middle DIV.content-end {
	width: 395px;
}

/* POPUP */

DIV#popup-left H1 {
	margin: 26px 0 0 0;
}

DIV#faq-right H1 {
	margin: 21px 0 0 0;
}

DIV#faq-right DIV.ute-10-1 H1 {
	margin: 0 0 0 12px;
}

/***********************
	FOOTER
***********************/

DIV#footer {
	margin: 20px 0 0 0;
	clear: both;
	width: 805px;
	height: 50px;
	
	text-align: center;
	
	border-top: 1px solid #C1C5C9;
}

DIV#footer UL {
	margin: 10px 0 0 0;
	list-style: none;
}

DIV#footer UL LI {
	display: inline;
}

DIV#footer UL LI.seperator {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #62696E;
}

DIV#footer UL LI A {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #62696E;
	text-decoration: none;
}

DIV#footer UL LI A:visited { color: #62696E; }
DIV#footer UL LI A:hover { color: #202529; }
DIV#footer UL LI A:active { color: #202529; }

DIV#footer P {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #62696E;
	text-decoration: none;
	text-align: center;
}

/***********************
	SEO TAG
***********************/

DIV#seotag {
	margin: 30px 0 0 0;
	padding: 10px 0 10px 0;
	clear: both;
	width: 805px;
	
	text-align: center;
	
	border-top: 1px solid #C1C5C9;
}

DIV#seotag P {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #62696E;
	text-decoration: none;
	text-align: center;
}

DIV#seotag P A {
	color: #62696E;
	text-decoration: underline;
}

/***********************
	FORMS
***********************/

/* ONE LINE SEARCH */

FORM.search {
	margin: 0;
	padding: 0;
}

FORM.search INPUT.text {
	display: inline;
	padding: 2px;
	
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #62696E;
	
	border: 1px solid #F90;
}

FORM.search INPUT.submit {
	width: 28px;
	height: 18px;
	
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	vertical-align: middle;

border: none;
	background-color: transparent;
	background-image: url(../images/znx_btn_form_25.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}

/* POPUP CONTACT FORM */

FORM.contactform {
	position: relative;
	width: 410px;
}

FORM.contactform P.comment {
}

FORM.contactform DIV.spacer-4 {
	display: block;
	height: 4px;
}

FORM.contactform LABEL {
	float: left;
	margin: 0 10px 0 0;
	width: 190px;
}

FORM.contactform INPUT.text {
	width: 200px;
}

FORM.contactform INPUT.checkbox {
	position: relative;
	width: auto;
	border: none;
}

FORM.contactform TEXTAREA {
	width: 200px;
	height: 120px;
}

FORM.contactform SELECT {
	width: 202px;
}

FORM.contactform INPUT.clear {
	float: left;
	margin: 0 10px 0 210px;
	width: 105px;

background-image: url(../images/znx_btn_form_105.gif);
	background-repeat: no-repeat;
}

FORM.contactform INPUT.submit {
	float: left;
	width: 75px;

background-image: url(../images/znx_btn_form_75.gif);
	background-repeat: no-repeat;
}

/***********************
	UNDEFINED CONTENT ELEMENTS
***********************/

/* VIDEO HEADER */

DIV.start-video-header {
	position: relative;
	width: 805px;
	height: 195px;
	
	border-bottom: 1px solid #C1C5C9;
}

DIV.start-video-header IMG {
	float: left;
	position: relative;
	bottom: 0px;
}

DIV.start-video-header H1 {
	padding: 45px 0 10px 0;
	
	font-family: Arial, Verdana, sans-serif;
	font-size: 20px;
	color: #000000;
	line-height: 26px;
}

DIV.start-video-header DIV.stan-6 {
	/*
	position: absolute;
	right: 4px;
	top: 0px;
	*/
	display: none;
}

DIV.start-video-header P {
	margin: 0 0 10px 0;
	
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #62696E;
	line-height: 14px;
}

DIV.start-teaser OBJECT {
	display: block;
	position: relative;
	z-index: 2;
	margin: 0 0 0 -15px;
	
	border: none;
}

/* MONEY MAKING */

DIV#moneymaking {
	width: 805px;
}

DIV#moneymaking DIV.video {
	position: absolute;
	top: 46px;
	left: 0px;
	width: 258px;
	height: 178px;
	z-index: 1;
	
	background-image: url(../images/znx_bg_orange_258x178.jpg);
	background-repeat: no-repeat;
}

DIV#moneymaking DIV.video H2 {
	margin: 5px 0 0 10px;

font-family: Arial, Verdana, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	line-height: 26px;
}

DIV#moneymaking DIV.video IMG.video {
	margin: 5px 10px 0 10px;
}

DIV#moneymaking DIV.top {
	position: relative;
	width: 805px;
	height: 240px;
}

DIV#moneymaking DIV.top IMG.product {
	float: left;
	margin: 46px 35px 0 270px;
}

DIV#moneymaking DIV.top DIV.top-text {
	float: left;
}

DIV#moneymaking DIV.top H1 {
	position: absolute;
	top: 0px;
	right: 5px;
	margin: 46px 0 15px 0;
	width: 300px;
	
	font-family: Arial, Verdana, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	line-height: 26px;
}
				
DIV#moneymaking DIV.top P {
	position: absolute;
	top: 110px;
	right: 5px;
	margin: 0 0 15px 0;
	width: 300px;
	
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #62696E;
	line-height: 14px;
}

DIV#moneymaking DIV.top IMG.arrow-left {
	position: absolute;
	top: 180px;
	left: 125px;
}

DIV#moneymaking DIV.top IMG.arrow-middle {
	position: absolute;
	top: 180px;
	right: 380px;
}

DIV#moneymaking DIV.top IMG.arrow-right {
	position: absolute;
	top: 180px;
	right: 125px;
}

DIV#moneymaking DIV.middle {
	display: block;
	width: 805px;
/*	height: 200px; */
}

DIV#moneymaking DIV.preview {
	float: left;
	position: relative;
	
	width: 258px;
	height: 169px;

background-image: url(../images/znx_bg_greyscale_258x169.jpg);
	background-repeat: no-repeat;
}

DIV#moneymaking DIV.preview IMG {
	float: right;
	margin: 12px 12px 0 10px;
	
	width: 64px;
	height: 65px;
}

DIV#moneymaking DIV.preview IMG.seperator {
	float: none;
	margin: 0 0 5px 12px;
	width: 160px;
	height: 2px;
}

DIV#moneymaking DIV.preview DIV.right {
	float: left;
	width: 150px;
/*	margin: 0 20px 0 0; */
}

DIV#moneymaking DIV.preview H2 {
	margin: 35px 0 0 12px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #666;
}

/*
DIV#moneymaking DIV.preview H3 {
	margin: 0 0 5px 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F90;
}
*/

DIV#moneymaking DIV.preview P {
	display: block;
	margin: 0 0 5px 12px;
	width: 180px;
}

DIV#moneymaking DIV.preview SPAN.bold {
	color: #666;
}

DIV#moneymaking DIV.preview A.action {
	position: absolute;
	right: 18px;
	bottom: 6px;
	
	height: 20px;
	padding: 0 0 0 20px;
	
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #000;
	vertical-align: bottom;
	
	background-image: url(../images/znx_link_dtl_arrow_org.gif);
	background-repeat: no-repeat;
}

DIV#moneymaking DIV.bottom {
	clear: both;
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	
	border-top: 1px solid #c1c5c9;
}

DIV#moneymaking DIV.bottom-left {
	float: left;
	width: 400px;
}

DIV#moneymaking DIV.bottom-right {
	float: right;
	width: 405px;
}
DIV#moneymaking DIV.bottom H2 {
	margin: 0 0 10px 0;

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

DIV#moneymaking DIV.bottom FORM {
	margin-right: 20px;
	width: 400px;
}

DIV#moneymaking DIV.bottom FIELDSET {}

DIV#moneymaking DIV.bottom LABEL {
	font-size: 12px;
	font-weight: normal;
	color: #62696E;
}

DIV#moneymaking DIV.bottom P {
	margin: 0 0 0 10px;	
	padding-top: 3px;
	font-weight: normal;
}

DIV#moneymaking DIV.bottom A {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #62696E;
	text-decoration: underline;
}

A.cta {
	display: block;
	width: 125px;
	height: 26px;
	margin: 10px 15px 0 0;
	padding: 12px 0 0 33px;

font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	
	background-image: url(../images/znx_btn_cta_wht.gif);
	background-repeat: no-repeat;
}

DIV#moneymaking DIV#video-wrap-land01 {
	float: left;
	margin: 10px 96px 0 0;
}

DIV#moneymaking DIV.top {
	position: relative;
	width: 805px;
}

DIV#moneymaking DIV.pub-beg-land01 {
	float: left;
	height: auto;
}

DIV.pub-beg-land01 DIV.top {
	position: relative;
	height: 245px;
	overflow: hidden;
}

DIV.pub-beg-land01 DIV.top A.cta {
	position: absolute;
	left: 409px;
	bottom: 5px;
	display: block;
	width: 117px;
	height: 26px;
	margin: 0 0 20px 0;
	padding: 11px 0 0 40px;

DIV#moneymaking DIV.pub-beg-land01 H1 {
	position: static;
	margin: 0 0 15px 0;
	width: 300px;
	
	font-family: Arial, Verdana, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	line-height: 26px;
}

DIV#moneymaking DIV.pub-beg-land01 P {
	position: static;
	margin: 0 0 15px 0;
	width: auto;
	
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #62696E;
	line-height: 14px;
}

DIV#moneymaking DIV.preview P {
	margin: 0 0 15px 12px;
}

DIV#moneymaking DIV.top-text-land01 {
	float: left;
	margin: 5px 0 0 0;
	width: 396px;
}

/* START01 */

DIV.pub-beg-start01 DIV.cta-container {
	width: 396px;
}

DIV.pub-beg-start01 DIV.cta-container A.cta {
	float: left;
	width: 117px;
	height: 26px;
	margin: 0 0 0 10px;
	padding: 11px 0 0 30px;

DIV#video-wrap-start01 {
	float: left;
	margin: 10px 59px 0 0;
}

DIV.top-text-start01 {
	float: left;
	margin: 5px 0 0 0;
	width: 396px;
}

DIV.pub-beg-start01 H1 {
	position: static;
	margin: 0 0 15px 0;
	width: auto;
	
	font-family: Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	line-height: 26px;
}

DIV.pub-beg-start01 UL.pub-beg-start01 {
	margin: 0 0 0 0;
	padding: 10px 0;
}

DIV.pub-beg-start01 UL.pub-beg-start01 LI {
	margin: 0 0 20px 0;
	padding: 0 0 0 35px;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: #000;
	line-height: 32px;
	background: transparent url(/opencms/opencms/en/_media/hakenbullet_MMC.gif) no-repeat left center;
}

DIV.pub-beg-start01 P {
	position: static;
	margin: 0 0 15px 0;
	width: auto;
	
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #62696E;
	line-height: 14px;
}

/***********************
	TEASER FORM
***********************/

DIV.form-1 {
	float: left;
	position: relative;
	margin: 15px 0 0 0;
	width: 395px;
}

DIV.form-1 DIV.top {
	width: 395px;
	height: 8px;
	
	background-image: url(../images/znx_slice_bg_grey_393x1000_top.jpg);
	background-repeat: no-repeat;
}

DIV.form-1 DIV.bottom {
	width: 395px;
	height: 8px;
	
	background-image: url(../images/znx_slice_bg_grey_393x1000_bot.jpg);
	background-repeat: no-repeat;
}

DIV.form-1 DIV.middle {
	border-right: 1px solid #C1C5C9;
	border-left: 1px solid #C1C5C9;
	
	background-color: #E7EBEE;
	background-image: url(../images/znx_slice_bg_grey_393x1000_mid.jpg);
	background-repeat: no-repeat;
}

DIV.form-1 DIV.error-msg {
	margin: 10px 12px;
	background: #ff9900;
	border: 1px solid #dd7700; 
}

DIV.form-1 DIV.middle DIV.error-msg h1 {
	margin: 0 0 0 6px;
	padding: 6px 0 0 0;
	font-weight: bold;
	color: #fff;
}

DIV.form-1 DIV.middle DIV.error-msg P {
	margin: 6px;
	font-weight: bold;
	color: #fff;
}

DIV.form-1 DIV.middle .error {
	font-weight: bold;
	color: #f90;
}

DIV.form-1 DIV.middle IMG {
	position: absolute;
	top: 10px;
	left: 12px;
}

DIV.form-1 DIV.middle H1 {
	margin: 0 0 0 45px;
	padding: 10px 0 0 0;

font-size: 14px;
	line-height: 14px;
}

DIV.form-1 DIV.middle H2 {
	margin: 0 0 0 12px;
	padding: 10px 0 0 0;

font-size: 12px;
	line-height: 12px;
}

DIV.form-1 DIV.middle DIV.seperator {
	margin: 15px 0 0 12px;
	width: 371px;
	height: 1px;
	
	background-image: url(../images/znx_sep_grey.gif);
	background-repeat: repeat-x;
}

DIV.form-1 DIV.middle DIV.spacer-4 {
	clear: both;
	height: 4px;
}

DIV.form-1 DIV.middle FORM {
	margin: 15px 0 0 0;
}

DIV.form-1 DIV.middle FORM P {
	display: block;
	margin: 0 0 10px 12px;
}

DIV.form-1 DIV.middle FORM P.form-label {
	float: left;
	margin: 0 0 10px 12px;
}

DIV.form-1 DIV.middle FORM FIELDSET {
	margin: 0 0 30px 0;
}

DIV.form-1 DIV.middle FORM LEGEND {
	margin: 0 0 8px 0;
	padding: 0 0 0 12px;

font-size: 12px;
	font-weight: bold;
	color: #62696E;
}

DIV.form-1 DIV.middle FORM LABEL {
	margin: 0 0 0 12px;
	float: left;
	font-weight: normal;
	color: #62696E;
}

DIV.form-1 DIV.middle FORM INPUT.text {
	float: right;
	margin: 0 10px 0 0;
	left: 130px;
	width: 250px;
	padding: 0 2px;
	
	font-size: 12px;
	font-weight: normal;
	color: #62696E;
	
	border: 1px solid #888;
}

DIV.form-1 DIV.middle FORM TEXTAREA {
	float: right;
	margin: 0 10px 0 0;
	left: 130px;
	width: 250px;
	height: 100px;
	padding: 0 2px;
	
	font-size: 12px;
	font-weight: normal;
	color: #62696E;
	
	border: 1px solid #888;
}

DIV.form-1 DIV.middle FORM INPUT.radio {
	float: left;
	margin: 0 0 0 0;
	border: none;
}

DIV.form-1 DIV.middle FORM INPUT.checkbox {
	float: left;
	margin: 0 0 0 0;
	border: none;
}

DIV.form-1 DIV.middle FORM DIV.checkbox-options,
DIV.form-1 DIV.middle FORM DIV.radio-options {
	float: right;
	margin: 0 10px 0 0;
	width: 255px;
	
	font-size: 12px;
	font-weight: normal;
	color: #62696E;
}

DIV.form-1 DIV.middle FORM DIV.checkbox-options INPUT,
DIV.form-1 DIV.middle FORM DIV.radio-options INPUT {
	margin: 0 0 0 0;
}

DIV.form-1 DIV.middle FORM DIV.checkbox-options LABEL,
DIV.form-1 DIV.middle FORM DIV.radio-options LABEL {
	margin: 0 10px 5px 5px;
}

DIV.form-1 DIV.middle FORM SELECT {
	float: right;
	margin: 0 10px 0 0;
	width: 256px;
	font-size: 12px;
	font-weight: normal;
	color: #62696E;
	
	border: 1px solid #888;
}

DIV.form-1 DIV.middle FORM INPUT.clear {
	margin: 10px 0 0 130px;
	padding: 0 0 5px 0;
	width: 105px;
	height: 20px;
	
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	
	border: none;
	background-color: transparent;
	background-image: url(../images/znx_btn_form_105.gif);
	background-repeat: repeat-x;
	background-position: 0 1px;
}

DIV.form-1 DIV.middle FORM INPUT.submit {
	margin: 10px 0 0 10px;
	padding: 0 0 5px 0;
	width: 105px;
	height: 20px;
	
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	
	border: none;
	background-color: transparent;
	background-image: url(../images/znx_btn_form_105.gif);
	background-repeat: repeat-x;
	background-position: 0 1px;
}

/*
DIV.form-1 DIV.middle FORM INPUT.submit {
	width: 75px;
	height: 26px;

background-image: url(../images/znx_btn_form_75.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
}
*/

Plus d'information sur ce site:

URL: http://www.zanox.com/
CSS URL: http://www.zanox.com/opencms/export/system/modules/com.zanox.frontend.templates.resources/resources/css/standard.css
Charset: utf-8
Titre: zanox.com | Join the top league of global online marketing