html { padding: 0; margin: 0; height: 100.01%; background: #b5dcef url(../../images/default/bg_html.gif) repeat-x ; }
body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: arial, helvetica, sans-serif;
    font-size: 62.5%; /* resets 1em to 10px */
    background: url(../../images/default/bg_body.gif) no-repeat 82em 450px; ;
}

img { border-width: 0; }

/* standard elements */

p   { margin: 0; }

table { }

.error, .alert { color: #ff0000; }

a.quicklink { position:absolute; left: -100em; top: 0; }

/* background colors */
div.backwrap { position: absolute; height: 100%; left: 0; width: 100em; }
div.bgside { float:left; width: 216px; background: #519dc2; height: 100%; border-right: 1px solid #f58026; }
div.bgcontent { float: left; border-left: 19.2em solid #B5DCEF; height: 100%; width: 40em; ; background: #ffffff; border-right: 1px solid #f58026;  }

div.wrapper { position: absolute; border-left: 216px solid #519DC2; width: 77.5em; }


/* menu level 1 */
div.menu { float: left; width: 19.2em; margin-top: 172px; }
div.menu ul { margin: 0 0 0 2.2em; padding :0; background: #B5DCEF; border: 1px solid #B5DCEF; }
div.menu ul li { margin: 0; padding: 0; list-style: none; }
div.menu ul li a { display: block; font-size: 1.2em; color: #000000; text-decoration: none; font-weight: bold; line-height: 1.6em;   }

div.menu ul li.active a { color: #f58026; }

/* menu level 2 */
div.menu ul li.active ul { margin: 0 0 0.5em 0; }
div.menu ul li.active ul li { background: url(../../images/default/menu_li.gif) no-repeat 0.5em 0.3em; padding: 0 0 0 1.8em; }
div.menu ul li.active ul li a { color: #185d7f; font-size: 1.1em; line-height: 1.4em; }

div.menu ul li.active ul li.active { background: url(../../images/default/menu_li_active.gif) no-repeat 0.5em 0.3em; }
div.menu ul li.active ul li.active a { color: #000000; }

/* menu level 3 */
div.menu ul li.active ul li.active ul { margin: 0 0 0.5em 0; }
div.menu ul li.active ul li.active ul li { background: url(../../images/default/menu_li.gif) no-repeat 0.5em 0.6em; padding: 0.3em 0 0.3em 1.6em; }
div.menu ul li.active ul li.active ul li a { color: #185d7f; font-size: 1.1em; line-height: 1.2em; font-weight: normal; }

div.menu ul li.active ul li.active ul li.active{ background: url(../../images/default/menu_li_active.gif) no-repeat 0.5em 0.6em; }
div.menu ul li.active ul li.active ul li.active a { color: #000000; }


div.content { float: left; width: 33em; margin: 80px 0 0 1px; padding: 0 4.75em 5em 2.2em;  background: #ffffff; border-right: 1px solid #f58026; }
span.date { font-size: 0.9em; font-style:italic; display:block; margin: 0.5em 0 0.5em 0;}

/* servicemenu */
div.servicemenu { margin: 0.5em 0 0 1em; float: left; }
div.servicemenu ul { padding: 0;  margin: 0;}
div.servicemenu ul li { display:inline; }
div.servicemenu ul li a { color: #ffffff; font-size: 1.1em; padding: 0 0.3em; text-decoration: none; }

div.servicemenu_partnernet { margin: 1em 0 0 1em; float: left; }
div.servicemenu_partnernet ul { padding: 0;  margin: 0;}
div.servicemenu_partnernet ul li { display:inline; }
div.servicemenu_partnernet ul li a { color: #ffffff; font-size: 1.2em; font-weight: bold; padding: 0 0.3em; text-decoration: none; }
div.servicemenu_partnernet ul li img { margin: 0 0.5em 0 0; }

div.logo { width: 216px; position: absolute; left: 0; top: 0; background: #f58026 url(../../images/default/bg_logo.gif); height: 172px; text-align:center;  }
div.carrousel { position: absolute; width: 216px; height: 308px; border-bottom: 1px solid #f58026; top: 172px; }
div.top { position:absolute; left: 217px; top: 0; width: 59.2em; height: 52px;  border-bottom: 1px solid #f58026; text-align: right; background: #ffffff; }
div.top img { border-left: 1px solid #f58026; }
div.header { width: 385px; position: absolute; left: 238px; top: 10px;;  }


/* ajaxticker */

#ajaxticker1{
width: 200px;
height: 100px;
border: 1px ridge black;
padding: 5px;
background-color: #FEEEB8;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #FEEEB8;
}

div.logoticker{ position: absolute; top: 480px; width: 216px; height: 100px; border-bottom: 1px solid #f58026; background-color:#FFFFFF; }
div.logoticker p { color:#f58026; font-size:1.2em; padding:2px 5px; margin:0; }
div.logoticker img{ border-bottom: 1px solid #f58026; }

.someclass{ /* class to apply to your scroller(s) if desired */ }



/* content */

div.newsitem h4 { margin: 15px 0 0 0; }

/* form styles */
div.content form                        { margin: 0em; font-size: 1.3em; }
div.content form span.formerror         { color: #ff0000; }
div.content form span.formrequired      { color: #ff0000; font-weight: bold; }
div.content form input.text				{  width: 20em; border: 1px solid #999999; }
div.content form textarea				{  width: 20em; border: 1px solid #999999; }
div.content form select				{  width: 20em; border: 1px solid #999999; }
div.content form input.radio            { }
div.content form input.checkbox         { }
div.content form input.button   { background: url(../../images/default/bg_button.gif) no-repeat; border: none; font-weight: bold; width: 12em; }

/* light box */
div.lightbox                                { position: absolute; left: 0em; width: 100%; z-index: 100; text-align: center; line-height: 0em; }
div.lightbox a img                          { border: none; }
div.outerimagecontainer                     { position: relative; background-color: #ffffff; width: 250px; height: 250px; margin: 0em auto; }
div.imagecontainer                          { padding: 10px; }
div.loading                                 { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0em; }
div.hovernav                                { position: absolute; top: 0em; left: 0em; height: 100%; width: 100%; z-index: 10; }
div.imagecontainer>div.hovernav             { left: 0em; }
div.hovernav a                              { outline: none; }
a.prevlink, a.nextlink                      { width: 49%; height: 100%; background: transparent url('../../images/default/lightbox/blank.gif') no-repeat; /* Trick IE into showing hover */ display: block; }
a.prevlink                                  { left: 0em; float: left; }
a.nextlink                                  { right: 0em; float: right; }
a.prevlink:hover, a.prevlink:visited:hover  { background: url('../../images/default/lightbox/prevlabel.gif') left 15% no-repeat; }
a.nextlink:hover, a.nextlink:visited:hover  { background: url('../../images/default/lightbox/nextlabel.gif') right 15% no-repeat; }

div.imagedatacontainer              { font: 10px Verdana, Helvetica, sans-serif; background-color: #ffffff; margin: 0em auto; line-height: 1.4em; overflow: auto; width: 100% }
div.imagedata                       { padding:0 10px; color: #666; }
div.imagedata div.imagedetails      { width: 70%; float: left; text-align: left; }
div.imagedata span.caption          { font-weight: bold;   }
div.imagedata span.numberdisplay    { display: block; clear: left; padding-bottom: 1.0em;   }
div.imagedata a.bottomnavclose      { width: 66px; float: right;  padding-bottom: 0.7em;   }
div.overlay                         { position: absolute; top: 0em; left: 0em; z-index: 90; width: 100%; height: 500px; background-color: #000000; }