/*
 * Zakladni Styl Neuzil
 * Autor: Jan Rezac
 *
 */

@import url("initial.css");

a, a:link {
  text-decoration: underline;
  cursor: pointer;
  color: #f48a00;
}

a:visited {
  color: #d78a25;
}

a:hover, a:focus, a:active {
  color: #66ab00;
}

/*========== [layout] ========================================================*/
body {
  text-align: center;
  font-family: Arial, sans-serif;
  background: #449d0f url(../images/top.gif) 50% 0 repeat-x;
  color: #333;
  font-size: 1em;
  line-height: 1.7;
}

table {
  line-height: 1.7;
}

div.main {
  position: relative;
  width: 860px;
  margin: 0 auto;
  text-align: left;
  font-size: 0.77em;
}

div#content {
  background: #fff;
  padding-top: 20px;
}

/*========== [header] ========================================================*/
div#header {
  height: 118px;
}

div#logo {
  width: 296px;
  height: 53px;
  position: absolute;
  left: 0;
  top: 21px;
}

div#logo span {background: url(../images/logo.gif);}

ul#sm {
  width: 414px;
  height: 97px;
  position: absolute;
  top: 0;
  right: 0;
}

ul#sm li {
  position: absolute;
}

li#sm1 {
  width: 177px;
  height: 45px;
  top: 0;
  left: 0;
}

li#sm2 {
  width: 177px;
  height: 52px;
  left: 0;
  top: 45px;
}

li#sm3 {
  width: 237px;
  height: 45px;
  top: 0;
  left: 177px;
}

li#sm4 {
  width: 237px;
  height: 52px;
  top: 45px;
  left: 177px;
}

li#sm1 span {background: url(../images/menu1.gif) 0 0 no-repeat;}
li#sm2 span {background: url(../images/menu1.gif) 0 -45px no-repeat;}
li#sm3 span {background: url(../images/menu1.gif) -177px 0 no-repeat;}
li#sm4 span {background: url(../images/menu1.gif) -177px -45px no-repeat;}

li#sm1 a:hover span {background-position: 0 -98px;}
li#sm2 a:hover span {background-position: 0 -143px;}
li#sm3 a:hover span {background-position: -177px -98px;}
li#sm4 a:hover span {background-position: -177px -143px;}

li#sm1 a.active span {background-position: 0 -196px !important;}
li#sm2 a.active span {background-position: 0 -241px !important;}
li#sm3 a.active span {background-position: -177px -196px !important;}
li#sm4 a.active span {background-position: -177px -241px !important;}

/*========== [hl-home] =======================================================*/
div#hl {
  background: #f1ffe3 url(../images/mid.gif) 50% 100% repeat-x;
}

div.hl {
  width: 203px;
  float: left;
  margin-right: 16px;
}

div.l {
  margin-right: 0;
}

div.hl h2 {
  width: 203px;
  height: 136px;
  margin-bottom: 13px;
}

div.hl h2#hl3 {
  height: 140px;
  margin-bottom: 9px;
}

h2#hl1 span {background: url(../images/hl1.jpg) 0 0 no-repeat;}
h2#hl2 span {background: url(../images/hl2.jpg) 0 0 no-repeat;}
h2#hl3 span {background: url(../images/hl3.jpg) 0 0 no-repeat;}
h2#hl4 span {background: url(../images/hl4.jpg) 0 0 no-repeat;}

div.hl h2 a:hover span {background-position: 0 -137px !important;}
div.hl h2#hl3 a:hover span {background-position: 0 -141px !important;}

div.hl p {
  margin-bottom: 13px;
}

div.hl div.cont a {
  background: url(../images/dot.gif) 0 4px no-repeat;
  padding-left: 20px;
  color: #000;
}

div.hl div.cont a:hover {
  background-position: -1000px 4px;
  color: #5ead1a;
}

div#hl div.main {
  padding-bottom: 66px;
}

/*========== [menu] ==========================================================*/
ul#mm {
  width: 863px;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  height: 42px;
}

ul#mm li {
  position: absolute;
  top: 0;
  overflow: visible;
  height: 42px;
}

