html {
  color:#2a2a2a;
  font: 62.5%/1.8em Arial, Verdana, sans-serif;
  font-size-adjust:none;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:1.8em;
}
body {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size:1.2em;
  background: url(../images/bgLeaves.gif) no-repeat scroll center 390px;
}

a {
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

img {
  border: 0;
}

h1, h2, h3, h4, h5, ul, p {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5 {
  font-size: 12px;
}
li {
  margin: 0;
  padding: 0;
  list-style: none url();
  list-style-type: none;
}

dl, dd, dt {
  height: auto;
  margin: 0;
  padding: 0;
}


:focus  { outline: 0; text-decoration: none; }
:active { outline: 0}
/* anchor END */ /* forms */

form {
	margin: 0;
	padding: 0;
}

fieldset {
  margin: 0; 
  padding: 0;
	border: 0;
}


legend {
	font-weight: bold;
  margin: 0; padding: 0;
	color: #0a4025;
}

input, select, textarea {
	font-size: 11px;
  font-family: Tahoma, Arial, lucida, sans-serif;
	margin: 2px;
	padding: 2px;
}

dt {
  font-weight: bolder;
}

em {
  font-style: normal;
}

#wrap {
  margin: auto;
  width: 968px;    
  background: url(../images/bgWrap.jpg) no-repeat scroll left top;
  position: relative;
}

#content {
  width: 960px;
  height: 460px;  
}

#bgStrip {
  position: absolute;
  left: 0;
  width: 100%;
  height:200px;
  background: url(../images/bg.gif) repeat-x scroll 0 90px; 
}

#logo {
  position: absolute;
  left: 20px;
  top: 30px;
}



/* MENU */

#head ul {
  position: absolute;
  left: 250px;
  top: 55px;
  border-left: 1px #5a0613 solid;
}
#head ul li {
  display: inline;
}
#head ul a {
  display: block;
  float: left;
  height: 42px;
  line-height: 42px;
  padding: 0 15px;
  color: #fff;
  border-right: 1px #5a0613 solid; 
  background: url(../images/navOff.gif) repeat-x scroll left bottom;  
  text-decoration: none;
}
#head ul a:hover, #wrap #head ul a:focus {
  background: url(../images/navHover.gif) repeat-x scroll left bottom;
}
#head ul .active a {
  background: url(../images/navOn.gif) repeat-x scroll left bottom;
}

/* SUB MENU*/

.nav_top ul {
  font-size: 11px;
  position: absolute;
  top: 65px;
  left: 100px;
  width: 120px;
  height: 25px;
}
.nav_top ul li {
  display: inline;
}
.nav_top ul li a {
  display: block;
  width: 120px;
  height: 25px;
  line-height: 25px;
  background:#7c112b;
  color: #ffffff;
  text-align: left;
}
.nav_top ul li a:hover {
  background:#ffffff;
  color: #7c112b;
}
.nav_top ul li a.active {
  background:#ffffff;
  color: #7c112b;
}

.f13_jidelni-listek .nav_top ul {
  position: absolute;
  top: 65px;
  left: 0px;
}

.f13_menu-en .nav_top ul {
  position: absolute;
  top: 65px;
  left: 0px;
}

.f13_menu-de .nav_top ul {
  position: absolute;
  top: 65px;
  left: 0px;
}



/* CONTENT */

#content {
  padding: 150px 0 0 50px;
}
#content a {
  color: #fefefe;
}

#content .text, .text2, .rezFormFull, .contactEmail, .textKontakt, #accordion, .textNews {
  float: left;
  color: #fefefe;
  text-align: left;
}
#content .foto {
  position: absolute;
  top: 120px;
  left: 500px;
}
#content .fotoRez {
  position: absolute;
  top: 120px;
  left: 680px;
}
#accordion {
  width:520px;
  height: 300px;
  padding: 10px 2px 2px 10px;
  position: absolute;
  top: 120px;
  left: 400px;
  border: 1px solid #fefefe;
}
#accordion ul li a.togglerActive{
    font-weight: bold;
}
.text {
  width: 280px;
}
.text2 {
  width: 420px;
}

.textNews {
  width: 700px;
}

.text2 p, .text p, .textKontakt p, .textNews p {
  padding: 3px;
}
.text2 a, .text a, .textKontakt a {
  color: #fefefe;
}
.text2 a:hover, .text a:hover, .textKontakt a:hover {
  color: #fefefe;
}
#content .contactEmail {
  position: absolute;
  top: 130px;
  left: 60px;
}
#content .contactSendTrue {
  position: absolute;
  top: 200px;
  left: 130px;
}
#formContact {
  border: 0px;
}
#formContact textarea {
  width:300px;
  height: 100px;
}
#formContactSend {
  position: absolute;
  top: 190px;
  left: -210px;
  border: 0px;
}
.textKontakt {
  position: absolute;
  top: 120px;
  left: 250px;
}
#textKontaktAbsolut {
  position: absolute;
  top: 110px;
  left: 50px;
  color: #fefefe;
  font-size: 13px;
  font-weight: bold;
}



