html{width: 100%; height: 100%}
body{margin:0;padding:0;text-align:center;background:#aaa294;min-height: 100%;height: auto !important;height:100%; position:relative;} /*url(img/bg-1.gif) 0 53px repeat-x*/
body,td{font:normal 11px Tahoma;color:#000;line-height:18px;}
body{overflow:auto;overflow: -moz-scrollbars-vertical;} /* added to fix the center problem */
h1,h2,h3{font:bold 15px Tahoma /*"Arial Narrow"*/; line-height:19px;color:#000; margin:0;padding:0 0 14px 0}
#popup #content h1,#popup #content h2, #popup #content h3{color:#FFF}
p{margin:0 0 8px 0;padding:0;}
a{text-decoration:none;color:#000}
a:hover,
#head #menu li a.act,
#left-colum #menul li a.act, 
#footer #lang li a.act{color:#ff9f22}
#spacer{height:22px}
*html #spacer{height:20px}

a img{border:0}
form{padding:0; margin:0}
input,select,textarea{font:normal 11px Tahoma; color:#000}
.clr{height:1px;clear:both;overflow:hidden;font-size:1px; line-height:1px}
.orange{color:#ff9f22}
.grey{color:#AAA294}
.large-lines {line-height:25px;}


#deco-1{width:824px; height:100%;background:#FFF url(img/bg-2.gif) 0 53px repeat-x; position:absolute; top:0; left:50%; bottom:0; margin-left:-412px}

#main{text-align:left;width:745px; margin:0 auto; padding:15px 39px 70px 39px;position:relative; z-index:5; background:#FFF url(img/bg-2.gif) 0 53px repeat-x}
#main #head{border-bottom:1px solid #aaa294}
#main #content{padding:31px 0 0 0}
#main #container #left-colum{width:125px; float:left; padding-top:31px; font-size:10px; line-height:12px;}
#main #container #content{width:600px; height:100%; float:right;}
#footer{position:absolute; z-index:10; bottom:0; left:50%; margin-left:-373px; width:746px; border-top:1px solid #aaa294; padding:4px 0 19px 0}

#popup{background-image:none}
/*#popup #main{width:744px; padding:58px 0 0 0; background-image:none} */
#popup #main{width:744px; padding:0 0 0 0; background-image:none} /* added temporaly by Pierre until we can use tmpl3 */
#popup #main #menu{margin:0; padding:0 18px 0 14px; height:30px; list-style:none}
#popup #main #menu li{padding:0 28px 0 0; float:left; white-space:nowrap; text-transform:uppercase}
#popup #main #menu li.last{float:right}
#popup #content{padding:0; color:#FFF; background:#ff9000}
#popup #content .left{width:531px; float:left; margin-bottom:-1px}
#popup #content .right{width:180px; float:right; padding:18px 15px 0 0; margin-bottom:-1px}

#popup #content .right h1,#popup #content .right h2, #popup #content .right h3, #popup #content .right h4 #popup #content .right h5, #popup #content .right h6{font-family:"Arial Narrow";
font-size:15px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:19px;
margin:0pt;
padding:0pt 0pt 14px;}

#head #logo{float:right; width:143px; height:35px; padding-top:11px; background:url(img/deco-1.gif) 100% 0 no-repeat}
#head #desc{clear:both; color:#aaa294; height:39px; padding:0 35px 0 0; font:bold 13px Tahoma; line-height:19px; text-align:right}
#head #search{height:34px; text-align:left}
#head #search div{float:left}
#head #search input{border:1px solid #aaa294; background:#FFF; vertical-align:middle;height:17px}
#head #search input.input{border-left:0; height:13px; width:133px}
#head #menu,
#footer #lang{margin:0; padding:6px 0 9px 0; height:8px; list-style:none}
#head #menu li,
#footer #lang li{float:left; height:8px; text-transform:uppercase; padding:0 12px 0 11px; border-right:1px solid #000;color:#ff9f22}
#head #menu li.first{padding-left:0px}
#head #menu li.last_pre,
#head #menu li.last,
#footer #lang li.last{padding-right:0; border:0}

#head #menu li.last {float:right;}
#head #menu li.last2 {float:right; border-left:1px solid #000;}

#head #menu li a,
#footer #lang li a{display:block; float:left; line-height:20px; margin:-6px 0 -6px 0;height:20px; white-space:nowrap; position:relative}
#head #menu li img{vertical-align:middle; padding-right:3px}

/* *html #head #menu li img{vertical-align:bottom; padding-right:13px} */ /*border:1px solid #ffff00; color:redadded by Pierre to solve a temp problem on IE*/
#head #menu li.last{vertical-align:bottom;}
#head #menu li.last a{vertical-align:bottom;}
#head #menu li.last a:activated{color:#ff9f22} /*activated link should stay orange */

#content #deco-2{width:744px; height:348px; border:1px solid #aaa294; margin:0 auto 30px auto; background:url(img/img-1.jpg) 0 0 no-repeat; position:relative}
#content #deco-2.over{background-position:0 100%}
#content #deco-2 div{position:absolute; top:83px; left:349px; width:41px; height:72px}
#content #deco-link {position:absolute; top:285px; left:23px; width:230px; height:40x}
#content .box-1{padding-bottom:10px;}
#content .box-1 .left{border:0px solid #ff0000; width:386px; float:left;} /*305px 384*/
#content .box-1 .right{border:0px solid #ff0000; width:355px; float:right;} /*441px 362*/

/*#content .box-1 .right a{margin-left:11px}*/
#content .box-2{padding-bottom:30px}
#content .box-3{padding-bottom:10px}
#content .box-3 .left{width:445px}
#content .box-3 .right{width:155px; float:right; text-align:right}

#content table.files-table {margin:0px 0px 18px 0px;}
#content  td.file-text {width:300px;}
#content  td.file-text p {padding:0px; margin:0px;}
#content  td.file-text p.file-title {text-transform:uppercase;}
#content  td.file-text p.file-subtitle {color:#B0A89D;font-weight:bold;}
#content  td.file-text p.file-filename {font-size:9px;}
#content td.file-zip,
#content td.file-pdf {text-align:right; font-weight:bold; vertical-align:top; width:85px;}

#breadcrumb{ margin-bottom:35px;}
#breadcrumb b{color:#ff9f22; font-weight:normal;} 
#breadcrumb a{color:#333333;}
#topImg{}


#topImg, 
#topImg .csc-textpic,
#topImg .csc-textpic .csc-textpic-imagewrap,
#topImg .csc-textpic .csc-textpic-imagewrap .csc-textpic-image,
#topImg .csc-textpic .csc-textpic-imagewrap .csc-textpic-image dl,
#topImg .csc-textpic .csc-textpic-imagewrap .csc-textpic-image dl dt,
#topImg .csc-textpic .csc-textpic-imagewrap .csc-textpic-image dl dt img
#topImg.csc-textpic-clear
{margin:0;padding:0; border:none;}
#topImg .csc-textpic .csc-textpic-imagewrap .csc-textpic-image dt{margin:0 auto;}
#topImg {padding:0; margin:0;}

#topImg, 
#topImg div,
#topImg div div,
#topImg div div div,
#topImg div div div div,
#topImg div div div div img{margin:0;padding:0;}

#topImg div csc-textpic-left,
#topImg div csc-textpic-below,
#topImg div div div csc-textpic-image,
#topImg div div divcsc-textpic-firstcol,
#topImg div div div csc-textpic-lastcol{margin:0; padding:0;}

#topImg{margin-left:-1px; margin-bottom:15px; padding-bottom:0px;border: 1px solid #ffffff;}/* Workaround with border added by Pierre to fix a problem with IE */




#contentC{width:438px; float:left;}
#contentR{width:145px; float:right;}

#left-colum #menul{margin:0; padding:0 0 12px 0; list-style:none}
#left-colum #menul li{padding-bottom:6px}

#footer #lang{float:left; padding-bottom:8px}
#footer #lang li{padding:0 9px}
#footer #lang li.first{padding-left:0px}
#footer #copyright{float:right; line-height:22px; height:22px}
#footer #copyright b{margin-right:20px; font-weight:normal}
#footer #deco-3{clear:left; width:308px; float:left; background:#000;height:12px}
#footer #deco-3 div{float:left;line-height:10px; height:12px; overflow:hidden; width:124px; background:#ff9000}
#footer #deco-4{float:right; clear:right; width:204px; background:#aaa294; height:12px; line-height:10px; overflow:hidden}

/* all the following were added by Pierre */
#contentC .csc-sitemap ul li{ list-style:none; white-space:nowrap; text-transform:uppercase; margin-bottom:15px;}
#contentC .csc-sitemap ul ul li{list-style-image:url(img/arrow.gif);text-transform:none;margin-bottom:0px;}
#contentC .csc-sitemap ul ul ul li{list-style-image:url(); list-style:none;margin-bottom:0px;}
#contentC .csc-sitemap ul ul ul li a{text-decoration:underline;margin-left:-15px;}

.csc-mailform td.csc-form-labelcell{width:320px;padding:0px; margin:0px;vertical-align:top}
.csc-mailform td.csc-form-fieldcell{width:320px;padding:0px; margin:0px;}
.csc-mailform td.csc-form-fieldcell textarea{width:320px;padding:0px; margin:0px;}
.csc-mailform td.csc-form-labelcell p.csc-form-label-req{padding:0px; margin:0px;}
#mailformPLZOrt{margin-bottom:20px;}
#mailformInternet{margin-bottom:20px;}
#mailformformtype_mail{float:right;margin-bottom:20px;margin-left:0px; padding-left:0px;}

#home {margin-left:40px;}
.csc-textpic-text{height:25px; padding:0px; margin:0px;}
.csc-textpic-text p{height:25px; padding:0px; margin:0px;}