body { 
     margin:0; padding:0;
     background: #b0b07c url(../templates/default/images/hu/bg.jpg) repeat-x;
}

#header { 
    width:909px;
    height:249px;
    background: url(../templates/default/images/hu/top.jpg) no-repeat;
}

span#topmenu {  
     position:relative;
     top:2px;
     left:690px;
     font-family:verdana;
     font-size:10px;
     color:#676840;
     word-spacing: 21px;
}

span#topmenu a:link { color: #676840; text-decoration: none; }
span#topmenu a:active { text-decoration: none; }
span#topmenu a:visited { color: #676840; text-decoration: none; }
span#topmenu a:hover { color: #950105; text-decoration: underline; }

#left {
float:left;
width:221px;
height:420px;
padding-left:10px;
background: url(../templates/default/images/hu/bg_left.jpg) no-repeat 0 0; }

/* nappali korhaz template */
div, td, p { font: normal 12px/150% Arial, Bookman, "Times New Roman";}

#tartalom {
float:left;
background: url(../templates/default/images/hu/bg_content.jpg) no-repeat 0 0;
width:633px;
padding: 0px 25px 10px 20px; 
font: normal 12px/150% Arial, Bookman, "Times New Roman";
color: #4b310f; text-align: justify; }

#tartalom h1 {
     width:642px;
     height: 23px;
     margin: 0; padding: 0px 0 0 10px;
     background: url(../templates/default/images/hu/bg_h1.gif) no-repeat left top;
     font: bold 20px Times New Roman;
     font-weight: 400;
     color: #ebffdc;
 }
#tartalom h2 {
     font: 18px Arial, "Bookman", Times New Roman;
     font-weight: bold;
     color: #568200;
 }

.bekezd { text-indent: 30px; }

#menu {
        position:relative;
        top:6px;
        left:236px;
	width:670px;
	height:39px;
}
#nav {
	margin:0;
	padding:0;
	width:670px;
	float:left;
}
#nav:after {
	margin:0;
	padding:0;
	content: ;
	display:block;
	height:0;
	clear:both;
	height:100%;
}
#nav li {
	margin:0;
	padding:0;
	display:inline;
	list-style-type:none;
}

#nav a {
	margin:0;
	padding:0;
	float:left;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	height:38px;
	overflow:hidden;
}
#nav a#bemutatkozas{
	background: url(../templates/default/images/hu/nav_01.jpg) top left no-repeat;
	width:103px;
}
#nav a#tevekenyseg {
	background: url(../templates/default/images/hu/nav_02.jpg) top left no-repeat;
	width:122px;
}
#nav a#civil {
	background: url(../templates/default/images/hu/nav_03.jpg) top left no-repeat;
	width:122px;
}
#nav a#munkatarsak {
	background: url(../templates/default/images/hu/nav_04.jpg) top left no-repeat;
	width:98px;
}
#nav a#galeria {
	background: url(../templates/default/images/hu/nav_05.jpg) top left no-repeat;
	width:68px;
}
#nav a#linkek {
	background: url(../templates/default/images/hu/nav_06.jpg) top left no-repeat;
	width:64px;
}
#nav a#elerhetoseg {
	background: url(../templates/default/images/hu/nav_07.jpg) top left no-repeat;
	width:91px;
}


#nav a:hover#bemutatkozas, body#bemutatkozas-on a#bemutatkozas {
    background: url(../templates/default/images/hu/nav_01.jpg) bottom left no-repeat;
}
#nav a:hover#tevekenyseg, body#tevekenyseg-on a#tevekenyseg {
    background: url(../templates/default/images/hu/nav_02.jpg) bottom left no-repeat;
}
#nav a:hover#civil, body#civil-on a#civil{
    background: url(../templates/default/images/hu/nav_03.jpg) bottom left no-repeat;
}
#nav a:hover#munkatarsak, body#munkatarsak-on a#munkatarsak {
    background: url(../templates/default/images/hu/nav_04.jpg) bottom left no-repeat;
}
#nav a:hover#galeria, body#galeria-on a#galeria {
    background: url(../templates/default/images/hu/nav_05.jpg) bottom left no-repeat;
}
#nav a:hover#linkek, body#linkek-on a#linekek {
    background: url(../templates/default/images/hu/nav_06.jpg) bottom left no-repeat;
}
#nav a:hover#elerhetoseg, body#elerhetoseg-on a#elerhetoseg {
    background: url(../templates/default/images/hu/nav_07.jpg) bottom left no-repeat;
}

/*--- FOOTER ---*/
#footer  { 
width:909px;
height:65px;
background: #000000 url(../templates/default/images/hu/bg_footer.gif) no-repeat;
color:#9d9d9d;
}

span#copyright {
position:relative;
top:25px;
left:250px;
line-height: 100%;
font-family:verdana;
font-size:11px;
color:#568200;
}

span#design {  
position:relative;
top:15px;
left:355px;
font-family:verdana;
font-size:10px;
color:#568200;
}


.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }

/*--- LINK ---*/
a img { border: none; }

a:link { color: #568200; text-decoration: underline; }
a:active {	text-decoration: none; }
a:visited {	color: #568200; text-decoration: underline; }
a:hover {	color: #568200; text-decoration: none; }


/*--- GALÉRIA ---*/
.current_page { font-weight: bold; color: #000000; }

div.warning {
	FONT-SIZE: 13px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align: center;
	width: 400px;
	font-weight: bold;
	background-color: #EFEFEF;
	border: 1px solid #777870;
	line-height: 2em;
	padding: 1em;
	margin: 2em;}

div.sys {
	FONT-SIZE: 13px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	width: 400px;
	font-weight: normal;
	border: 0px solid #777870;
	line-height: 2em;
	padding: 1em;
	margin: 2em;}