/* lap általános beállítások */

body{
margin: 0px;
padding: 0px;
background-image: url('images/hatter.jpg');
background-repeat: repeat-x;
color: #011f4a;
}

#menu{
width: 783px;
margin: 0px 0px 0px 200px;
padding: 0px;
height: 35px;
background-image: url('images/menu.jpg');
background-repeat: no-repeat;
float: left;
font-family: arial;
display: inline;
}

#bal{
width: 200px;
margin: 0px;
padding: 0px;
float: left;
display: inline;
}

#bal ul{
margin: 0px;
padding: 0px;
width: 200px;
list-style: none;
}

#bal ul li{
margin: 0px;
padding: 0px;
width: 200px;
}

#bal ul li a{
margin: 0px;
padding: 3px 3px 0px 60px;
width: 137px;
height: 42px;
display: block;
text-align: right;
color: #000000;
text-decoration: none;
font-family: arial;
background-image: url('images/gomb_kozep.jpg'); 
}


h1, h2, h3, h4, h5, h6{
font-family: arial;
}

ul{
list-style: none;
}


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

/* fejléc */

#fejlec{
width: 930px;
height: 135px;
margin: 0px 60px 0px 0px;
padding: 0px;
float: left;
background-image: url('images/fejlec.jpg');
background-repeat: no-repeat;
background-position: right;
display: block;
}

#logo{
margin: 2px 11px 0px 31px;
padding: 0px;
width: 170px;
height: 132px;
float: left;
}

#logo img{
border: 0px;
}


/* középső rész */

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

/* bal oldal, termékek menü */


#bal ul{
margin: 0px;
padding: 0px;
width: 200px;
list-style: none;
}

#bal ul li{
margin: 0px;
padding: 0px;
width: 200px;
}

#bal ul li a{
margin: 0px;
padding: 3px 3px 0px 60px;
width: 137px;
height: 42px;
display: block;
text-align: right;
color: #000000;
text-decoration: none;
font-family: arial;
background-image: url('images/gomb_kozep.jpg'); 
}

/* matrica */

#bal ul li a:hover{
color: #003f57;
}

#bal ul li a.matrica{
background-image: url('images/sprite/matrica.jpg');
background-position: bottom;
}
#bal ul li a.matrica:hover{
background-image: url('images/sprite/matrica.jpg');
background-position: top;
}
#bal ul li a.tabla{
background-image: url('images/sprite/tabla.jpg');
background-position: bottom;
}
#bal ul li a.tabla:hover{
background-image: url('images/sprite/tabla.jpg');
background-position: top;
}
#bal ul li a.egyeb{
background-image: url('images/sprite/egyeb.jpg');
background-position: bottom;
}
#bal ul li a.egyeb:hover{
background-image: url('images/sprite/egyeb.jpg');
background-position: top;
}
#bal ul li a.elolap{
background-image: url('images/sprite/elolap.jpg');
background-position: bottom;
}
#bal ul li a.elolap:hover{
background-image: url('images/sprite/elolap.jpg');
background-position: top;
}
#bal ul li a.iroda{
background-image: url('images/sprite/iroda.jpg');
background-position: bottom;
}
#bal ul li a.iroda:hover{
background-image: url('images/sprite/iroda.jpg');
background-position: top;
}
#bal ul li a.polccsik{
background-image: url('images/sprite/polccsik.jpg');
background-position: bottom;
}
#bal ul li a.polccsik:hover{
background-image: url('images/sprite/polccsik.jpg');
background-position: top;
}
#bal ul li a.artarto{
background-image: url('images/sprite/artarto.jpg');
background-position: bottom;
}
#bal ul li a.artarto:hover{
background-image: url('images/sprite/artarto.jpg');
background-position: top;
}
#bal ul li a.polo{
background-image: url('images/sprite/polo.jpg');
background-position: bottom;
}
#bal ul li a.polo:hover{
background-image: url('images/sprite/polo.jpg');
background-position: top;
}
#bal ul li a.zaszlo{
background-image: url('images/sprite/zaszlo.jpg');
background-position: bottom;
}
#bal ul li a.zaszlo:hover{
background-image: url('images/sprite/zaszlo.jpg');
background-position: top;
}
/* tartalom formázások */

#tartalom{
width: 730px;
margin: 0px;
padding: 20px 40px 20px 20px;
float: left;
font-size: 18px;
display: inline;
}

#tartalom ul{
font-size: 16px;
}

h1{
font-size: 20px;
}

h2{
font-size: 18px;
}

h3{
font-size: 16px;
}

#tartalom a{
color: #333333;
}

#tartalom a:hover{
color: #000000;
}

#tartalom label{
font-size: 16px;
}

.text_error{
border: 1px solid #ff8000;
}

.error_right{
float: right;
font-size: 16px;
color: #ff8000;
margin-right: 40px;
}

.error_color{
color: #ff8000;
font-size: 16px;
}


/* lábléc */

#lablec{
width: 795px;
padding: 0px;
background-image: url('images/lablec.jpg');
margin: 0px 0px 0px 193px;
height: 43px;
float: left;
display: inline;
}

#copyright{
width: 370px;
float: left;
margin-left: 30px;
padding: 0px;
color: #333333;
display: inline;
}

#ddstandard{
text-align: right;
margin-right: 45px;
width: 350px;
padding: 0px;
float: left;
display: inline;
}

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

#ddstandard a:hover{
color: #000000;
}