/*--------------------------------------------------------------------------
  nav.css
  --------------------------------------------------------------------------

  CSS Stylesheet for www.roll-n.hu

  Készítette Pitko www.pitkodesign.hu

 --------------------------------------------------------------------------*/




#metanav a, #metanav a:link, #metanav a:visited, #metanav a:active, #metanav a:hover { 
text-decoration : none; 
color : #08c; 
} 
#metanav a:hover { 
text-decoration : underline; 
color : #000000; 
} 
#footer a, #footer a:link, #footer a:visited, #footer a:active, #footer a:hover { 
text-decoration : none; 
color : #08c; 
} 
#footer a:hover { 
text-decoration : underline; 
color : #08c; 
} 
a.pager, a.pager:link, a.pager:hover, a.pager:active, a.pager:focus, a.pager:visited { 
text-decoration : none; 
} 
a.pager:hover { 
text-decoration : underline; 
} 
#menuList { 
position : relative; 
margin : 0; 
padding : 0; 
color : #666666 !important ; 
} 
#menuList ul { 
margin : 0; 
padding : 0; 
color : #333333 !important ; 
} 
#menuList li.menubar { 
color : #666666 !important ; 
list-style : none; 
display : inline; 
position : relative; 
float : left; 
margin : 0; 
padding : 0; 
} 
a.nav_rolln, a.nav_termekek, a.nav_hirek, a.nav_blickle, a.nav_szolgaltatas, a.nav_akcio { 
font-weight : bold; 
text-align : center; 
display : block; 
margin : 0; 
padding : 0; 
color : #666666 !important ; 
text-decoration : none; 
line-height : 21px; 
font-size : 70%; 
background : url('../img/nav/n1.gif') right top; 
height : 21px; 
} 
a.nav_rolln, a.nav_rolln:link, a.nav_rolln:hover, a.nav_rolln:active, a.nav_rolln:focus, a.nav_rolln:visited {
	width : 109px;
	color : #666666 !important;
} 
a.nav_termekek, a.nav_termekek:link, a.nav_termekek:hover, a.nav_termekek:active, a.nav_termekek:focus, a.nav_termekek:visited { 
width : 119px; 
color : #666666 !important ; 
} 
a.nav_hirek, a.nav_hirek:link, a.nav_hirek:hover, a.nav_hirek:active, a.nav_hirek:focus, a.nav_hirek:visited { 
width : 134px; 
color : #666666 !important ; 
} 
a.nav_blickle, a.nav_blickle:link, a.nav_blickle:hover, a.nav_blickle:active, a.nav_blickle:focus, a.nav_blickle:visited { 
width : 119px; 
color : #666666 !important ; 
} 
a.nav_szolgaltatas, a.nav_szolgaltatas:link, a.nav_szolgaltatas:hover, a.nav_szolgaltatas:active, a.nav_szolgaltatas:focus, a.nav_szolgaltatas:visited { 
width : 125px; 
color : #666666 !important ; 
} 
a.nav_akcio, a.nav_akcio:link, a.nav_akcio:hover, a.nav_akcio:active, a.nav_akcio:focus, a.nav_akcio:visited { 
width : 141px; 
color : #666666 !important ; 
} 
a.nav_rolln:hover, a.nav_termekek:hover, a.nav_hirek:hover, a.nav_partner:hover, a.nav_szolgaltatas:hover, a.nav_akcio:hover { 
background : url('../img/nav/n1hover.gif') left top; 
color : #000000 !important ; 
} 
a.nav_rolln2, a.nav_termekek2, a.nav_hirek2, a.nav_blickle2, a.nav_szolgaltatas2, a.nav_akcio2 { 
font-weight : bold; 
text-align : center; 
display : block; 
margin : 0; 
padding : 0; 
color : #666666 !important ; 
text-decoration : none; 
line-height : 21px; 
font-size : 70%; 
background : url('../img/nav/n1hover.gif') left top; 
height : 21px; 
} 
a.nav_rolln2, a.nav_rolln2:link, a.nav_rolln2:hover, a.nav_rolln2:active, a.nav_rolln2:focus, a.nav_rolln2:visited { 
width : 109px; 
color : #000000 !important ; 
} 
a.nav_termekek2, a.nav_termekek2:link, a.nav_termekek2:hover, a.nav_termekek2:active, a.nav_termekek2:focus, a.nav_termekek2:visited { 
width : 119px; 
color : #000000 !important ; 
} 
a.nav_hirek2, a.nav_hirek2:link, a.nav_hirek2:hover, a.nav_hirek2:active, a.nav_hirek2:focus, a.nav_hirek2:visited { 
width : 134px; 
color : #000000 !important ; 
} 
a.nav_blickle2, a.nav_blickle2:link, a.nav_blickle2:hover, a.nav_blickle2:active, a.nav_blickle2:focus, a.nav_blickle2:visited { 
width : 119px; 
color : #000000 !important ; 
} 
a.nav_szolgaltatas2, a.nav_szolgaltatas2:link, a.nav_szolgaltatas2:hover, a.nav_szolgaltatas2:active, a.nav_szolgaltatas2:focus, a.nav_szolgaltatas2:visited { 
width : 125px; 
color : #000000 !important ; 
} 
a.nav_akcio2, a.nav_akcio2:link, a.nav_akcio2:hover, a.nav_akcio2:active, a.nav_akcio2:focus, a.nav_akcio2:visited { 
width : 141px; 
color : #000000 !important ; 
} 
a.nav_rolln2:hover, a.nav_termekek2:hover, a.nav_hirek2:hover, a.nav_blickle2:hover, a.nav_szolgaltatas2:hover, a.nav_akcio2:hover { 
color : #000000 !important ; 
} 
#menu_rolln {
	width : 160px;
} 
#menu_termekek { 
width : 160px; 
color : #000000; 
} 
#menu_hirek { 
width : 180px; 
color : #000000; 
} 
#menu_blickle { 
width : 175px; 
color : #000000; 
} 
#menu_szolgaltatas { 
width : 175px; 
color : #000000; 
} 
#menu_akcio { 
width : 190px; 
color : #000000; 
} 
.menu {
	text-align : left;
	position : absolute;
	border-top : 1px solid #ffffff;
	border-left : 1px solid #ffffff;
	border-bottom : 1px solid #99bc2e;
	border-right : 1px solid #85a428;
	padding : 0;
	margin : 0;
	color : #333333 !important;
	visibility: hidden;
} 
.menu li { 
width : 100%; 
padding : 0; 
margin : 0; 
list-style : none; 
color : #333333 !important ; 
} 
.menu li a {
	background : #e7f1c5 url('../img/nav/n2arrow.gif') no-repeat 0% 1px;
	color : #000000 !important;
	display : block;
	font-size : 70%;
	padding : 3px 0px 3px 20px;
	margin : 0;
	text-decoration : none;
	border-bottom : 1px solid #fff;
	border-top : 0 solid #fff;
	line-height : 15px;
} 
.menu li a:hover, .menu li a:active, .menu li a:focus { 
background : #d2e697 url('../img/nav/n2arrow_hover.gif') no-repeat 0% 1px; 
color : #000000 !important ; 
} 
#subnav .activeitem { 
font-weight : bold; 
font-size : 120%; 
color : #ffffff; 
line-height : 150%; 
padding : 3px 0px 3px 8px; 
margin-bottom : 10px; 
} 
#subnav ul.level1 { 
margin : 0; 
padding : 0; 
} 
#subnav ul.level1 li { 
list-style : none; 
margin : 0; 
padding : 0 0 0 0; 
border-bottom : 0 solid #f4f5f6; 
border-top : 0 solid #fff; 
display : inline-block; 
display : block; 
} 
#subnav a.level1, #subnav a.level1:link, #subnav a.level1:active, #subnav a.level1:hover, #subnav a.level1:visited { 
font-weight : normal; 
color : #000000; 
text-decoration : none; 
font-size : 100%; 
text-transform : none; 
background : url('../img/nav/level1arrow.gif') no-repeat left top; 
padding : 8px 0 8px 20px; 
display : block; 
width : 175px; 
} 
#subnav a.level1:hover { 
color : #08c; 
} 
#subnav a.level1active, #subnav a.level1active:link, #subnav a.level1active:active, #subnav a.level1active:hover, #subnav a.level1active:visited { 
font-weight : bold; 
color : #000000; 
text-decoration : none; 
font-size : 100%; 
text-transform : none; 
background : url('../img/nav/level1active.gif') no-repeat left top; 
background-color : #b1d349; 
padding-left : 20px; 
padding : 8px 0 8px 20px; 
display : block; 
border-top : 1px solid #6d8721; 
} 
#subnav a.level1active:hover { 
color : #ffffff; 
} 
#subnav ul.level2 { 
margin : 0; 
padding : 0 0 10px 0; 
background-color : #cae184; 
border-bottom : 1px solid #6d8721; 
} 
#subnav ul.level2 li { 
list-style : none; 
margin : 0; 
padding : 0 0 0 0; 
border : none; 
border-top : 1px solid #ffffff; 
border-bottom : 0 solid #c1dc6d; 
width : 100%; 
} 
#subnav a.level2, #subnav a.level2:link, #subnav a.level2:active, #subnav a.level2:hover, #subnav a.level2:visited { 
color : #000000; 
text-decoration : none; 
font-size : 90%; 
text-transform : none; 
padding-left : 20px; 
padding-bottom : 6px; 
display : block; 
padding-top : 6px; 
padding-right : 5px; 
} 
#subnav a.level2:hover { 
color : #08c; 
background-color : #dbebab; 
} 
#subnav a.level4, #subnav a.level4:link, #subnav a.level4:active, #subnav a.level4:hover, #subnav a.level4:visited { 
color : #ffffff; 
text-decoration : none; 
font-size : 90%; 
text-transform : none; 
padding-left : 20px; 
padding-bottom : 6px; 
display : block; 
padding-top : 6px; 
padding-right : 5px; 
background-color : #0095e6; 
} 
#subnav a.level4:hover { 
color : #ffffff; 
background-color : #ff6666; 
} 
#subnav a.level4active, #subnav a.level4active:link, #subnav a.level4active:active, #subnav a.level4active:hover, #subnav a.level4active:visited { 
color : #ffffff; 
text-decoration : none; 
font-size : 90%; 
text-transform : none; 
padding-left : 20px; 
padding-bottom : 6px; 
display : block; 
background-image : url('../img/nav/level4active.gif'); 
background-repeat : no-repeat; 
background-position : 5px 9px; 
background-color : #ff6666; 
padding-top : 6px; 
} 
#subnav a.level4active:hover { 
color : #000000; 
} 
#subnav a.level2active { 
color : #000000; 
text-decoration : none; 
font-size : 90%; 
text-transform : none; 
padding-left : 20px; 
padding-bottom : 6px; 
display : block; 
background-image : url('../img/nav/level2active.gif'); 
background-repeat : no-repeat; 
background-position : 5px 9px; 
background-color : #dbebab; 
padding-top : 6px; 
} 
#subnav a.level2active:hover { 
color : #000000; 
} 
.level3sub { 
color : #000000; 
text-decoration : none; 
font-size : 90%; 
text-transform : none; 
padding-left : 25px; 
padding-bottom : 6px; 
display : block; 
background-color : #f2f8de; 
padding-top : 6px; 
} 
.level3sub:hover { 
color : #000000; 
background-image : url('../img/nav/level2active.gif'); 
background-repeat : no-repeat; 
background-position : 5px 9px; 
background-color : #dbebab; 
} 
#subnav ul.reklam { 
margin : 0; 
padding : 0; 
} 
#subnav ul.reklam li { 
list-style : none; 
margin : 0; 
padding : 10px 10px 10px 0; 
border-bottom : 1px solid #efefef; 
border-top : 1px solid #fff; 
text-align : center; 
} 
#subnav a.reklam, #subnav a.reklam:link, #subnav a.reklam:active, #subnav a.reklam:hover, #subnav a.reklam:visited { 
font-weight : normal; 
color : #003399; 
text-decoration : none; 
font-size : 100%; 
text-transform : capitalize; 
padding : 8px 0 8px 8px; 
display : block; 
} 
#subnav a.reklam:hover { 
color : #08c; 
} 
#pagefooter a.printpage, a.printpage:link, a.printpage:visited, a.printpage:active, a.printpage:hover { 
color : #000000; 
text-decoration : none; 
padding : 15px 0 0 20px; 
float : left; 
background : url('../img/nav/ic_print.gif') no-repeat 0 15px; 
display : inline; 
position : relative; 
} 
#pagefooter a.printpage:hover { 
color : #08c; 
} 
#color_picker a.recommend, a.recommend:link, a.recommend:visited, a.recommend:active, a.recommend:hover { 
color : #000000; 
text-decoration : none; 
padding : 30px 0 0 30px; 
float : left; 
background : url('../img/nav/ic_recommend.gif') no-repeat 0% 15px; 
display : inline; 
position : relative; 
} 
#color_picker a.recommend:hover { 
color : #08c; 
} 
#pagefooter a.recommend, a.recommend:link, a.recommend:visited, a.recommend:active, a.recommend:hover { 
color : #000000; 
text-decoration : none; 
padding : 15px 0 0 30px; 
float : left; 
background : url('../img/nav/ic_recommend.gif') no-repeat 0% 15px; 
display : inline; 
position : relative; 
} 
#pagefooter a.recommend:hover { 
color : #08c; 
} 
#pagefooter a.pagetop, a.pagetop:link, a.pagetop:visited, a.pagetop:active, a.pagetop:hover { 
color : #000000; 
text-align : right; 
text-decoration : none; 
padding : 15px 20px 0 0; 
width : 150px; 
float : right; 
background : url('../img/nav/ic_pagetop.gif') no-repeat right 15px; 
display : inline; 
position : relative; 
} 
#pagefooter a.pagetop:hover { 
color : #08c; 
} 
#pagefooter .pipe { 
float : left; 
width : 20px; 
padding-top : 15px; 
text-align : center; 
} 
#breadcrump { 
padding : 0 45px; 
color : #666666; 
font-size : 70%; 
margin-top : 13px; 
background : url('../termekek/blickle/img/termek_bg.gif') no-repeat left top; 
line-height : 13px; 
height : 30px; 
} 
#breadcrump a.vissza, a.vissza:link, a.vissza:visited, a.vissza:active, a.vissza:hover { 
color : #000000; 
text-decoration : none; 
padding : 9px 0 0 0; 
float : left; 
display : inline; 
position : relative; 
} 
#breadcrump a.vissza:hover { 
color : #08c; 
} 
#breadcrump a.termekkereses, a.termekkereses:link, a.termekkereses:visited, a.termekkereses:active, a.termekkereses:hover { 
color : #000000; 
text-align : right; 
text-decoration : none; 
padding : 9px 0 0 0; 
width : 200px; 
float : right; 
display : inline; 
position : relative; 
} 
#breadcrump a.termekkereses:hover { 
color : #08c; 
} 
#content_container #breadcrumbs { 
font-weight : bold; 
font-size : 13px; 
color : #444; 
line-height : 34px; 
height : 36px; 
background-image : url(../img/bg/content-fill.gif); 
border-bottom : 1px solid #e5e5e5; 
padding-left : 18px; 
} 
#content_container #breadcrumbs A { 
padding-right : 10px; 
padding-left : 10px; 
float : left; 
padding-bottom : 0; 
margin-left : -10px; 
color : #444; 
padding-top : 0; 
position : relative; 
text-decoration : none; 
} 
#content_container #breadcrumbs A:hover { 
color : #333; 
text-decoration : none !important ; 
} 
#content_container #breadcrumbs A.home { 
margin : 0; 
overflow : hidden; 
width : 15px; 
padding-top : 36px; 
height : 0; 
} 
#content_container #breadcrumbs SPAN { 
float : left; 
margin : 1px 10px 0 0; 
overflow : hidden; 
width : 9px; 
padding-top : 34px; 
position : relative; 
height : 0; 
} 
#content_container OL#breadcrumbs { 
font-weight : bold; 
font-size : 11px; 
background : url(http://images.apple.com/global/nav/images/breadcrumb_bg.png) no-repeat; 
margin : 0; 
color : #444; 
line-height : 34px; 
list-style-type : none; 
height : 36px; 
} 
#content_container OL#breadcrumbs LI { 
padding-right : 0; 
padding-left : 20px; 
background : url(http://images.apple.com/global/nav/images/breadcrumb_sep_20080909.png) no-repeat; 
float : left; 
padding-bottom : 0; 
margin : 0; 
padding-top : 0; 
} 
#content_container OL#breadcrumbs LI A { 
padding-right : 10px; 
padding-left : 10px; 
float : left; 
padding-bottom : 0; 
margin-left : -10px; 
color : #444; 
padding-top : 0; 
text-decoration : none; 
} 
#content_container OL#breadcrumbs LI A:hover { 
color : #333; 
text-decoration : none; 
} 
#content_container OL#breadcrumbs LI.home { 
padding-right : 0; 
padding-left : 0; 
background : transparent none repeat scroll 0% 0%; 
padding-bottom : 0; 
margin : 0; 
padding-top : 0; 
} 
#content_container OL#breadcrumbs LI.home A { 
padding-right : 10px; 
padding-left : 10px; 
padding-bottom : 0; 
margin : 0; 
overflow : hidden; 
width : 15px; 
text-indent : -9999px; 
padding-top : 0; 
} 
.intro a, .intro a:link, .intro a:active, .intro a:hover, .intro a:visited { 
color : #fff; 
text-decoration : underline; 
} 
.intro a:hover { 
color : #fff; 
text-decoration : none; 
} 
.sitemap a, .sitemap a:link, .sitemap a:active, .sitemap a:hover, .sitemap a:visited { 
text-decoration : none; 
} 
.sitemap a:hover { 
text-decoration : none; 
} 
.sitemap a.cl1, .sitemap a.cl1:link, .sitemap a.cl1:active, .sitemap a.cl1:hover, .sitemap a.cl1:visited { 
text-decoration : none; 
color : #03031d; 
} 
.sitemap a.cl1:hover { 
text-decoration : none; 
color : #03031d; 
} 
ul.sml1 { 
margin : 10px 0 0 0; 
padding : 0; 
} 
ul.sml1 li { 
list-style : square; 
margin : 5px 0 5px 0; 
padding : 0; 
font-size : 150%; 
font-weight : bold; 
color : #03031d; 
} 
ul.sml2 { 
margin : 10px 0 0 0; 
padding : 0; 
} 
ul.sml2 li { 
list-style : square; 
margin : 0; 
padding : 0; 
font-size : 80%; 
font-weight : bold; 
color : #ffffff; 
} 
ul.sml3 { 
margin : 2px 0 5px 0; 
padding : 0; 
} 
ul.sml3 li { 
list-style : square; 
margin : 0 0 0 5px; 
padding : 0; 
font-size : 80%; 
font-weight : normal; 
color : #b4c7d6; 
} 
#rightcontent #newsright a, #rightcontent #newsright a:link, #rightcontent #newsright a:active, #rightcontent #newsright a:hover, #rightcontent #newsright a:visited { 
color : #03031d; 
text-decoration : none; 
} 
#rightcontent #newsright a:hover { 
color : #08c; 
text-decoration : none; 
} 
#home_left #news #desc a, #home_left #news #desc a:link, #home_left #news #desc a:active, #home_left #news #desc a:hover, #home_left #news #desc a:visited { 
color : #03031d; 
text-decoration : none; 
display : block; 
} 
#home_left #news #desc a:hover { 
text-decoration : none; 
color : #08c; 
} 
#home_left #events #desc a, #home_left #events #desc a:link, #home_left #events #desc a:active, #home_left #events #desc a:hover, #home_left #events #desc a:visited { 
color : #03031d; 
text-decoration : none; 
} 
#home_left #events #desc a:hover { 
text-decoration : none; 
color : #08c; 
} 
.link_pdf a, .link_pdf a:link, .link_pdf a:active, .link_pdf a:hover, .link_pdf a:visited { 
background : url('../img/nav/link_pdf.gif') no-repeat left top; 
display : block; 
height : 19px; 
line-height : 19px; 
padding-left : 25px; 
margin : 5px 0 5px 0; 
width : 85%; 
} 
.link_general a, .link_general a:link, .link_general a:active, .link_general a:hover, .link_general a:visited { 
background : url('../img/nav/link_general.gif') no-repeat left top; 
display : block; 
height : 19px; 
line-height : 19px; 
padding-left : 25px; 
margin : 5px 0 5px 0; 
width : 85%; 
} 
.link_mail a, .link_mail a:link, .link_mail a:active, .link_mail a:hover, .link_mail a:visited { 
background : url('../img/nav/link_mail.gif') no-repeat left top; 
display : block; 
height : 19px; 
line-height : 19px; 
padding-left : 25px; 
margin : 5px 0 5px 0; 
width : 85%; 
} 
.link_more a, .link_more a:link, .link_more a:active, .link_more a:hover, .link_more a:visited { 
background : url('../img/nav/link_more.gif') no-repeat left top; 
display : block; 
height : 19px; 
line-height : 19px; 
padding-left : 25px; 
margin : 3px 0 3px 0; 
width : 95%; 
} 
.link_flash a, .link_flash a:link, .link_flash a:active, .link_flash a:hover, .link_flash a:visited { 
background : url('../img/nav/link_flash.gif') no-repeat left top; 
display : block; 
height : 19px; 
line-height : 19px; 
padding-left : 25px; 
margin : 5px 0 5px 0; 
width : 85%; 
} 
.link_ppt a, .link_ppt a:link, .link_ppt a:active, .link_ppt a:hover, .link_ppt a:visited { 
background : url('../img/nav/link_ppt.gif') no-repeat left top; 
display : block; 
height : 19px; 
line-height : 19px; 
padding-left : 25px; 
margin : 5px 0 5px 0; 
width : 85%; 
} 
.link_tv a, .link_tv a:link, .link_tv a:active, .link_tv a:hover, .link_tv a:visited { 
background : url('../img/nav/link_tv.gif') no-repeat left top; 
display : block; 
height : 19px; 
line-height : 19px; 
padding-left : 25px; 
margin : 5px 0 5px 0; 
width : 85%; 
} 
.link_workshop a, .link_workshop a:link, .link_workshop a:active, .link_workshop a:hover, .link_workshop a:visited { 
background : url('../img/nav/link_workshop.gif') no-repeat left top; 
display : block; 
height : 19px; 
line-height : 19px; 
padding-left : 25px; 
margin : 5px 0 5px 0; 
width : 85%; 
}