/* CSS Tabs */

#navcontainer2 {
	padding: 0;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 320px;
	width: 240px;
	height: 20px;
}

#navcontainer2 ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}

#navcontainer2 ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
}
.banner_bal {
	float: left;
	width: 367px;
}

#navcontainer2 ul li a {
        background: #fff;
        width: 78px;
        height: 18px;
        border-top: 1px solid #f5d7b4;
        border-left: 1px solid #f5d7b4;
        border-bottom: 1px solid #f5d7b4;
        border-right: none;
        padding: 0;
        margin: 0 0 10px 0;
        color: #AE7E34;
        text-decoration: none;
        display: block;
        text-align: center;
        font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer2 ul li a:hover {
	color: #930;
	background-color: #F0E7D7;
}
.clear {
	clear: both;
}

#navcontainer2 a:active {
	color: #fff;
	background-color: #996600;
}

#navcontainer2 li#active a {
	border: 1px solid #c60;
	color: #fff;
	background-color: #996600;
}
#fejmenu {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	height: 40px;
}
body {
	background-color: #E0C296;
	margin-top: 20px;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
#leckep {
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-top-style: none;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	height: 107px;
	background-image: url(pic/leckep.jpg);
	padding-left: 160px;
}

ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }
#menu1 {
	width: 150px;
	margin-top: 10px;
	background: #f0e7d7;
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
        }

#menu1 li a {
	text-decoration: none;
	height: 24px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 24px;
	margin-top: 3px;
	margin-bottom: 3px;
        }

#menu1 li a:link, #menu1 li a:visited {
        color: #777;
        display: block;
        background: url(pic/menu1.gif);
        padding: 8px 0 0 20px;
        }

#menu1 li a:hover, #menu1 li #current {
        color: #777;
        background: url(pic/menu1.gif) 0 -32px;
        padding: 8px 0 0 25px;
        }

#menu1 li a:active {
	color: #777;
	background: url(pic/menu1.gif) 0 -62px;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
        }

#tartalom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	height: auto;
	width: auto;
	margin: 10px;
}
.cim1 {
	font-size: 16px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
	padding-top: 10px;
}
.kep {
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
a:link {
	color: #AD7D33;
}
a:visited {
	color: #AD7D33;
}
a:hover {
	color: #663300;
}
a:active {
	color: #E0C296;
}
#kiemdoboz {
	background-image: url(pic/kiemdoboz.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #F0E7D8;
	padding-top: 20px;
	padding-left: 10px;
	width: 690px;
}
#kiembottom {
	background-image: url(pic/kiemdoboz_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 700px;
	height: 24px;
}
#arlista {
	background-color: #F0E7D8;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
}
#megjegy {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-top: 20px;
	margin-bottom: 15px;
}
UNKNOWN {
        FONT-SIZE: small
}
#header {
	FONT-SIZE: 93%;
	BACKGROUND: url(pic/bg.gif) #dae0d2 repeat-x 50% bottom;
	FLOAT: left;
	WIDTH: 100%;
	LINE-HEIGHT: normal;
	margin-bottom: 10px;
}
#header UL {
        PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#header LI {
        PADDING-RIGHT: 0px; PADDING-LEFT: 9px; BACKGROUND: url(pic/left.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#header A {
        PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; FONT-WEIGHT: bold; BACKGROUND: url(pic/right.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #765; PADDING-TOP: 5px; TEXT-DECORATION: none
}
#header A {
        FLOAT: none
}
#header A:hover {
        COLOR: #333
}
#header #current {
        BACKGROUND-IMAGE: url(pic/left_on.gif)
}
#header #current A {
        BACKGROUND-IMAGE: url(pic/right_on.gif); PADDING-BOTTOM: 5px; COLOR: #333
}
.style3 {color: #666666; font-size: 10px; }
.style4 {font-size: 10px}
#gallery {
	background-image: url(pic/galleryhatter.png);
	background-repeat: no-repeat;
	height: 450px;
	width: 650px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 5px;
}
#labinfo {
	font-size: 12px;
	color: #666666;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	width: 95%;
}
/* hide from incapable browsers */
div#scrollbar { 
    display:none;
    }

/* below in external file */
div#wn	{ 
    position:relative; 
    width:650px; height:120px; 
    overflow:hidden;	
	}
div#scrollbar { 
    position:relative; 
    width:650px; height:11px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
}

div#track { 
    position:absolute; left:12px; top:0;
    width:626px; height:11px; 
    background: #A47B34;
  }
div#dragBar {
    position:absolute; left:1px; top:1px;
    width:20px; height:9px; 
    background-color:#F3EBDE;
  }
div#left { position:absolute; left:0; top:0; }  
div#right { position:absolute; right:0; top:0;  }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
   display:block; 
} 
.refb {
	background-image: url(pic/refhatter.png);
	background-repeat:no-repeat;
	padding: 5px;
	float: left;
	width: 340px;
	height: 145px;
}
.jobbkep {
	margin-left: 5px;
}
.refj {
	background-image: url(pic/refhatter.png);
	background-repeat:no-repeat;
	padding: 5px;
	float: right;
	width: 340px;
	height: 145px;
}
.banner_jobb {

	float: left;
	width: 365px;
}