body {
background: url('images/bg.jpg');
background-repeat: repeat-x;
margin: 0;
padding: 0;
}

#contener {
width: 978px;
margin: 0 auto;
}

#head {
width: 978px;
height: 307px;
background: url('images/head.jpg');
background-repeat: no-repeat;
}

#left {
width: 226px;
background: url('images/left_bg.jpg');
background-repeat: repeat-y;
float: left;
}

#left a {
text-decoration: underline;
color: rgb(9, 126, 188);
font-family: Arial;
font-size: 12px;
font-weight: bold;
}

#left a:hover {
text-decoration: none;
}


#right {
float: right;
width: 752px;
}

#right_txt {
padding-left: 15px;
width: 737px;
}


#right_txt a:hover {
text-decoration: none;
}

#right a {
text-decoration: underline;
color: rgb(9, 126, 188);
font-family: Arial;
font-size: 12px;
}

#right_left {
float: left;
width: 472px;
}

#bus {
float: left;
}

#right_right {
float: left;
width: 280px;
}

#contact {
margin-top: 25px;
background: url('images/kontakt.gif');
background-repeat: no-repeat;
float: right;
width: 280px;
height: 249px;
}

#contact_txt {
width: 248px;
height: 62px;
font-family: Tahoma;
font-size: 13px;
font-weight: bold;
color: #6CF;
margin-top: 150px;
margin-left: 22px;
}

#foot {
height: 85px;
width: 100%;
background-image: url('images/foot.jpg');
background-repeat: repeat-x;
background-color: #0692D0;
}

#foot a {
text-decoration: none;
color: #FFF;
}

#foot a:hover {
text-decoration: underline;
}


#foot_txt {
width: 978px;
margin: 0 auto;
}

#foot_txt_1 {
width: 170px;
float: left;
padding-top: 30px;
font-size: 12px;
color: #FFF;
font-family: Tahoma;
padding-left: 10px;
}

#foot_txt_2 {
width: 678px;
float: left;
padding-top: 44px;
font-size: 12px;
color: #FFF;
font-family: Tahoma;
}

#spacer {
width: 978px;
height: 10px;
display: table;
}

#hrr {
clear: both;
height: 17px;
width: 472px;
}


#bustable {
margin-left: 16px;
padding-top: 3px;
}

#bustable a {
text-decoration: underline;
color: #0692D0;
font-family: Arial;
font-size: 12px;
}

#bustable a:hover {
text-decoration: none;
}

#menu {
width: 752px;
height: 29px;
background: url('images/bgmenu.gif');
background-repeat: repeat-x;
font-size: 12px;
font-family: Tahoma;
font-weight: bold;
color: #FFF;
}

#menu a {
font-size: 12px;
font-family: Tahoma;
font-weight: bold;
color: #FFF;
text-decoration: none;
}

#menu a:hover {
text-decoration: underline;
}

#lastnews {
font-size: 12px;
font-family: Tahoma;
padding-bottom: 15px;
padding-top: 5px;
}

#lastnews a {
text-decoration: underline;
color: #0692D0;
font-family: Tahoma;
font-size: 13px;
}

#lastnews a:hover {
text-decoration: none;
}

#news {
font-family: Tahoma;
font-size: 13px;
}

#news a {
text-decoration: underline;
color: #0692D0;
font-family: Tahoma;
font-size: 13px;
font-weight: bold;
}

#news a:hover {
text-decoration: none;
}


#content {
padding-left: 13px;
padding-top: 10px;
font-family: Tahoma;
font-size: 13px;
}

.imgallery {
border: 2px double #048ECF;
padding: 2px
}

.cssform p{
width: 500px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
text-align: left;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
text-align: left;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 250px;
text-align: left;
font-family: Tahoma;
font-size: 12px;
}

.cssform textarea{
width: 350px;
height: 150px;
text-align: left;
font-family: Tahoma;
font-size: 12px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


#sitemap a:hover {
text-decoration: none;
}

#sitemapl {
text-decoration: underline;
color: #0692D0;
}