h1 {
margin: 0px;
padding: 0px;
font-family: Calibri, "Trebuchet MS", Arial;
text-decoration: italic;
font-size: 25px;
font-style: italic;
color: #135B8B;
background-image: url('bg-h1a.jpg');
background-repeat: no-repeat;
background-position: 0 25px;
padding-left: 40px;
margin-bottom: 15px;
height: 48px;
padding-top: 10px;
}


h2 {
margin: 0px;
padding: 0px;
font-family: Calibri, "Trebuchet MS", Arial;
font-weight: bold;
text-decoration: italic;
font-size: 25px;
font-style: italic;
color: #135B8B;
}


h3 {
margin: 0px;
padding: 0px;
font-family: Calibri, "Trebuchet MS", Arial;
font-weight: normal;
text-decoration: italic;
font-size: 25px;
font-style: italic;
color: white;
}

h4 {
margin: 0px;
margin-top: 25px;
padding: 0px;
font-family: Calibri, "Trebuchet MS", Arial;
font-weight: normal;
text-decoration: italic;
font-size: 20px;
font-style: italic;
color: #135B8B;
}


body {
margin-top: 30px;
margin-left: 50px;
margin-right: 50px;
margin-bottom: 20px;
padding: 0px;
border: 0px;    
background-color: #F5F5F5;  
background-image: url('bg-body.gif');
background-repeat: repeat-x;
}

#main {
width: 893px;
}

#main-inner {
border-left: 1px solid white;
border-right: 1px solid white;
background-color: white; 
}

#top {
height: 48px;
background-image: url('bg-top.gif');
background-repeat: repeat-x;
}

#top-left {
width: 4px;
height: 48px;    
background-image: url('top-left.gif');
background-repeat: no-repeat;
float: left;
}

#top-right {
width: 4px;
height: 48px;
background-image: url('top-right.gif');
background-repeat: no-repeat;
float: right;
}

#top-button-find {
width: 70px;
height: 26px;
background-image: url('bg-top-button.gif');
background-repeat: no-repeat;
background-position: right top;
float: right;
position: relative;
top: 10px;
right: 10px;
color: white;
font-family: Calibri, "Trebuchet MS", Arial;
font-size: 15px;
}

#top-button-find a{
position: relative;
top: 4px;
left: 20px;
font-weight: normal;
color: white;
text-decoration: none;
}

#top input {
height: 26px;
background-color: white;
color: #666666;
font-family: Calibri, "Trebuchet MS", Arial;
font-size: 13px;
float: right;
position: relative;
top: 10px;
padding: 5px;
border: 0px;
border-top: 1px solid #DDDDDD;
}

.top-menu-item-active  {
background-image: url('bg-top-active.gif');
background-repeat: repeat-x;
height: 48px;
color: white;
float: left;
padding-left: 8px;
padding-right: 8px;

}

.top-menu-item  {
height: 48px;
float: left;
padding-left: 8px;
padding-right: 8px;

}

.top-menu-item a, .top-menu-item-active b {
font-family: Calibri, "Trebuchet MS", Arial;
font-size: 15px;
float: left;
color: #444444;
text-decoration: none;
position: relative;
top: 13px;
}


.top-menu-item a:hover {
color: black;
text-decoration: underline;
}

.top-menu-item-active b {
color: white;
font-weight: normal;
}

#main-panel {
height: 223px;
width: 891px;
}

#logo {
width: 310px;
height: 223px;
border: 0px;
float: left;
}

#road {
width: 581px;
height: 223px;
border: 0px;
background-image: url('bg-road.jpg');
background-repeat: no-repeat;
float: left;
}


.h-space {
clear: both;
height: 15px;
font-size: 15px;
}

#panels{
height: 234px;
}

#panel1 {
width: 280px;
height: 233px;
border: 0px;
background-image: url('bg-panel1.gif');
background-repeat: no-repeat;
float: left;
}

#panel2 {
width: 272px;
height: 233px;
border: 0px;
background-image: url('bg-panel2.jpg');
background-repeat: no-repeat;
float: left;
}

#panel3 {
width: 339px;
height: 233px;
border: 0px;
background-image: url('bg-panel3.jpg');
background-repeat: no-repeat;
float: right;
}

.panel-inner{
padding: 15px;
font-family: Calibri, "Trebuchet MS", Arial;
font-size: 18px;
}


.panel-inner li {
list-style-type: square;
color: white;
}

.panel-inner a {
text-decoration: none;
color: white;
}

.panel-inner a:hover {
color: #F9F9F9;
text-decoration: underline;
}

.panel-inner ul {
padding: 0px;
margin-top: 5px;
margin-left: 25px;
}

.panel-inner-gray {
padding: 15px;
font-family: Calibri, "Trebuchet MS", Arial;
font-size: 15px;
color: #354C61;
}

.panel-inner-gray ul li i {
font-size: 11px;
}

