BODY, HTML { min-height: 100%; height: 100%; }
BODY { background: url(background.jpg) center no-repeat; }

#container, #container-sub { width: 950px; margin: auto; min-height: 100%; }
#container { background: url(bg03.gif); }
#container-sub { background:url(bg03sub.gif); }

* HTML #container { height: 100%; }
* HTML #container-sub { height: 100%; }

#footcont { height: 26px; margin: -26px 0 0 0; width: 100%;  }
#footer { margin: auto; height: 26px; width: 950px; min-width: 950px; background: #002313; color: #fff; font-size: 11px }

/**** Layout ****/
#box01 { height: 155px; width:950px; }
#box01-left { float: left; height: 158px; width: 250px; background: #002313; }
#box01-center { float: left; height: 158px; width: 450px; background: #eef8fb; }
#box01-right { float: left; height: 158px; width: 250px; background: #e7f5f9; }

#box02 { height: 190px !important; width:950px; }

#box03 { width: 950px; }

#tester { width: 950px; height: 300px; background: black; }

.front { font-size: 14px; }
.front EM { font-size: 18px; }

/* Index */
#box03-left { float: left; width: 640px; padding: 30px; min-height: 100% !important; }
#box03-right { float: left; width: 200px; padding: 30px 25px 30px 25px; min-height: 100% !important; }
/* Sub */
#box03-left-sub { float: left; width: 200px; padding: 30px 25px 30px 25px; min-height: 100% !important; }
#box03-right-sub { float: left; width: 640px; padding: 22px 30px 30px 30px; min-height: 100% !important; }

.footfix { margin: 0 0 30px 0; }
SPAN.backbtn { cursor: pointer; display: block; width: 170px; height: 19px; padding: 2px 0 0 30px; background:url(bg05.gif) no-repeat; font-size: 13px; font-weight: bold; margin-top:10px; }

