/* ODMALICKA.INFO & VONKLEINAUF.INFO cascading style sheets css 2.0 compliant http://www.w3.org/tr/css21/ author: Hlaváček WEBDESIGN 2007 www.hlavacek-webdesign.cz default tag styling */ @import url("tiny_style.css"); * { margin:0; padding:0;} html, body { font-family: Arial, Helvetica, sans-serif;} .cleaner { width:90%; clear:both; visibility:hidden; height:1px; padding:0; margin:0;} .cleaner-div { width:90%; clear:both; visibility:hidden; height:0; padding:0; margin:0; line-height:0;} /* print only */ .print-only { display: none; } /* background setting */ body { font-size: 1em; background: #fff url("../../images/back.jpg") repeat-x 0 0; } /* main container */ #web { position:relative; margin-right:auto; margin-left:auto; margin-top:0; width:912px; } /* heading menu */ #heading { width: 860px; height: 30px; margin-left: 30px;} #heading ul { margin:0; padding:0; font-size: 0.8em; } #heading li { display:block; float:left; list-style: none; } /* languages and quick menu */ #languages a.cz, #languages a.cz:hover, #languages a.de, #languages a.de:hover { display:block; float:left; width: 35px; height: 23px; margin: 7px 0 0 0; } #languages a.cz { background:url("../../images/language-cz.gif") no-repeat 0 0;} #languages a.cz:hover { background:url("../../images/language-cz-hover.gif") no-repeat 0 0;} #languages a.de { background:url("../../images/language-de.gif") no-repeat 0 0;} #languages a.de:hover { background:url("../../images/language-de-hover.gif") no-repeat 0 0;} /* selected */ #languages .cz.selected{ background:url("../../images/language-cz-hover.gif") no-repeat 0 0; } #languages .de.selected{ background:url("../../images/language-de-hover.gif") no-repeat 0 0; } #heading li span { display:block; float:left; border-right: 1px solid #b1b1b1; height: 15px; margin: 10px 10px 0 10px;} #quick-menu { float:right; margin-right: 20px; } #quick-menu a.home, #quick-menu a.home:hover, #quick-menu a.kontakt, #quick-menu a.kontakt:hover { display:block; width: 17px; height: 16px; margin: 12px 5px 2px 5px; } #quick-menu a.home { background:url("../../images/button-home.jpg") no-repeat 0 0;} #quick-menu a.home:hover { background:url("../../images/button-home-hover.jpg") no-repeat 0 0;} #quick-menu a.kontakt { background:url("../../images/button-kontakt.jpg") no-repeat 0 0;} #quick-menu a.kontakt:hover { background:url("../../images/button-kontakt-hover.jpg") no-repeat 0 0;} /* web-content */ #web-content { background:url("../../images/site-background.jpg") repeat-y 0 0; } /* heading */ h1{ position:relative; margin:0; padding:0; width:249px; height:226px; float:left; overflow:hidden; } h2{ position:relative; margin:0; padding:0; width:663px; height:226px; float:left; overflow:hidden; } h1 span, h2 span{ display:inline; position:absolute; top:0; left:0; margin:0; padding:0; height:100%; width:100%; } h1 span{ background:url("../../images/logo-tandem.jpg") no-repeat; cursor:pointer; } h2 span{ background:url("../../images/heading.jpg") no-repeat; } .h2-de span{ background:url("../../images/heading-de.jpg") no-repeat !important; } /* content */ #content { width:912px; clear:both;} .content_text img { margin: 10px; } /* left column */ #left-column{ width: 249px; float:left;} /* menu */ #menu { } #menu { background:url("../../images/menu-back.gif") repeat-y; width: 249px;} #menu .top { background:url("../../images/menu-top.gif") no-repeat; width: 249px; min-height: 225px;} #menu .bottom { background:url("../../images/menu-bottom.gif") no-repeat; width: 249px; height: 20px;} #menu ul { margin:0; padding:20px 20px 0 30px; font-size:0.95em;} #menu li { color:#312320; display:block; list-style: none; margin:0; padding: 0; } #menu a { color:#fff; text-decoration:none; display:block; height: 22px; width: 160px; padding: 10px 3px 0 0; margin-left: 30px; white-space:nowrap; text-align:right; border-bottom: 1px dotted #318036; } #menu a:hover { color:#fff; } #menu .selected { font-weight: bold; color:#fff; background-color: #338336; } #menu li.item-1 { background:url("../../images/item-1.gif") 5px 7px no-repeat;} #menu li.item-2 { background:url("../../images/item-2.gif") 5px 7px no-repeat;} #menu li.item-3 { background:url("../../images/item-3.gif") 5px 7px no-repeat;} #menu li.item-4 { background:url("../../images/item-4.gif") 5px 7px no-repeat;} #menu li.item-5 { background:url("../../images/item-5.gif") 5px 7px no-repeat;} #menu li.item-1:hover, #menu li.item-2:hover, #menu li.item-3:hover, #menu li.item-4:hover, #menu li.item-5:hover { background-color: #338336; } /* address */ #address { padding: 30px 30px 0 30px;} #address h3 { color: #2d7531; font-size: 0.9em;} #address p { color: #7b7b7b; font-size: 0.8em; margin: 10px 0;} #address a { color:#2d7531;} #address a:hover { text-decoration: none;} /* project logo */ #logo { margin: 20px 0 10px 50px;} #logo span { display: block; width: 162px; height: 159px; background: url("../../images/logo-odmalicka.jpg") 0 0 no-repeat;} #logo img { border: none;} /* main column */ #main-column { width: 603px; float:right; background: url("../../images/main-corner.jpg") left top no-repeat; padding: 15px 30px; } #articles h3{ padding: 0 0 10px 0; font-weight:bold; font-size: 1.1em; color:#08435b;} #articles a { color:#06739d;} #articles a:hover { color:#06739d; text-decoration: none;} .article { padding: 0 0 15px 0; border-bottom: 1px dotted #4c4c4c;} .article h3 { padding: 0 0 10px 0; font-weight:bold; font-size: 1.1em; color:#08435b;} .article h4 { font-size: 0.9em; overflow:hidden; color:#06739d; margin: 10px 0 15px 0; } .article p { font-size: 0.8em; overflow:hidden; color:#4c4c4c; margin: 5px 0 5px 10px; } .article ul { font-size: 0.8em; color:#4c4c4c; margin: 0 0 0 20px; } .article li { margin: 5px 0 5px 10px; } .article a { color:#06739d;} .article a:hover { color:#06739d; text-decoration: none;} span.datum { font-size: 0.75em; overflow:hidden; color:#666; display:block;} .no-line { border-bottom: none !important;} /* order-table */ .order-table { font-size: 1em; overflow:hidden; color:#4c4c4c; margin: 15px 0 15px 10px; } .td-info { background-color:#eee; padding: 3px 15px;} .row-odd td { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;} /* footer */ #footer { width: 912px; height: 70px; background: #000 url("../../images/footer.gif") left top no-repeat; overflow: hidden; text-align:center; } #footer ul { padding: 8px 0 0 5px; color:#fff; font-size: 0.8em;} #footer li { list-style-type:none; display:inline; padding: 0 10px; border-right: 1px solid #fff;} #footer a { color:#fff; } #footer a:hover { text-decoration:none;} .no-border { border:none !important;} /* map */ #map { display:block; width:583px; height:622px; background:url("../../images/map/map.jpg"); position:relative; margin:0 auto 2em auto;} #map a { display: none; text-decoration:none;} #map a span { visibility:hidden; display:none; } #map a:hover span { visibility:visible; display:block; width: 200px; height: 200px; border: 1px solid #000; background: url(../../images/podklad-listku.jpg) 0 0 no-repeat; color: #fff; text-align:center; z-index: 100; position: relative;} /* map CZ */ a#liberec {display:block; width:75px; height:107px; padding-top:80px; overflow:hidden; position:absolute; left:477px; top:91px;} .liberec a { background:transparent url("../../images/map/empty/liberec.gif") no-repeat 0 0;} * html a#liberec {height:13px; he\ight:0;} a#liberec:hover {background:transparent url("../../images/map/liberec.gif") no-repeat 0 0; overflow:visible;} a#jablonec-nad-nisou {display:block; width:57px; height:107px; padding-top:80px; overflow:hidden; position:absolute; left:516px; top:129px;} .jablonec-nad-nisou a {background:transparent url("../../images/map/empty/jablonec-nad-nisou.gif") no-repeat 0 0;} * html a#jablonec-nad-nisou {height:-12px; he\ight:0;} a#jablonec-nad-nisou:hover {background:transparent url("../../images/map/jablonec-nad-nisou.gif") no-repeat 0 0; overflow:visible;} a#ceska-lipa {display:block; width:81px; height:107px; padding-top:80px; overflow:hidden; position:absolute; left:413px; top:124px;} .ceska-lipa a {background:transparent url("../../images/map/empty/ceska-lipa.gif") no-repeat -3px -4px;} * html a#ceska-lipa {height:25px; he\ight:0;} a#ceska-lipa:hover {background:transparent url("../../images/map/ceska-lipa.gif") no-repeat -3px -4px; overflow:visible;} a#decin {display:block; width:93px; height:10px; padding-top:80px; overflow:hidden; position:absolute; left:376px; top:74px;} .decin a {background:transparent url("../../images/map/empty/decin.gif") no-repeat -3px -4px; overflow:visible;} * html a#decin {height:30px; he\ight:0;} a#decin:hover {background:transparent url("../../images/map/decin.gif") no-repeat -3px -4px; overflow:visible;} a#usti-nad-labem {display:block; width:50px; height:107px; padding-top:80px; overflow:hidden; position:absolute; left:353px; top:119px;} .usti-nad-labem a {background:transparent url("../../images/map/empty/usti-nad-labem.gif") no-repeat -3px -4px; overflow:visible;} * html a#usti-nad-labem {height:-44px; he\ight:0;} a#usti-nad-labem:hover {background:transparent url("../../images/map/usti-nad-labem.gif") no-repeat -3px -4px; overflow:visible;} a#teplice {display:block; width:54px; height:107px; padding-top:80px; overflow:hidden; position:absolute; left:312px; top:133px;} .teplice a {background:transparent url("../../images/map/empty/teplice.gif") no-repeat -3px -4px; overflow:visible;} * html a#teplice {height:-44px; he\ight:0;} a#teplice:hover {background:transparent url("../../images/map/teplice.gif") no-repeat -3px -4px; overflow:visible;} a#most {display:block; width:54px; height:107px; padding-top:80px; overflow:hidden; position:absolute; left:277px; top:133px;} .most a {background:transparent url("../../images/map/empty/most.gif") no-repeat -3px -4px; overflow:visible;} * html a#most {height:-44px; he\ight:0;} a#most:hover {background:transparent url("../../images/map/most.gif") no-repeat -3px -4px; overflow:visible;} a#chomutov {display:block; width:88px; height:107px; padding-top:80px; overflow:hidden; position:absolute; left:214px; top:151px;} .chomutov a {background:transparent url("../../images/map/empty/chomutov.gif") no-repeat -3px -4px; overflow:visible;} * html a#chomutov {height:-44px; he\ight:0;} a#chomutov:hover {background:transparent url("../../images/map/chomutov.gif") no-repeat -3px -4px; overflow:visible;} a#karlovy-vary {display:block; width:79px; height:107px; padding-top:80px; overflow:hidden; position:absolute; left:170px; top:174px;} .karlovy-vary a {background:transparent url("../../images/map/empty/karlovy-vary.gif") no-repeat -3px -4px; overflow:visible;} * html a#karlovy-vary {height:42px; he\ight:0;} a#karlovy-vary:hover {background:transparent url("../../images/map/karlovy-vary.gif") no-repeat -3px -4px; overflow:visible;} a#sokolov {display:block; width:61px; height:109; padding-top:80px; overflow:hidden; position:absolute; left:131px; top:177px;} .sokolov a {background:transparent url("../../images/map/empty/sokolov.gif") no-repeat -3px -4px; overflow:visible;} * html a#sokolov {height:42px; he\ight:0;} a#sokolov:hover {background:transparent url("../../images/map/sokolov.gif") no-repeat -3px -4px; overflow:visible;} a#cheb {display:block; width:87px; height:107px; padding-top:80px; overflow:hidden; position:absolute; left:90px; top:188px;} .cheb a {background:transparent url("../../images/map/empty/cheb.gif") no-repeat -3px -4px; overflow:visible;} * html a#cheb {height:42px; he\ight:0;} a#cheb:hover {background:transparent url("../../images/map/cheb.gif") no-repeat -3px -4px; overflow:visible;} a#tachov {display:block; width:105px; height:107px; padding-top:50px; overflow:hidden; position:absolute; left:114px; top:285px;} .tachov a {background:transparent url("../../images/map/empty/tachov.gif") no-repeat -3px -4px; overflow:visible;} * html a#tachov {height:0px; he\ight:0;} a#tachov:hover {background:transparent url("../../images/map/tachov.gif") no-repeat -3px -4px; overflow:visible;} a#domazlice {display:block; width:87px; height:50px; padding-top:50px; overflow:hidden; position:absolute; left:131px; top:351px;} .domazlice a {background:transparent url("../../images/map/empty/domazlice.gif") no-repeat -3px -4px; overflow:visible;} * html a#domazlice {height:0px; he\ight:0;} a#domazlice:hover {background:transparent url("../../images/map/domazlice.gif") no-repeat -3px -4px; overflow:visible;} a#klatovy {display:block; width:112px; height:35px; padding-top:100px; overflow:hidden; position:absolute; left:185px; top:381px;} .klatovy a {background:transparent url("../../images/map/empty/klatovy.gif") no-repeat -3px -4px;} * html a#klatovy {height:42px; he\ight:0;} a#klatovy:hover {background:transparent url("../../images/map/klatovy.gif") no-repeat -3px -4px; overflow:visible;} a#prachatice {display:block; width:112px; height:107px; padding-top:100px; overflow:hidden; position:absolute; left:250px; top:462px;} .prachatice a {background:transparent url("../../images/map/empty/prachatice.gif") no-repeat -3px -4px; overflow:visible;} * html a#prachatice {height:42px; he\ight:0;} a#prachatice:hover {background:transparent url("../../images/map/prachatice.gif") no-repeat -3px -4px; overflow:visible;} a#cesky-krumlov {display:block; width:141px; height:107px; padding-top:100px; overflow:hidden; position:absolute; left:291px; top:515px;} .cesky-krumlov a {background:transparent url("../../images/map/empty/cesky-krumlov.gif") no-repeat 0 0; overflow:visible;} * html a#cesky-krumlov {height:107px; he\ight:0;} a#cesky-krumlov:hover {background:transparent url("../../images/map/cesky-krumlov.gif") no-repeat 0 0; overflow:visible;} /* map DE */ a#loebau-zittau {display:block; width:97px; height:107px; padding-top:80px; overflow:hidden; position:absolute; left:443px; top:52px;} .loebau-zittau a {background:transparent url("../../images/map/empty/lobau-zittau.gif") no-repeat 0 0; overflow:visible;} * html a#loebau-zittau {height:80px; he\ight:0;} a#loebau-zittau:hover {background:transparent url("../../images/map/lobau-zittau.gif") no-repeat 0 0; overflow:visible;} a#bautzen {display:block; width:97px; height:80px; padding-top:80px; overflow:hidden; position:absolute; left:379px; top:3px;} .bautzen a {background:transparent url("../../images/map/empty/bautzen.gif") no-repeat 0 0; overflow:visible;} * html a#bautzen {height:80px; he\ight:0;} a#bautzen:hover {background:transparent url("../../images/map/bautzen.gif") no-repeat 0 0; overflow:visible;} a#saechsische-schweiz {display:block; width:90px; height:80px; padding-top:80px; overflow:hidden; position:absolute; left:320px; top:54px;} .saechsische-schweiz a {background:transparent url("../../images/map/empty/saechsische-schweiz.gif") no-repeat 0 0; overflow:visible;} * html a#saechsische-schweiz {height:80px; he\ight:0;} a#saechsische-schweiz:hover {background:transparent url("../../images/map/saechsische-schweiz.gif") no-repeat 0 0; overflow:visible;} a#weisseritzkreis {display:block; width:54px; height:80px; padding-top:80px; overflow:hidden; position:absolute; left:293px; top:37px;} .weisseritzkreis a {background:transparent url("../../images/map/empty/weisseritz-kreis.gif") no-repeat 0 0; overflow:visible;} * html a#weisseritzkreis {height:80px; he\ight:0;} a#weisseritzkreis:hover {background:transparent url("../../images/map/weisseritz-kreis.gif") no-repeat 0 0; overflow:visible;} a#freiberg {display:block; width:85px; height:40px; padding-top:80px; overflow:hidden; position:absolute; left:224px; top:51px;} .freiberg a {background:transparent url("../../images/map/empty/freiburg.gif") no-repeat 0 0; overflow:visible;} * html a#freiberg {height:80px; he\ight:0;} a#freiberg:hover {background:transparent url("../../images/map/freiburg.gif") no-repeat 0 0; overflow:visible;} a#mittlerer-erzgebirgskreis {display:block; width:85px; height:20px; padding-top:35px; overflow:hidden; position:absolute; left:199px; top:95px;} .mittlerer-erzgebirgskreis a {background:transparent url("../../images/map/empty/mittler-erzgebirgskreis.gif") no-repeat 0 0; overflow:visible;} * html a#mittlerer-erzgebirgskreis {height:80px; he\ight:0;} a#mittlerer-erzgebirgskreis:hover {background:transparent url("../../images/map/mittler-erzgebirgskreis.gif") no-repeat 0 0; overflow:visible;} a#annaberg {display:block; width:52px; height:20px; padding-top:35px; overflow:hidden; position:absolute; left:198px; top:131px;} .annaberg a {background:transparent url("../../images/map/empty/annaberg.gif") no-repeat -21px -13px; overflow:visible;} * html a#annaberg {height:80px; he\ight:0;} a#annaberg:hover {background:transparent url("../../images/map/annaberg.gif") no-repeat -21px -13px; overflow:visible;} a#aue-schwarzenberg {display:block; width:52px; height:20px; padding-top:60px; overflow:hidden; position:absolute; left:148px; top:121px;} .aue-schwarzenberg a {background:transparent url("../../images/map/empty/aue-schwarzenberg.gif") no-repeat 0 0; overflow:visible;} * html a#aue-schwarzenberg {height:80px; he\ight:0;} a#aue-schwarzenberg:hover {background:transparent url("../../images/map/aue-schwarzenberg.gif") no-repeat 0 0; overflow:visible;} a#vogtlandkreis {display:block; width:95px; height:80px; padding-top:80px; overflow:hidden; position:absolute; left:58px; top:113px;} .vogtlandkreis a {background:transparent url("../../images/map/empty/vogtlandkreis.gif") no-repeat 0 0; overflow:visible;} * html a#vogtlandkreis {height:80px; he\ight:0;} a#vogtlandkreis:hover {background:transparent url("../../images/map/vogtlandkreis.gif") no-repeat 0 0; overflow:visible;} a#hof {display:block; width:75px; height:30px; padding-top:50px; overflow:hidden; position:absolute; left:12px; top:157px;} .hof a {background:transparent url("../../images/map/empty/hof.gif") no-repeat 0 0; overflow:visible;} * html a#hof {height:80px; he\ight:0;} a#hof:hover {background:transparent url("../../images/map/hof.gif") no-repeat 0 0; overflow:visible;} a#wunsiedel {display:block; width:75px; height:30px; padding-top:50px; overflow:hidden; position:absolute; left:19px; top:203px;} .wunsiedel a {background:transparent url("../../images/map/empty/wunsiedel.gif") no-repeat 0 0; overflow:visible;} * html a#wunsiedel {height:80px; he\ight:0;} a#wunsiedel:hover {background:transparent url("../../images/map/wunsiedel.gif") no-repeat 0 0; overflow:visible;} a#tirschenreuth {display:block; width:98px; height:20px; padding-top:50px; overflow:hidden; position:absolute; left:34px; top:245px;} .tirschenreuth a {background:transparent url("../../images/map/empty/tirschenreuth.gif") no-repeat 0 0; overflow:visible;} * html a#tirschenreuth {height:80px; he\ight:0;} a#tirschenreuth:hover {background:transparent url("../../images/map/tirschenreuth.gif") no-repeat 0 0; overflow:visible;} a#neustadt-a-d-waldnaab {display:block; width:129px; height:40px; padding-top:50px; overflow:hidden; position:absolute; left:3px; top:279px;} .neustadt-a-d-waldnaab a {background:transparent url("../../images/map/empty/neustadt-a-d-waldnaab.gif") no-repeat 0 0; overflow:visible;} * html a#neustadt-a-d-waldnaab {height:38px; he\ight:0;} a#neustadt-a-d-waldnaab:hover {background:transparent url("../../images/map/neustadt-a-d-waldnaab.gif") no-repeat 0 0; overflow:visible;} a#schwandorf {display:block; width:108px; height:50px; padding-top:80px; overflow:hidden; position:absolute; left:28px; top:342px;} .schwandorf a {background:transparent url("../../images/map/empty/schwandorf.gif") no-repeat 0 0; overflow:visible;} * html a#schwandorf {height:38px; he\ight:0;} a#schwandorf:hover {background:transparent url("../../images/map/schwandorf.gif") no-repeat 0 0; overflow:visible;} a#cham {display:block; width:119px; height:50px; padding-top:80px; overflow:hidden; position:absolute; left:77px; top:376px;} .cham a {background:transparent url("../../images/map/empty/cham.gif") no-repeat 0 0; overflow:visible;} * html a#cham {height:38px; he\ight:0;} a#cham:hover {background:transparent url("../../images/map/cham.gif") no-repeat 0 0; overflow:visible;} a#regen {display:block; width:90px; height:50px; padding-top:80px; overflow:hidden; position:absolute; left:141px; top:451px;} .regen a {background:transparent url("../../images/map/empty/regen.gif") no-repeat 0 0; overflow:visible;} * html a#regen {height:38px; he\ight:0;} a#regen:hover {background:transparent url("../../images/map/regen.gif") no-repeat 0 0; overflow:visible;} a#freyung-grafenau {display:block; width:81px; height:50px; padding-top:80px; overflow:hidden; position:absolute; left:191px; top:498px;} .freyung-grafenau a {background:transparent url("../../images/map/empty/freyung-grafenau.gif") no-repeat 0 0; overflow:visible;} * html a#freyung-grafenau {height:38px; he\ight:0;} a#freyung-grafenau:hover {background:transparent url("../../images/map/freyung-grafenau.gif") no-repeat 0 0; overflow:visible;} a#Freyung-grafenau {display:block; width:81px; height:50px; padding-top:80px; overflow:hidden; position:absolute; left:191px; top:498px;} .Freyung-grafenau a {background:transparent url("../../images/map/empty/freyung-grafenau.gif") no-repeat 0 0; overflow:visible;} * html a#Freyung-grafenau {height:38px; he\ight:0;} a#Freyung-grafenau:hover {background:transparent url("../../images/map/freyung-grafenau.gif") no-repeat 0 0; overflow:visible;} /* form */ form { font-size: 1em; } .form-span {} .form-span span { float:left; width: 330px;} .form-span input { float:left;} .form-span textarea { width: 200px; height: 50px;} fieldset { border: 1px solid #999; margin: 5px 10px 20px 10px; padding: 20px 10px 0 15px; display:block; background-color: #f6f5f5;} legend { font-size: 0.8em; background-color:#f6f5f5; border: 1px solid #999; padding: 3px;} #page-404 { position:relative; margin-right:auto; margin-left:auto; margin-top:50px; background: url("../../images/404page-back.jpg") 0 0 no-repeat; width: 684px; height: 572px; color: #fff; padding-top: 200px; } #page-404 p { padding: 10px 80px 0 80px;} #page-404 ul { padding: 10px 80px 0 100px;} #page-404 li { list-style-type: square; padding: 2px 0 2px 10px;} #page-404 a { color: #fff;} #pager { padding: 10px 0; } #pager a { color:#06739d; } .archive-link { margin: 10px 0 0 0; color:#06739d;font-weight:bold;} .archive-link:hover { color:#06739d; text-decoration: none;} .order-link a { margin: 10px 0 0 0; color:#06739d !important; font-weight:bold;} .order-link a:hover { color:#06739d !important text-decoration: none;} .link-underline h4 { text-decoration: underline !important;} .link-underline:hover h4 { text-decoration: none !important;} .link-underline span{ color:#333; font-size:0.6 !important; font-weight:normal;}