* { 
padding : 0;
margin : 0;
} 

body
{
background-color: white;

}

body,input
{
font-size: 10pt;
font-family:Tahoma;
font-size:10px;
color:#5A5C60;
}

#outer
{
z-index: 2;
position: relative;
/*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 780px;
background-color: #fff;
margin: 0 auto;
background-image: url(hatterfent.jpg);
background-repeat: no-repeat;

}

#header
{
position: center;

}
#hbal
{
float: left;
margin-top: 2px;
width: 367px;
height: 170px;
background-image: ;
background-repeat: no-repeat;

}
#hjobb
{
float: left;
margin-top: 2px;
width: 367px;
height: 170px;

}
#hjobb h1
{
	font-size:2.6em;
    text-align: center;
	margin-top : 20px;
margin-left : 60px;
margin-right : 30px;
color: #FFFFFF;
}

#hlent
{
float: left;
margin-top: 2px;
width: 780px;
height: 20px;
}
#hlent h5
{
	font-size:11px;
    text-align: center;
	color: #FFFFFF;
	margin-top: 5px;
}

#doboz {
float: left;
position: center;
width: 780px;
min-height: 780px;
background-color: #EDEDED;
}

#bal {
float: left;
width: 217px;
background-color: #004692;
background-repeat: repeat;

}

#bal h4 {
	width: 209px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	font-size: 1.2em;
	color: #FFFFFF;
}
#bal p
{
color:#FFFFFF;
font-weight: bold;
margin-top : 5px;
margin-left : 10px;
}
#bal img
{
margin-top : 15px;
width: 137px;
height: 8px;
}
#bala {
float: left;
width: 147px;
background-color: #004692;
height: 501px;
}

#bala p
{
color:#FFFFFF;
font-weight: bold;
margin-top : 5px;
margin-left : 10px;
}

#kozep {
float: left;
width: 560px;
height: 500px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
}

#kozep h1
{
	font-size:14px;
    text-align: center;
	margin-top : 20px;
margin-left : 30px;
margin-right : 30px;
}
#kozep h2
{
	font-size:15px;
    text-align: center;
	margin-top : 20px;
margin-bottom : 20px;
	font-weight: 900;
	
	
}
#kozep h3
{
margin-top : 20px;
margin-left : 15px;
margin-right : 15px;
font-size:12px;
font-weight: 600;
text-align: justify;
 
}
#kozep p
{
margin-top : 10px;
margin-left : 10px;
margin-right : 10px;
text-align: justify;
font-size:12px;
}

#kozep ul
{
margin-top : 15px;
text-align: center;
margin-bottom: 10px;
}

#klent
{
float: left;
margin-top: 1px;
width: 780px;
height: 300px;
background-image: url(bemutatofo.jpg);
background-repeat: no-repeat;
}
#klent p
{
margin-top : 170px;
text-align: center;
font-size:12px;
}
#klenthimzes
{
float: left;
margin-top: 1px;
width: 780px;
height: 300px;
background-image: url(bemutatohimzes.jpg);
background-repeat: no-repeat;
}
#klenthimzes p
{
margin-top : 170px;
text-align: center;
font-size:12px;
}
#klentparna
{
float: left;
margin-top: 1px;
width: 780px;
height: 300px;
background-image: url(bemutatoparna.jpg);
background-repeat: no-repeat;
}
#klentparna p
{
margin-top : 170px;
text-align: center;
font-size:12px;
}
#klentuleshuzat
{
float: left;
margin-top: 1px;
width: 780px;
height: 300px;
background-image: url(bemutatouleshuzat.jpg);
background-repeat: no-repeat;
}
#klentuleshuzat p
{
margin-top : 170px;
text-align: center;
font-size:12px;
}
#lent {
margin-left: 0px;
width: 746px;
height: 54px;
}
#lent p
{
margin-top: 5px;
}


#navcontainer { }

#navcontainer ul
{
	list-style-type: none;
	font-weight: bold;
	color: #990000;
}

#navcontainer a
{
	display: block;
	padding-top: 17px;
	padding-left: 37px;
	width: 182px;
	background-color: #DCE3ED;
	border-bottom: 1px solid #eee;
	background-image: url(images/menu.png);
	background-repeat: repeat-x;
	height: 27px;
}


#navcontainer a:link, #navlist a:visited
{
color: #00438F;
text-decoration: none;
font-size:12px;
}

#navcontainer a:hover 
{	
	background: url(images/menu.png) 0 -45px;
	color: #562930;
}
.white
{
	color:#FFFFFF;
}