/* This style sheet was created by S:o)ma - http://www.schulmann.hu/istvan_ref_web.html */

body {
	padding:0px;
	margin:0px;
	background: url(../images/hatter_02.gif) #000 repeat;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;	
	}
	
a			{color:#000; text-decoration: underline;}
a:visited 	{color:#000;}
a:hover 	{color:#000; text-decoration: overline;}
a:active 	{color:#000;}

h1 {
	font-size: 180%;
	background: #CCC url(../images/lablec_hatter.gif);
	border: 1px solid #000;
	padding: 5px;
	color: white;
	font-weight: normal;
	}

/* +--------------------------------------+
   + CONTAINER & INNER CONTAINER          +
   +--------------------------------------+ */  

#container {
	width: 740px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/fuggo_csik.gif) #000 repeat-x;
	}

#container_inner {
	width: 738px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background: #FFF;
	}

/* +--------------------------------------+
   + HEADER                               +
   +--------------------------------------+ */  
	
#header {	
	border: 0px;
	border-bottom: 1px solid #000;
	padding: 0px 20px 0px 0px;
	margin: 0px;
	height: 100px;
	background: url(../images/fejlec_03.gif) no-repeat;
	color: #FFF;
	text-align : right;
	vertical-align: bottom;
	font-size: 11px;
	line-height : 100px;	
	}

#header span {
	display: none;
	}	
	
#header a       {color: #FF0; font-weight: bold; text-decoration: underline;}
#header a:hover {color: #FF0; font-weight: bold; text-decoration:  overline;}

/* +--------------------------------------+
   + MENU                                 +
   +--------------------------------------+ */ 
   
   /* This part is based on: http://www.nundroo.com/navigation/# */
   
#menu {
	padding: 0px;
	background: #FFF url(../images/menu_05.gif) no-repeat;
	width: 738px;
	height: 70px;
	}   

#menu span {
	display: none;
	}	
	
#menu ul {
	position: relative;
	width: 738px;
	height: 76px;	
	list-style-type: none;
	margin: 0px; padding: 0px;
	}	

li#menu1 a, li#menu2 a, li#menu3 a, li#menu4 a, li#menu5 a {
	background: transparent;
	position: absolute;
	width: 110px;
	height: 32px;
	bottom: 0px;
	text-decoration: none;
	font-size: 9px;
	}

	/* adjusted values for IE6 */
* html*li#menu1 a, * html*li#menu2 a, * html*li#menu3 a, * html*li#menu4 a, * html*li#menu5 a { bottom: 14px; }

li#menu1 a { left: 51px; }
li#menu2 a { left: 148px; background: url(../images/menu2.gif) 0 0 no-repeat; }
li#menu3 a { left: 249px; background: url(../images/menu3.gif) 0 0 no-repeat; }
li#menu4 a { left: 350px; background: url(../images/menu4.gif) 0 0 no-repeat; }
li#menu5 a { left: 451px; background: url(../images/menu5.gif) 0 0 no-repeat; }

li#menu2 a:hover, li#menu3 a:hover, li#menu4 a:hover, li#menu5 a:hover { background-position: 0 -32px; }

/* +--------------------------------------+
   + SPACER                               +
   +--------------------------------------+ */ 

#spacer {
	background: url(../images/spacer.gif) no-repeat;
	height: 5px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	font-size: 1px;
	}
	
/* +--------------------------------------+
   + CONTENT                              +
   +--------------------------------------+ */  

#content {
	padding: 10px 40px 10px 10px;
	margin-left: 200px;
	margin-right: 0px;
	background: url(../images/right.gif) #FFF repeat-y;
	background-position: right;
	font-size: 11px;
	font-weight: normal;
	}

div#content { 
	min-height:500px;
	height:expression(this.scrollHeight > 500 ? "auto":"500px"); 
	}
	
#content .left_box_first_letter {
	background: url(../images/left_box_first_letter.gif) khaki no-repeat;	
	line-height: 80%;
	border: 1px solid darkkhaki;
	padding: 0px 4px 0px 4px;
	margin: 2px 2px 0px 0px;
	color: navy;
	font-weight: bold;	
	font-size: 15px;	
	}
	
#content img {
	border: 1px solid darkkhaki;
	padding: 5px;
	margin: 5px;
	}		

#content p {
	text-align: justify;
	padding: 2px 10px 2px 0px;
	overflow: visible;
	first-letter { font-size: 300%; }
	}

#content p:first-letter { 
	font-size: 150%;
	color: navy
	}
	
.aright {
	float: right;
	}
	
.aleft {
	float: left;
	}			

#content ul {
	width: 200px;
	padding: 0 0 10px 0;	
	}
	
#content li {
	width: 200px;
	padding: 0px;
	list-style: square inside url(../images/li.gif);
	padding: 0 0 0 10px;
	}
	
	
/* +--------------------------------------+
   + LEFT                                 +
   +--------------------------------------+ */  	
	
#left {
	float: left;
	width: 200px;
	margin: 0px; padding: 0px;
	background: url(../images/left.gif) #FFF repeat-y;
	background-position: left;
	/* left: 20px; */
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	}

.left_box {
	background: url(../images/left_box_03.gif) #FFF no-repeat;
	border: 0px;
	padding: 20px 20px 0px 35px;
	font-size: 10px;
	color: #9C9C9C;
	line-height: 150%;
	}
	
.left_box a {font-weight: normal;}	
	
#left .left_box_first_letter {
	border: 1px solid #000;
	background: url(../images/left_box_first_letter.gif) khaki no-repeat;	
	line-height: 80%;
	border: 1px solid darkkhaki;
	padding: 0px 4px 0px 4px;
	margin: 2px 2px 0px 0px;
	color: navy;
	font-weight: bold;		
	}

#left img {	
	margin: 40px 0px 0px 40px;
	}
	
#left ul, li {
	width: 100px;
	}	
	

	
/* +--------------------------------------+
   + FOOTER                               +
   +--------------------------------------+ */   
	
#footer {
	clear: both;
	border-top: 1px solid #FF0;
	border-bottom: 1px solid #FF0;
	padding: 5px;
	margin: 0px;
	background: url(../images/lablec_hatter.gif) #000;	
	text-align: center;	
	color: #000;
	font-size: 10px;
	font-weight: bold;
	height: 18px;	
	}
	
#footer_div {
	background: url(../images/lablec_hatter_belso.gif) #FFF;
	border: 1px solid #000;
	padding: 1px 10px 1px 10px;
	width: 380px;
	float: right;
	}

	
#footer a       {color: #000; text-decoration: underline; font-weight: normal;}	
#footer a:hover {color: #000; text-decoration: none;      font-weight: normal;}

#kereso_szavak {
	display: none;
	}

.s1, .s2 {
	font-style: italic;
	color: #CA6714;
	font-size: 12px;
	font-weight: bold;
	}	
	
.s1 {
	margin: 20px 0 0 50px;
	}
	
.s2 {
	margin: 0 0 20px 100px;
	}
	
.s3 {
	font-style: italic;
	color: #CA6714;
	font-size: 10px;
	font-weight: bold;
	border-bottom: 1px dotted #C0C0C0; 
	}