/************** Standard components **************/

.content A { text-decoration: underline; }
.content TABLE { width: 100%; }
.content TABLE TH { line-height: normal; border-bottom: 1px solid #c5d5e5; padding: 6px 10px; background: #ebf2f9; }
.content TABLE TD { line-height: normal; border-bottom: 1px solid #c5d5e5; padding: 6px 10px; }
.content TABLE TD P.heading { margin: 0; font-weight: bold; }
.content TABLE TD P.heading A { text-decoration: none; }
.content TABLE TD P.heading A:hover { text-decoration: underline; }
.content TABLE TD P.lead { font-size: 10px; margin: 2px 0 0 0; }
.content TABLE TD P.lead A { text-decoration: none; }
.content TABLE TD P.lead A:hover { text-decoration: underline; }
.content TABLE TR.even TD { background: #f6fafe; }
.content UL { padding: 0 0 0 20px; margin: 1em 0 0 0; list-style: none; }
.content UL LI { background: url(dot03.gif) 0 5px no-repeat; padding: 0 0 0 15px; }
.content UL UL { margin: 0; padding: 10px 0 10px 20px; }

/* Form */

TABLE.form { border-top: 1px solid #c5d5e5; margin: 15px 0 0 0; }
TABLE.form TH { line-height: normal; width: 40%; padding: 5px 10px 5px 10px; border-width: 1px 0; background: #f6fafe; font-weight: normal; }
TABLE.form TD { line-height: normal; width: 60%; padding: 1px 10px 1px 10px; border-width: 1px 0; }
TABLE.form TD.data { padding: 5px 10px; font-weight: normal; }
TABLE.form IMG,
TABLE.form INPUT,
TABLE.form SELECT { vertical-align: middle; }
TABLE.form .wdate { width: 68px; }
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: left; padding: 15px 10px 5px 10px; background: #fff; font-weight: bold; }
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; }
P.actions BUTTON,
P.actions INPUT { float: left; margin: 0 5px 0 0; padding: 3px 15px; border: none; font-weight: bold; overflow: visible; cursor: pointer; background: #edf4fa url(bg16.gif) 0 100% repeat-x; color: #004b95; border: 1px solid; border-color: #ccdeed #92b1d0 #92b1d0 #ccdeed; }
P.actions .main { background: #5396d7 url(bg15.gif) 0 100% repeat-x; color: #fff; border-color: #84b9ed #0e5192 #0e5192 #84b9ed; }

/* 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 #1a65af; color: #004b95; padding: 8px 12px; background: #fff; line-height: normal; text-align: left; }
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; }

/* Gallery */

TABLE.galleries TD { border: 3px solid #fff !important; text-align: center; padding: 0 !important; width: 25%; font-size: 1px; background: none; vertical-align: bottom; }
TABLE.galleries TD.folder { font-weight: bold; }
TABLE.galleries A { display: block; border: 1px solid #d3e1ef; padding: 2px; text-decoration: none; color: #004b95; }
TABLE.galleries A IMG { opacity: 0.80; filter: alpha(opacity=80); }
TABLE.galleries A:hover { color: #fff; border-color: #1a65af; }
TABLE.galleries A:hover SPAN.txt { background: #1a65af; }
TABLE.galleries A:hover IMG { opacity: 1; filter: alpha(opacity=100);}
TABLE.galleries SPAN.txt { display: block; padding: 4px 10px; background: #edf3fa; font-size: 11px; margin-top: 1px; }
TABLE.galleries SPAN.info { display: block; font-weight: normal; }

/* News */

UL.news { margin: 5px 0 0 0; padding: 0; line-height: normal; list-style: none; border-top: 1px dotted #d3e1ef; }
UL.news LI { margin: 0; border-bottom: 1px dotted #d3e1ef; padding: 2px 0; background: none; }
UL.news A { text-decoration: none; }  
UL.news P { margin: 0; padding: 0; }
UL.news P.heading { font-weight: bold; }
UL.news P.lead { line-height: 18px; margin: 0; padding: 0 0 8px 6.2em; }
UL.news SPAN.date { color: #555; font-weight: normal; float: left; margin: 0 10px 0 0; padding: 2px 0; }

/* Pagination */

UL.pages { margin: 1em 0 0 0; padding: 2px 0; background: url(bg16.gif) repeat-x; 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; background: url(bg15.gif) 0 -100px repeat-x; }
UL.pages LI A:hover { background-position: 0 50%; color: #fff; }
UL.pages LI A.active { background-position: 0 50%; color: #fff; }
UL.pages LI.nextprev { float: right; }
UL.pages LI.nextprev A { padding: 2px 8px; border-left: 1px solid #fff; }

/* Blog */

DL.blog { padding: 0; margin: 0; }
DL.blog DT { padding: 4px 15px; background: #d3e1ef url(bg16.gif) repeat-x; margin: 1em 0 0 0; line-height: normal; font-size: 13px; font-weight: bold; }
DL.blog DT A { text-decoration: none; }
DL.blog DT A:hover { text-decoration: underline; }
DL.blog DT P { float: right; margin: 0; }
DL.blog DD { padding: 5px 15px 15px 15px; margin: 0 !important; background: #f3f7fc; }
DL.blog DD P { margin: 10px 0 0 0; }
DL.blog DD P.info { border-top: 1px dotted #d3e1ef; padding: 3px 0 0 0; clear: both; }
DL.blog DD P.info SPAN { margin: 0 5px; color: #d3e1ef; }
DL.blog DD P.info A { text-decoration: none; } 
DL.blog DD P.info A:hover { text-decoration: underline; } 
DL.blog DD P.img-right { margin: 7px 0 7px 7px; }
DL.blog DD BLOCKQUOTE { border: 1px dotted #d3e1ef; padding: 8px 14px; margin: 7px 0 0 0; font-style: italic; background: #222; }

P.backlink { border: dotted #d3e1ef; border-width: 1px 0; margin: 1em 0 0 0; padding: 3px 10px 5px 10px; line-height: normal; line-height: normal; }
P.backlink A { text-decoration: none; }

DL.thread { padding: 0; margin: 0; }
DL.thread DT { padding: 4px 4px 4px 15px; background: #d3e1ef url(bg16.gif) repeat-x; margin: 1em 0 0 0; line-height: normal; border-bottom: 1px solid #fff; }
DL.thread DT UL { float: right; padding: 0; margin: 0; font-size: 9px; }
DL.thread DT UL LI { float: left; margin: 0; padding: 0 0 0 4px; background: none; }
DL.thread DT A.btn { padding: 1px 4px 2px 4px; text-decoration: none; float: right; background: url(bg15.gif) repeat-x; color: #fff; margin: 0 0 0 3px; font-size: 10px; }
DL.thread DT A.btn:hover { color: #fff; border-color: #aaa; }
DL.thread DT.first { border-color: #9a0000; }
DL.thread DD { padding: 5px 15px 15px 15px; margin: 0 !important; background: #f3f7fc; }
DL.thread DD P { margin: 10px 0 0 0; }
DL.thread DD BLOCKQUOTE { border: 1px dotted #d3e1ef; padding: 8px 14px; margin: 10px 0 0 0; font-style: italic; background: #fff; }

DIV.comment-props { float: left; width: 170px; margin: 0 10px 0 0; }
DIV.comment-props INPUT.default { padding: 1px 4px; border: 1px solid; border-color: #888 #ccc #ccc #888; width: 160px; margin: 3px 0 0 0; }
DIV.comment-props LABEL { display: block; margin: 5px 0 0 0; }
DIV.comment-field { float: left; width: 310px; overflow: hidden; }

DIV.addcomment { background: #f3f7fc; padding: 15px; margin: 1em 0 0 0; line-height: normal; }
DIV.addcomment UL { padding: 0; margin: 0; font-size: 9px; }
DIV.addcomment UL LI { float: left; padding: 0 5px 0 0; margin: 0; background: none; }
DIV.addcomment UL LI A { float: left; text-decoration: none; padding: 1px 4px 2px 4px; color: #fff; background: url(bg15.gif) repeat-x; }
DIV.addcomment TEXTAREA { border: 1px solid; border-color: #888 #ccc #ccc #888; width: 300px; height: 139px; padding: 0 0 0 4px; margin: 5px 0 0 0; }
DIV.addcomment P.desc { font-size: 9px; margin: 0; padding: 1px 0; }

/************** Layout **************/

BODY, HTML { background: #00274d url(bg01.png) 50% 0; text-align: center; }
BODY { padding: 0 10px 10px 10px; }

UL { padding: 0; margin: 0; list-style: none; }

#box01 { width: 770px; margin: auto; text-align: left; }
#box02 { background: #1a65af; }
#box03 { background: url(bg03.gif) no-repeat; }
#box04 { background: url(bg03.gif) -770px 100% no-repeat; padding: 10px; }
#box05 { background: #fff url(bg10.gif) 0 100% no-repeat; padding: 20px 20px 20px 10px; }
#box06 { background: #fff url(bg10.gif) 0 100% no-repeat; padding: 20px; }

#header { height: 61px; position: relative; }
#langselect { position: absolute; bottom: 0; padding: 0 0 7px 10px; font-size: 11px; cursor: default; }
#langselect LI { float: left; margin: 0 5px 0 0; }
#langselect LI A { float: left; color: #628db8; padding: 0 1px 4px 1px; background: url(bg02.gif) 50% -100px no-repeat; }
#langselect LI A:hover { background-position: 50% 100%; text-decoration: none; }
#langselect LI A.active { background-position: 50% 100%; color: #fff; }
#search { position: absolute; right: 0; bottom: 0; padding: 0 10px 9px 0; }
#search P { float: left; }
#search INPUT { float: left; }
#search INPUT.default { margin: 0 5px 0 0; padding: 1px 4px; border: 1px solid #7ba6d1; background: #00274d; color: #fff; font-size: 11px; }

#exact { float: right; margin: 8px 0 0 0; color: #447cb4; padding-right: 10px; font-size: 11px; }
#exact A { color: #447cb4; }
#footer { color: #fff; font-size: 11px; float: left; margin: 8px 0 0 0; padding-left: 10px; }
#footer A { color: #fff; }
#footer SPAN { float: left; margin: 0 20px 0 0; }

#menu1 { background: #033c74; padding: 4px 10px 0 10px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#menu1 LI { float: left; background: url(bg06.gif) 0 4px no-repeat; }
#menu1 LI.first { background: none; }
#menu1 LI A { float: left; color: #fff; background: url(bg07.gif) 0 -100px no-repeat; }
#menu1 LI A SPAN { float: left; padding: 4px 15px 7px 15px; cursor: pointer; background: url(bg08.gif) 100% -100px no-repeat; }
#menu1 LI A:hover { background-position: 0 100% !important; text-decoration: none; }
#menu1 LI A:hover SPAN { background-position: 100% 100% !important; }
#menu1 LI A.active { color: #8abcee; background-position: 0 100% !important; }
#menu1 LI A.active SPAN { background-position: 100% 100% !important; }

#menu2 {}
#menu2 LI { display: inline; }
#menu2 A { display: block; margin: 0 0 2px 0; background: #d3e1ef url(bg11.gif) no-repeat; color: #004b95; }
#menu2 A SPAN { display: block; padding: 4px 10px 5px 15px; background: url(bg11.gif) -180px 100% no-repeat; }
#menu2 A:hover { background: #1b66b0 url(bg11.gif) -360px 0 no-repeat; color: #fff; text-decoration: none; }
#menu2 A:hover SPAN { background-position: -540px 100%; }
#menu2 A.active { background: #1b66b0 url(bg11.gif) -360px 0 no-repeat; color: #fff; text-decoration: none; }
#menu2 A.active SPAN { background-position: -540px 100%; }
#menu2 UL { padding: 3px 10px 5px 10px; }
#menu2 UL A { background: url(dot01.gif) 0 4px no-repeat; padding: 1px 0 1px 15px; }
#menu2 UL A.active { background: url(dot02.gif) 0 4px no-repeat; font-weight: bold; color: #004b95; }
#menu2 UL A:hover { background: url(dot02.gif) 0 4px no-repeat; color: #004b95; }

/* Frontpage */

#frontflash { height: 253px; width: 750px; overflow: hidden; background: url(illustration01.jpg) no-repeat; }
#frontflash #logo { float: left; margin: 0; padding: 20px 0 0 55px; }

DIV.front01 { background: #1a65af url(bg05.jpg) 100% 166px no-repeat !important; }
DIV.front01 #menu1 { background: #033c74 url(bg04.gif) 0 100% no-repeat; }
DIV.front01 #menu1 A { background: url(bg07_front.gif) 0 -100px no-repeat; }
DIV.front01 #menu1 A SPAN { background: url(bg08_front.gif) 100% -100px no-repeat; }
DIV.front-col01 { float: left; min-height: 1px; overflow: hidden; width: 470px; padding-bottom: 10px; }
DIV.front-col01 DIV.pad { padding: 30px 0 0 25px; }
DIV.front-col01 H2 { margin: 0; font-size: 18px; color: #d4d577; font-weight: normal; }
DIV.front-col01 A { color: #fff; }
DIV.front-col02 { float: left; min-height: 1px; overflow: hidden; width: 280px; padding: 15px 0 10px 0; }

.front-news { margin: 1em 0 0 0; line-height: 17px; background: url(bg09.gif) 50% 0 repeat-y; }
.front-news LI { float: left; width: 205px; }
.front-news LI A { float: left; }
.front-news LI A B { display: block; color: #87baed; }
.front-news LI A:hover { text-decoration: none; color: #87baed; }
.front-news LI A:hover B { color: #d4d577; }
.front-news LI.first { margin-right: 35px; }

/* Subpage */

#subflash { height: 265px; width: 750px; overflow: hidden; background: url(illustration02.jpg) no-repeat; }
#subflash #logo { float: left; margin: 0; padding: 15px 0 0 65px; }

DIV.sub-col01 { float: left; min-height: 1px; overflow: hidden; width: 180px; margin-right: 20px; }
DIV.sub-col02 { float: left; min-height: 1px; overflow: hidden; width: 520px; }

UL.tabs { border-bottom: 1px solid #c5d5e5; padding: 0; margin: 1em 0 0 0; line-height: normal; }
UL.tabs LI { padding: 0; margin: 0 2px 0 0; float: left; background: none;  }
UL.tabs LI A { float: left; text-decoration: none; background: url(bg12.gif) no-repeat; }
UL.tabs LI A SPAN { float: left; cursor: pointer; padding: 4px 10px; background: url(bg12.gif) 100% -30px no-repeat; }
UL.tabs LI A:hover { background-position: 0 -60px; }
UL.tabs LI A:hover SPAN { background-position: 100% -90px; }
UL.tabs LI A.active { background-position: 0 -60px; font-weight: bold; }
UL.tabs LI A.active SPAN { background-position: 100% -90px; }

DIV.tabs-content { border: solid #c5d5e5; border-width: 0 1px 1px 1px; padding: 0 1em 1em 1em; }

P.sitetools { float: right; margin: 0; font-size: 10px; }
P.sitetools A { float: left; padding: 0 15px 0 10px; text-decoration: none; }
P.sitetools A:hover { text-decoration: underline; }
P.sitetools A.sitemap { background: url(ico_sitemap.gif) 100% 50% no-repeat; }
P.sitetools A.print { background: url(ico_print.gif) 100% 50% no-repeat; }

P.book-heading { background: #645849 url(bg13.gif) no-repeat; color: #fff; font-weight: bold; padding: 5px 10px; margin: 8px 0 0 0 ;}
DIV.book { background: #ece4da url(bg13.gif) -180px 100% no-repeat; padding: 10px; }
DIV.book TABLE { width: 100%; margin: 0; }
DIV.book TABLE TH { padding: 5px 3px 5px 0; font-weight: normal; vertical-align: middle; font-size: 11px; }
DIV.book TABLE TD { padding: 1px 0; vertical-align: middle; }
DIV.book TABLE IMG,
DIV.book TABLE INPUT,
DIV.book TABLE SELECT { font-size: 11px; vertical-align: middle; }
DIV.book TABLE SELECT { width: 55px; }
DIV.book P.book-actions {}
DIV.book P.book-actions SPAN.btn { float: left; background: url(bg14.gif) no-repeat; }
DIV.book P.book-actions SPAN.btn SPAN { float: left; background: url(bg14.gif) 100% -30px no-repeat; }
DIV.book P.book-actions SPAN.btn INPUT { float: left; border: 0 solid; padding: 2px 14px 4px 12px; overflow: visible; cursor: pointer; background: transparent; color: #313131; }

#eu { text-align: center; margin: 15px 0 0 0; }

UL.bronstart { margin: 10px 0 0 0; padding: 0; line-height: 20px; }
UL.bronstart LI { float: left; width: 190px; height: 50px; margin: 10px 10px 0 0; padding: 0; background: none; overflow: hidden; }
UL.bronstart LI A { font-size: 18px; text-align: center; width: 190px; padding: 13px 0 19px 0; background: url(bg17.gif) no-repeat; float: left; }
UL.bronstart LI A:hover { background-position: -190px 0; color: #fff; }

/* ROMANCE PACKET */
DIV.romance { background: url(romance_bg17.gif) repeat-y; float:left; }
DIV.romance DIV.hearts { background: url(syda.gif) no-repeat; padding-right: 5px; }

/* Services */

DIV.services { margin: 1em 0 0 0; }
DIV.services H2 { font-size: 12px; font-weight: bold; background: url(bg18.gif) no-repeat; height: 23px; padding: 0; margin: 2px 0 0 0; line-height: 15px; }
DIV.services H2 A { color: #fff; display: block; padding: 4px 10px 3px 26px; text-decoration: none; }
DIV.services H2 A:hover { text-decoration: underline; }
DIV.services H2 A.open { background: url(ico_up.gif) no-repeat; }
DIV.services H2 A.closed { background: url(ico_down.gif) no-repeat; }
DIV.services H3 { font-size: 12px; font-weight: bold; background: url(bg19.gif) no-repeat; height: 23px; padding: 0; margin: 2px 0 0 0; line-height: 15px; }
DIV.services H3 A { color: #004b95; display: block; padding: 4px 10px 3px 26px; text-decoration: none; }
DIV.services H3 A:hover { text-decoration: underline; }
DIV.services H3 A.open { background: url(ico_up2.gif) no-repeat; }
DIV.services H3 A.closed { background: url(ico_down2.gif) no-repeat; }
DIV.services TABLE { margin: 0; }
DIV.services TABLE TD { border: solid #fff; border-width: 1px 0; background: #f4f7fa; }
DIV.services TABLE TD.input { padding: 2px 2px 2px 20px; }
DIV.services DIV.container { border: solid #d4e1ef; border-width: 0 1px 1px 1px; padding: 1px 2px; }
DIV.services P { padding: 10px; margin: 0; }
DIV.services P TEXTAREA { width: 480px; }

#bronbtn { height: 27px; font-size: 17px; overflow: hidden; margin: 10px 0 0 0; }
#bronbtn A { display: block; padding: 2px 10px 5px 35px; text-decoration: none; background: url(bg20.gif) 0 -30px no-repeat; color: #fff; font-family: Tahoma; }
#bronbtn A:hover { background-position: 0 0; }