ul#mm li a {
  text-decoration: none;
  display: block;
  overflow: hidden;
}

ul#mm li i {
  display: block;
  position: absolute;
  bottom: -4px;
  left: 50%;
  width: 9px;
  height: 4px;
  background: url(../images/active.gif) 0 0 no-repeat;
}

li#m1 {left: 0px;width: 73px;}
li#m2 {left: 73px;width: 222px;}
li#m3 {left: 295px;width: 162px;}
li#m4 {left: 457px;width: 226px;}
li#m5 {left: 683px;width: 92px;}
li#m6 {left: 775px;width: 88px;}

li#m1 span {background: url(../images/menu2.gif) 0px 0 no-repeat;}
li#m2 span {background: url(../images/menu2.gif) -73px 0 no-repeat;}
li#m3 span {background: url(../images/menu2.gif) -295px 0 no-repeat;}
li#m4 span {background: url(../images/menu2.gif) -457px 0 no-repeat;}
li#m5 span {background: url(../images/menu2.gif) -683px 0 no-repeat;}
li#m6 span {background: url(../images/menu2.gif) -775px 0 no-repeat;}

li#m1 a:hover span {background-position: 0px -43px;}
li#m2 a:hover span {background-position: -73px -43px;}
li#m3 a:hover span {background-position: -295px -43px;}
li#m4 a:hover span {background-position: -457px -43px;}
li#m5 a:hover span {background-position: -683px -43px;}
li#m6 a:hover span {background-position: -775px -43px;}

li#m1 a.active span {background-position: 0px -86px !important;}
li#m2 a.active span {background-position: -73px -86px !important;}
li#m3 a.active span {background-position: -295px -86px !important;}
li#m4 a.active span {background-position: -457px -86px !important;}
li#m5 a.active span {background-position: -683px -86px !important;}
li#m6 a.active span {background-position: -775px -86px !important;}

/*========== [text] ==========================================================*/
h1, div.t3 h2 {
  font-weight: normal;
  font-size: 1.5em;
  color: #000;
  margin-bottom: 5px;
}

h2 {
  font-size: 1.2em;
  font-weight: bold;
  color: #000;
  margin-bottom: 7px;
}

h3 {
  font-size: 1em;
  font-weight: bold;
  color: #58ac09;
  margin-bottom: 1.2em;
  text-transform: uppercase;
}

h4 {
  font-size: 1em;
  font-weight: normal;
  color: #58ac09;
  margin-bottom: 1.2em;
  text-transform: uppercase;
}

p, ul, ol, table, dl {
  margin-bottom: 1.2em;
}

dd {
  margin: 0 0 0.6em;
}

dt {
  color: #58ac09;
  font-weight: bold;
}

div.ph {
  float: right;
  padding-top: 8px;
  width: 220px;
}

div.ph div {
  margin-bottom: 20px;
}

div.text {
  float: left;
  width: 625px;
}

div#content ul li {
  padding-left: 24px;
  background: url(../images/dot2.gif) 6px 8px no-repeat;
}

ol li {
  margin-left: 22px;
}

div.t1 {
  width: 460px;
  float: left;
  margin-right: 20px;
}

div.t1x {
  width: 625px;
  float: left;
  margin-right: 20px;
}

div.t2 {
  width: 220px;
  padding: 8px 0 0;
  float: left;
  margin-right: 20px;
}

div.t3 {
  float: left;
  width: 140px;
}

.error {
  background: #d01f1f;
  color: #fff;
  font-weight: bold;
  padding: 3px 8px 4px;
}

h1.head {
  width: 319px;
  height: 42px;
  margin-bottom: 10px;
}

h1#head1 span {background: url(../images/h-rad.gif);}
h1#head2 span {background: url(../images/h-ski.gif);}
h1#head3 span {background: url(../images/h-kanu.gif);}

h1#head4 {
  width: 340px;
}

h1#head4 span {background: url(../images/h-wunsch.gif);}

div.tour {
  padding-top: 1em;
  margin-bottom: 1.2em;
  border-top: 1px dotted #d0ddbd;
}

div.tour div.t2 {
  padding-top: 6px;
}

