/********* layout *********/

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  
}
body {
  display: table; 
  height: 100%; 
  width: 100%; 
  text-align: center;
  background-color: #CED1BC;
  font-family: Arial, Sans-Serif;
  line-height: 1.1em;
  color: #333333;
}
form {
  display: table-cell; 
  vertical-align: middle;
}
img {
  border: none;
}
#main
 { /* 938x594 */
  background-color: #FFFFFF;
  width: 916px;
  height: 572px;
  margin: 0 auto;
  padding: 11px;
  text-align: left;
  margin-top: expression((document.documentElement.offsetHeight/2)-(parseInt(offsetHeight)/2)<0?"0":(document.documentElement.offsetHeight/2)-(parseInt(offsetHeight)/2)+'px');
}
#left { /* 476x572 */
  float: left;
  width: 436px;
  height: 552px;
  padding: 10px 20px 10px 20px;
  overflow: auto;
  font-size: 0.8em;
}
#right {  /* 440x572 */
  float: right;
  width: 430px;
  height: 572px;
  padding: 0px 0px 0px 10px;
  overflow: hidden;  
}

#menu {
  display: table;
  width: 429px;
  height: 572px;
}

#menu a {
  width: 143px;
  height: 74px;
  display: inline-block;
  padding-top: 64px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  text-transform: uppercase;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 0.8em;
  float: left;
}

#menu img {
  width: 143px;
  height: 138px;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  float: left;
}

#menu div {
  width: 429px;
  padding-top: 5px;
  text-align: center;
  font-size: 0.65em;
}

/********* text *********/

a {
  color: #249835;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}


/********* workarounds *********/

#contact-wrap {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-image: url('/Upload/images/bgkontakt.jpg');
  overflow: hidden;
}
#contact-text {
  position: relative;
  top: 50px;
  left: 280px;
  width: 175px;
  height: 350px;
  overflow: hidden;
}