html
{
overflow: auto;
}

body
{
width: 100%;
background: #fff;
font-family: verdana, arial, helvetica, sans-serif;
margin: 0px;
}

h1
{
font-size: 1.4em;
font-weight: bold;
color: #fff;
text-align: left;
}

img
{
border: 0px;
}

a:link.img img {border: 1px solid transparent; }
a:visited.img img {border: 1px solid transparent; }
a:hover.img img {border: 1px solid #fff; }
a:active.img img {border: 1px solid #fff; }

a:link {color: #fff; text-decoration: underline; }
a:visited {color: #fff; text-decoration: underline; }
a:hover {color: #ccc; text-decoration: none; }
a:active {color: #ccc; text-decoration: none; }

.hr
{
width: 100%;
height: 1px;
border: none;
background: #fff;
margin: 1em 0px 1em 0px;
}

.nobr
{
white-space: nowrap;
}

ul {
padding-left: 0px;
margin: 0px 0px 0px 1em;
}

li
{
padding-left: 0px;
margin: 0px 0px 0px 1em;
}


/* CONTAINER */

#container
{
width: 100%;
height: 535px;
position: absolute;
top: 50%;
margin-top: -268px;
background: #fff;
}



/* TOP */

#top
{
height: 133px;
background: #fff;
}

#tablemenu
{
height: 19px;
position: absolute;
left: 50%;
margin-top: 112px;
margin-left: -270px;
padding: 0;
}

tr.menu
{
height: 19px;
margin: 0;
padding: 0;
font-size: 0.7em;
font-weight: bold;
font-variant: small-caps;
text-align: center;
color: #fff;
}

.on
{
width: 85px;
height: 19px;
background: transparent url(menu-on.png);
}

.off
{
width: 85px;
height: 19px;
background: transparent url(menu-off.png);
}

a:link.menu {color: #777; text-decoration: none; }
a:visited.menu {color: #777; text-decoration: none; }
a:hover.menu {color: #000; text-decoration: none; }
a:active.menu {color: #777; text-decoration: none; }

#topleft
{
width: 30%;
height: 133px;
float: left;
background: transparent url(bg-top-left.jpg) no-repeat left;
}

#topright
{
width: 30%;
height: 133px;
float: right;
background: transparent url(bg-top-right.jpg) no-repeat right ;
}

#topleftfade
{
width: 100%;
height: 133px;
background: transparent url(fade-right-white.png) repeat-y right;
}

#toprightfade
{
width: 100%;
height: 133px;
background: transparent url(fade-left-white.png) repeat-y left;
}

#logo
{
width: 180px; 
height: 65px;
float: left;
margin-top: 47px;
margin-left: 83px;
}

#flag
{
width: 180px;
height: 35px;
float: right;
margin-top: 77px;
margin-right: 83px;
text-align: right;
}

a:link.flag img {border: 1px solid transparent; }
a:visited.flag img {border: 1px solid transparent; }
a:hover.flag img {border: 1px solid #000; }
a:active.flag img {border: 1px solid #000; }

.flagmargin
{
margin: 1px 1px 0px 0px;
}


/* ----- MAIN ----- */

#main
{
width: 100%;
height: 362px;
text-align: center;
overflow: auto;
background: #000;
}

#mainleft
{
width: 30%;
height: 362px;
float: left;
background: url(bg-main-left.jpg) no-repeat left;
}

#mainright
{
width: 30%;
height: 362px;
float: right;
background: url(bg-main-right.jpg) no-repeat right;
}

#mainleftfade
{
width: 192px;
height: 362px;
float: right;
background: transparent url(fade-right.png) repeat left;
}

#mainrightfade
{
width: 192px;
height: 362px;
float: left;
background: transparent url(fade-left.png) repeat right;
}

#content
{
width: 550px;
height: 350px;
position: absolute;
left: 50%;
margin-top: 2px;
margin-left: -275px;
padding: 10px 10px 0px 10px;
color: #fff;
font-size: 0.8em;
line-height: 1.4em;
text-align: left;
overflow: auto;
}


/* BOTTOM */

#bottom
{
width: 100%;
height: 40px;
}

#bottomleft
{
width: 30%;
height: 40px;
float: left;
background: transparent url(bg-bottom-left.jpg) no-repeat left;
}

#bottomright
{
width: 30%;
height: 40px;
float: right;
background: transparent url(bg-bottom-right.jpg) no-repeat right;
}

#bottomleftfade
{
width: 100%;
height: 40px;
background: transparent url(fade-right-white.png) repeat-y right;
}

#bottomrightfade
{
width: 100%;
height: 40px;
background: transparent url(fade-left-white.png) repeat-y left;
}


/* ---------- */

#copy
{
padding-top: 10px;
margin: 0px auto auto 0px;
color: #999;
font-size: 0.8em;
line-height: 1.4em;
text-align: center;
}

a:link.copylink {color: #999; text-decoration: none; }
a:visited.copylink {color: #999; text-decoration: none; }
a:hover.copylink {color: #000; text-decoration: underline; }
a:active.copylink {color: #999; text-decoration: underline; }

#copycontent
{
width: 550px;
height: 400px;
padding: 10px;
font-size: 0.8em;
line-height: 1.4em;
text-align: left;
overflow: auto;
color: #fff;
background: #000;
}

.button
{
color: #000;
background-color: #fff;
border-color: transparent;
}


/* ---------- */

.hilite
{
background: #555;
}

.submenu
{
border-collapse: collapse;
margin: 0px;
color: #fff;
font-variant: small-caps;
}

.dato
{
float: right;
text-align: right;
}

.print
{
float: right;
}

a.hoverprint
{
display: block;
width: 22px;
height: 20px;
background: url(print.gif);
}

a:hover.hoverprint
{
background: url(print-hover.gif);
}

table.contact
{
width: 100%;
border: 1px solid #fff;
border-collapse: collapse;
}

tr.white
{
background: #fff;
color: #000;
}

tr.black
{
background: #000;
color: #fff;
}

a:link.conblack {color: #fff; }
a:visited.conblack {color: #fff; }
a:hover.conblack {color: #ccc; }
a:active.conblack {color: #ccc; }

tr.grey
{
background: #555;
color: #fff;
}

a:link.congrey {color: #fff; }
a:visited.congrey {color: #fff; }
a:hover.congrey {color: #000; }
a:active.congrey {color: #000; }

.con
{
padding-left: 1.0em;
vertical-align: top;
}