div.tour h2 a, div.tour h2 a:link, div.tour h2 a:visited {
  border-bottom: 1px dotted #d0ddbd;
  text-decoration: none;
}

div.tour p {
  margin-bottom: 8px;
}

div#content div.cont a,
div#content div.oth2 span {
  background: url(../images/dot3.gif) 0 4px no-repeat;
  padding-left: 20px;
}

div.tour div.t3 span, span.eur {
  border-bottom: 1px dotted #d0ddbd;
  font-size: 0.89em;
  color: #777;
  cursor: help;
}

span.eur {
  font-size: 1em;
  margin-left: 2px;  
}

div#content div.cont a:hover,
div#content div.oth2 a:hover span {
  background-position: -1000px 4px;
}

div.oth a {
  padding: 4px 0 14px 40px;
  display: block;
  float: left;
  margin: 0 20px 0 0;
}

div.oth span {
  display: block;
  float: left;
  font-weight: bold;
  margin-left: 240px;
  padding-top: 4px;
  margin-right: 20px;
}

div.oth3x span {
  margin-left: 0;
}

div.oth3x a,
div.oth3x span {
  margin-right: 15px;
}

a.o1 {background: url(../images/oth-rad.gif) 0 0 no-repeat;}
a.o2 {background: url(../images/oth-ski.gif) 0 0 no-repeat;}
a.o3 {background: url(../images/oth-kanu.gif) 0 0 no-repeat;}
a.o4 {background: url(../images/oth-wunsch.gif) 0 0 no-repeat;}

div.oth {
  padding-top: 1em;
  border-top: 1px dotted #d0ddbd;
}

div.othx {
  border: 0 none;
}

div.oth a:hover {
  background-position: -1000px 0 !important;
}

div.pimg {
  float: left;
  padding-top: 5px;
  margin-right: 20px;
}

h1.na {
  padding-left: 40px;
  margin-bottom: 0;
}

h1.nrad {background: url(../images/h1-rad.gif) 0 1px no-repeat;}
h1.nski {background: url(../images/h1-ski.gif) 0 1px no-repeat;}
h1.nkanu {background: url(../images/h1-kanu.gif) 0 1px no-repeat;}
h1.nwunsch {background: url(../images/h1-wunsch.gif) 0 1px no-repeat;}

h6 {
  font-weight: normal;
  margin-bottom: 1.2em;
  padding-left: 41px;
  color: #666;
}

h6 a, h6 a:link, h6 a:visited {
  color: #666;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}

h6 a:hover {
  color: #000;
  border-bottom: 1px dotted #000;
}

div.pdf {
  padding-bottom: 40px;
  background: url(../images/vlnky2.gif) 0 100% no-repeat;
  margin-bottom: 1.4em;
}

div.penz {
  margin-bottom: 1.2em;
  padding-top: 1em;
  border-top: 1px dotted #d0ddbd;
}

div.bb2 {
  padding-bottom: 1px;
}

div.pdf a, div.pdf a:link, div.pdf a:visited {
  color: #d01f1f;
  background: url(../images/pdf.gif) 0 1px no-repeat;
  padding-left: 19px;
  margin-left: 10px;
}

h3 span.heute {
  color: #000;
  text-transform: none;
}

div.pdf a:hover {
  color: #000;
  background-position: -1000px 1px;
}

div.price {
  margin-bottom: 1.6em;
}

div.price h3 {
  margin-bottom: 0.4em;
}

div.price table {
  margin-bottom: 1.1em;
}

div.price div.cont {
  font-weight: bold;
}

div.price th {
  border-right: 1px dotted #d0ddbd;
  padding: 2px 10px 2px 0;
}

div.price td {
  padding: 2px 0 2px 10px;
}

div.pl {
  margin-bottom: 0;
}

div.vcene h3 {
  margin-bottom: 0.4em;
}

div#content div.vcene ul li {
  padding-left: 18px;
  background: url(../images/dot2.gif) 0 8px no-repeat;
}

th, td {
  vertical-align: top;
}

table.program {
  position: relative;
  top: 1px;
  border-bottom: 1px dotted #c3d4b1;
}