.panel-inner-gray li {
list-style-type: square;
}

.panel-inner-gray ul {
padding: 0px;
margin-top: 5px;
margin-left: 25px;
}

.panel-head {
margin: 0px;
padding: 0px;
font-family: "Trebuchet MS", Arial;
font-size: 25px;
color: white;
font-weight: bold;
line-height: 120%;
}

.button-blue {
width: 152px;
height: 33px;
position: relative;
top: 10px;
left: 70px;
background-image: url('bg-buton-blue.gif');
background-repeat: no-repeat;
}

.button-blue a {
font-family: Calibri, "Trebuchet MS", Arial;
font-size: 15px;
color: white;
text-decoration: none;
position: relative;
top: 6px;
left: 9px;
}

.button-blue a:hover {
color: #F9F9F9;
text-decoration: underline;
}

.button-gray {
width: 110px;
height: 33px;
position: relative;
top: 10px;
left: 170px;
background-image: url('bg-buton-gray.gif');
background-repeat: no-repeat;
}

.button-gray a {
font-family: Calibri, "Trebuchet MS", Arial;
font-size: 15px;
color: #354C61;
text-decoration: none;
position: relative;
top: 6px;
left: 9px;
}

.panel-inner-gray a{
text-decoration: none;
color: #354C61;
}

.panel-inner-gray a:hover{
text-decoration: underline;
color: black;
}

.clear {
clear: both;
}

#text {
width: 891px;
background-color: white; 
}

#text-left {
width: 554px;
float: left;
color: #404040;
font-family: Calibri, "Trebuchet MS", Arial;
font-size: 15px;
background-image: url('bg-point.gif');
background-repeat: repeat-y;
background-position: right 0;


}

#text-left-inner {
padding: 20 40 20 40;
line-height: 160%;
}

#text-left-inner a {
color: #135B8B;
text-decoration: underline;

}

#text-left-inner p {
margin-top: 20px;
}


#text-right {
width: 337px;
float: right;
background-image: url('bg-right.gif');
background-repeat: repeat-x;
}

#text-right-inner {
float: right;
position: relative;
left: -30px;
top: -315px;
}

#bottom {
width: 893px;
background-image: url('bg-text.gif');
background-repeat: no-repeat;
background-position: left top;
background-color: #F5F5F5;
height: 50px;
}

.bottom-item {
color: #626262;
float: right;
padding-left: 10px;
padding-right: 10px;
font-family: Calibri, "Trebuchet MS", Arial;
font-size: 13px;
padding-top: 14px;
}

.bottom-item a {
text-decoration: none;
color: #555555;
}

.bottom-item a:hover {
text-decoration: underline;
color: #333333;
}


.text-photo {
width: 302px;
height: 225px;
border: 3px solid #F0F0F0;
position: relative;
left: 20px;
margin-bottom: 40px;
margin-right: 40px;
float: left;
}

.text-photo img {
border: 1px solid white;
}


.right-photo {
width: 280px;
height: 200px;
border: 3px solid white;
position: relative;
left: 10px;
top: 10px;
background-position: center top;
background-repeat: no-repeat;
}


#text-left-inner ul li {
list-style-type: square;
margin-bottom: 8px;
margin-bottom: 8px;
border-bottom: 1px dotted #F0F0F0;
}

#text-left-inner li {
list-style-type: square;
}

.table td {
 padding: 7px; 
}

.table td input, .table td textarea {
 padding: 3px;
 border: 2px solid #E0E0E0;
 font-family: Calibri, "Trebuchet MS", Arial;
 font-size: 13px;
}

.kontakt-box {
margin-top: 15px;
margin-right: 15px;
width: 210px;
width: 300px;
xxheight: 210px;
xxheight: 240px;
xxfloat: left;
xxposition: relative;
}

.kontakt b {
width: 50px;
display: block;
float: left;
}

.kontakt {
border: 1px dotted #F5F5F5;
padding: 10px;
background-color: #F5F5F5;
xxposition: absolute;
bottom: 0px; 
}

.flag-c, .flag-a, .flag-n, .flag-p {
width: 35px;
height: 48px;
float: right;
}


.flag-c img, .flag-a img, .flag-n img, .flag-p  img {
width: 25px;
height: 27px;
border: 0px;
position: relative;
top: 10px;
background-repeat: no-repeat;
}

.flag-c a img {
background-image: url('f-c-gray.gif');
}

.flag-c a:hover img {
background-image: url('f-c.gif');
}

.flag-p a img {
background-image: url('f-p-gray.gif');
}

.flag-p a:hover img {
background-image: url('f-p.gif');
}

.flag-n a img {
background-image: url('f-n-gray.gif');
}

.flag-n a:hover img {
background-image: url('f-n.gif');
}

.flag-a a img {
background-image: url('f-a-gray.gif');
}

.flag-a a:hover img {
background-image: url('f-a.gif');
}



#bottom-random {
width: 893px;
}

