*{
  margin: 0;
  padding: 0;
  }
html, body{  
  height: 100%;
  }
body{
  background: #f8ae01;
  color: black;
  font-family: Verdana, sans-serif;
  font-size: 0.85em;
  letter-spacing: 0.02em;
  width: 100%;
  text-align: center;
}
#main{
  font-size: 0.85em;
  margin: 0 auto;
  text-align: left;
  width: 929px;
  position: relative;
  background: white url(images/body_back.jpg) repeat-y;
  min-height: 100%;
  padding-bottom: 105px;
  }
.cleaner{
  clear: both;
}
a img{
  border: none;
  }
a{
  color: #d51313;
  }
a:visited{
  color: #005baf;
  }
a:hover{
  text-decoration: none;
  }
p, ul{
  margin: 1em 0;
  }
table{
  margin: 0.5em 0.2em 1em 0.2em;
  border-collapse: collapse;
  font-size: 1em;
}
table td, table th{
  padding: 0.3em;
  border: 1px solid gray;
  }
table th{
  background: rgb(215,215,215);
  }
.center{
  text-align: center;
  }
  .center img{
    margin: auto 1em;
  }
.left{
  text-align: left;
  }
  
/* ------------------------------ header ------------------------------------ */
#header{
  background: white url(images/header_top.jpg) no-repeat;
  height: 216px;
  position: relative;
  }
  #header div{
    position: absolute;
    }
  #header h1{
    position: absolute;
    overflow: hidden;
    top: 70px;
    left: 200px;
    }
    #header h1, #header h1 span{
      width: 327px;
      height: 112px;
      } 
    #header h1 span{
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      background: url(images/header_h1.png) no-repeat 0 0;
      }
  #header img{
    position: relative;
    top: 40px;
    left: 10px;
    }
#header_bottom{
  background: url(images/header_bottom.jpg);
  width: 929px;
  height: 43px;
  top: 173px;
  }
#header_school, #header_foto01, #header_foto02{
  top: 74px;
  height: 98px;
  }
#header_school{
  background: url(images/header_school.jpg);
  right: 247px;
  width: 134px;
  }
#header_foto01{
  background: url(images/header_foto01.jpg);
  right: 124px;
  width: 122px;
  }
#header_foto02{
  background: url(images/header_foto02.jpg);
  right: 1px;
  width: 122px;
  }

/* ------------------------------ menu -------------------------------------- */
#menu{
  width: 183px;  
  float: left;
  background: url(images/menu_back.jpg);
  }
#menuin{
  padding: 18px 0 20px 22px;
  font-size: 1.15em;
  background: url(images/menu_top.jpg) no-repeat;
  }
  #menuin ul{
    list-style: none;
    letter-spacing: 0;
    /*line-height: 160%;*/
    }
#menuin ul li {
    padding-top: 5px;
    padding-bottom: 4px;
    line-height: 14px; 
}
    #menuin ul a, #menuin ul a:visited{
      color: #d2e7fb;
      text-decoration: none;
      }
    #menuin ul a:hover{
      color: #ffcc33;
      }
    #menuin ul li ul{
      margin: 0 0 0 1em;
      }
#menu_bottom{
  background: url(images/menu_bottom.jpg);
  width: 183px;
  height: 91px;
  }
.actual{
  color: #ffcc33;
  font-weight: bold;
  }
  
/* ------------------------------ text -------------------------------------- */
#text{
  margin: 0 0 0 173px;
  padding: 1px 50px 20px 50px;
  }
#text p {
  line-height: 1.35em;
}
.crubs{
  font-size: 0.9em;
  letter-spacing: 0;
  color: #676767;
  }
  .crubs a, .crubs a:visited{
    color: #005baf;
    }
h1.main, h2.main, h3.gallery{
  color: #d51313;
  margin: 0.9em 0 0.4em 0;
  font-family: Trebuchet MS, sans-serif;
  font-size: 2.2em;
  font-weight: normal;
  letter-spacing: 0.04em;
  }
h2.main{
  font-size: 1.7em;
  }
h3.main{
  color: rgb(54,54,54);
  margin: -0.5em 0 1em 0;
  font-family: Trebuchet MS, sans-serif;
  font-size: 1.2em;
  }
ul.main{
  list-style: none;
  margin: 1em 0 1em 1.5em;
  }
ul.main li{
  margin: 0 0 0 12px;
  list-style: url(images/dot.jpg);
  }
ul.krouzek{
  margin-top: -0.7em;
  }
ul.documents{
  list-style: none;
  margin-bottom: 3em;
  }
ul.documents li span, p.documents{
  font-size: 0.9em;
  letter-spacing: 0;
  }
img.documents{
  position: relative;
  top: 3px;
  margin: 0 0.4em 0 0;
  }
td.first{
  width: 150px;
  font-style: italic;
  }
td.highlight{
  background: #eeeeee;
  }
col.highlight{
  background: rgb(255,255,204);
  font-weight: bold;
  }
th span{
  font-weight: normal;
  font-size: 0.8em;
  }
h3.aktuality{
  font-size: 1.1em;
  }
  h3.aktuality span{
    color: gray;
    letter-spacing: 0;
    font-size: 0.9em;
    }
p.aktuality{
  text-align: right;
  padding: 0 130px 0 0;
  font-style: italic;
  margin-bottom: 0;
  }
hr.aktuality{
  margin: 1em 0;
  border: 0;  
  border-bottom: 1px solid;
  }
.date{
  color: rgb(59,59,59);
  }
.druzina{
  text-align: center;
  margin-top: 30px;
  }
  .druzina img{
    margin: 10px 0;
  }
#gallery a, #gallery a.visited{
  color: #d51313; 
  }
#gallery_years{
  font-size: 1.2em;
  font-weight: bold;
  margin: 0.5em 0;
  }
  #gallery_years span{
    font-size: 90%;
    font-weight: normal;
    }
h3.gallery{
  font-size: 1.3em;
  font-weight: bold;
  }
  h3.gallery span{
    color: rgb(57,57,57);
    font-size: 0.8em;
    }
ul.gallery{
  list-style: none;
  }
  ul.gallery li span{
    font-size: 0.9em;
    }
#gallery_thumbs{
  margin-left: 25px;
  }  
  #gallery_thumbs div{
    width: 155px;
    height: 120px;
    text-align: center;
    float: left;  
  }
#gallery_number{
  text-align: right;
  margin-right: 20px; 
  }
#gallery_navigation{
  text-align: center;
  margin: 1em 0;
  }
  #gallery_navigation img{
    margin: 1em auto;
    }

#eu_loga{
  text-align: center;
  }

#projekt_img{
  margin-top: 30px;
  }
  
  #projekt_img img{
    margin: 0.5em auto;
    }
  
/* ----------------------------- footer ------------------------------------- */

#footer {
  position: absolute;
  bottom: 0;
  background: white url(images/footer_bottom.jpg) 0% 100% no-repeat;
  width: 929px;
  height: 105px;
  font-size: 0.9em;
  letter-spacing: 0.02em;
  color: #676767;
}
#footerin1{
  background: url(images/footer_top.jpg) no-repeat;
  height: 5px;
  overflow: hidden;
  }
#footerin2{  
  line-height: 120%;
  text-align: center;
  width: 929px;
  padding: 0.6em 0 0 0;
  }
#copy, #create, #create a{
  color: white;
  }
#copy, #create{
  position: absolute;
  top: 70px;
  }
#copy{
  left: 18px;
  }
#create{
  right: 18px;
  }