html, body {      
          height: 100%;
          margin: 0px;
          padding: 0px;
          top: 10px;
          font-family: Arial; 
          font-size: 12px;
          color: #50514a;
          background-color: #bdbe83;
          background-image: url(../images/background.jpg);
          background-repeat: repeat;
          background-position: top center;
}

#free_space {
          width: 885px;
          height: 20px;
          padding: 0px;
          margin: auto;
          border: 0px solid #25363c;
}

#all_content {
          width: 885px;
          height: 731px;
          padding: 0px;
          margin: auto;
          margin-top: 0px;
          background-image: url(../images/bg_content.jpg);
          background-repeat: no-repeat;
          background-position: top center;
          border: 0px solid #25363c;
}

#complete_content {
          width: 885px;
          height: 429px;
          padding: 0px;
          margin-top: 0px;
          text-align: left;
          border: 0px solid red;
          float: left;
}

#flash {
          width: 285px;
          height: 429px;
          padding: 0px;
          margin-left: 19px;
          _margin-left: 9px; /* IE 6 and below */
          background-image: url(../images/flash.jpg);
          background-repeat: no-repeat;
          background-position: top center;
          border: 0px solid green;
          float: left;
}

#logo {
          width: 285px;
          height: 120px;
          padding: 0px;
          margin-left: 19px;
          margin-top: 0px;
          cursor: pointer;
          border: 0px solid green;
}

#free_space h1 {
          font-size: 0px;
          color: #000000;
          font-weight: normal;
          padding: 0px 0px 0px 0px;
          margin: 0px;
}

#menu {
          width: 145px;
          height: 429px;
          padding: 0px;
          margin: 0px;
          margin-left: 8px;
          border-left: 1px solid #706f3d;
          float: left;
}

#menu_content{
          float: left;
          height: 350px;
          border: 0px solid red;
}

#menu a{
          margin-left: 6px;
          line-height: 1.3em;
}

#eco_friendly {
          width: 76px;
          height: 78px;
          padding: 0px;
          margin: auto;
          margin-top: 0px;
          margin-left: 27px;
          _margin-left: 14px; /* IE 6 and below */
          border: 0px solid red;
          float: left;
}

.root     {
          width: 419px;
          height: 429px;
          margin-left: 0px;
          margin-top: 0px;
          background-image: url(../images/bg_textarea.gif);
          background-repeat: no-repeat;
          background-position: top center;
          border: 0px solid green;
          float: left;
}


.scrollContainer { 
          margin-left: 20px; 
          _margin-left: 9px; /* IE 6 and below */
          margin-top:  22px;
          font-family: Arial;
          width: 345px;
          height: 385px;
          color: #4f4f28;
          font-size: 12px;
          text-align: left;
          border: 0px solid red;
          overflow:  auto; 
          float: left;
}

.scrollContent { 
          font-family: Arial;
          width:    307px; 
          border: 0px solid blue;
}

.scrollContent h2{
          color: #7d7b1f;
          font-family: Arial;
          text-align: left;
          font-weight: normal;
          font-size: 24px;
          padding-top: 0px;
          margin-top: 0px;
          margin-bottom: 12px;
}

.scrollContent img{
          padding-right: 0px;
          padding-bottom: 0px;
}

#info_content {
          width: 700px;
          height: 152px;
          padding: 0px;
          color: #676635;
          margin-top: 13px;
          _margin-top: 8px; /* IE 6 and below */
          margin-left: 20px;
          _margin-left: 10px; /* IE 6 and below */
          text-align: center;
          border: 0px solid #706f3d;
          float: left;
}

#aktuality {
          width: 215px;
          height: 152px;
          color: #676635;
          text-align: left;
          border: 0px solid #706f3d;
          float: left;
}

#aktuality p{
          line-height: 1.5em;
}

#aktuality h2{
          color: #686735;
          text-align: left;
          font-weight: normal;
          font-family: Times New Roman;
          font-size: 24px;
          padding-top: 0px;
          margin-top: 0px;
          margin-bottom: 12px;
}

#kontakt {
          width: 215px;
          height: 152px;
          padding-left: 25px;
          color: #676635;
          top: 0px;
          margin-left: 0px;
          text-align: left;
          border-left: 1px solid #a09f57;
          float: left;
}

#kontakt h2{
          color: #686735;
          text-align: left;
          font-weight: normal;
          font-family: Times New Roman;
          font-size: 24px;
          padding-top: 0px;
          margin-top: 0px;
          margin-bottom: 12px;
}

