/* oldal alap formázás */

body{
background-image: url('images/hatter.jpg');
background-repeat: repeat-x;
background-color: #9c9c9c;
font-family: arial;
margin: 0px auto;
padding: 0px;
}

a{
color: #cf0101;
}

a:hover{
color: #cf0101;
text-decoration: none;
}

#lap{
display: block;
width: 912px;
margin: 20px auto 0px auto;
padding: 0px;
}

/* fejléc, fejléc menü formázás */

#fejlec{
background-image: url('images/fejlec.jpg');
width: 912px;
height: 154px;
margin: 0px;
padding: 0px;
float: left;
}

/* fejléc menü formázás */

#fejlec ul{
float: left;
margin: 100px 0px 0px 220px;
padding: 0px;
list-style: none;
display: inline;
}

#fejlec ul li{
display: inline;
border-left: 1px solid #ffffff;
padding: 0px;
margin: 0px;
}


#fejlec ul li.elso{
border: 0px;
}

#fejlec ul li a{
color: #ffffff;
text-decoration: none;
padding: 0px 5px;
margin: 0px;
font-size: 14px;
}

#fejlec ul li a:hover{
color: #cccccc;
}

/* közéspő blokk formázás */

#kozep{
width: 912px;
margin: 0px;
padding: 0px;
float: left;
background-image: url('images/kozep-hatter.jpg');
background-repeat: repeat-y;
background-position: center;
}

/* bal sidebar */

#bal{
width: 216px;
margin: 0px;
padding: 0px;
float: left;
display: block;
}

#bal_fejlec{
width: 210px;
background-image: url('images/bal_fejlec.jpg');
float: left;
height: 78px;
margin: 0px;
padding: 0px;
}

#bal h2{
margin: 0px 0px 10px 20px;
padding: 0px;
color: #cf0101;
font-size: 18px;
}

/* bal menü */

#bal_menu ul{
float: left;
width: 204px;
margin: 0px 6px;
padding: 0px;
list-style: none;
}

#bal_menu ul li ul{
float: left;
width: 192px;
margin: 0px 0px;
padding: 0px;
list-style: none;
}

#bal_menu ul li{
display: block;
margin: 0px 10px;
border-bottom: dotted 2px #666666;
padding: 0px;
}

#bal_menu ul li.utolso{
border: 0px;
}

#bal_menu ul li a{
padding: 5px 0px;
margin: 0px;
color: #333333;
text-decoration: none;
font-size: 14px;
display: block;
}

#bal_menu ul li a:hover{
color: #740000;
}

/* tartalom */

#tartalom{
float: left;
width: 496px;
padding: 2px;
margin-right: 5px;
display: inline;
}

#tartalom h1{
font-size: 18px;
color: #cf0101;
}

#tartalom h2,h3,h4{
font-size: 16px;
color: #cf0101;
}

#tartalom p{
font-family: times;
}

/* termék lista nézet */

.termek_box{
width: 476px;
margin: 0px 10px;
padding: 0px;
float: left;
}

.termek_kep{
float: left;
width: 120px;
margin: 0px 10px 0px 0px;
}

.termek_kep img{
border: 1px solid #ffffff;
}

.termek_kep img:hover{
border: 1px solid #333333;
}

.termek_leiras{
float: left;
width: 346px;
margin: 0px;
padding: 0px;
}

.termek_leiras h2{
margin: 0px;
}

.termek_ajanlat{
width: 476px;
float: left;
text-align: right;
margin: 0px 10px 15px 10px;
padding: 0px;
}

.termek_ajanlat a{
text-decoration: none;
color: #666666;
}

.termek_ajanlat a:hover{
color: #cf0101;;
}

.termek_ajanlat hr{
margin-top: 0px;
}

/* jobb sidebar */

#jobb{
width: 185px;
margin-right: 6px;
float: left;
display: inline;
}

#jobb h2{
margin: 20px 0px 0px 0px;
padding: 0px;
color: #cf0101;
font-size: 18px;
}

#jobb_doboz{
width: 175px;
margin-top: 20px;
padding: 5px;
float: left;
background-image: url('images/jobb_doboz_hatter.jpg');
}

#jobb_doboz h3{
font-size: 14px;
margin: 3px;
padding: 0px;
color: #cf0101;
}

#jobb_doboz_lablec{
width: 170px;
height: 22px;
float: left;
padding: 2px 5px 0px 10px;
margin: 0px;
background-image: url('images/jobb_doboz_lablec.jpg');
color: #ffffff;
font-weight: bold;
}

#jobb_doboz_lablec a{
color: #ffffff;
display: block;
}

#jobb_doboz_lablec a:hover{
color: #cccccc;
}

/* lábléc */

#lablec{
width: 912px;
height: 35px;
margin-bottom: 20px;
padding: 0px;
float: left;
background-image: url('images/lablec.jpg');
background-position: center;
background-repeat: no-repeat;
}

.copyright{
width: 300px;
margin: 15px 0px 0px 230px;
font-size: 14px;
float: left;
}

.ddstandard{
width: 350px;
margin: 15px 30px 0px 0px;
font-size: 14px;
float: left;
text-align: right;
}

.ddstandard a{
color: #000000;
text-decoration: none;
}

.ddstandard a:hover{
color: #333333;
}