table.program th {
  background: #c7e6a8;
  border-right: 1px dotted #d0ddbd;
  border-top: 1px dotted #c3d4b1;
  padding: 4px 10px 5px 10px;
  color: #000;
}

table.program td {
  padding: 4px 10px 5px 10px;
  background: #f1ffe3;
  border-top: 1px dotted #c3d4b1;
}

div.cile {
  padding-top: 3px;
}

div.cile h3 {
  margin-bottom: 12px;
}

div.cile dt {
  font-weight: normal;
  color: #000;
}

div.cile dd {
  color: #666;
}

div.penz h3, div.penz p {
  margin-bottom: 0.6em;
}

.out a {
  padding-right: 11px;
  background: url(../images/out.gif) 100% 3px no-repeat;
}

.out a:hover {
  background-position: 100% -997px;
}

div.map {
  margin-bottom: 1.2em;
}

table.price td, table.price th {
  padding: 0 20px 2px 0;
  vertical-align: middle;
}

table.price div.buchen {
  top: 2px;
}

div.pht {
  width: 203px;
  margin-right: 21px;
}

div.oth2 div.clr div.pht div {
  background: #f8fff1;
  border: 1px solid #dfefcf;
  text-align: center;
  padding: 12px 14px;
  width: auto;
  margin: 0;
  float: none;
}

div.pht img {
  display: inline;
  margin: 0 auto;
}

div.oth2 {
  padding: 70px 0 1em;
  background: url(../images/vlnky.gif) 0 0 no-repeat;
}

div.ohtpht {
  padding-top: 0;
  background: transparent;
}

div.oth2 div.clr {
  padding-top: 1.2em;
}

div.oth2 div.clr div {
  width: 203px;
  float: left;
  margin-right: 16px;
}

div.oth2 div.clr div.l {
  margin-right: 0;
}

div#content div.oth2 a {
  text-decoration: none;
}

div#content div.oth2 b {
  padding: 1px;
  display: block;
  border: 1px dotted #d0ddbd; 
  margin-bottom: 4px;
}

div#content div.oth2 a:hover b {
  border: 1px dotted #66ab00;
}

div#content div.oth2 span {
  font-weight: bold;
  text-decoration: underline;  
}

div.buchen {
  width: 118px;
  height: 36px;
  margin-bottom: 4px;
}

div.buchen span {background: url(../images/buchen.png) 0 -37px;}
div.buchen a:hover span {background-position: 0 0;}

div.buchen2 {
  width: 111px;
  height: 24px;
}

div.buchen2 span {background: url(../images/buchen2.png) 0 -25px;}
div.buchen2 a:hover span {background-position: 0 0;}

.winter div.buchen2 span {background: url(../images/buchen3.png) 0 -25px;}
.winter div.buchen2 a:hover span {background-position: 0 0;}

div.mBot {
  margin-bottom: 1.2em;
}

ul.domtabs {
  width: 100%;
  float: left;
  padding-top: 6px;
  margin: 0;
  background: url(../images/div.gif) 0 100% repeat-x;
}

div#content ul.domtabs li {
  padding: 0;
  float: left;
  margin-right: 2px;
  background: transparent;
}

div.domtab {
  margin-bottom: 1.2em;
}

ul.domtabs a,
ul.domtabs a:link,
ul.domtabs a:visited {
  display: block;
  border: 1px solid #e19c3c;
  border-bottom: 1px solid #dfefcf;
  background: #f9ab45;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  padding: 4px 12px 5px;
  border-bottom: 0 none;
  outline-style: none !important;
}

ul.domtabs a:hover {
  background: #66ab00;
  color: #fff;
  border: 1px solid #599600;
  border-bottom: 1px solid #dfefcf;
}

ul.domtabs li.active a,
ul.domtabs li.active a:link,
ul.domtabs li.active a:visited,
ul.domtabs li.active a:hover {
  border: 1px solid #dfefcf;
  border-bottom: 1px solid #f8fff1;
  background: #f8fff1;
  color: #000;
}

div.container {
  background: #f8fff1 url(../images/domtab.gif) 0 100% no-repeat;
  padding: 10px 12px;
  border: 1px solid #dfefcf;
  border-top: 0 none;
}