/* BOTTOM */
#bottom {
  position: absolute;
  top: 460px;
  left: 0px;
  width: 960px;
  background:#ffffff;
  height: 200px;
}

/* shadows */
#bLeft {
  width: 3px;
  height: 194px;
  position: absolute;
  left: -3px;
  top: 6px;
  background: url(../images/bottomLeft.gif) no-repeat scroll left top;
}
#bBottom {
  width: 961px;
  height: 8px;
  position: absolute;
  left: 0px;
  top: 200px;
  background: url(../images/bottomBottom.gif) no-repeat scroll left top;
}
#bRight {
  position: absolute;
  width: 6px;
  height: 194px;
  right: -6px;
  top: 6px;
  background: url(../images/bottomRight.gif) no-repeat scroll left top;
  
}
#bTop {
  position: absolute;
  width: 961px;
  height: 2px;
  left: 0px;
  top: 6px;
  background: url(../images/bottomTop.gif) repeat-x scroll left top;

}



#box1, #box2 {
  position: absolute;
  top: 16px;
  left: 20px;
  width: 288px;
  height: 171px;
  border: 1px solid #7c112b;
}

#imgBox1{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 288px;
  height: 171px;

}
#box2 {
  left: 318px;
}
#imgBox2{
  position: absolute;
  top: 0;
  left: 115px;
}
#box1 span, #box2 span {
  position: absolute;
  top:141px;
  left:0px;
  height: 30px;
  width: 288px;
  line-height: 30px;
  background: #7c112b;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
}
#boxRezervace {
  background:#ffffff;
  position: absolute;
  font-weight: bold;
  color: #6f0d22;
  top: 16px;
  left: 616px;
  width: 320px;
  height: 171px;
  border: 1px solid #7c112b;
}
#boxRezervace span {
  background: url(../images/boxRezervaceSpan.gif) repeat scroll left top;
  position: absolute;
  top:0px;
  left:0px;
  height: 37px;
  width: 305px;
  line-height: 37px;
  text-align: left;
  padding: 0 0 0 15px;
  font-weight: bold;
  color: #ffffff;
}
#boxRezervace .formTextP {
  position: absolute;
  top: 50px;
  left: 20px;
}
#boxRezervace .formTextD {
  position: absolute;
  top: 78px;
  left: 20px;
}
#boxRezervace .formTextDni {
  position: absolute;
  top: 78px;
  left: 180px;
}
#boxRezervace .rezOd {
  position: absolute;
  width: 320px;
  top: 105px;
  height: 66px;
  left: 0px;
  border-top: 1px solid #7c112b;
}
#boxRezervace .rezOdObr {
  position: absolute;
  width: 300px;
  top: 72px;
  height: 99px;
  left: 0px;
  background: url(../images/rezOd.gif) no-repeat scroll left bottom;
}
#boxRezervace .bottomRezervaceTel {
  position: absolute;
  width: 135px;
  top: 107px;
  left: 185px;
  height: 64px;
  background: url(../images/bottomRezervaceTel.gif) no-repeat scroll right bottom;
}
#boxRezervace .bottomKontaktT, .bottomKontaktC {
  position: absolute;
  top: 120px;
  left: 20px;
}
#boxRezervace .bottomKontaktC{
  top: 140px;
  color: #000000;
}










.f13_pension-de .text2 {
  position: absolute;
  top: 110px;
}


#bottomIll {
  position: absolute;left: 16px;top: 17px;
}


#foot{
  position: absolute;
  top: 665px;
  left: 120px;
  color: #333333;
  font-size:10px;

}
#foot a{
  color: #333333;

}




#boxRezervace #rez_day {
  position: absolute;
  top: 45px;
  left: 120px;
}
#boxRezervace #rez_moon {
  position: absolute;
  top: 45px;
  left: 170px;
}
#boxRezervace #rez_year {
  position: absolute;
  top: 45px;
  left: 220px;
}
#boxRezervace #rez_stay {
  position: absolute;
  top: 75px;
  left: 120px;
}
#boxRezervace #Odeslat {
  position: absolute;
  width: 69px;
  top: 74px;
  left: 210px;
}

#contact_text {
  width: 300px;
  height: 80px;
}



.text2 h1 {
  font-size: 15px;
  line-height: 22px;
}

.text2 h2 {
  font-size: 13px;
}

.text2 p {
  padding-bottom: 15px;
}

.text2 ul {
  padding: 5px 0;
}

.text2 li {
  list-style-type: square;
  list-style-position: inside;
}