/************** Standard components **************/

.content A { text-decoration: underline; }
.content TABLE { width: 100%; }
.content TABLE TH { line-height: normal; padding: 4px 10px; background: #e4e4e4 url(bg15.gif) 0 100% repeat-x; font-weight: bold; }
.content TABLE TD { line-height: normal; padding: 4px 10px; background: url(bg15.gif) 0 100% repeat-x; }
.content TABLE TR.even TD { background: #fafafa url(bg15.gif) 0 100% repeat-x; }
.content UL { padding: 0 0 0 20px; margin: 1em 0 0 0; list-style: none; }
.content UL LI { background: url(dot01.gif) 0 8px no-repeat; padding: 0 0 0 12px; }

/* Form */

TABLE.form {}
TABLE.form TH { line-height: normal; width: 30%; padding: 5px 0 5px 10px; border: solid #fff; border-width: 2px 0; background: #f8f8f8; text-align: right; font-weight: normal; }
TABLE.form TD { line-height: normal; width: 70%; padding: 1px 10px 1px 10px; border: solid #fff; border-width: 2px 0; background: #f8f8f8; }
TABLE.form TD.data { padding: 5px 10px; font-weight: normal; }
TABLE.form IMG,
TABLE.form INPUT,
TABLE.form SELECT { vertical-align: middle; }
TABLE.form .max { width: 310px; }
TABLE.form .default { width: 210px; }
TABLE.form .min { width: 60px; }
TABLE.form INPUT.max,
TABLE.form TEXTAREA.max { width: 304px; }
TABLE.form INPUT.default,
TABLE.form TEXTAREA.default { width: 204px; }
TABLE.form INPUT.min,
TABLE.form TEXTAREA.min { width: 54px; }
TABLE.form TH.subheading { text-align: center; color: #fff; padding: 5px 10px; }
TABLE.form A { color: #777; text-decoration: underline; }
TABLE.form A:hover { color: #e40000; }

TABLE.form INPUT[type="radio"],
TABLE.form INPUT[type="checkbox"] { vertical-align: normal; }
*:first-child+HTML TABLE.form INPUT[type="radio"],
*:first-child+HTML TABLE.form INPUT[type="checkbox"] { vertical-align: normal; margin-top: -1px; }

/* Action buttons */

P.actions { line-height: normal; text-align: center; }
P.actions BUTTON,
P.actions INPUT { margin: 0 5px 0 0; padding: 1px 15px; border: 1px solid; border-color: #ec2c2c #820303 #820303 #ec2c2c; font-weight: bold; overflow: visible; cursor: pointer; background: #c61111; color: #fff; font-size: 11px; }

/* Messages */

P.msg-error { border: 2px solid #e40000; color: #e40000; padding: 8px 12px; background: #fff; line-height: normal; text-align: center; }
P.msg-ok { border: 2px solid #4ca82e; color: #4ca82e; padding: 8px 12px; background: #fff; line-height: normal; text-align: center; }
P.msg-info { border: 2px solid #dad4a6; color: #807f48; padding: 8px 12px; background: #fdfbe2; line-height: normal; text-align: center; }
P.msg-info A { color: #807f48; text-decoration: underline; }

/* News */

UL.news { margin: 1em 0 0 0; padding: 0; line-height: normal; list-style: none; border-top: 1px dotted #ddd; }
UL.news LI { margin: 0; border-bottom: 1px dotted #ddd; padding: 0; background: none; }
UL.news A { text-decoration: none; color: #030303; }
UL.news A:hover { text-decoration: underline; color: #d80921; }
UL.news P { margin: 0; padding: 0; }
UL.news P.heading { font-weight: bold; padding: 3px 0; }
UL.news P.lead { line-height: 15px; margin: 0; padding: 0 0 5px 20px; }
UL.news SPAN.date { color: #aaa; font-weight: normal; margin: 0 0 0 10px; float: right; }

/* Pagination */

UL.pages { margin: 1em 0 0 0; padding: 2px; background: #eee; line-height: normal; }
UL.pages LI { float: left; background: none; padding: 0; margin: 0; }
UL.pages LI.label { padding: 2px 10px; }
UL.pages LI A { float: left; text-decoration: none; padding: 2px 5px; }
UL.pages LI A:hover { background: #d80921; color: #fff; }
UL.pages LI A.active { background: #d80921; color: #fff; }
UL.pages LI.nextprev { float: right; }
UL.pages LI.nextprev A { padding: 2px 8px; border-left: 1px solid #111; }

/* Sitemap */

#sitemap-tree { font-weight: bold; }
#sitemap-tree A { text-decoration: none; }
#sitemap-tree A:hover { text-decoration: underline; }
#sitemap-tree UL { padding: 10px 0 10px 20px !important; margin: 0; font-weight: normal; }

/************** Layout **************/

BODY, HTML { background: #fff url(bg01.png) repeat-x; text-align: center; }

#box01 { background: url(bg02.gif) 50% 0 no-repeat; }
#box02 { width: 762px; margin: auto; text-align: left; background: url(bg03.png) repeat-y; }
#box03 { background: url(bg04.gif) no-repeat; }
#box04 { background: url(bg05.png) 0 100% no-repeat; min-height: 620px; }
* HTML #box04 { height: 620px; }
#box05 { padding: 0 9px 9px 9px; }

#header { height: 107px; background: url(bg06.png) no-repeat; padding: 0 15px 0 45px; position: relative; }
#logo { float: left; margin: 3px 0 0 0; background: url(bg07.png) no-repeat; }

#menu1 { padding: 0 15px 16px 0; margin: 0; list-style: none; font-size: 13px; font-weight: bold; position: absolute; right: 0; bottom: 0; }
#menu1 LI { float: left; padding: 0; }
#menu1 LI A { float: left; color: #fff; padding: 0 6px; }
#menu1 LI A.active { text-decoration: none; }
#menu1 LI A:hover { text-decoration: none; }

#langselect { float: right; color: #f9c6c6; margin: 0; padding: 13px 0 10px 0; font-size: 11px; }
#langselect A { color: #f9c6c6; margin: 0 5px; }
#langselect A:hover { color: #fff; }

#footer { font-size: 11px; margin: 2em 0 0 0; }

#brandbox { background: url(bg11.png) repeat-y; margin: -17px 0 0 0; }
#brandbox-a { background: url(bg13.png) 0 100% no-repeat; }
#brandbox-b { background: url(bg12.png) 0 0 no-repeat; padding: 31px 24px 24px 24px; }
#brandbox H2 { margin: 0; font-size: 11px; color: #6a6a6a; }
#brandbox TABLE { width: auto; margin: 0; }
#brandbox TABLE TD { padding: 10px; background: url(bg14.gif) 100% 0 repeat-y; text-align: center; }

/* Frontpage */

DIV.front01 { padding: 15px; background: url(bg10.gif) 504px 0 no-repeat; min-height: 360px; }
* HTML DIV.front01 { height: 360px; }
DIV.col { float: left; min-height: 1px; overflow: hidden; }
DIV.front-col1 { width: 474px; margin-right: 30px; }
DIV.front-col1 P { margin: 5px 0 0 0; }
DIV.front-col1 H2 { font-size: 24px; font-weight: normal; }
DIV.front-col1 A { text-decoration: none; }
DIV.front-col1 A:hover { text-decoration: underline; }
DIV.front-col2 { width: 210px; }

DIV.banner { margin: 0; padding: 0 0 10px 0; }

/* Subpage */

#path { margin: 0 0 15px 0; padding: 0 0 3px 0; background: url(bg15.gif) 0 100% repeat-x; font-size: 11px; color: #aaa; }
#path A { text-decoration: none; color: #aaa; }
#path A:hover { color: #000; }
#path SPAN { margin: 0 4px; }

DIV.sub01 { padding: 15px 15px 15px 10px; background: url(bg16.gif) 169px 0 no-repeat; min-height: 360px; }
* HTML DIV.sub01 { height: 360px; }
DIV.sub01 #footer { padding-left: 5px; }
DIV.sub02 { padding: 15px; }

DIV.sub-col1 { width: 165px; margin-right: 30px; }
DIV.sub-col2 { width: 524px; }

#menu2 { padding: 0; margin: 0; list-style: none; font-size: 11px; border-bottom: 1px solid #eee; font-weight: bold; }
#menu2 UL { padding: 0; margin: 0; list-style: none; font-weight: normal; }
#menu2 LI { display: inline; }
#menu2 LI A { display: block; border-top: 1px solid #eee; color: #2d2d2d; }
#menu2 LI A:hover { background: #fed42e; text-decoration: none; }
#menu2 LI A.active { background: #fed42e; text-decoration: none; }
#menu2 LI A SPAN { display: block; padding: 3px 10px; }
#menu2 LI UL A { color: #6d6c6c; }
#menu2 LI UL A SPAN { padding: 3px 10px 3px 30px; background: url(dot01.gif) 20px 9px no-repeat; }
#menu2 LI UL UL { font-size: 10px; }
#menu2 LI UL UL A SPAN { padding: 2px 10px 2px 50px; background: url(dot01.gif) 40px 8px no-repeat; }

DIV.separator01 { height: 1px; overflow: hidden; margin: 1em 0 0 0; background: url(bg15.gif) repeat-x; }

#search P { margin: 20px 0 0 0; }
#search INPUT { float: left; }
#search INPUT.string { padding: 2px 4px; width: 130px; border: 1px solid; border-color: #aaa #ddd #ddd #aaa; font-size: 11px; margin-right: 5px; }

DIV.img-right { text-align: center; font-size: 11px; }
DIV.img-right A { text-decoration: none; } 
DIV.img-right P.img { margin: 0; }
DIV.img-right P.zoom { margin: 0 0 0 0; }
DIV.img-right P.zoom IMG { vertical-align: middle; }