div.container div.t1 {
  width: 436px;
}

table.prih th {
  text-align: right;
  padding-right: 20px;
  font-weight: normal;
}

table.prih th, table.prih td {
  padding-bottom: 4px;
}

tr.must label {
  font-weight: bold;
}

input.text, textarea {
  padding: 2px 2px;
  border: 1px solid #aaa;
  width: 220px;
}

textarea {
  height: 150px;
  width: 300px
}

td.com {
  font-size: 0.89em;
  color: #777;
  padding-left: 20px;
}

tr.must input.text {
  border: 1px solid #333;
}

tr.bbot td, tr.bbot th {
  padding-bottom: 12px;
  border-bottom: 1px dotted #d0ddbd;
}

tr.ptop td, tr.ptop th {
  padding-top: 11px;
}

input.send {
  width: 111px;
  height: 36px;
  background: url(../images/absenden.png) 0 -37px no-repeat;
  overflow: hidden;
}

input.send:hover, input.send:focus {
  background-position: 0 0;
}

table.kalendar {
  width: 100%;
}

tr.r1 td {
  padding: 11px 3px 0px 6px;
}

tr.r2 td, td.r2 {
  border-bottom: 1px solid #dfefcf;
  padding: 3px 3px 15px 6px;
  color: #777;
}

td.r3 {
  border-bottom: 1px solid #dfefcf;
  padding: 3px 3px 0 6px;
}

tr.r1 b {
  color: #58ac09;
}

tr.r1 a, tr.r1 a:link, tr.r1 a:visited {
  color: #000;
  font-weight: bold;
}

tr.r1 a:hover {
  color: #58ac09;
}

td.r2 {
  width: 147px;
  padding: 0;
}

table.kalendar th {
  font-weight: bold;
  color: #58ac09;
  background: #f8fff1;
  padding: 3px 3px 3px 6px;
  border-bottom: 1px solid #dfefcf;
  border-top: 1px solid #dfefcf;
  text-transform: uppercase;
}

tr.r2 b {
  font-weight: normal;
  color: #333;
}

tr.sc td {
  background: #f8fff1;
}

h2.sommer {
  color: #58ac09;
  padding: 12px 0 0;
}

h2.winter {
  color: #0971ac;
}

table.winter th {
  color: #0971ac;
  background: #f0faff;
  border-bottom: 1px solid #d3e7f2;
  border-top: 1px solid #d3e7f2;
}

table.winter tr.r1 a:hover {
  color: #0971ac;
}

table.winter tr.r1 b {
  color: #0971ac;
}

table.winter tr.r2 td, table.winter td.r2 {
  border-bottom: 1px solid #d3e7f2;
}

table.winter tr.sc td {
  background: #f0faff;
}

div.instr1, div.instr2 {
  width: 420px;
  float: left;
}

div.instr2 {
  float: right;
}

div.ifoto {
  width: 160px;
  padding-top: 6px;
  float: left;
}

div.itext {
  width: 240px;
  float: right;
}

div.itext h2, div.itext b {
  color: #58ac09;
}

div.instrs {
  border-top: 1px dotted #d0ddbd;
  padding: 1.2em 0 6px;
}

div.form h3 {
  margin-bottom: 8px;
}

div.form div {
  margin-bottom: 0.6em;
}

div.form input.text, div.form textarea {
  width: 210px;
}

div.hr {
  width: 100%;
  border-bottom: 1px solid #d3e1c5;
  margin-bottom: 1.2em;
}

div.hr hr {
  display: none;
}

/*========== [foot] ==========================================================*/
div#footer {
  height: 177px;
  background: url(../images/bot.gif) 50% 0 repeat-x;
  color: #fff;
}

div#footer i, h6 i {
  margin: 0 3px;
  font-variant: normal;
}

div#footer a, div#footer a:link, div#footer a:visited {
  color: #fff;
  font-weight: bold;
}

div#footer div.main {
  padding-top: 110px;
}

div#mrak {
  position: absolute;
  top: 8px;
  left: auto;
  right: -26px;
  width: 237px;
  height: 169px;
}

div#mrak span {background: url(../images/oblacek.gif) 0 0;}