body{
background: url(../images/bg.gif);   
text-align: center;
margin: 0;
font-family: verdana;
font-size: 12px;
color: rgb(112,112,112);
}
#content{
width: 1024px;
margin: auto;
margin-bottom: 30px;
background: white;
}
#left{
width: 240px; 
float: left;    
background: white;

}
#right{ 
width: 784px;
background: white; 
float: right;
}
#footer{
background: rgb(0,41,81) url(../images/footer.gif) repeat-x;
height: 185px;
clear: both;   
width: 100%;
}
#main{            
clear: both;
padding-top: 10px;
width: 784px;
background: white;
text-align: left;
float: right;
}     
#logo{
background: url(../images/logo.gif) no-repeat;
width: 240px;
height: 128px;
float: left;
}
#menu{
position: static;
margin: 0;
padding: 0;         
list-style-type: none;
width: 240px;    
float: left;
margin-bottom: 40px;
width: 240px;
background: rgb(242,242,242);
}
#hlavni{
width: 750px;
margin-left: 15px;
margin-bottom: 40px;
text-align: left;
clear: both;
background: white;
}
#header{   
width: 784px;
height: 280px;   
background: white url(../images/Gasaufbereitung.jpg) no-repeat right top;
}
#slogan{
float: right;
height: 50px;
background: rgb(0,44,90);       
margin-top: 230px;           
background: url(../images/bg_menu_main.gif); 
}


h1{
margin: 0;
padding: 10px 32px 10px 32px;

font-size: 25px;
text-align: right;   
color: white;
font-weight: normal;
}



 
.bkontakt form{
margin: 0;
padding: 0;
}

#mailform{
color: white;
float: left;
margin-top: 15px;
padding: 0;
margin-left: 10px;
width: 240px;
}
#mailform label{
text-align: left;
float: left;
width: 240px;
margin: 0;
padding: 0; 
margin-bottom: 5px;
padding-top: 4px;
}
#mailform input{
width: 160px;
background: rgb(62,97,137);
padding: 3px;
color: white;
border: 1px solid black;
}
#mailform label span{
width: 60px;         
float: left; 
padding-top: 3px;
}
textarea#text{
margin: 15px;
float: left;
width: 280px;
height: 109px;
background: rgb(62,97,137);
padding: 3px;
color: white;
border: 1px solid black;
font: normal 11px verdana;
line-height: 15px;
}
#mailform .bbutton{
width: 80px;
float: right;
background: rgb(0,41,81);
padding-top: 3px;
padding-bottom: 4px;
color: white;
border: 0;
margin: 7px;    

background: url(../images/arrow_down.png) no-repeat left center
}    
#mailform .bbutton:hover{
text-decoration: underline;
background-image: url(../images/menu_button_inactive.png);
}





.bkontakt{
font-size: 11px;
color: white;
float: left;
text-align: left;
margin-left: 20px;
width: 180px;
}
#bform{
width: 580px;
}
.btitle{
font-weight: bold;
margin-left: 10px;
margin-top: 15px;
padding-bottom: 4px;
                             
border-bottom: 1px solid rgb(62,97,137);
}
.bkontakt p{
margin-left: 10px;
line-height: 15px;
}




h2{
text-align: left;
margin: 25px 0 25px 0;
font-size: 25px;
font-weight: normal;
color: rgb(2,49,95);
border-bottom: 1px solid rgb(2,49,95);
padding-bottom: 5px;
}
h3{
text-align: left;
margin: 15px 0 15px 0;
font-size: 16px;
font-weight: normal;
color: rgb(2,49,95);
clear: both;

}

#hlavni p{
line-height: 18px;
}
#hlavni img{
float: right;
margin-left: 10px;
margin-bottom: 10px;
}

#galerie img{
float: left;
margin: 0 10px 10px 0;
}

/* MENU */
.first{
width: 240px;
float: left;         
background: url(../images/bg_menu_main.gif); 
border-bottom: 1px solid rgb(62,97,137);
}
.first a{
padding: 10px;
display: block;
text-align: left;
color: white;
text-decoration: none;
background: url(../images/menu_button_inactive.png) no-repeat 210px center;
}
.first a:hover{
color: rgb(192,192,192);
text-decoration: underline;
background: rgb(0,36,86);
background-image: url(../images/arrow_down.png);
background-position: 210px center;
background-repeat: no-repeat;
}
#firstactive{
background: rgb(0,36,86);
}
#firstactive a{
background: url(../images/arrow_white.png) no-repeat 209px center;    
}
#secactive{
}
#secactive a{
color: rgb(0,36,86);
font-weight: bold;
margin-bottom: 5px;
}

.second{
float: left;
margin: 0;
width: 240px;
} 
.second a{
padding: 12px 5px 12px 5px;         
display: block;
text-align: left;
color: rgb(58,134,215);
text-decoration: none;
margin: 0px 10px 0px 10px;
border-bottom: 1px solid rgb(187,187,187);
font-size: 11px;
}
.second a:hover{
text-decoration: underline;
color: rgb(0,36,86);
}
.third{ 
float: left;
margin: 0;                   
width: 220px;                    
background: url(../images/3link.jpg) no-repeat 25px;
} 
.third a{      
padding: 5px;
padding-left: 25px;
display: block;
text-align: left;
color: rgb(101,173,8);
text-decoration: none;
margin-left: 10px;
font-size: 10px;
} 
.third a:hover{
text-decoration: underline;
color: rgb(42,112,13);
}
#thirdactive{
font-weight: bold; 
color: rgb(42,112,13);
}

#last a{
border-bottom: 0;
}

ul{
margin: 0;
padding: 0;
list-style: none;
}
ul li{
background: url(../images/3link.jpg) no-repeat left 7px;
padding: 0;                  
margin: 0;                               
padding-left: 10px;
margin-bottom: 5px;
line-height: 18px;
margin-left: 10px;
}

table tr td h3{
margin-left: 12px;
}


/* NOVINKY */

.news{
display: block;
margin-bottom: 25px;
border-bottom: rgb(208,208,208) 1px solid;
clear: both;
}
.news .date{
margin: 0;
padding: 0;
color: rgb(68,68,68);
font-size: 11px;
font-weight: bold;
margin-bottom: 6px;
}
.news h3{
margin: 0;
padding: 0;
}
.news .text{
display: block;
}
.news .texta{
display: block;
width: 100%;
float: left;
margin-top: 10px;
}
.news img{
float: left;
margin: 0;
padding: 0;
margin-right: 5px;
margin-bottom: 5px;
}
.cleara{
clear: both;
}
#copyright{
text-align: left;
color: black;
font-size: 11px;      
width: 1000px;
margin: auto;
margin-top: -20px;
margin-bottom: 20px;
float
}
#copyright a{
color: black;               
text-decoration: none;
}
#copyright a:hover{       
text-decoration: underline;
}
fieldset{
border: 0;
padding: 0;
margin: 0;  
}
#kod{
float: left; margin-right: 20px; margin-top: 14px;
}
#kod img{
margin: 0;
padding: 0;
margin-right: -5px;
}
#valid{
padding-top: 5px;
float: right;
margin-bottom: 20px;
}
#copy{
float: left;      
margin-top: 5px;    
margin-bottom: 20px;
}
.ref_fotky{
float: right;
} 
.ref_fotky img{
border: 0;
margin: 0;
padding: 0;
}
.texta ul{
float: left;
margin-left: 10px;
}