@charset "utf-8";
*{margin:0;padding:0;}
.wcClear { clear:both; height:0; overflow:hidden;} 
body { background:#045990;} 
#wcMainContent { width:526px; margin:0 auto; background:#fff; padding:0; border-top:1px solid #eeeff0;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;color:#000;}

#wcSubmenuBox { height:30px;}  
.wcSubmenu { background:url(images/submenu_bg.jpg) repeat-x 0 0; height:30px; overflow:hidden; position:relative; top:-1px; list-style:none; padding:0; margin:0;}
.wcSubmenu li { float:left; background:url(images/submenu_line.jpg) no-repeat 0 50%; height:30px; line-height:30px;}
.wcSubmenu li.wcFirst{ background:none;}
.wcSubmenu li.wcFirst a{ padding:0 10px;}
.wcSubmenu li a { color:#fff;text-decoration:none; display:block; float:left; padding:0 9px 0 10px;}
.wcSubmenu li a.longMenu { line-height:normal;}
.wcSubmenu li.current a { font-weight:bold; color:#265fa1;}

#wcBcn { height:30px; line-height:30px;}
#wcBcn a { color:#000; text-decoration:none;}
#wcBcn a:hover { color:#ec6400;}
#wcBannerBox, #wcContentBox { border:1px solid #ccc; margin-bottom:10px;}
#wcBannerBox img { display:block; margin:0 auto;}

#wcContentBox h1, #wcContentBox dl,#wcContentBox .wcwrap{padding:0; margin:0 9px;}
#wcContentBox { padding:7px 0 0 0; background:#fff url(images/wcContentBox_bg.gif) repeat-x bottom;}

#wcContentBox h1 { font-size:17px; padding-bottom:4px;}
#wcContentBox dl dt { font-weight: bold;}
#wcContentBox dl dd {margin:0;padding:0 0 1.5em 0; line-height:15px;}

#wcAutograph img { margin:0 40px 0 50px; vertical-align:top;}

.wcBtn_agb{ text-align:right;}
.wcBtn_agb button.btn { margin-right:-3px; *margin-right:0;margin-right:/*\**/0p\x; }
button.wcBtn { background:none; border:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; cursor:pointer;width: auto;_width: 0;overflow:visible;}
button::-moz-focus-inner {border: 0;padding: 0;}/*for FF*/
button.wcBtn span{background:url(images/btn_left.gif) no-repeat 0 0; height:20px; display:block; float:left; padding-left:19px;text-decoration:none}
button.wcBtn span strong { display:block; float:left; background:url(images/btn_right.gif) no-repeat 100% 0; height:20px; line-height:20px; color:#ec6400;padding:0 10px 0 4px; font-weight:normal; white-space:nowrap;}

button.wcBtnNew { background:none; border:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; cursor:pointer;width: auto;_width: 0;overflow:visible;}
button.wcBtnNew span{background:url(images/btn_left2.gif) no-repeat 0 0; height:25px; display:block; float:left; padding-left:19px;text-decoration:none}
button.wcBtnNew span strong { display:block; float:left; background:url(images/btn_right2.gif) no-repeat 100% 0; height:25px; line-height:24px; color:#ec6400;padding:0 10px 0 4px; font-weight:normal; white-space:nowrap;}

a.wcBtnNew {text-decoration:none!important; display:block; background:none; border:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; cursor:pointer;width: auto;_width: 0;overflow:visible;}
a.wcBtnNew span{background:url(images/btn_left2.gif) no-repeat 0 0; height:25px; display:block; float:left; padding-left:19px;text-decoration:none}
a.wcBtnNew span strong { display:block; float:left; background:url(images/btn_right2.gif) no-repeat 100% 0; height:25px; line-height:24px; color:#ec6400;padding:0 10px 0 4px; font-weight:normal; white-space:nowrap;}

a.wcBtnNew:focus { -moz-outline-style: none; }

#wcContentBox a, #wcContentBox div.respect a span, a.box span{background:url(images/a_left.gif) no-repeat 0 0;padding-left:13px;text-decoration:none;color:#ec6400;}
#wcContentBox a:hover{text-decoration:underline;}

#wcContentBox ul{padding:0;margin:3px 0 0;}
*html #wcContentBox ul,*+html #wcContentBox ul{padding:0;margin:4px 0 0;}

#wcContentBox ul li, .span_listStyle span{list-style:none;background:url(images/li_left.gif) no-repeat 0 5px;padding-left:15px;}

#wcContentBox .boxtitle{margin-bottom:9px;}
#wcContentBox .boxtitle2{margin-bottom:5px;}

*html #wcContentBox .boxtitle,*+html #wcContentBox .boxtitle{margin-bottom:10px;}

#wcContentBox dd.table{padding:7px 10px 2px;border:1px solid #CFCFCF;background-color:#fff;margin-top:7px;float:left;margin-bottom:1.5em;width:auto;}
#wcContentBox dd table td{white-space:nowrap; padding:0;}
#wcContentBox tr.before td{padding-bottom:2px;}
#wcContentBox tr.last td{border-top:1px solid #ccc;padding-top:3px;}

#wcContentBox ol{padding:0;margin:0;clear:both;}
#wcContentBox ol li{list-style:none;padding:10px 10px 7px;}

#wcContentBox dl dd.first,#wcContentBox dl dd.wcnewpad{padding:0 0 1.3em;}

#wcContentBox dl dd.last{padding:0;}
#wcContentBox dl dd.lastbottom{padding:0 0 10px;}
#wcContentBox dl dd{width:100%;overflow:hidden;}
.wcfont14{font-size:14px;}
.wcclearf{clear:both;padding-top:17px;*padding-top:9px;}
#wcContentBox .wcmaginb{margin-bottom:0;*margin-bottom:-2px;}
#wcContentBox a.wcwrap{margin-top:4px;text-decoration:none;}
#wcContentBox a.newmargin{margin-top:10px;}
#wcContentBox .wcline{line-height:15px;margin-top:-4px;}
#wcContentBox .wclineht{line-height:15px;margin-top:13px;}


/*-----------------------------qj--------------------------------*/
#wcContentBox h2{ font-size:17px; padding-bottom:4px;margin:0 9px;}
#wcContentBox p,#wcContentBox strong{line-height:15px;}
#wcMainContent .noborder{border:0; padding:0; background:none;}
#wcMainContent #wcContentBox .nobordertop{border-top:0;}
#wcMainContent .gepad{padding-left:9px; padding-right:9px;}
#wcContentBox a.normal{ background:none; padding-left:0; text-decoration:underline; color:#000;}
#wcContentBox .gebox{border:1px solid #ccc; padding-top:7px;padding-bottom:7px;}
#wcContentBox .geboxmag{margin-bottom:10px;}
#wcMainContent .gepad h1,#wcMainContent .gepad h2{margin:0;}
.gebox strong{display:block;}
#wcContentBox a.wcBtnNew strong{ line-height:24px; }

#wcContentBox .gelibox{ list-style:none; padding-bottom:0;*padding-bottom:8px; border-bottom:1px solid #ccc;}
#wcContentBox .gelibox li{ min-height:78px; _height:78px; margin-bottom:10px;_margin-bottom:8px; padding:25px 10px 35px 147px;;border:1px solid #ccc; background:url(images/gelibox_bg.gif) repeat-x bottom; position:relative;}
#wcContentBox .gelibox li h2{margin:0;}
#wcContentBox .gelibox li img{ position:absolute; left:10px; top:10px;}
#wcContentBox .gelibox li .wcBtnNew{ position:absolute; bottom:10px; right:10px;}
#wcContentBox a.wcBtnNew{background:none;padding:0;}

#wcContentBox .gebox dl{margin:0;}
#wcContentBox .gelist li{line-height:15px; width:auto; overflow:hidden; padding:0;}
#wcContentBox .gelist li span{ display:block; float:left;width:22px;}
#wcContentBox .gelist li p{float:left;width:480px;}
#wcContentBox .nobackground li{ background:none; padding-left:0; line-height:15px;}
#wcContentBox .clearbottom{padding-bottom:0; margin-bottom:0;}
#wcMainContent .faq .nobordertop h2{margin-bottom:10px;}

/*======================================== qj updated 23.09 ========================================*/
#wcContentBox .gelistshadow li{min-height:83px; _height:83px; padding:0 7px;margin-bottom:10px; background:url(images/geliboxshadow_bg.gif) repeat-x bottom;}
#wcContentBox .gelistshadow li h2{ margin:0;padding:0; font-size:15px;}
#wcContentBox .gelistshadow li img{ float:left;margin:2px 12px 0 2px;}
#wcContentBox .gelistshadow li .wcBtnNew{padding:0;margin-top:7px;}
#wcContentBox .gelink{padding-top:3px;}
#wcContentBox .gelink a{ margin-right:15px;}
/*======================================== end ========================================*/

#unContentBox_Medienmitteilungen{ padding:0; padding:0 0 10px; border-bottom:1px solid #ccc;}
#unContentBox_Medienmitteilungen p{margin-top:0;margin-bottom:15px;}
#unContentBox_Medienmitteilungen h2{margin:15px 0 0;padding-bottom:12px;}
#unContentBox_Medienmitteilungen a.wcBtnNew{ margin-right:10px; float:left;margin-top:1px;}
#unContentBox_Medienmitteilungen .box,#DatenFakten .box,.ihre,#Bildmaterial .Bildmaterial,#Medienkontakt .box{padding:0 10px 10px; margin-bottom:10px; border:1px solid #ccc;width:504px; overflow:hidden;}

.Medienkontakt{ padding:0 10px 0!important;line-height:15px;}
.Medienkontakt img{ float:left;margin:3px 11px 10px 3px; border:1px solid #ccc;}
.Medienkontakt h2{margin:8px 0 0!important;padding-bottom:16px!important;}
.Medienkontakt strong{ margin-top:-4px;}
.MedienkontaktInfo{ line-height:18px;}
.MedienkontaktInfo a{ position:relative;top:-3px;}

#Medienmitteilungen h1{margin:15px 0 7px;}
#Medienmitteilungen p{margin:0 0 7px;}

#DatenFakten{padding:0;}
#DatenFakten strong{ clear:both;}
#DatenFakten h1{margin:15px 0 0;padding-bottom:12px;}
#DatenFakten h2,#wcContentBox .ihre h2{margin:0;padding-top:8px;padding-bottom:15px;}
#DatenFakten .box .wcBtnNew,#wcContentBox .ihre .wcBtnNew{ float:left; margin-right:10px;}
#DatenFakten .box p{margin:0 0 14px;}
#DatenFakten .box .newbottom{margin:0 0 6px;}
.lineClear{ clear:both;}
.bordertop{ border-top:1px solid #ccc;clear:left;float:left;width:504px;margin-top:10px;padding-top:7px;}

#wcContentBox a.mclear{padding:0;background:none;}


/*======================================== qj updated 23.09 ========================================*/
#Bildmaterial{padding:0;}
#Bildmaterial .Bildmaterial h1{margin:15px 0 8px;}
.Bildmaterial strong{display:block;}
#wcContentBox .lineht{margin-top:14px;}
#selectchange{border:1px solid #CCC;padding:3px 4px;width:244px;}
#Bildmaterial .unpeople_list p{ clear:none; margin:0;}
#Bildmaterial .unpeople_list{margin:20px 0 0;}
#Bildmaterial .unpeople_list .wcBtnNew{ margin-top:6px;}
#Bildmaterial .unpeople_list li.last{margin-bottom:0;}

#Medienkontakt{padding:0;}
#Medienkontakt h1{margin:15px 0 8px;}
#Medienkontakt h2{margin:0 0 2px;}
#Medienkontakt p.mb14{margin:0 0 14px;}
#Medienkontakt .textareaStyle{ width:502px; height:136px; border:1px solid #ccc; background:#f1f1ed;margin-top:3px;margin-bottom:16px; overflow:auto;}
#Medienkontakt .inputStyle{background:#f1f1ed;}
#Medienkontakt .clearmargin{margin:0;}

#Medienkontakt form{padding-top:13px;}
#Medienkontakt form p {display:inline;float:left;margin:0 15px 17px 0;*margin:0 15px 3px 0;width:244px; clear:none;}
#Medienkontakt form p label {display:block;}
#Medienkontakt .inputStyle,#Medienkontakt .selectStyle {border:1px solid #CCC;padding:3px 4px;width:234px;margin-top:4px;}
#Medienkontakt form p.mr0 {margin-right:0;}
#Medienkontakt .inputStylesmall{border:1px solid #CCC;padding:3px 4px; width:161px; float:right;background:#f1f1ed;margin-top:4px;}
#Medienkontakt .inputStylesmaller{border:1px solid #CCC;padding:3px 4px; width:60px;background:#f1f1ed;margin-top:4px;}
#Medienkontakt .formBtn{padding-top:4px;margin-bottom:-3px;}

p.wrapbtn{border-top:1px solid #CCC;clear:both; padding:10px 10px 15px;_padding:10px 10px 0;}

.antragsformular,.rundumschutz{ overflow:hidden; width:524px;}
.antragsformular .box{ float:left; clear:left; display:inline;padding:5px 10px; border:1px solid #ccc; margin-left:9px;margin-top:20px; line-height:20px;}
.antragsformular .box h5{ font-size:11px;}

#wcContentBox .bordertopclear{border-top:0;}
/*======================================== end ========================================*/


/*========================================write by sky 2009-09-22 15:50========================================*/
/*-------wctab style-----*/
#wctab { height:36px; background:url(images/wcline.gif) repeat-x 0 100%;}
#wctab ul { list-style:none; padding:0; margin:0;}
#wctab ul li { float:left; margin-right:2px; display:inline;}
#wctab ul li a { display:block; float:left; background:url(images/tab_bg.jpg) repeat-x 0 0; height:34px; line-height:34px; padding:0 10px; border:1px solid #ccc; font-weight:bold; color:#989898; text-decoration:none;}
#wctab ul li a.current { border-color:#ccc #ccc #fff; background:#fff; color:#ec6400;}
#wcContentBox.hasTab { border-top:0;}

/*-------Unternehmen style-------*/
#unContentBox_kurzportrait h1 ,#unContentBox_dynamik h1, #unContentBox_management h1 { margin:0;} 
.unContentBox { padding:0 10px;}
.unContentBox p { margin:10px 0; clear:both;_height:1px;}
.unContentBox p img.fr, .unContentBox p img.fl { display:block; border:1px solid #ccc; float:right; vertical-align:top; margin-left:10px;}
.unContentBox p img.fl { float:left; margin-right:10px; margin-left:0}
#wcContentBox .unpeople_list li { background:none; padding:0; margin-bottom:10px; float:left; width:100%;}
.unpeople_list li img { float:left; display:block; margin-right:10px; display:inline;}
.unpeople_list li h5 { margin:10px 0 0; font-size:11px;}

/*-------Aktuell style-------*/
#akContentBox { background:#e3e8f1; border:1px solid #ccc;}
#akProdList { padding:0; margin:0; list-style:none;}
#akProdList li { width:172.5px;float:left;margin-right:3px; *margin-right:4px; display:inline; background:#f7f8fa;}
#akProdList.camera li{ height:391px;}
#akProdList.panasonic li{ height:482px;}
#akProdList.panasonic li h5 { height:2em;}
#akProdList.panasonic li  img { margin:10px auto 0;}
#akProdList li.theLast { margin-right:0; float:right; width:173px; *width:172.5px;}
#akProdList li h5{ font-size:11px; padding:0; margin:10px 0 10px 10px;}
#akProdList li img { display:block; margin:10px auto;}
#akProdList li p { padding:10px; border-top:1px solid #e3e8f1; margin:0;}
.bottom_link {clear:both; height:30px; line-height:30px; padding-left:10px;}
.bottom_link a{background:url(images/a_left.gif) no-repeat 0 0;padding-left:13px;text-decoration:none;color:#ec6400;}


/*-------Service style-------*/
#seContentBox { padding:0 10px;}
#seContentBox h1 { margin-left:0;_height:1px;}/*_height:1px for ie6*/
#seContentBox p { margin:10px 0;_height:1px;}/*_height:1px for ie6*/
#seContentBox h5 { font-size:12px;}
#seContentBox form p { width:244px; float:left; margin:0 15px 10px 0; display:inline;}/*display:inline;  for ie6*/
#seContentBox form p.mr0 { margin-right:0;}
#seContentBox form p label { display:block;}
#seTableStyle { width:257px;}
#seTableStyle h5 { height:19px; line-height:19x; background:#ccc; border:solid #989898; border-width:1px 0; padding-left:10px; line-height:19px;}
#seTableStyle thead th { background:url(Service/images/se_thead_bg.gif) repeat-x 0 0; padding:0 0 0 10px; height:53px; text-align:left;}
#seTableStyle tbody td { background:url(Service/images/se_td_bg.gif) repeat-x 0 0; height:23px; line-height:23px; padding:0 0 0 10px;}
#seTableStyle p { color:#ccc;}
/*============write by sky 2009-09-23 10:30==================*/
#sePageLink{ list-style:none; padding:0; margin:0;}
ul#sePageLink li { background:url(service/images/seintem_bg.gif) repeat-x 0 0; height:117px; border:1px solid #ccc; padding:10px; margin-bottom:10px; _overflow:hidden;}
#sePageLink li img { display:block; float:left; margin-right:10px; vertical-align:top;}
#sePageLink li h2 { font-size:20px; margin:10px 0 0 0;}
.seWeiter { text-align:right; margin-top:1.5em;}
.seWeiter a { float:right;}
#seContentBox.PowerService { padding:0;}
#seContentBox h2.setitle{font-size:14px;}

ul#PowerService_item li { background:none; padding:0; border-bottom:1px solid #ccc; clear:both; padding:10px;}
#PowerService_item li h5 { font-size:11px; margin-bottom:5px;}
#PowerService_item li img { float:left; border:2px solid #0274bd; margin-right:10px; display:inline;}
#PowerService_item li p {float:left; width:437px; margin:0; padding-bottom:10px;}
#PowerService_item li .seWeiter { text-align:left; margin:0 0 0 63px;}
#PowerService_item li .seWeiter a { float:none;}
#PowerService_item li.se_theLast { border-bottom:0;}

/*design_skins*/
#seDesign { background:url(service/images/se_design_bg.jpg) repeat-x 0 0; padding:1px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;color:#000;}
#seDesign_header { width:733px; margin:0 auto; padding-top:20px;}
#seDesign_header h1 { float:left;}
#seDesign_header p { float:right;}
#seDesign_header p img { display:block; margin-right:20px; vertical-align:middle; float:left;}
#seDesign_header p img.vcm { margin:15px 13px 0 0; display:inline;}
#seDesign_content { width:733px; margin:0 auto;}
#seDesign_content_top { background:url(service/images/se_design_top.jpg) no-repeat 0 0; height:378px; padding:1px;}
#seDesign_content_top a { display:block; margin:344px 0 0 470px;}
#seDesign_content_top a img { border:0;}
#seDesign_content_middle { background:url(service/images/se_design_middle.jpg) no-repeat 0 0; height:314px; padding:1px;}
#seDesign_content_middle p span { color:#0b99e7; font-weight:bold;font-size:14px;}
.seText1 { width:380px; margin:57px 0 0 323px; color:#666; *margin-top:62px;margin-top:62px\9;}
.seText2 { margin:30px 0 0 362px;}
.seText3 { margin:13px 0 0 309px;}
.seText4 { margin:13px 0 0 385px;}
.seText2, .seText3, .seText4{font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;color:#444;}
#seDesign_content_bottom { background:url(service/images/se_design_bottom.jpg) no-repeat 0 0; height:145px;}
/*============write by sky 2009-09-23 10:30==================*/


/*form elemets style*/
.inputStyle, .selectStyle { border:1px solid #ccc; width:234px; padding:3px 4px;}
.selectStyle { width:244px;}

.formBtn { clear:both; text-align:right;}

/*btn style*/
button.wcBtn { background:none; border:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; cursor:pointer;width: auto;_width: 0;overflow:visible;}
button::-moz-focus-inner {border: 0;padding: 0;}/*for FF*/
button.wcBtn span{background:url(images/form_btn_left.gif) no-repeat 0 0; height:25px; display:block; float:left; padding-left:24px;text-decoration:none}
button.wcBtn span strong { display:block; float:left; background:url(images/form_btn_right.gif) no-repeat 100% 0; height:25px;color:#fff;padding:0 10px 0 0; font-weight:normal; white-space:nowrap;}
#wcContentBox button.wcBtn span strong { line-height:23px;}

/*============write by sky 2009-10-12 10:30==================*/
#akContentBox_neu { background:#fff;}
#neu_content { padding:20px 13px 0 10px;}
.iPod_list h3 { margin-bottom:20px;}
.iPod_list { margin-top:20px;}
.list_left { float:left; width:155px; margin-right:20px; display:inline;}
.list_right { float:left; width:326px;}
.list_right table th { text-align:left; border:solid #989898; border-width:1px 0; background:#ccc; height:19px; line-height:19px;padding-left:8px;}
.list_right table tbody td { background:url(aktuell/images/bg_td.jpg) repeat-x 0 100%; height:23px;padding:3px 0 3px 8px;}


/*============write by sky 2009-10-22 10:30 for change aktuell==================*/
.content_txt { padding:9px;}
.content_txt h3 { font-size:11px;}
#prod_info {  background:#FFFFFF url(images/wcContentBox_bg.gif) repeat-x scroll center bottom; width:502px; margin:9px auto;}
#prod_info h3 { height:23px; line-height:23px; padding:0 9px; font-size:11px;}
#prod_info h3 span.show {background:url(images/boxCollapse.gif) no-repeat 0 0;margin-top:8px;}
#prod_info h3 span{background:url(images/boxExpand.gif) no-repeat 0 0; float:right; width:15px; height:15px; margin-top:4px; cursor:pointer;}
#prod_info_text { padding:1px; margin-top:20px; overflow:hidden;}
.prod_info_table {margin:9px;}
.prod_info_table table td { padding:5px;}



/*============write by sky 2009-10-19==================*/
#wcMainContent.fr{width:525px;}
#wcMainContent.fr #wcContentBox { padding:0; clear:both;}
#wcMainContent.fr p, #wcContentBox ul.bullets { padding:0 9px;}
#wcMainContent.fr p {padding-bottom:12px;}
img#carte { border:1px solid #ccc; margin:10px auto; display:block;}
#wcMainContent.fr h1{background-image:url(images/headline_no1.gif);background-position:9px 4px;background-repeat:no-repeat;height:30px; margin:0;}
#wcMainContent.fr h1 span { display:none;}
#wcMainContent.fr h2 { color:#EC6400; font-weight:normal;padding-top:7px;}
#wcMainContent.fr h2 img{ margin:3px 0 6px 0;}
#ile,#marseille,#nancy { display:none;}
.span_listStyle span { display:block; font-weight:bold;}
#wcMainContent.fr .imagebox img { width:259px; height:132px; margin-right:5px; }
#wcMainContent.fr .imagebox img.right { margin:0; }
#wcContentBox h3, #wcContentBox h4 { margin:0 9px; font-size:11px;}

#linkbox, #selinkbox { height:100%;}
#linkbox a, #selinkbox a {display:block;width:258px;height:77px;float:left;margin:0 0 5px 0;position:relative;border:solid 1px #CDCDCD;}
#linkbox a span, #selinkbox a span { display:none; }
a#directeur { background:url(images/job_01.gif);  }
a#administratif { background:url(images/job_02.gif); float:right; }
a#departement { background:url(images/job_03.gif); }
a#ventes { background:url(images/job_04.gif); float:right; }
a#vendeur { background:url(images/job_05.gif); }
a#logistique { background:url(images/job_06.gif); float:right; }
a#accueil { background:url(images/job_07.gif); }
a#siege { background:url(images/job_08.gif); float:right; }

#wcMainContent.fr .links {margin:0 9px;}

/************produits**********/
.coverflow {width:505px;height:207px;background:#fff;margin:0 0 9px 9px; border:1px solid #ccc;}
.coverflow h3 span { display:none;}
#wcContentBox .coverflow h3 {background-position:center top;background-repeat:no-repeat;height:20px;margin:14px 0 0 0;}
#multimedia.coverflow h3 { background-image:url(images/headline_2.gif); }
#imageetson.coverflow h3 { background-image:url(images/headline_3.gif); }
#electromenager.coverflow h3 { background-image:url(images/headline_4.gif); }
#divertissment.coverflow h3 { background-image:url(images/headline_5.gif); }

#menu{position:absolute;left:10px;top:10px;}
#images {width:445px;height:140px;margin-left:30px;}
#images img{visibility:hidden;display:none;filter: alpha(opacity=100);opacity: 1;border:solid #010348 1px; position:absolute;}
#preload{visibility:hidden;}
#captions{font-weight:bold;position:relative; text-align:center;z-index:10000;display:none;}
#scrollbar{position:relative; z-index:10001;height:14px;background:url(images/coverflow_bg2.gif) no-repeat left top;width: 384px;margin-left:68px;margin-top:10px;overflow:show;}
#slider{position:absolute;z-index:10002;background-image:url(images/coverflow_slider.gif);background-repeat:no-repeat;width:20px;height:12px;margin-top:1px;}
#imageflow{width:505px;height:173px;}


/************services**********/
#selinkbox a {width:255px;height:131px;margin:0 0 8px 0; overflow:hidden;}
a#engagement { background:url(images/service_02.jpg); }
a#reparation { background:url(images/service_03.jpg); }
a#consommateurs { background:url(images/service_04.jpg); float:right; }
a#financement { background:url(images/service_05.jpg); }
a#secarte { background:url(images/service_06.jpg); float:right; }
a#assurance { background:url(images/service_08.jpg); }
a#garantie { background:url(images/service_09.jpg); float:right; }
a#photo { background:url(images/service_photo.jpg); float:right; }
#wcMainContent.fr h1.page_title, #wcMainContent.fr h1.page_title_2, #wcMainContent.fr h1.page_title_4, #wcMainContent.fr h1.page_title_3, #wcMainContent.fr h1.page_title_5, #wcMainContent.fr h1.page_title_6, #wcMainContent.fr h1.page_title_7, #wcMainContent.fr h1.page_title_8, #wcMainContent.fr h1.page_title_9 {background:url(images/headline_1.gif) no-repeat 0 0;border:1px solid #ccc;height:28px;margin-bottom:9px;margin-left:0;}
#wcMainContent.fr h1.page_title_2 {background:url(images/headline_4.gif) no-repeat 0 0;}
#wcMainContent.fr h1.page_title_3 {background:url(images/headline_13.gif) no-repeat 0 0;}
#wcMainContent.fr h1.page_title_4 {background:url(images/headline_14.gif) no-repeat 0 0;}
#wcMainContent.fr h1.page_title_5 {background:url(images/headline_16.gif) no-repeat 0 0;}
#wcMainContent.fr h1.page_title_6 {background:url(images/headline_17.gif) no-repeat 0 0;}
#wcMainContent.fr h1.page_title_7 {background:url(images/headline_19.gif) no-repeat 0 0;}
#wcMainContent.fr h1.page_title_8 {background:url(images/headline_faq.gif) no-repeat 0 0;}
#wcMainContent.fr h1.page_title_9 {background:url(images/headline_conditions.gif) no-repeat 0 0;}
.content_title { margin:1em 0 25px 9px;}
.content_pic { float:left; margin-left:9px; display:inline;}
.float { float:left;}
.imgStyle { border:1px solid #ccc; display:block; margin:10px auto;}
.se_left { width:257px; float:left; }
.se_right { width:257px; float:right;}
.se_left div , .se_right div {background:url(images/felder_bg_verlauf.gif) repeat-x left bottom; width:255px; margin:0 0 9px 0;padding-top:10px; border:1px solid #ccc;overflow:hidden;}
.se_left div h2, .se_right div h2 { background-repeat:no-repeat; width:243px; height:40px; background-position:0 0; }
.se_left div h2 span, .se_right div h2 span { display:none;}
div.satisfait h2 { background-image:url(images/headline_5.gif); height:33px; }
div.difference h2 { background-image:url(images/headline_6.gif); }
div.service h2  { background-image:url(images/headline_7.gif); }
div.domicile h2 { background-image:url(images/headline_8.gif); }
div.sav h2 { background-image:url(images/headline_9.gif); height:63px; }
div.respect h2 { background-image:url(images/headline_10.gif); }
div.autoradio h2 { background-image:url(images/headline_11.gif); height:31px; }
#wcMainContent div.se { border:0; height:100%; background:none;}
#wcContentBox div.respect a {display:block;background:url(images/eco_logo.gif) no-repeat center top;padding:60px 0 0 0;margin:10px auto 10px auto;text-align:center;}
#wcMainContent.fr p.formline {clear:both; float:left; width:500px; padding-bottom:5px;}
.formline label {display:block;float:left; width:120px;}
.formline input, .formline select { float:left; width:240px; font-family:inherit; font-size:11px;}
.formline input{padding:3px 2px 0;}
.formline select { width:248px;}
.btn_box { border:1px solid red; float:left; cursor:pointer;}
.buttonStyle { background:url(images/fader_red23.gif) repeat-x 0 0; border:0; color:#fff; padding:0 10px 0 20px; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:23px;width: auto;_width: 0;overflow:visible;}
#repairform .btn_box {margin-left:120px;}
#repairform {padding-bottom:9px; clear:both;}
#repairform h3 { margin-bottom:15px;}
.hasLayout { height:100%;}
.seformStyle { margin:9px; height:100%;}
.seformStyle label {float:left; line-height:20px; margin-bottom:10px;}
.seformStyle label.left {margin-right:15px;display:inline;float:left;}
.seformStyle label select {margin-bottom:10px;height:19px;padding:0;width:243px;width:245p\x;*width:245px;font-family:inherit; font-size:11px;}
.seformStyle label input{font-size:11px;margin-top:4px;padding:5px 4px;width:234px;font-family:inherit; font-size:11px; background:#F1F1ED; border:1px solid #ccc;}
#code { width:72px; margin-right:3px; }
#ville { width:148px; margin-right:0; }
#adresse ,#telephone { margin-bottom:16px; }
#cv { height:auto; width:400px; }
#extras{ clear:both;}
#extra1 { margin-right:15px; display:inline;}
#message{height:136px;font-family:inherit; font-size:11px;background:#F1F1ED; width:502px; border:1px solid #ccc;}


#wcContentBox div.respect a:hover span{ text-decoration:underline;}

a.box {width:249px;height:19px;border:solid 1px #CDCDCD;display:block;float:left;margin-bottom:9px;text-align:right;padding:60px 10px 0 0;color:#F06600;}
#wcMainContent a.box{ text-decoration:none;}
#wcMainContent a.box:hover{ text-decoration:underline;}
a#faq { background:url(images/faq.jpg) no-repeat; margin-left:0px; }
a#agb { background:url(images/conditions.jpg) no-repeat; margin-right:0px; float:right; }
#saisissez {width:483px;height:80px;background:url(images/saisissez.gif) no-repeat;float:left;padding:40px 40px 0 0; border:1px solid #ccc;}
.ele_input { float:left; margin-right:10px; display:inline; padding:4px 2px; width:214px; font-family:inherit; font-size:11px;}
.head { font-weight:bold;padding:0 0 6px 9px;}
#wcContentBox ol.utili { padding-left:30px; padding-top:9px; margin:0 9px}
#wcContentBox ol.utili li{list-style-type: decimal; padding:0 9px 9px 0;}
#wcContentBox ol.utili li ul li { list-style:none; padding:5px 0 0 0; background:none;}
p.small{font-size:10px;}


/*============write by sky 2009-10-27==================*/
#wcContentBox h1#directeur{ background:none; padding:9px 0 0 9px;}
#jobformular { border:1px solid #ccc; padding:9px; margin:0 0 10px 0;background:#FFFFFF url(images/wcContentBox_bg.gif) repeat-x scroll center bottom;}
#jobformular fieldset {border:0;}
#wcMainContent.fr #jobformular p { padding:0;}
#jobformular .form_btn { margin:20px 0 20px 0;}
#jobformular .form_btn p { float:right;}
#jobformular .form_btn a.button {background:transparent url(images/form_btn_left_r.gif) no-repeat scroll 0 0;display:block;float:left;height:25px;
padding-left:24px;text-decoration:none; color:#fff; text-decoration:none;} 
#jobformular .form_btn a.button span {background:transparent url(images/form_btn_right.gif) no-repeat scroll 100% 0;color:#FFFFFF;display:block;float:left;font-weight:normal;height:25px;padding:0 10px 0 0;white-space:nowrap; line-height:24px;}
p.footnote {color:#5A5A5A;font-size:9px;line-height:10px; clear:both;}
.formEle_box { line-height:20px;}
#cv{ width:245px; padding:2px 3px; margin:4px 0 0 0;}
#jobformular .form_btn button.wcBtn { margin-right:10px;}
#jobformular .form_btn button.mr0 { margin-right:0;}
#jobformular .form_btn button.wcBtn span strong{ height:25px; line-height:24px;}