html{
    background: #0a9ae1 url('../img/html_bg.png') repeat-x;
}
body,#header{
    background: transparent url('../img/top_bg.jpg') no-repeat top center;
}
#header{
    width: 974px;
    margin: 0 auto;
    height: 384px;
}
#content{
    background: transparent url('../img/content_bg.png') repeat-y center;
    width: 974px;
    margin: 0 auto;
}
#menu{
    width:219px;
    float: left;
}
#menu li{
    padding: 5px 0 0px 20px;
}
#menu li img{
    padding-top:5px;
}
#menu li.activ {
    background: transparent url('../img/li_activ_bg.png') repeat-y left;
    list-style-image: url('../img/li_activ.png');
    list-style-position: inside;
}

#menu li a{
    color: #0bafff;
    font: bold 15px/19px "arial";
}
#page{
    float: left;
    width: 700px;
    padding: 0 24px;
}
#logoTyp {
    text-align: center;
    color: #919191;
    font: normal 11px/14px arial;
}

#logoTyp img{
    display: inline;
    padding-right: 40px;
}

#page{
    color: #606060;
    font: normal 12px/16px arial;
}
#page p{
    padding: 15px 0;
}
#page h1{
    font: bold 24px/30px arial;
    color: #0bafff;
}
#page h2{
    color: #000000;
    font: bold 18px/20px arial;   
}
#page a{
    color: #0bafff;
}
#page span{
    color: red;
}
#page ul{
    margin-left: 20px;
    padding: 3px 0;
}
#page ul li{
    list-style: disc;
}
#page ul li ul li{
    list-style: circle;
}
#page ul li ul li ul li{
    list-style: square;
}
#kontakt{
    width: 350px;
    display: block;
    margin: 0 auto;
    color: black;
    padding-bottom: 40px;
}
#kontakt h2{
    text-align: center;
    padding: 20px 0;
}
#kontakt #b4{
    float: right;
    padding-top: 20px;
}
.galeria img{
    padding: 2px;
    border: solid 1px silver;
    margin: 10px;
}