/* reset all styles */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
cite,code,em,strong,th{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
th{text-align:left;}
h1,h2,h3,h4{font-size:100%;}
q:before,q:after{content:'';}
/*body{*font-size:small;*font:x-small;}*/
table{font-size:inherit;font:100% arial,helvetica,sans-serif;}
select,input,textarea{font:99% arial,helvetica,sans-serif;border:1px solid #000;}
pre,code{font:115% monospace;/**font-size:100%;*/}
/*body*{line-height:1.22em;}*/
em{font-style:italic;}

/* layout */
HTML { overflow-y: scroll; overflow: -moz-scrollbars-vertical; }
BODY { width: 100%; height: 100%; background: #fff url(bg01.jpg) top left repeat-x; text-align: center; font-family: arial,helvetica,sans-serif; font-size: 13px; color: #333; line-height: 19px; }
#container1 { background: url(bg02.jpg) top center no-repeat; text-align: left; overflow: visible; }
#container2 { width: 780px; margin: auto; padding-bottom: 30px; }
#container3 { height: 179px; }
#link A { display: block; height: 148px; width: 100%; }
#search { display: none; }
#lang { font-size: 10px; line-height: 10px; padding: 10px 10px 0 10px; }
#lang LI { float: left; padding: 0 4px 0 4px; background: url(bg18.png) 27px 0 no-repeat; }
#lang LI.last { background: none; }
#lang LI A { display: block; height: 19px; width: 20px; text-align: center; padding: 4px 0 0 0; color: #556638; text-decoration: none; }
#lang LI.active A, #lang LI A:hover { background: url(bg20.png) top left no-repeat; color: #fff; }
#container3 .links { font-size: 10px; line-height: 10px; padding: 0 0 0 180px; }
#container3 .links A { display: block; float: left; background: url(bg18.png) top left no-repeat; padding: 5px; color: #556638; text-decoration: none; }
#container3 .links A.first { background: none; }
#menu { padding: 0 10px 10px; font-size: 12px; height: 80px; }
#menu UL { float: left; width: 290px; }
#menu UL LI { float: right; margin-right: 5px; }
#menu UL LI A { color: #fff; display: block; text-decoration: none; }
#menu UL LI A SPAN { display: block; padding: 3px 4px 3px 4px; }
#menu UL LI.active A, #menu UL LI A:hover { color: #000; background: url(bg03.png) top left no-repeat; }
#menu UL LI.active A SPAN, #menu UL LI A:hover SPAN { background: url(bg04.png) top right no-repeat; }
#menu UL LI A:hover { background-image: url(bg03a.png); }
#menu UL LI A:hover SPAN { background-image: url(bg04a.png); }
#menu UL.right { float: right; }
#menu UL.right LI { float: left; margin-left: 5px; }
#container4 { clear: both; background: url(bg17.png) top center repeat-x; }
#container5 { background: url(bg14.png) top center no-repeat; height: 130px; width: 780px; margin: auto; text-align: left; }
#intranet { float: left; width: 180px; margin-top: 20px; }
#intranet TABLE { width: 100%; }
#intranet TABLE TR TH, #intranet TABLE TR TD { padding: 2px; color: #888; font-size: 11px; width: 50%; }
#intranet TABLE TR TH { background: url(bg12.png) bottom left repeat-x; font-size: 13px; font-weight: bold; color: #333; }
#intranet TABLE TR TD INPUT { width: 100%; border: 1px solid #ccc; border-top-color: #999; border-left-color: #999; font-size: 11px; }
#intranet TABLE TR TD INPUT.button { width: auto; border: 0; }
#intranet A { display: block; float: right; text-decoration: none; color: #888; }
#container5 .links { float: right; width: 300px; text-align: right; font-size: 11px; margin-top: 20px; }
#container5 .links A { color: #888; text-decoration: none; }
#container5 .links SPAN { color: #d4d4d4; }
#webmaster { padding-top: 30px; font-size: 10px; color: #bbb; text-align: right; } 
#webmaster A { color: #999; }
#webmaster A:hover { color: #666; }

/* set font */
H1, H2, H3, #menu, .new .date, #intranet TH { font-family: 'Bitstream Vera Serif', cambria, georgia, arial; }

/* all styles */
H1, H2, H3 { margin-bottom: 10px; font-weight: normal; color: #0043a2; }
H1 A, H2 A { text-decoration: none; }
H1 { font-size: 20px; margin-bottom: 20px; }
H2 { font-size: 17px; margin-top: 20px; color: #4080b0; }
H3 { font-size: 14px; margin-top: 15px; font-weight: bold; color: #86b7dc; }
P { margin-bottom: 5px; }
A { color: #0043a2; }
A:hover { color: #002382; }
.link-cursor { cursor: hand; cursor: pointer; }

/* subpages */
#menu2 { clear: both; float: left; width: 220px; height: 350px; }
#menu2 UL { padding: 10px 40px 40px 10px; background: url(bg16.png) 193px 10px no-repeat; }
#menu2 UL LI UL { padding: 0; background: none; }
#menu2 UL LI A { display: block; color: #333; font-weight: bold; font-size: 11px; line-height: 16px; background: url(bg12.png) bottom left repeat-x; text-decoration: none; }
#menu2 UL LI A SPAN { display: block; padding: 3px 4px 6px 8px; }
#menu2 UL LI.active A, #menu2 UL LI A:hover { color: #fff; background: url(bg05.png) top left no-repeat; }
#menu2 UL LI.active A SPAN, #menu2 UL LI A:hover SPAN { background: url(bg06.png) top right no-repeat; display: block; }
#menu2 UL LI A:hover { background-image: url(bg05a.png); }
#menu2 UL LI A:hover SPAN { background-image: url(bg06a.png); }
#menu2 UL LI UL LI A { font-weight: normal; background: url(bg07.png) 15px 7px no-repeat !important; color: #333 !important; }
#menu2 UL LI UL LI A SPAN { padding: 1px 0 1px 25px; background: none !important; }
#menu2 UL LI UL LI.active A, #menu2 UL LI UL LI A:hover { color: #0043a2; background-image: url(bg08.png) !important; text-decoration: underline; }
#content { float: left; width: 550px; padding-bottom: 40px; text-align: justify; overflow: visible; }
#content H1 { margin-top: 15px; text-align: left !important; line-height: 27px; }
#content P.first { font-weight: bold; }
#content UL { margin: 5px 0 5px 0; }
#content UL LI { background: url(bg09.png) 13px 8px no-repeat; padding: 1px 0 1px 25px; }
#content UL LI UL LI { background-image: url(bg10.png); }
#content UL LI UL LI UL LI { background-image: url(bg11.png); font-size: 11px; }
#content .image, #content .image2, .text .image, .text .image2 { float: right; border: 3px solid #d4d4d4; margin: 0 0 15px 15px; }
#content .image2, .text .image2 { float: left !important; margin: 0 15px 15px 0; }
#content .image IMG, #content .image2 IMG, .text .image IMG, .text .image2 IMG { width: auto; margin: 1px; /*margin-bottom: -4px;*/ }
#content .image DIV, #content .image2 DIV, #content .imagecomment, .text .image DIV, .text .image2 DIV, .text .imagecomment { padding: 1px 3px; text-align: center; color: #999; background: #eee; font-size: 11px; }
#content .image DIV A, #content .image2 DIV A, #content .imagecomment A, .text .imagecomment A, .text .image DIV A, .text .image2 DIV A { color: #444; text-decoration: none; }
#content EM { font-style: italic; }
#content STRONG { font-weight: bold; }
#content .sitemap DIV { float: left; width: 350px; }
#content TABLE { width: 100%; }
#content TABLE TD, #content TABLE TH { padding: 3px; }
#content TABLE TH { background: #dde url(bg12.png) bottom left repeat-x; }
#content TABLE TR.even TD { background: #f8f8f8; }

/* frontpage */
.wide { width: 100% !important; clear: both; }
.wide H1 { margin-left: 20px; color: #000; }
.new { clear: both; padding: 10px 20px 20px 20px; }
.new H2, .new H1 { float: left; margin: 0 30px 10px 0 !important; }
.new .image { float: left !important; margin: 0 20px 20px 0 !important; }
.text .image { float: right !important; }
.new .image IMG { width: 160px; }
.new .text { float: left; width: 540px; }
.new .text A.uncolor { color: #000; text-decoration: none; }
.new .date { float: left; color: #888; font-size: 12px; }
.new P { clear: both; }
.new P.clearnone { clear: none; }
.new .more { background: url(bg15.png) 62px 15px no-repeat; padding: 10px 0; }
.new .back { background: url(bg25.png) 0 15px no-repeat; padding: 10px 0 10px 15px; }
#news { margin-top: 15px; background: url(bg12.png) top left repeat-x; clear: both; padding: 10px 20px 0 20px; }
#news P { clear: both; }
#news A { text-decoration: none; }
#news .date { display: block; clear: both; float: left; width: 80px; margin-bottom: 5px; color: #888; font-size: 10px; }
#news .more { clear: both; background: url(bg15.png) 85px 5px no-repeat; text-decoration: underline; }

/* print */
.print { display: none; }