body {background-color: orange; text-align: center; font-family: "monotype corsiva"}
.hlavni {position: relative; margin: auto; top: 60px; text-align: left; width: 700px; height: 500px; z-index: 1}
.levy {position: absolute; width: 190px; height: 150px; background-image: url('images/dudy.jpg')}
.nadpis {position: absolute; left: 190px; width: 320px; height: 150px; background-image: url('images/nadpisc.gif'); background-repeat: repeat-x; text-align: center}
.pravy {position: absolute; left: 510px; width: 190px; height: 150px; background-image: url('images/bubny.jpg')}
.menu {position: absolute; top: 150px; left: 0px; width: 190px; height: 350px}
.obsah {position: absolute; left: 190px; top: 150px; width: 510px; height: 350px; background-color: silver; overflow: auto; background-image: url('images/obsah.gif')}

.ptak {position: absolute; right: -30px; top: -65px; width: 56px; height: 79px; z-index: -1; background-image: url('images/ptak.jpg')}
.mail {position: absolute; left: 30px; bottom: 30px; width: 130px; height: 40px; background-image: url('menu/mail.gif'); text-align: center}

h1 {margin: 30px; color: black}

.obsah a {color: #FF3300; font: 17px monotype corsiva}
.obsah a:hover {font-weight: bold}
p {text-align: left; font: 17px monotype corsiva}

.nadpis a {text-decoration: none}
.menu a {color: black; text-decoration: none}
.menu a:hover {color: red; text-decoration: underline}

/*polozky menu*/
.navigace {position: absolute; left: 35px; top: 30px; width: 120px; height: 201px}
.uvod {position: absolute; top: 0px}
.koncerty {position: absolute; top: 69px}
.galerie {position: absolute; top: 23px}
.hudba {position: absolute; top: 46px}
.kapela {position: absolute; top: 92px}
.kontakt {position: absolute; top: 115px}
.vice {position: absolute; top: 158px}
.deutsch {position: absolute; top: 181px}
.cesky {position: absolute; top: 181px}
.english  {position: absolute; top: 204px}

/*fotky v obsahu*/
.holkyhlavni {position: absolute; left: 262px; top: 50px; width: 178px; height: 250px; background-image: url('images/holkya.jpg')}
.klucihlavni {position: absolute; left: 50px; top: 50px; width: 212px; height: 250px; background-image: url('images/klucia.jpg')}
.ruda {position: absolute; right: 60px; bottom: 40px; width: 142px; height: 280px; background-image: url('images/vysmaty.jpg')}

.obsahnabidky {padding: 40px; text-align: center}

/*clenove*/
.rudis {position: absolute; left: 60px; top: 35px; width: 90px; height: 70px; background-image: url('images/04min.jpg')}
.jirka {position: absolute; left: 250px; top: 105px; width: 90px; height: 70px; background-image: url('images/02min.jpg')}
.zuzka {position: absolute; left: 60px; top: 175px; width: 90px; height: 70px; background-image: url('images/05min.jpg')}
.marketa {position: absolute; left: 250px; top: 245px; width: 90px; height: 70px; background-image: url('images/03min.jpg')}
.rudist {position: absolute; left: 190px; top: 50px; width: 130px; height: 70px}
.jirkat {position: absolute; left: 110px; top: 120px; width: 130px; height: 70px}
.zuzkat {position: absolute; left: 190px; top: 190px; width: 130px; height: 70px}
.marketat {position: absolute; left: 110px; top: 260px; width: 130px; height: 70px}