body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: Black;}

table { font-size: 12px; border: none; padding: 0px}
tr, td {
	padding: 0px; margin: 0px; border: none
} 
p.kifuto {	font-weight: bold; color: red; font-variant: small-caps; text-align: center !important; margin: 0}
p {	text-align: justify;}
.baloldal { width: 160px !important; border-right: 1px dotted #787878;; padding: 5px;}
.baloldal a { color: #787878; text-decoration: none; font-weight: bold;}
.baloldal a:visted { color: #787878;}
.baloldal a:hover {	color: #ff0000;}

.jobboldal { width: 160px !important; border-left: 1px dotted #787878;; padding: 5px;}
.jobboldal a { color: #787878; text-decoration: none; font-weight: bold;}
.jobboldal a:visted { color: #787878;}
.jobboldal a:hover {	color: #ff0000;}

.tartalom { padding: 5px;}
.tartalom a { color: #787878; text-decoration: none; font-weight: bold;}
.tartalom a:visted { color: #787878;}
.tartalom a:hover {	color: #ff0000;}

.top {text-align: center}
.top a { color: #787878; text-decoration: none; font-weight: bold;}
.top a:visted { color: #787878;}
.top a:hover {	color: #ff0000;}

a.sargaelonezet { display:block; float:left; margin-top:5px; width:103px; height:103px; background: url(http://www.katica.hu/webelemek/sargakep.gif) 0 0 no-repeat; font-size:1px; line-height:1px;}
a.sargaelonezet:hover { background:transparent url(http://www.katica.hu/webelemek/sargakep.gif) 0 -103px no-repeat;}
a.sargaelonezet img { display:block; border: none; }

.kosarba {	display:block;	position: relative; /* IE peekaboo */	margin:5px 0; width:79px;	height:23px; background:url(http://www.katica.hu/webelemek/kosarba.gif) 0 0 no-repeat; font-size:1px;	line-height:1px;}
.kosarba:hover {	background:url(http://www.katica.hu/webelemek/kosarba.gif) 0 -23px no-repeat;	height:23px;}

.ok {	display:block;	position: relative; /* IE peekaboo */	width:79px;	height:22px; background:url(http://www.katica.hu/webelemek/ok.gif) 0 0 no-repeat; font-size:1px;	line-height:1px; margin-top: 5px}
.ok:hover {	background:url(http://www.katica.hu/webelemek/ok.gif) 0 -22px no-repeat;	height:23px; margin-top: 5px}

.kosar {	display:block;	position: relative; /* IE peekaboo */	margin:5px 0; width:79px;	height:22px; background:url(http://www.katica.hu/webelemek/kosar.gif) 0 0 no-repeat; font-size:1px;	line-height:1px;}
.kosar:hover {	background:url(http://www.katica.hu/webelemek/kosar.gif) 0 -22px no-repeat;	height:23px;}

.piroscimbal {	background: url(http://www.katica.hu/piroscim_elemei/bal.jpg) no-repeat left; height: 25px; width:15px !important;  	line-height: 25px; min-width:15px; float: left;}
.piroscim {	background: url(http://www.katica.hu/piroscim_elemei/alap.jpg);	background-repeat: repeat-x;	height: 25px;	text-align: center;	font-weight: bold; width: 595px; padding-top: 5px; float: left;}
.piroscimjobb { background: url(http://www.katica.hu/piroscim_elemei/jobb.jpg) no-repeat right; height: 25px; width:15px !important; 	line-height: 25px; min-width:15px; float: left }
.piroscim a:link {color: black}
.piroscim a:visited {color: black}
.piroscim a:hover {	color: black;}


.sargacimbal {	background: url(http://www.katica.hu/sargacim_elemei/bal.jpg) no-repeat left; height: 25px; width:15px !important;  	line-height: 25px; min-width:15px; float: left;}
.sargacim {	background: url(http://www.katica.hu/sargacim_elemei/alap.jpg);	background-repeat: repeat-x;	height: 25px;	text-align: center;	font-weight: bold; width: 595px; padding-top: 5px; float: left;}
.sargacimjobb { background: url(http://www.katica.hu/sargacim_elemei/jobb.jpg) no-repeat right; height: 25px; width:15px !important; 	line-height: 25px; min-width:15px; float: left }
.sargacim a:link {color: black}
.sargacim a:visited {color: black}
.sargacim a:hover {	color: black;}

.sargaalcim {	font-weight: bold;	border-bottom: 3px Double #FFDE59;	width: 95%;	text-indent: 20px;}
.termeknev {	font-weight: bold; color: #ff0000;}
.ar { font-weight: bold; color: #ff0000;}
.hline {	background: url(http://www.katica.hu/webelemek/hline.gif) repeat-x;	height: 2px;	line-height: 2px;	width: 95%;	margin-left: 3px;   margin-right: 3px}

#navlist { color: black; padding: 0 1px; margin-left: 0; font: normal 10px Verdana, sans-serif; font-weight: bold; background-color: #fc0; padding-top: 1px; padding-bottom: 1px}
#navlist li { list-style: none; font-size: 1em; padding: 0.0em 0.0em 0.0em 0.75em; line-height: 22px; }
#navlist a { display: block; text-decoration: none; margin-bottom: 0.0em; margin-top: 0.0em; margin-left: -0.75em; color: white; background: #39c; 
             border-width: 1px; border-style: solid; border-color: #5bd #035 #068 #6cf; padding: 0.25em 0.5em 0.4em 0.75em; line-height: normal; width: 200px;}
#navlist a#current { border-color: #5bd #035 #068 #f30; }
#navlist a { width: 99%;
        /* only necessary for Internet Explorer */
}
#navlist a { 
        voice-family: "\"}\"";
        voice-family: inherit; 
        /* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer>#navlist a {
        width: auto;
        /* only necessary if you use the hacks above for the Internet Explorer */
}

#navlist a:hover, #navlist a#current:hover {background: #28b; border-color: #069 #6cf #5bd #fc0; padding: 0.4em 0.35em 0.25em 0.9em;}
#navlist a:active, #navlist a#current:active { background: #17a; border-color: #069 #6cf #5bd white; padding: 0.4em 0.35em 0.25em 0.9em;}

/* Waldorf menû*/
#navlist2 {	color: black;	padding: 0 1px;	margin-left: 0;	font: normal 10px Verdana, sans-serif;	font-weight: bold;	background-color: #32AD2C;	padding-top: 1px;	padding-bottom: 1px;}
#navlist2 li { list-style: none; font-size: 1em; padding: 0.0em 0.0em 0.0em 0.75em; line-height: 22px; }
#navlist2 a {
	display: block;
	text-decoration: none;
	margin-bottom: 0.0em;
	margin-top: 0.0em;
	margin-left: -0.75em;
	color: Black;
	background: #FFD700;
	border-width: 1px;
	border-style: solid;
	border-color: #FEFF3C #A6682B #CD853F #FEFF3C;
	padding: 0.25em 0.5em 0.4em 0.75em;
	line-height: normal;
	width: 200px;
}
#navlist2 a#current { border-color: #5bd #035 #068 #f30; }
#navlist2 a { width: 99%;
        /* only necessary for Internet Explorer */
}
#navlist2 a { 
        voice-family: "\"}\"";
        voice-family: inherit; 
        /* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer2>#navlist2 a {
        width: auto;
        /* only necessary if you use the hacks above for the Internet Explorer */
}

#navlist2 a:hover, #navlist a#current:hover {
	background: #E6C400;
	border-color: #907B00 #FFE33E #FFE33E #fc0;
	padding: 0.4em 0.35em 0.25em 0.9em;
}
#navlist2 a:active, #navlist a#current:active { background: #17a; border-color: #069 #6cf #5bd white; padding: 0.4em 0.35em 0.25em 0.9em;}