/* Style guide Background: #98D014 Text: black Headers + captions + legends + extra: #003B00 Anchors (link | visited | hover + active): #00246E | #4A006E | #C70568 Note: #333333 Borders: #E8F9C6 Backgrounds: #B5D65E Type: Verdana, sans-serif Author: Pavel Kout | pavel.kout@webface.cz | www.webface.cz */ @media screen { /* @group Global */ /* Global > Base */ body, h1, h2, h3, address, blockquote, div, hr, iframe, object, p, dl, dt, dd, ul, ol, li, table, caption, col, colgroup, thead, tfoot, tbody, tr, th, td, form, fieldset, legend, label, img, a { border: none; margin: 0; padding: 0; } body, input, textarea, select { font: .75em/1.2 sans-serif; } body { text-align: center; color: black; background-color: #98D014; min-width: 980px; } /* Global > Heading */ h1 { font: bold 1.6em/1.2 sans-serif; color: #003B00; margin: 0 0 20px 0; } h2 { font: bold 1.2em/1.2 sans-serif; color: #003B00; margin: 1em 0 .2em 0; } h2 span { font: bold 1.6em/1.2 sans-serif; color: #003B00; margin: 1em 0 .2em 0; } h3 { font: bold 1em/1.2 sans-serif; margin: 1em 0 .2em 0; color: #003B00; } /* Global > Block */ address { margin: .8em 0; } blockquote { margin: .8em 20px; } hr { display: block; height: 1px; overflow: hidden; border: solid #c8e087; border-width: 1px 0 0 0; margin: 1em 0; } p { margin: .8em 0; text-align: justify; } /* Global > List */ dl { margin: .8em 0; } dt { margin: .2em 0; } dd { margin: .2em 0 .2em 20px; } ul { display: block; list-style: none; margin: .8em 0; } ul li, ol ul li { display: block; list-style: none; margin: .2em 0; padding: 0 0 0 10px; background: url(../images/khkrajcr/bullet.gif) no-repeat 0 .25em; } ol { display: block; list-style: decimal; margin: .8em 0 .8em 30px; } ol li, ul ol li { display: list-item; list-style: decimal; margin: .2em 0; padding: 0; background: none; } /* Global > Table */ table { border-collapse: collapse; margin: 1em .05em; } caption { margin: 0; padding: 0 0 .8em 0; text-align: left; color: #003B00; } th { border: 1px solid #C8E087; padding: .4em .8em; font-weight: bold; text-align: left; vertical-align: top; background-color: white; } td { border: 1px solid #C8E087; padding: .4em .8em; vertical-align: top; background-color: #E8F9C6; } table.construct { border-collapse: collapse; border: none; margin: 5px 0; background: transparent none; } table.construct caption { text-align: left; } table.construct th, table.construct td { border: none; padding: 0 10px .8em 0; font-weight: normal; background: transparent none; color: black; } /* Global > Form */ form { margin: 1em 0; } fieldset { border: 1px solid #E8F9C6; margin: 1em .05em .8em .05em; padding: 9px; } legend { margin: .8em 10px .8em 0; padding: 0 10px; color: #003B00; } input, textarea, select { font-size: 1em; } table.construct label { vertical-align: middle; } /* Global > Inline */ abbr, acronym { border-bottom: 1px dotted; font-variant: small-caps; cursor: help; } dfn { border-bottom: 1px dotted; cursor: help; } cite, em, q, var { font-style: italic; } code, kbd, samp, pre, .monospace { font: 1em "Lucida Console", "Andale Mono", monospace; letter-spacing: -1px; } sub { font-size: smaller; text-decoration: none !important; vertical-align: sub; } sup { font-size: smaller; text-decoration: none !important; vertical-align: super; } del { text-decoration: line-through; } ins { text-decoration: underline; } strong { font-weight: bold; } /* Global > Anchor */ a:link { color: #00246E; } a:visited { color: #4A006E; } a:hover, a:active { color: #C70568; } h1 a, h2 a, h3 a { color: #003B00 !important; } h1 a:hover, h2 a:hover, h3 a:hover { text-decoration: none; } /* @end Global */ /* @group Layout */ /* Layout > Global */ #global-out { width: 100%; text-align: center; background: #D4D4DA url(../images/khkrajcr/bg_global.gif) repeat-x left top; border-top: 1px solid white; } #global { width: 980px; margin: 0 auto; padding: .5em 0; text-align: left; } #global-in { float: left; width: 700px; padding-top: 5px; } #sitename { display: inline; margin: 0; font-size: 1em; color: black; color: #003B00; text-transform: uppercase; font-weight: normal; } #sitename strong { font-weight: normal; } ul#lang { display: inline; margin: 0; padding: 0 0 0 30px; } ul#lang li { display: inline; padding: 0 10px 0 24px; margin: 0; background: none; } ul#lang li#lang-en { background: url(../images/khkrajcr/ico_lang-en.gif) no-repeat left center; } ul#lang li#lang-de { background: url(../images/khkrajcr/ico_lang-de.gif) no-repeat left center; } ul#lang li#lang-fr { background: url(../images/khkrajcr/ico_lang-fr.gif) no-repeat left center; } ul#lang li#lang-ru { background: url(../images/khkrajcr/ico_lang-ru.gif) no-repeat left center; } ul#lang li#lang-cz { background: url(../images/khkrajcr/ico_lang-cs.gif) no-repeat left center; } ul#lang li#lang-pl { background: url(../images/khkrajcr/ico_lang-pl.gif) no-repeat left center; } ul#lang li#lang-nl { background: url(../images/khkrajcr/ico_lang-nl.gif) no-repeat left center; } #lang .selected { color: #535355; } #accesslink { position: absolute; z-index: -1; top: 0; width: 1px; height: 1px; margin: 0; overflow: hidden; } #search { float: right; width: 270px; margin: 0; text-align: right; } #search fieldset { margin: 0; padding: 0; border: none; } #search legend { visibility: hidden; width: 0; height: 0; overflow: hidden; margin: 0; } #search input { vertical-align: middle; } #searchinput { width: 200px; } /* Layout > Base */ #case-out { width: 100%; background: #C8E087 url(../images/khkrajcr/bg_case.gif) repeat-x left top; text-align: center; border-top: 1px solid white; } #case { width: 980px; margin: 0 auto; text-align: left; } /* Layout > Header */ #header { position: relative; width: 980px; height: 140px; } #logo { width: 245px; height: 140px; margin: 0; } #nav { position: absolute; width: 734px; height: 140px; overflow: hidden; top: 0; right: 0; margin: 0; } #nav-01 { position: absolute; top: 0; left: 0; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-01 a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-01 a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #E6AE00 url(../images/khkrajcr/nav_01.jpg) no-repeat left top; } #nav-01 a:hover span, body.a-01 #nav-01 a span { background: #E6AE00 url(../images/khkrajcr/nav_01.jpg) no-repeat left bottom; } #nav-02 { position: absolute; top: 0; left: 147px; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-02 a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-02 a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #8F6909 url(../images/khkrajcr/nav_02.jpg) no-repeat left top; } #nav-02 a:hover span, body.a-02 #nav-02 a span { background: #8F6909 url(../images/khkrajcr/nav_02.jpg) no-repeat left bottom; } #nav-03 { position: absolute; top: 0; left: 294px; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-03 a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-03 a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #C70568 url(../images/khkrajcr/nav_03.jpg) no-repeat left top; } #nav-03 a:hover span, body.a-03 #nav-03 a span { background: #C70568 url(../images/khkrajcr/nav_03.jpg) no-repeat left bottom; } #nav-04 { position: absolute; top: 0; left: 441px; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-04 a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-04 a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #00246E url(../images/khkrajcr/nav_04.jpg) no-repeat left top; } #nav-04 a:hover span, body.a-04 #nav-04 a span { background: #00246E url(../images/khkrajcr/nav_04.jpg) no-repeat left bottom; } #nav-05 { position: absolute; top: 0; left: 588px; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-05 a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-05 a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #7EB430 url(../images/khkrajcr/nav_05.jpg) no-repeat left top; } #nav-05 a:hover span, body.a-05 #nav-05 a span { background: #7EB430 url(../images/khkrajcr/nav_05.jpg) no-repeat left bottom; } #nav-01-de { position: absolute; top: 0; left: 0; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-01-de a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-01-de a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #E6AE00 url(../images/khkrajcr/nav_01-de.jpg) no-repeat left top; } #nav-01-de a:hover span, body.a-01 #nav-01-de a span { background: #E6AE00 url(../images/khkrajcr/nav_01-de.jpg) no-repeat left bottom; } #nav-02-de { position: absolute; top: 0; left: 147px; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-02-de a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-02-de a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #8F6909 url(../images/khkrajcr/nav_02-de.jpg) no-repeat left top; } #nav-02-de a:hover span, body.a-02 #nav-02-de a span { background: #8F6909 url(../images/khkrajcr/nav_02-de.jpg) no-repeat left bottom; } #nav-03-de { position: absolute; top: 0; left: 294px; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-03-de a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-03-de a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #C70568 url(../images/khkrajcr/nav_03-de.jpg) no-repeat left top; } #nav-03-de a:hover span, body.a-03 #nav-03-de a span { background: #C70568 url(../images/khkrajcr/nav_03-de.jpg) no-repeat left bottom; } #nav-04-de { position: absolute; top: 0; left: 441px; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-04-de a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-04-de a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #00246E url(../images/khkrajcr/nav_04-de.jpg) no-repeat left top; } #nav-04-de a:hover span, body.a-04 #nav-04-de a span { background: #00246E url(../images/khkrajcr/nav_04-de.jpg) no-repeat left bottom; } #nav-05-de { position: absolute; top: 0; left: 588px; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-05-de a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-05-de a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #7EB430 url(../images/khkrajcr/nav_05-de.jpg) no-repeat left top; } #nav-05-de a:hover span, body.a-05 #nav-05-de a span { background: #7EB430 url(../images/khkrajcr/nav_05-de.jpg) no-repeat left bottom; } #nav-01-en { position: absolute; top: 0; left: 0; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-01-en a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-01-en a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #E6AE00 url(../images/khkrajcr/nav_01-en.jpg) no-repeat left top; } #nav-01-en a:hover span, body.a-01 #nav-01-en a span { background: #E6AE00 url(../images/khkrajcr/nav_01-en.jpg) no-repeat left bottom; } #nav-02-en { position: absolute; top: 0; left: 147px; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-02-en a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-02-en a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #8F6909 url(../images/khkrajcr/nav_02-en.jpg) no-repeat left top; } #nav-02-en a:hover span, body.a-02 #nav-02-en a span { background: #8F6909 url(../images/khkrajcr/nav_02-en.jpg) no-repeat left bottom; } #nav-03-en { position: absolute; top: 0; left: 294px; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-03-en a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-03-en a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #C70568 url(../images/khkrajcr/nav_03-en.jpg) no-repeat left top; } #nav-03-en a:hover span, body.a-03 #nav-03-en a span { background: #C70568 url(../images/khkrajcr/nav_03-en.jpg) no-repeat left bottom; } #nav-04-en { position: absolute; top: 0; left: 441px; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-04-en a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-04-en a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #00246E url(../images/khkrajcr/nav_04-en.jpg) no-repeat left top; } #nav-04-en a:hover span, body.a-04 #nav-04-en a span { background: #00246E url(../images/khkrajcr/nav_04-en.jpg) no-repeat left bottom; } #nav-05-en { position: absolute; top: 0; left: 588px; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-05-en a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-05-en a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #7EB430 url(../images/khkrajcr/nav_05-en.jpg) no-repeat left top; } #nav-05-en a:hover span, body.a-05 #nav-05-en a span { background: #7EB430 url(../images/khkrajcr/nav_05-en.jpg) no-repeat left bottom; } #nav-01-pl { position: absolute; top: 0; left: 0; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-01-pl a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-01-pl a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #E6AE00 url(../images/khkrajcr/nav_01-pl.jpg) no-repeat left top; } #nav-01-pl a:hover span, body.a-01 #nav-01-pl a span { background: #E6AE00 url(../images/khkrajcr/nav_01-pl.jpg) no-repeat left bottom; } #nav-02-pl { position: absolute; top: 0; left: 147px; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-02-pl a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-02-pl a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #8F6909 url(../images/khkrajcr/nav_02-pl.jpg) no-repeat left top; } #nav-02-pl a:hover span, body.a-02 #nav-02-pl a span { background: #8F6909 url(../images/khkrajcr/nav_02-pl.jpg) no-repeat left bottom; } #nav-03-pl { position: absolute; top: 0; left: 294px; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-03-pl a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-03-pl a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #C70568 url(../images/khkrajcr/nav_03-pl.jpg) no-repeat left top; } #nav-03-pl a:hover span, body.a-03 #nav-03-pl a span { background: #C70568 url(../images/khkrajcr/nav_03-pl.jpg) no-repeat left bottom; } #nav-04-pl { position: absolute; top: 0; left: 441px; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-04-pl a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-04-pl a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #00246E url(../images/khkrajcr/nav_04-pl.jpg) no-repeat left top; } #nav-04-pl a:hover span, body.a-04 #nav-04-pl a span { background: #00246E url(../images/khkrajcr/nav_04-pl.jpg) no-repeat left bottom; } #nav-05-pl { position: absolute; top: 0; left: 588px; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-05-pl a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-05-pl a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #7EB430 url(../images/khkrajcr/nav_05-pl.jpg) no-repeat left top; } #nav-05-pl a:hover span, body.a-05 #nav-05-pl a span { background: #7EB430 url(../images/khkrajcr/nav_05-pl.jpg) no-repeat left bottom; } #nav-01-ru { position: absolute; top: 0; left: 0; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-01-ru a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-01-ru a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #E6AE00 url(../images/khkrajcr/nav_01-ru.jpg) no-repeat left top; } #nav-01-ru a:hover span, body.a-01 #nav-01-ru a span { background: #E6AE00 url(../images/khkrajcr/nav_01-ru.jpg) no-repeat left bottom; } #nav-02-ru { position: absolute; top: 0; left: 147px; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-02-ru a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-02-ru a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #8F6909 url(../images/khkrajcr/nav_02-ru.jpg) no-repeat left top; } #nav-02-ru a:hover span, body.a-02 #nav-02-ru a span { background: #8F6909 url(../images/khkrajcr/nav_02-ru.jpg) no-repeat left bottom; } #nav-03-ru { position: absolute; top: 0; left: 294px; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-03-ru a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-03-ru a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #C70568 url(../images/khkrajcr/nav_03-ru.jpg) no-repeat left top; } #nav-03-ru a:hover span, body.a-03 #nav-03-ru a span { background: #C70568 url(../images/khkrajcr/nav_03-ru.jpg) no-repeat left bottom; } #nav-04-ru { position: absolute; top: 0; left: 441px; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-04-ru a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-04-ru a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #00246E url(../images/khkrajcr/nav_04-ru.jpg) no-repeat left top; } #nav-04-ru a:hover span, body.a-04 #nav-04-ru a span { background: #00246E url(../images/khkrajcr/nav_04-ru.jpg) no-repeat left bottom; } #nav-05-ru { position: absolute; top: 0; left: 588px; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-05-ru a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-05-ru a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #7EB430 url(../images/khkrajcr/nav_05-ru.jpg) no-repeat left top; } #nav-05-ru a:hover span, body.a-05 #nav-05-ru a span { background: #7EB430 url(../images/khkrajcr/nav_05-ru.jpg) no-repeat left bottom; } #nav-01-nl { position: absolute; top: 0; left: 0; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-01-nl a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-01-nl a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #E6AE00 url(../images/khkrajcr/nav_01-nl.jpg) no-repeat left top; } #nav-01-nl a:hover span, body.a-01 #nav-01-nl a span { background: #E6AE00 url(../images/khkrajcr/nav_01-nl.jpg) no-repeat left bottom; } #nav-02-nl { position: absolute; top: 0; left: 147px; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-02-nl a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-02-nl a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #8F6909 url(../images/khkrajcr/nav_02-nl.jpg) no-repeat left top; } #nav-02-nl a:hover span, body.a-02 #nav-02-nl a span { background: #8F6909 url(../images/khkrajcr/nav_02-nl.jpg) no-repeat left bottom; } #nav-03-nl { position: absolute; top: 0; left: 294px; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-03-nl a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-03-nl a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #C70568 url(../images/khkrajcr/nav_03-nl.jpg) no-repeat left top; } #nav-03-nl a:hover span, body.a-03 #nav-03-nl a span { background: #C70568 url(../images/khkrajcr/nav_03-nl.jpg) no-repeat left bottom; } #nav-04-nl { position: absolute; top: 0; left: 441px; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-04-nl a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-04-nl a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #00246E url(../images/khkrajcr/nav_04-nl.jpg) no-repeat left top; } #nav-04-nl a:hover span, body.a-04 #nav-04-nl a span { background: #00246E url(../images/khkrajcr/nav_04-nl.jpg) no-repeat left bottom; } #nav-05-nl { position: absolute; top: 0; left: 588px; width: 147px; height: 140px; margin: 0; padding: 0; background: none; text-align: center; } #nav-05-nl a { display: block; position: relative; width: 147px; height: 140px; color: black; } #nav-05-nl a span { display: block; position: absolute; top: 0; left: 0; width: 147px; height: 140px; background: #7EB430 url(../images/khkrajcr/nav_05-nl.jpg) no-repeat left top; } #nav-05-nl a:hover span, body.a-05 #nav-05-nl a span { background: #7EB430 url(../images/khkrajcr/nav_05-nl.jpg) no-repeat left bottom; } /* Layout > Main */ #main { position: relative; width: 980px; overflow: hidden; padding-bottom: 20px; margin-top: 1px; } /* Layout > Data */ #data { float: right; width: 735px; overflow: hidden; } /* Layout > Content */ #content { float: left; width: 490px; overflow: hidden; background-color: #E8F9C6; } #content-in { width: 470px; padding: 0 10px; } body.widescreen #content { float: none; width: auto; background-color: #E8F9C6; } body.widescreen #content-in { width: auto; padding-right: 10px; } body.homepage #content { background: url(../images/khkrajcr/bg_content.gif) repeat-x left top; } /* -- common */ #content ul { margin-left: 15px; } * html #content ul { margin-left: 10px; } *+html #content ul { margin-left: 10px; } ul.menu, #content ul.menu { margin-left: 0; text-transform: uppercase; } ul.menu li, #content ul.menu li { margin-bottom: .8em; background-image: url(../images/khkrajcr/bullet.gif); } #content ul.menu { text-transform: none; } #links { margin-left: 0; background-color: #D6E8A2; margin: -15px -10px 0px -10px; } #links h2 { display: block; width: 245px; height: 40px; line-height: 40px; vertical-align: middle; background: #FF9F00 url(../images/khkrajcr/button_yellow2.gif) no-repeat center center; color: #003B00; text-align: center; font-weight: bold; font-size: 1.2em; text-decoration: none; } #links ul { margin-bottom: 0.8em; margin-top: .8em; padding-bottom: .2em; } #links li { margin-bottom: .8em; margin-left: 0em; padding-bottom: 0.2em; background-position: 10px 2px; padding-left: 20px; padding-right: 10px; } #links li a { display: block; color: #003B00; } #links li a:hover { color: #C70568; } dl.releaselist dt { margin: .8em 0 .2em 0; } dl.releaselist dd { margin: .2em 0; } dl.basiclist dt { margin: .2em 0; font-size: 0.9em; } dl.basiclist dd { margin: .2em 0 .8em 0; } dl.basiclist dd a { font-weight: bold; } p.next a, a.next { background: url(../images/khkrajcr/bullet.gif) no-repeat right center; padding-right: 10px; } .box { background-color: #E8F9C6; border: 1px solid white; padding: 4px 9px; margin: 10px 0; } .formbox { background-color: #E8F9C6; border: 1px solid white; padding: 4px 9px; margin: 10px 0 20px 0; } .formbox fieldset { border-color: #7EB430 !important; } .formbox legend { font-weight: bold; } .required { border-bottom: 1px dotted #980A00; color: #980A00; font-weight: bold; } tr.bold th { font-weight: bold; } .offset-after { margin-bottom: 2em; } .offset-before { margin-top: 2em; } span.ico-doc { background: url(../images/khkrajcr/ico_file-doc.gif) no-repeat left center; padding: 2px 0 2px 20px; display: inline-block; } span.ico-xls { background: url(../images/khkrajcr/ico_file-xls.gif) no-repeat left center; padding: 2px 0 2px 20px; display: inline-block; } span.ico-ppt { background: url(../images/khkrajcr/ico_file-ppt.gif) no-repeat left center; padding: 2px 0 2px 20px; display: inline-block; } span.ico-pdf { background: url(../images/khkrajcr/ico_file-pdf.gif) no-repeat left center; padding: 2px 0 2px 20px; display: inline-block; } span.ico-img { background: url(../images/khkrajcr/ico_file-img.gif) no-repeat left center; padding: 2px 0 2px 20px; display: inline-block; } span.ico-url { background: url(../images/khkrajcr/ico_file-url.gif) no-repeat left center; padding: 2px 0 2px 20px; display: inline-block; } .cols { width: 470px; } .cols .col-left { float: left; width: 230px; overflow: hidden; } .cols .col-right { float: right; width: 230px; overflow: hidden; } body.widescreen .cols { width: 715px; } body.widescreen .cols .col-left, body.widescreen .cols .col-right { width: 352px; } .box.cols { width: 450px; } .box.cols .col-left, .box.cols .col-right { width: 220px; } body.widescreen .box.cols { width: 695px; } body.widescreen .box.cols .col-left, body.widescreen .box.cols .col-right { width: 342px; } .widetable { width: 100%; overflow: scroll; margin: 1em 0; } html>body .widetable { overflow: auto; } *+html>body .widetable { overflow: scroll; } .widetable table { margin: 0; } /* -- crumbs */ #crumbs { margin: 0 0 2.2em 0; padding: 13px 0 13px 0; border-bottom: 1px solid #C8E087; } #crumbs span { color: #C70568; font-weight: bold; } #crumbs strong { color: #333333; font-weight: normal; } /* -- arcticles */ .article-list { width: 470px; } .record { width: 470px; margin: 0 0 10px 0; } .record .txt { float: right; width: 340px; overflow: hidden; } .summary-list .record .txt { float: left; } .record .released { color: #333333; font-style: italic; margin-bottom: 0; } .record h2 { margin-top: 0; } .summary-list .record h2 { margin-top: 5px; } .record .img { float: left; width: 120px; overflow: hidden; } .summary-list .record .img { float: right; } .pager { margin: 20px 0; padding-top: 10px; } .pager p { margin: 0; } #content .pager ul { margin: 0; padding-top: 5px; text-align: center; } #content .pager ul li { display: inline; margin: 0; padding: 3px 6px; background: #E8F9C6 none; border: 1px solid white; color: #C70568; font-weight: bold; text-align: center; } * html #content .pager ul li { margin: 0 2px; } *+html #content .pager ul li { margin: 0 2px; } .pager ul li a { font-weight: normal; } .summary-list .pager { padding-top: 0; background: none; } #article-detail { margin-bottom: 20px; } #article-detail #released { color: #333333; font-style: italic; } #article-detail #perex { margin-top: 20px; margin-bottom: 20px; font-weight: bold; } #related-box { float: right; width: 235px; border-bottom: 10px solid #E8F9C6; border-left: 10px solid #E8F9C6; background-color: #F4F4F6; } #related-box-in { border: 1px solid #C8E087; padding: 9px; } #related-box h2 { padding-bottom: 10px; margin: 0 0 10px 0; } table.construct tr.special-row { font-style: italic; } th.related-info-subject { width: 30%; } th.related-info-noe { width: 50%; } th.related-info-type { width: 10%; } th.related-info-size { width: 10%; text-align: right; } td.object-types { padding: 0 !important; } td.object-types fieldset { border-color: white; } td.object-types legend { color: black; text-align: center; font-weight: bold; font-size: 1.2em; } .object-types ul { margin: 0; height: 1%; overflow: visible; } .object-types ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .object-types ul li { float: left; display: block; width: 150px; margin: 0 5px 5px 0; padding: 0; background: none; } .object-types input, .object-types label { vertical-align: middle; } /* -- detail */ body.detail { background-color: #C8E186; color: black; } #detail { padding: 1px 0; background-color: #C8E186; color: black; } * html #detail { padding: 30px 0; } *+html #detail { padding: 30px 0; } #detail dl, #detail .dl { width: 642px; margin: 30px auto; border: 1px solid white; background-color: #E8F9C6; padding: 19px 19px 29px 19px; color: black; } #detail hr { border-color: white; } #detail caption { font: bold 1.6em/1.2 sans-serif; color: #C70568; text-align: center; } #detail dt { margin: 0; } #detail dt img { cursor: hand; } html>body #detail dt img { cursor: pointer; } #detail dd { margin: 9px 0 0 0; } #detail strong { font: bold 1.6em/1.2 sans-serif; color: #C70568; text-transform: uppercase; } #detail #pager { letter-spacing: 2px; color: #333333; } #detail table { width: 500px; margin: 1.33em auto; } #detail table th { width: 50%; text-align: right; } #detail table td { text-align: left; } #detail table.hs { margin: 1.33em auto; width: 700px; font-size: 1em; } #detail table.hs th { text-align: center; } #detail table.hs td { text-align: left; } #detail-copy { text-align: center; padding-bottom: 30px; } #detail-copy span { background: url(../images/khkrajcr/bg_footer-logo.gif) no-repeat right center; padding: 10px 30px 10px 0; } /* -- content’s next */ #regionmap { position: relative; width: 490px; height: 349px; margin: 0 -10px 20px -10px; } #regionmap p { width: 420px; height: 320px; margin: 0; padding: 29px 10px 0 60px; } #regionmap h1 { position: absolute; top: 20px; left: 20px; margin: 0; font-size: 3em; font-weight: normal; } #regionmap h1 span { display: block; font-size: .5em; } .w-23-pct { width: 23%; } .w-25-pct { width: 25%; } .w-100-pct { width: 100%; } .w-75-px { width: 75px; } #content .gallery { margin: 1em -10px 1em 0; height: 1%; overflow: visible; } #content .gallery:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #content .gallery li { float: left; margin: 0 10px 10px 0; padding: 9px; background: #F4F4F6 none; text-align: center; border: 1px solid #C8E087; width: 120px; height: 120px; } html>body #content .gallery li { height: 120px; min-height: 120px; } .gallery li img { background-color: white; } .gallery li span { display: block; padding: .4em 0 0 0; } /* HP regionmap */ #boxContainer { position:relative; overflow:visible; height:350px; } #box0, #box1, #box2, #box3, #box4, #box5 { position:absolute; left:0; top:0; width:500px; border-style: none; color: black; background-color: transparent; padding: 0px; } #box1, #box2, #box3, #box4, #box5 { display:none; } .preview { position: absolute; display: none; width: 147px; height: 40px; color: white; font-weight: bold; border: 2px solid #ffffff; text-align: center; } #pb1 { background:#E6AE01; } #pb2 { background:#90690A; } #pb3 { background:#C70568; } #pb4 { background:#00246E; } #pb5 { background:#7DB530; } /* Layout > Column */ #column { clear: right; float: right; width: 245px; overflow: hidden; } body.widescreen #column { display: none; } #column-in { width: 225px; padding: 0 10px; } #offers h2 { margin: 0 -10px 0 -10px; display: block; width: 245px; height: 40px; line-height: 40px; vertical-align: middle; background: #4C8807 url(../images/khkrajcr/button_green2.gif) no-repeat center center; color: #ffffff; text-align: center; font-weight: bold; font-size: 1.2em; text-decoration: none; } #offers ul { margin: 0 -10px; border-bottom: 1px solid #E8F9C6; } #offers ul li#offers-walk { background: #D6E8A2 url(../images/khkrajcr/bullet_offers-turistika.gif) no-repeat right center; margin: 0; padding: 10px 50px 10px 10px; border-top: 1px solid #E8F9C6; } #offers ul li#offers-cyclo { background: #D6E8A2 url(../images/khkrajcr/bullet_offers-cykloturistika.gif) no-repeat right center; margin: 0; padding: 10px 50px 10px 10px; border-top: 1px solid #E8F9C6; } #offers ul li#offers-agro { background: #D6E8A2 url(../images/khkrajcr/bullet_offers-agroturistika.gif) no-repeat right center; margin: 0; padding: 10px 50px 10px 10px; border-top: 1px solid #E8F9C6; } #offers ul li#offers-pasy { background: #D6E8A2 url(../images/khkrajcr/bullet_offers-pasy.gif) no-repeat right center; margin: 0; padding: 10px 50px 10px 10px; border-top: 1px solid #E8F9C6; } #offers ul li#offers-train { background: #D6E8A2 url(../images/khkrajcr/bullet_offers_train.gif) no-repeat right center; margin: 0; padding: 10px 50px 10px 10px; border-top: 1px solid #E8F9C6; } #offers ul li#offers-kupka { background: #D6E8A2 url(../images/khkrajcr/bullet_offers-kupka.gif) no-repeat right center; margin: 0; padding: 10px 50px 10px 10px; border-top: 1px solid #E8F9C6; } #offers li a { display: block; color: #003B00; font-weight: bold; } #offers li a:hover { color: #C70568; } #packages { margin: 0 -10px; padding: 10px; background: #C8E087; text-align: center; } #packages a { font-weight: bold; font-size: 1em; color: #003B00; } #packages a:hover { color: #C70568; } #pocasi { background-color: #C7EAF6; margin: -15px -10px 0 -10px; } #pocasi h2 { display: block; width: 245px; height: 40px; line-height: 40px; vertical-align: middle; background: #005D9B url(../images/khkrajcr/button_blue.gif) no-repeat center center; color: #ffffff; text-align: center; font-weight: bold; font-size: 1.2em; text-decoration: none; } #weather { margin: 0 0px; } #weather object { background-color: #C6E1F9; } /* Layout > Sidebar */ #sidebar { float: left; width: 245px; overflow: hidden; background: transparent url(../images/khkrajcr/bg_sidebar.gif) no-repeat left bottom; padding-bottom: 250px; } #sidebar-in { width: 225px; padding: 0px 10px 10px 10px; } /* -- menu */ #menu { width: 225px; margin: 0 -10px 20px -10px; padding: 0 10px; background-color: transparent; border-bottom: 1px solid #E8F9C6; } body.a-01 #menu { background-color: #E6AE00; color: black; } body.a-02 #menu { background-color: #8F6909; color: white; } body.a-03 #menu { background-color: #C70568; color: white; } body.a-04 #menu { background-color: #00246E; color: white; } body.a-05 #menu { background-color: #7EB430; color: white; } #menu h2 { margin: 0 -10px; padding: 15px 10px; background-color: #D6E8A2; text-transform: uppercase; } body.a-00 #menu h2 { color: black; background-color: #D6E8A2; } body.a-01 #menu h2 { color: black; background-color: #CC9A00; } body.a-02 #menu h2 { color: white; background-color: #755607; } body.a-03 #menu h2 { color: white; background-color: #AD045B; } body.a-04 #menu h2 { color: white; background-color: #001C54; } body.a-05 #menu h2 { color: white; background-color: #6D9C29; } body.a-00 #menu h2 a, body.a-01 #menu h2 a { color: black !important; } body.a-02 #menu h2 a, body.a-03 #menu h2 a, body.a-04 #menu h2 a, body.a-05 #menu h2 a { color: white !important; } #menu h2 a:hover { text-decoration: none; } #menu ul { margin: 0 -10px; text-transform: uppercase; color: black; } #menu ul li { margin: 0; padding: 0; background: transparent none; border-top: 1px solid #E8F9C6; } #menu ul li.menu-item-00 { background-color: #C8E087; color: black; } #menu ul li.menu-item-01 { background-color: #E6AE00; color: black; } #menu ul li.menu-item-02 { background-color: #8F6909; } #menu ul li.menu-item-03 { background-color: #C70568; } #menu ul li.menu-item-04 { background-color: #00246E; } #menu ul li.menu-item-05 { background-color: #7EB430; } #menu ul li.selected { margin: 0; padding: 0; background: white none; } #menu ul ul { margin: 0; padding: 0 10px 10px 20px; } #menu ul ul ul { margin: 0; padding: 5px 10px 10px 10px; background: none; border-bottom: none; } #menu ul ul li, #menu ul ul li.selected { margin: 0 0 .2em 0; padding: 0 0 0 10px; border-top: none; background: url(../images/khkrajcr/bullet.gif) no-repeat 0 .25em; } #menu ul a, #menu ul strong { display: inline-block; padding: 10px 10px 10px 20px; background: url(../images/khkrajcr/bullet_white.gif) no-repeat 10px 1em; color: white; } body.a-00 #menu ul a, body.a-01 #menu ul a, body.a-00 #menu ul strong, body.a-01 #menu ul strong { color: black; } #menu ul .menu-item-00 a, #menu ul .menu-item-01 a, #menu ul .menu-item-00 strong, #menu ul .menu-item-01 strong { color: black !important; } #menu ul .menu-item-02 a, #menu ul .menu-item-03 a, #menu ul .menu-item-04 a, #menu ul .menu-item-05 a, #menu ul .menu-item-02 strong, #menu ul .menu-item-03 strong, #menu ul .menu-item-04 strong, #menu ul .menu-item-05 strong { color: white !important; } #menu ul a:hover { text-decoration: none; font-weight: bold; } #menu ul li.selected a, #menu ul li.selected strong { color: #FFFFFF; background: url(../images/khkrajcr/bullet.gif) no-repeat 10px 1em; } #menu ul li.selected a:hover { color: #C70568; text-decoration: underline; } #menu ul li.selected ul a { background: none !important; } #menu ul ul a, #menu ul ul strong { display: inline-block; padding: 0; color: #FFFFFF; background: none !important; } #menu ul ul a:hover { color: #C70568; text-decoration: underline; } body.a-03 #menu ul ul a:hover { color: black; text-decoration: underline; } body.a-02 #menu ul ul a:hover { color: black; text-decoration: underline; } /*#menu ul a.selected, #menu ul strong.selected { color: #C70568 !important; }*/ #menu #diar h2 { background-color: #468206; color: white; vertical-align: middle; } /* -- sidebar’s next */ #goto-contact, #goto-3dmap { margin: 20px 0; } #goto-contact h2 { display: block; width: 225px; height: 40px; line-height: 40px; vertical-align: middle; background: #5F970D url(../images/khkrajcr/button_green.gif) no-repeat center center; text-align: center; color: white; font-weight: bold; font-size: 1.2em; text-decoration: none; } #goto-contact a { display: block; width: 225px; height: 40px; line-height: 40px; vertical-align: middle; background: #FF9F00 url(../images/khkrajcr/button_yellow.gif) no-repeat center center; text-align: center; color: #003B00; font-weight: bold; font-size: 1.2em; text-decoration: none; } #goto-3dmap a { display: block; width: 225px; height: 40px; line-height: 40px; vertical-align: middle; background: #5F970D url(../images/khkrajcr/button_green.gif) no-repeat center center; text-align: center; color: white; font-weight: bold; font-size: 1.2em; text-decoration: none; } #goto-contact a:hover, #goto-3dmap a:hover { color: white; text-decoration: underline; } /* Layout > Footer */ #footer-out { width: 100%; background: #98D014 url(../images/khkrajcr/bg_footer.gif) repeat-x left top; border-top: 1px solid #E8F9C6; text-align: center; } #footer { width: 980px; margin: 0 auto; text-align: left; padding-top: 1px; } #tools { float: left; width: 600px; padding: 10px 0; } #disclaimer { float: right; width: 340px; text-align: right; background: url(../images/khkrajcr/bg_footer-logo.gif) no-repeat right center; padding: 10px 35px 10px 0; } /* @end Layout */ /* @group My styles */ /* custom styles */ .keyword { font-weight: bold; background-color: #FFFFCC; padding: 2px; } /* @end My styles */ /* @group Universal */ .fix-after { height: 1%; overflow: visible; } .fix-after:after, .fix { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .note { color: #333333; word-spacing: -.1em; font-style: italic; } p.note { line-height: 1.2; } .float-left { float: left; margin: .8em 10px .8em 0; } .float-right { float: right; margin: .8em 0 .8em 10px; } .noscreen, .noshow { display: none; } .clear { clear: both; } .center { text-align: center !important; } .right { text-align: right !important; } .middle, .middle th, .middle td, .middle label, .middle input, .middle select, .middle img { vertical-align: middle; } .bottom { vertical-align: bottom; } .larger { font-size: larger; } .smaller { font-size: smaller; } .extra { color: #C70568; font-weight: bold; } .bold { font-weight: bold; } .italic { font-style: italic; } .caps { text-transform: uppercase; background-repeat: repeat-y; } .invisible { visibility: hidden; width: 0; height: 0; overflow: hidden; margin: 0; padding: 0; border: none; line-height: 0; } .nowrap { white-space: nowrap; } .nomargin { margin: 0 !important; } .nomargintop { margin-top: 0 !important; } /* @end Universal */ } @media print { body { font-family: georgia, serif; } table { border-collapse: collapse; border: none; } th, td { border: 1px solid; } .noprint, .noshow, .fix, #accesslink, #lang, #search, #header, #crumbs, #column, #sidebar, #tools { display: none; } .gallery li { display: inline-block; list-style: none; padding: 0 0 10pt 0; margin: 0; text-align: center; } * html .gallery li { float: left; } *+html .gallery li { float: left; } * html .gallery { height: 1%; overflow: visible; } *+html .gallery { height: 1%; overflow: visible; } .gallery li span { display: block; } }