body {
background-image:url('images/background2.png');
background-color: white;
	font: normal 11px verdana;
	color: #555555;
background-repeat:no-repeat;
}
img{ border: 0px; }

.topmenu{
width: auto; /*width of menu*/
}

.topmenu ul{
list-style-type: none;
margin: 5px 50px;
padding: 0;
}

.topmenu ul li a{
background: url(images/arrow-list.gif) no-repeat 2px center;
font: 13px Verdana;
color: black;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
float: right;
margin: 0 0.15em;

}


* html .topmenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 20px;
}

.topmenu ul li a:visited, .topmenu ul li a:active{
color: black;
}

.topmenu ul li a:hover{
color: black;
background-image:url(images/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}

* html .topmenu li {float: right;
width: 20px;}


#nav { z-index: 50; position: absolute; top: 10px; left: 10px }
#nav a { margin: 0 1px; padding: 5px 3px; border: 1px solid #fff; background: #ffd65a; text-decoration: none; font-size: 12px; font-family:Verdana, Geneva, sans-serif;}
#nav a.activeSlide { background: #7cccef }
#nav a:focus { outline: none; }
#slideshow img { display: none }
#slideshow img.first { display: block }
#tartalom { background-color:#ffd65a; display:block; width:572px; padding: 5px; font-weight: bold; text-transform: uppercase; text-align: center; }
#slickbox { background-color: #FFF; width: 582px; }
#tartalom a { text-decoration:none; text-transform:uppercase; color: #000; padding-right: 223px; padding-left: 223px;}
.slideshow { height: 823px; width: 582px; margin: auto }
.slideshow img { padding: 0px; border: 1px solid #eee; background-color: #ffd65a; }
.tartalom { text-decoration:none; color: #000; }
.orange { background-color:#f39f21; margin: 2px 5px 2px 0; width: 8px; display:inline-block; }
.dred { background-color:#780f06; margin: 2px 5px 2px 0; width: 8px; display:inline-block; }
.pink { background-color:#dd5042; margin: 2px 5px 2px 0; width: 8px; display:inline-block; }
.lblue { background-color:#61b6e6; margin: 2px 5px 2px 0; width: 8px; display:inline-block; }
.lilac { background-color:#5a70a9; margin: 2px 5px 2px 0; width: 8px; display:inline-block; }
.purple { background-color:#5e1a42; margin: 2px 5px 2px 0; width: 8px; display:inline-block; }
.dorange { background-color:#f37123; margin: 2px 5px 2px 0; width: 8px; display:inline-block; }
.brown { background-color:#302212; margin: 2px 5px 2px 0; width: 8px; display:inline-block; }


#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}