/**** Images ****/
.logo { padding: 96px 42px 29px 41px; height:30px; width: 167px; }
.gild100 { float: left; }
.promo { float: right; }
.promonum { margin-top: 15px; }
.ln01 { margin-left: 8px; }
.person-big { width: 190px; padding: 5px; border: 1px solid #e7f5f9; }
.person-small { width: 142px; height: 142px; padding: 4px; border: 1px solid #e7f5f9; }
.person-small:hover { border: 1px solid #addfe9; }

/**** Lists ****/

UL.gild { list-style: none; padding: 0; margin: 25px 0 0 0; }
.gild LI { list-style: none; padding: 0 0 4px 20px; margin: 0; background:url(dot01.png) 0 3px no-repeat;  }


/**** Columns ****/
#member { padding: 0; margin: 25px 0 25px 0; }
.member01 { float: left; padding: 10px 0; margin: 0 20px 0 0; color: #6b6b6b; }
.member02 { float: left; margin: 0 20px 0 0; }
.member03 { float: left; }

#person, .persons A { color: #003c21; text-decoration: none; }
#person, .persons A:hover { color: #4c7663; text-decoration: none; }

#person { padding: 0; margin: 20px 0; }
.persons A { font-weight: bold; }
.person01 { float: left; width: 199px; margin-right: 15px; }
.person01 A, .person01 A:hover { text-decoration: none; }
.person02 { float: left; width: 426px; color: #1f1f1f }

.persons { margin: 20px 0; }
.persons01 { float: left; width: 152px; margin-right: 10px; overflow: hidden; }
.persons02 { float: left; width: 152px; margin-right: 10px; overflow: hidden; }
.persons03 { float: left; width: 152px; margin-right: 10px; overflow: hidden; }
.persons04 { float: left; width: 152px; overflow: hidden; }

/**** Credentials STYLE start ****/
.filter { text-align: right; margin-top: 1em; }
.filter SELECT { background: #fff; border: 1px solid #addfe9; }
.filter OPTION { background: #fff; }

TABLE.credits { border-collapse: collapse; border-spacing: 0; margin: 1em 0 0 0; width: 100%; }
TABLE.credits TD { background: none; padding: 0; border: none; }
TABLE.credits .td1 { width: 198px; border-top: 1px solid #addfe9; border-right: 1px solid #addfe9;  border-left: 1px solid #addfe9; text-align: center; background: none; padding: 0; }
TABLE.credits .td2 { width: 198px; border-top: 1px solid #addfe9; border-right: 1px solid #addfe9;  border-left: 1px solid #addfe9; text-align: center; background: none; padding: 0; }
TABLE.credits .td3 { width: 198px; border-top: 1px solid #addfe9; border-right: 1px solid #addfe9;  border-left: 1px solid #addfe9; text-align: center; background: none; padding: 0; }
TABLE.credits .credbox-top2 { height: 19px; padding-top: 2px; font-weight: bold; color: #003c21; border-bottom: 1px solid #addfe9; }
TABLE.credits .credbox-bottom2 { height: 31px; border: 1px solid #addfe9; text-align: left;  }

TABLE.credits .credentials { padding: 0; margin: 15px 0; }
TABLE.credits .credbox { float: left; padding: 4px 0; margin-right: 13px; height: auto; min-height: 395px; width: 198px; border: 1px solid #addfe9; text-align: center; }
TABLE.credits .credbox P { padding: 0 10px 0 10px; margin: 0 0 10px 0; }

TABLE.credits .credbox-top { height: 21px; font-weight: bold; color: #003c21; border-bottom: 1px solid #addfe9; }

TABLE.credits .credbox-bottom { height: 31px; border-top: 1px solid #addfe9; text-align: left;  }
TABLE.credits .bottom1 { float: left; margin-left: 8px; margin-top: 8px; width: 108px; font-size: 11px; }
TABLE.credits .bottom2 { float: left; margin-top: 5px; margin-left: 5px; }

TABLE.credits .description { display: block; margin-bottom: 19px; font-size: 14px; font-weight: bold; }
TABLE.credits .description2 { display: block; margin-bottom: 12px; font-size: 14px; font-weight: bold; }
TABLE.credits .text { font-size: 12px !important; padding: 4px; } 
TABLE.credits .price, .firmname { display: block; margin: 0 !important; padding-top: 4px !important; padding-bottom: 4px !important; background: #eef8fb; font-size: 14px; font-weight: bold; }

TABLE.credits .presto1 { margin-top: 22px; margin-bottom: 25px; }
TABLE.credits .presto2 { margin-top: 22px; margin-bottom: 16px; }
TABLE.credits .presto3 { margin-top: 10px; margin-bottom: 14px; }
TABLE.credits .presto4 { margin-top: 3px; margin-bottom: 3px; }
TABLE.credits .presto5 { margin-top: 10px; margin-bottom: 10px; }
TABLE.credits .elke1 { margin-top: 15px; margin-bottom: 14px; }
TABLE.credits .amserv1 { margin-top: 8px; margin-bottom: 11px; }
TABLE.credits .sportland { margin-top: 12px; margin-bottom: 12px; }
TABLE.credits .liviko { margin-top: 11px; margin-bottom: 11px; }
TABLE.credits .lion { margin-top: 8px; margin-bottom: 8px; }
TABLE.credits .fotoluks { margin-top: 14px; margin-bottom: 10px; }
/**** Credentials STYLE end ****/


#banners { padding: 0; margin: 30px 0 30px 0; }

/* Index footer */
.footer01 { width: 420px; float: left; padding: 7px 0 0 30px; margin: 0; }
.footer02 { width: 220px; float: left; padding: 7px 30px 0 0px; font-weight: bold; word-spacing: 13px; text-align: right; }
.footer02 A {color: #fff; text-decoration: none; }
.footer02 A:hover {color: #fff; text-decoration: underline; }
.footer03 { width: 217px; float: left; padding: 7px 0 6px 33px; background: url(dot02.png) 20px 9px no-repeat #ceecf2; color: #377f83; }

/* Sub footer */
.footer01-sub { width: 217px; float: left; padding: 7px 0 6px 33px; background: url(dot02.png) 20px 9px no-repeat #ceecf2; color: #377f83; }
.footer02-sub { width: 420px; float: left; padding: 7px 0 0 30px; }
.footer03-sub { width: 220px; float: left; padding: 7px 30px 0 0px; font-weight: bold; word-spacing: 13px; text-align: right; }
.footer03-sub A {color: #fff; text-decoration: none; }
.footer03-sub A:hover {color: #fff; text-decoration: underline; }


/**** Other ****/
.lang { margin-top: 23px; word-spacing: 5px; color: #77b2bc; text-align: center; font-size: 11px; font-weight: bold; }
.lang A { color: #77b2bc; text-decoration: none;}
.lang A:hover { color: #a0c9d0; text-decoration: none; }
.lang A.active { height: 16px; width: 113px; color: #003c21; text-decoration: none; }

.search { margin-top: 10px; text-align: center; }
.search INPUT.txt { float: left; margin: 0 0 0 30px; height: 16px; width: 136px; background: #fff; border: 1px solid #addfe9; }
.search INPUT.btn { float: left; height: 20px; width: 48px; background: #addfe9; border: none !important; color: #003c21; font-size: 11px; cursor: pointer; }


/**** Cols ****/

.col { padding: 20px 0pt 36px 0; float: left;}
.col01 { margin: 0pt 1px 0pt 5px; width: 258px; }
.col02 { margin: 0pt 15px 0pt 0; width: 650px; }
#content01 { width: 980px; }

/**** Menu ****/

#menu1 { padding: 0; margin: 100px 0 4px 30px; font-size: 13px; }
#menu1 UL { padding: 0; margin:0; list-style: none; }
#menu1 UL LI { display: inline; padding: 0; margin: 0 18px 0 0; }
#menu1 UL LI A { color: #77b2bc; text-decoration: none; }
#menu1 UL LI A:hover { color: #b1e1ea; text-decoration: none; }
#menu1 UL LI A.active { color: #428794; text-decoration: none; border-bottom: 2px solid #addfe9; }

#menu2 { padding: 0; margin: 8px 0 0 30px; font-size: 15px;  }
#menu2 UL { padding: 0; margin: 0; list-style: none; }
#menu2 UL LI { display: inline; padding: 0; margin: 0 17px 0 0; }
#menu2 UL LI A { color: #003c21; text-decoration: none; }
#menu2 UL LI A:hover { color: #5c8271; text-decoration: none; }
#menu2 UL LI A.active { color: #568783; text-decoration: none; border-bottom: 2px solid #c9dfde; }

/**** SUBMENU ****/
.submenu { width: 200px; font-size: 14px; font-weight: bold; color: #003c21; }
/* 1st level */
.submenu { width: 200px; font-size: 14px; font-weight: bold; color: #003c21; }
.submenu UL { padding: 0; margin: 0 0 15px 0; list-style: none; }
.submenu UL LI { display: block; padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px dotted #568c87; }
.submenu UL LI A { color: #003c21; text-decoration: none; }
.submenu UL LI A:hover { color: #33634d; text-decoration: none; }
.submenu UL LI A.active { color: #141414; text-decoration: none; }
/* 2nd level */
.submenu UL LI UL { padding: 0; margin: 5px 0 0 20px; list-style: none; font-size: 13px; font-weight: normal; }
.submenu UL LI UL LI { padding: 0; margin: 5px 0 0 ; border: none; }
.submenu UL LI UL LI A { color: #141414; text-decoration: none; }
.submenu UL LI UL LI A:hover { color: #555555; text-decoration: none; }
.submenu UL LI UL LI A.active { font-weight: bold; color: #141414; text-decoration: none; }
/* 3rd level */
.submenu UL LI UL LI UL { padding: 0; margin: 5px 0 0 20px; list-style: none; font-size: 13px; font-weight: normal; }
.submenu UL LI UL LI UL LI { background:url(ln03.png) 0 4px no-repeat; padding: 0 0 0 10px; margin: 5px 0; list-style: none; border: none !important; }
.submenu UL LI UL LI UL LI A { color: #141414; text-decoration: none; }
.submenu UL LI UL LI UL LI A:hover { color: #555555; text-decoration: none; }
.submenu UL LI UL LI UL LI A.active { font-weight: bold; color: #141414; text-decoration: none; }

/**** Breadcrumb ****/
.breadcrumb UL { padding: 0; margin: 0; list-style: none; }
.breadcrumb UL LI { display: inline; padding: 0; margin: 0 5px 0 0; }
.breadcrumb UL LI A { color: #6b6b6b; text-decoration: none; }
.breadcrumb UL LI A:hover { color: #979797; text-decoration: none; }

/**** Content ****/

.read_more { line-height: 42px; }
.read_more A { color: #990c00; }
.read_more A:hover { text-decoration: underline; }

/**** Random Image *****/

#random_image { width: 175px;}
#random_image P { color: #5a0600; font-size: 14px; font-weight: bold; line-height: normal;  border-bottom: 1px solid #f6e49e ; margin: 0; padding: 6px;}
#random_image_pic { margin: 10px 0; }
#random_image_pic IMG { padding: 4px; width: auto; }
#random_image_pic A { width: 173px; height: 119px; background: #fff7d3; border: 1px solid #f6e49f; display: block; padding: 0;}
#random_image_pic A:hover { border: 1px solid #5a0600; }

/**** Form ****/

TABLE.form {}
TABLE.form TH { line-height: normal; width: 30%; padding: 5px 10px 5px 10px; border: solid #E2E0E2; border-width: 1px 0; background: #fff; text-align: right; }
TABLE.form TD { line-height: normal; width: 70%; padding: 1px 10px 1px 10px; border: solid #E2E0E2; border-width: 1px 0; background: #fff; }
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: #5a0600; padding: 5px 10px; background: #fdefb4; }
TABLE.form A { color: #777; text-decoration: underline; }
TABLE.form A:hover { color: #e40000; }

/**** Content ****/

.content A { text-decoration: underline; }
.content TABLE { width: 100%; }
.content TABLE TH { line-height: normal; border: solid #ecc968; border-width: 1px 0; padding: 4px 10px; background: #fdefb4; font-weight: bold; }
.content TABLE TD { line-height: normal; border: solid #ecc968; border-width: 1px 0; padding: 4px 10px; background: #fbf3dc; }
.content TABLE TR.even TD { background: #f6e49e; }
.content UL { padding: 0 0 0 20px; margin: 1em 0 0 0; list-style: none; }
.content UL LI { background: url(dot02.png) 0 5px no-repeat; padding: 0 0 0 12px; }

/**** Messages ****/

P.msg-error { color: #fff; padding: 8px 12px; background: #c00; line-height: normal; text-align: center; }
P.msg-error A { color: #fff; }
P.msg-ok { color: #fff; padding: 8px 12px; background: #2b7e11; line-height: normal; text-align: center; }
P.msg-ok A { color: #fff; }
P.msg-info { color: #000; padding: 8px 12px; background: #eeedba; line-height: normal; text-align: center; }
P.msg-info A { color: #000; }

/**** Action buttons ****/

P.actions { line-height: normal; }
P.actions BUTTON,
P.actions INPUT { border: 1px solid #488588; background: #ceecf2; padding: 1px 10px; overflow: visible; cursor: pointer; float: left; margin: 0 5px 0 0; color: #124649; }

/**** Paging ****/

UL.pages { margin: 1em 0 0 0; padding: 0 5px; background: #e7f5f9; line-height: normal; list-style: none; }
UL.pages LI { float: left; background: none; padding: 0; margin: 0; }
UL.pages LI.label { padding: 2px 5px 3px 5px; color: #003c21;  font-weight: bold; }
UL.pages LI A { float: left; padding: 3px 4px; text-decoration: none; color: #024; }
UL.pages LI A:hover { background: #003c21; color: #fff; }
UL.pages LI A.active { background: #003c21; color: #fff; }
UL.pages LI.neutral { padding: 3px 5px 2px 5px; color: #adadad; }

/**** News ****/

UL.news { margin: 1em 0 0 0; padding: 0; list-style: none; }
UL.news LI { display: inline; padding: 0; margin: 0; background: none; }
UL.news LI P.read-more { text-decoration: none; font-weight: bold;  border-bottom: solid 3px #A7E5EF; text-align: right; padding: 0 0 5px 0; margin: 0; }
UL.news LI P.read-more A {  background: url(dot03.gif) 0 2px no-repeat; padding: 0 0 0 15px; text-decoration: none; }
UL.news P { margin: 0; padding: 0; }
UL.news P.heading { font-weight: bold; padding: 15px 0 1px 12px; /*background: url(dot02.png) 0 5px no-repeat;*/ }
UL.news P.lead { margin: 0; padding: 0 0 0px 12px; }
UL.news SPAN.date { color: #888; font-weight: normal; margin: 0 0 0 10px; float: right; }

/**** Sitemap ****/
#sitemap-tree LI { list-style-type: none; background: url(ico_bullet.gif) 0 5px no-repeat; padding-left: 16px; margin: 0; line-height: 17px; }

/**** Search Results ****/

OL.searchresults { line-height: 20px; }
OL.searchresults P { margin: 0; }
OL.searchresults P.lead { padding: 5px 0 10px 0; }

UL.tabs { border-bottom: 2px solid #e7f5f9; padding: 0; margin: 1em 0 0 0; list-style: none; }
UL.tabs * { float: left; }
UL.tabs LI { padding: 0 2px 0 0; background: none; margin: 0; }
UL.tabs A { background: #eef8fb; color: #000; padding: 1px 10px 2px 10px; text-decoration: none; }
UL.tabs A:hover { background: #addfe9; }
UL.tabs A.active { background: #addfe9; color: #000; }

DIV#categories { border-top: 1px dotted green; border-bottom: 1px dotted green; margin-top: 1em; }
DIV#categories UL { list-style: none; padding: 0; margin: 5px 0; font-weight: bold; font-size: 12px; }
DIV#categories LI { list-style: none; display: inline; margin: 0 20px 0 0; line-height: 20px; }
DIV#categories LI A { text-decoration: none; }
DIV#categories LI A.active { color: #008448; }
DIV#categories LI A:hover { color: #008448; }

DIV.publications { width: 100%; float: left; border-top: 3px solid #a7e5ef; width: 100%; }
DIV.publications P { margin: 0; }
DIV.publications P.download A { background: url(ico_download.gif) 0 6px no-repeat; padding: 0 0 0 11px; float: right; text-decoration: none; font-weight: bold;		}
DIV.publications DIV.img { width: 35px; float: left; padding: 8px 2px; }
DIV.publications DIV.txt { width: 586px; float: left; padding: 5px 0px; }