#kde_nas_najdete {
          width: 215px;
          height: 152px;
          padding-left: 25px;
          color: #676635;
          top: 0px;
          margin-left: 0px;
          text-align: left;
          border-left: 1px solid #a09f57;
          float: left;
}

#kde_nas_najdete h2{
          color: #686735;
          text-align: left;
          font-weight: normal;
          font-family: Times New Roman;
          font-size: 24px;
          padding-top: 0px;
          margin-top: 0px;
          margin-bottom: 12px;
}

#galeria_view{
          width: 300px;          
          height: 120px;          
          text-align: center;           
          margin: auto;          
          margin-top: 0px;          
          margin-bottom: 0px;          
          padding: 0px;          
          border: 0px solid red;          
}

#galeria_view img{
          border: 2px solid #23230b;
          padding: 0px;
          margin-bottom: 10px;
}

#leanguage {
          top: 25px;
          font-size: 16px;
          margin-right: 40px;
          _margin-right: 20px; /* IE 6 and below */
          margin-top: 27px;
          text-align: left;
          border: 0px solid red;
          float: right;
}

#footer {
          width: 885px;
          padding: 0px;
          margin: auto;
          color: #676635;
          text-align: center;
          border: 0px solid #706f3d;
}

.navigation {
          color: #d9d895;
          left: 14px;
          margin: 0px;
          margin-left: 20px;
          padding: 0px;
          font-size: 12px;
}

#guestbook_form {
          border: 0px solid #6d6c38;
          color: #4f4f28;
          margin: auto;
          margin-bottom: 10px;
          text-align: left;
          padding: 0px;
          font-size: 7pt;
}

#guestbook {
          border-collapse:collapse;
          margin: 0px;
          padding: 0px;
          margin-left: 4px;
}

#guestbook span{
          font-size: 9pt;
          color: #613334;
}

.gb_input {
          width: 130px;
          background-color: #bab985;
          border: 1px solid #6d6c38;
          color: #4f4f28;
          margin: 0px;
          padding: 0px;
          font-size: 10pt;
}

#gb_textarea {
          background-color: #bab985;
          border: 1px solid #6d6c38;
          color: #4f4f28;
          margin: 0px;
          padding: 0px;
          font-size: 10pt;
}

.center_content{
          width: 100%;
          text-align: center;
}

.center_content span{
          color: #613334;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
font-size: 8pt;
font-family: Arial;
width: 200px;
padding: 5px;
left: 0px;
margin-top: -80px;
margin-left: -215px;
border: 1px solid #706f3d;
visibility: hidden;
color: #65642e;
text-align: justify;
z-index: 5;
line-height: 1.2em;
background-color: #cdcb7b;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
}


A:link {color: #686735; text-decoration: none; text-align: left;}
A:visited {color: #686735; text-decoration: none; text-align: left;}
A:hover {color: #31300c; text-align: left;}
A:active {color: #686735; text-decoration: none; text-align: left;}
A {font-family: Arial; font-size: 12px; font-weight: normal; text-align: left;}

#menu A:link {color: #65642e; text-decoration: none; text-align: left;}
#menu A:visited {color: #65642e; text-decoration: none; text-align: left;}
#menu A:hover {color: #d9d895; font-weight: normal; text-align: left;}
#menu A:active {color: #65642e; text-decoration: none; text-align: left;}
#menu A {font-family: Times New Roman; font-size: 21px; font-weight: normal; text-align: left;}

#menu .navigation A:link {color: #65642e; text-decoration: none; text-align: left;}
#menu .navigation A:visited {color: #65642e; text-decoration: none; text-align: left;}
#menu .navigation A:hover {color: #d9d895; font-weight: normal; text-align: left;}
#menu .navigation A:active {color: #65642e; text-decoration: none; text-align: left;}
#menu .navigation A {font-family: Times New Roman; font-size: 14px; font-weight: normal; text-align: left;}

#leanguage A:link {color: #41181c; text-decoration: none; text-align: left;}
#leanguage A:visited {color: #41181c; text-decoration: none; text-align: left;}
#leanguage A:hover {color: #9e2531; text-align: left;}
#leanguage A:active {color: #41181c; text-decoration: none; text-align: left;}
#leanguage A {font-family: Arial; font-size: 16px; font-weight: bold; text-align: left;}

.scrollContent A:link {color: #613334; text-decoration: none; text-align: left;}
.scrollContent A:visited {color: #613334; text-decoration: none; text-align: left;}
.scrollContent A:hover {color: #892729; text-align: left;}
.scrollContent A:active {color: #613334; text-decoration: none; text-align: left;}
.scrollContent A {font-family: Arial; font-size: 12px; font-weight: bold; text-align: left;}