/* -- General Style -- */ #imHeader { position: static; } #imHeader div {position: absolute; cursor: pointer; } body { font-size: 12px; color: #AFBCC6; font-family: arial, Helvetica, sans-serif; vertical-align: baseline; } /*Bekezdesek formazasa*/ /*A szoveg igazitasat, a betu meretet itt nem rogzitem itt*/ p { margin: 0; padding: 5px 20px 0 10px; font-family: Arial; vertical-align: baseline; line-height: 16px; text-align: justify; } ul.imBullet {margin: 0 0 0 20px; padding: 0; text-align: left; } ul.imBullet li {vertical-align: middle; } /*Szoveg igazitasok*/ .imAlign_left {text-align: left; } .imAlign_center {text-align: center; } .imAlign_right {text-align: right; } .imAlign_justify {text-align: justify; } /***************KEP**************/ img.keret { background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #292929; margin: 0 0 10px 10px; padding: 7px; } img.logo { padding-top: 1px; padding-right: 13px; padding-bottom: 0px; padding-left: 0px; } img.imImage { border: 0px; vertical-align: baseline; } img.SzurkeHatter { padding:3px; margin:0px; background:#292929; text-align:center; border:1px none #FFF; } /*alapertelmezett img*/ img { border: none; } #AlsoKep { text-align:center; padding-top:10px; padding-left: 10px; } /*Kep ala szoveg*/ .picture { background-color: #F9F9F9; border: 1px solid #CCCCCC; padding: 3px; font: 11px/1.4em Arial, sans-serif; color:#333; } .picture img { border: 1px solid #CCCCCC; vertical-align:middle; margin-bottom: 3px; } .right { margin: 0.5em 0pt 0.5em 0.8em; float:right; } .left { float:left; margin-top: 0.5em; margin-right: 10px; margin-bottom: 0.5em; margin-left: auto; } .clearboth { clear: both; } /*lathatalanna tesz*/ .imInvisible {position: absolute; top: -10000px; left: -10000px;} .imHidden {display: none; } .imClear {clear: left; } .imError {padding: 5px; margin: 10px; border: 1px solid #000000; background-color: #FFFFFF; font: 11px Tahoma; text-align: center; line-height: 16pt; } #imToolTip {position:absolute; visibility: hidden; padding: 3px; z-index: 1001; } #imMailLink {padding-left: 20px; background: url('imemail.gif') no-repeat; } /*#imZIBackg {display: none; position: absolute; text-align: center; width: 100%; background-image: url('imzibackg.png') !important; background-image: url('imblank.gif'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="res/imzibackg.png", sizingMethod="scale"); cursor: pointer; } #imZIImage {background: #EEEEEE; url('imziload.gif'); no-repeat; border: 1px solid #333333; margin: 0 auto; } #imZIImage img {margin: 7px; } #imZICaption {font: 11px Tahoma; color: #000000; padding: 0 7px 7px 7px; } */ #imLockTxt {margin-left: 10px; font: 11px Tahoma; color: #000000; min-height: 300px; height: auto !important; height: 300px; } #imLockForm {margin: 5px auto; text-align: left; padding: 5px; width: 200px; } #imLockAlert {background-color: red; color: white; padding: 0 5px 0 5px; } .imLockLabel {display: block; margin-top: 6px; } .imLockBtn {font: 11px Tahoma; color: #000000; background-color: #C0C0C0; border: 1px solid #222222; margin: 5px; } .imLockFld {font: 11px Tahoma; color: #000000; border: 1px solid #222222; margin: 4px 0; vertical-align: middle; } /* -- Menu Main Settings -- */ #imMnMn {padding-top: 0px; } /*#imMnMn ul, #imMnMn ul li {margin: 0; padding: 0; list-style: none; z-index: 1000; cursor: pointer; } #imMnMn ul li {position: relative; float: left; padding-bottom: 0px; } #imMnMn ul a {display: block; text-decoration: none; width: 120px; height: 32px; } */ /* -- Menu Main Images -- */ /*#imMnMn ul li a.imMnItm_1 {background: url('immnu_01a.gif') no-repeat top left; } #imMnMn ul li:hover a.imMnItm_1, #imMnMn ul li a:hover.imMnItm_1 {background: url('immnu_01b.gif') no-repeat top left; } #imMnMn ul li a.imMnItm_2 {background: url('immnu_02a.gif') no-repeat top left; } #imMnMn ul li:hover a.imMnItm_2, #imMnMn ul li a:hover.imMnItm_2 {background: url('immnu_02b.gif') no-repeat top left; } #imMnMn ul li a.imMnItm_3 {background: url('immnu_03a.gif') no-repeat top left; } #imMnMn ul li:hover a.imMnItm_3, #imMnMn ul li a:hover.imMnItm_3 {background: url('immnu_03b.gif') no-repeat top left; } #imMnMn ul li a.imMnItm_4 {background: url('immnu_04a.gif') no-repeat top left; } #imMnMn ul li:hover a.imMnItm_4, #imMnMn ul li a:hover.imMnItm_4 {background: url('immnu_04b.gif') no-repeat top left; } #imMnMn ul li a.imMnItm_5 {background: url('immnu_05a.gif') no-repeat top left; } #imMnMn ul li:hover a.imMnItm_5, #imMnMn ul li a:hover.imMnItm_5 {background: url('immnu_05b.gif') no-repeat top left; } #imMnMn ul li a.imMnItm_6 {background: url('immnu_06a.gif') no-repeat top left; } #imMnMn ul li:hover a.imMnItm_6, #imMnMn ul li a:hover.imMnItm_6 {background: url('immnu_06b.gif') no-repeat top left; } #imMnMn ul li a.imMnItm_7 {background: url('immnu_07a.gif') no-repeat top left; } #imMnMn ul li:hover a.imMnItm_7, #imMnMn ul li a:hover.imMnItm_7 {background: url('immnu_07b.gif') no-repeat top left; } #imMnMn ul li a.imMnItm_8 {background: url('immnu_08a.gif') no-repeat top left; } #imMnMn ul li:hover a.imMnItm_8, #imMnMn ul li a:hover.imMnItm_8 {background: url('immnu_08b.gif') no-repeat top left; } #imMnMn ul li a.imMnItm_9 {background: url('immnu_09a.gif') no-repeat top left; } #imMnMn ul li:hover a.imMnItm_9, #imMnMn ul li a:hover.imMnItm_9 {background: url('immnu_09b.gif') no-repeat top left; } #imMnMn ul li a.imMnItm_10 {background: url('immnu_10a.gif') no-repeat top left; } #imMnMn ul li:hover a.imMnItm_10, #imMnMn ul li a:hover.imMnItm_10 {background: url('immnu_10b.gif') no-repeat top left; } #imMnMn a.imMnLv {background-image: url('imiconmenu.gif'); background-position: center right; background-repeat: no-repeat; } */ /* -- Menu Level -- */ /*#imMnMn ul ul {display: none; position: absolute; top: 0px; left: 120px; } #imMnMn ul ul ul {top: 0; left: 119px;} #imMnMn ul li:hover li a, #imMnMn ul li.iehover li a, #imMnMn ul li:hover li:hover li a, #imMnMn ul li.iehover li.iehover li a, #imMnMn ul li:hover li:hover li:hover li a, #imMnMn ul li.iehover li.iehover li.iehover li a {padding: 3px; height: auto !important; height: 1%; font: 11px Tahoma; background-color: #800000; color: #FFFFFF; border: 1px solid #000000; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); width: 112px; text-align: left; } #imMnMn ul li li {padding-bottom: 0; margin-bottom: -1px; } #imMnMn ul li:hover li a:hover, #imMnMn ul li:hover li:hover a, #imMnMn ul li.iehover li a:hover, #imMnMn ul li.iehover li.iehover a, #imMnMn ul li:hover li:hover li a:hover, #imMnMn ul li:hover li:hover li:hover a, #imMnMn ul li.iehover li.iehover li a:hover, #imMnMn ul li.iehover li.iehover li.iehover a, #imMnMn ul li:hover li:hover li:hover li a:hover, #imMnMn ul li.iehover li.iehover li.iehover li a:hover {background-color: #0000C0; color: #FFFFC0; } #imMnMn ul li:hover ul ul, #imMnMn ul li:hover ul ul ul, #imMnMn ul li.iehover ul ul, #imMnMn ul li.iehover ul ul ul {display: none;} #imMnMn ul li:hover ul, #imMnMn ul ul li:hover ul, #imMnMn ul ul ul li:hover ul, #imMnMn ul li.iehover ul, #imMnMn ul ul li.iehover ul, #imMnMn ul ul ul li.iehover ul {display: block;} */ /* -- Menu Sub -- */ #imPageSub {width: 646px; padding-left: 4px; float: right; background: url('imsubmnuline.gif') repeat-y 2px; } #imMenuSub {width: 116px; float: left; padding-top: 10px; } #imMenuSub ul {list-style: none; margin: 0; padding: 0; border: none; } #imMenuSub li.imMenuSubCur, #imMenuSub ul a {height: auto !important; height: 0%; padding: 4px 3px 4px 3px; font: 11px Tahoma; color: #000000; background-color: #C0FFC0; border-bottom: 1px solid #C0C0C0; } #imMenuSub li.imMenuSubCur {font-weight: bold; } #imMenuSub ul a:link, #imMenuSub ul a:active, #imMenuSub ul a:visited {display: block; text-decoration: none; } #imMenuSub ul a:hover, #imMenuSub ul a:focus {background-color: #000000; color: #FFFFFF; } html {scrollbar-face-color:#C0C0C0; scrollbar-arrow-color:#000000; scrollbar-track-color:#E0E0E0; scrollbar-shadow-color:#808080; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#E0E0E0; scrollbar-darkshadow-Color:#000000; } /* -- Texts Style -- */ h1 { margin: 0px 0px 4px 10px; padding: 2px 0 0 0; color: #FFF; text-align: left; border-bottom: 1px solid #0000FF; height: 20px; font-family: Tahoma; font-size: 16px; font-weight: bold; text-shadow: #000000 2px 2px 1px; } h2 { color: #D8DEE2; text-align: left; font-family: Tahoma; font-size: 12px; font-weight: bold; text-shadow: #000000 1px 1px 2px; margin-top: 0px; margin-right: 0px; margin-left: 10px; padding-top: 5px; padding-right: 0; padding-bottom: 0px; padding-left: 0; margin-bottom: 0px; } #imPathTitle {margin: 0px 0px 8px 10px; padding: 2px 0 0 0; font: 9px Tahoma; color: #808080; text-align: left; height: 13px; } .imDefText {padding: 2px 0 0 0; font: 13px Tahoma; color: #000000; text-align: left; height: 17px; } #imFooterSiteMap {margin: 8px 0px 0px 10px; padding: 2px 0 0 0; font: 11px Tahoma; color: #000000; text-align: center; height: 15px; } #imFooterSiteMap a:link, #imFooterSiteMap a:active, #imFooterSiteMap a:visited, #imFooterSiteMap a:hover {color: #000000; text-decoration: none; } #imFooterSiteMap a:hover {color: #000000; text-decoration: underline; } #imFooter_L, #imFooter_R {padding: 2px 0 0 0; font: 11px Tahoma; text-align: left; height: 15px; } #imFooter img { padding-left: 5px; } #imFooter a:link, #imFooter a:visited, #imFooter a:hover, #imFooter a:active { text-decoration: none; } /* -- Links Style -- */ a.ImLink {text-decoration:underline; } a.ImLink:link {color: #0000FF; } a.ImLink:visited {color: #C000C0; } a.ImLink:hover {color: #0000FF; } /*AZ OLDALAKON MEGJELENO SZOVEG EGY STILUST KAP, EDDIG EZ OLDALANKENT VOLT MENTVE*/ /*vastagitott, folt, alahuzott*/ .fb {font-weight: bold; } .fi {font-style: italic; } .fu { text-decoration: underline; } /*Betutipusok*/ .ff0 {font-family: Times New Roman; } .ff1 {font-family: Tahoma; } .ff2 {font-family: Arial; } /*Betuszinek*/ .fc0 {color: #000000; } .fc1 {color: #FFFFFF; } .fc2 { color: #000 } .fc3 {color: #00C000; } .fc4 {color: #F0F0F0; } /*Betustilusok*/ .fs20 {font-size: 27px ; vertical-align: baseline; line-height: 30px ; } .fs10 {font-size: 12px ; vertical-align: baseline; line-height: 16px ; } /*--------------LINKEK STILUSA--------------*/ a:link { font-weight:bold; color: #F63; text-decoration:underline; } a:visited { font-weight:bold; color: #F63; text-decoration:underline; } a:active { font-weight:bold; color: #F63; text-decoration:underline; } a:hover { font-weight:bold; color: #eeeeee; text-decoration:underline; } /*************TABLAZAT STILUS*************/ table.imagetable { font-family: verdana,arial,sans-serif; font-size:11px; color:#333333; border-width: 1px; border-color: #999999; border-collapse: collapse; width:80%; } table.imagetable th { background:#b5cfd2 url('cell-grey.jpg'); border-width: 1px; padding: 8px; border-style: solid; border-color: #999999; } table.imagetable td { background:#dcddc0 url('cell-blue.jpg'); border-width: 1px; padding: 8px; border-style: solid; border-color: #999999; } /* Table goes in the document BODY
Info Header 1Info Header 2Info Header 3
Text 1AText 1BText 1C
Text 2AText 2BText 2C
*/ /****************A FOOLDALAKHOZ TARTOZO OSSZESITO - Kategoria nezet*************/ .termek { width: 143px; height: 165px; background: url(../images/termek.gif) no-repeat; padding: 6px 12px; overflow: hidden; } .termek .gomb_hatter a { font-weight: normal; font-size: 9px; padding-top: 5px; } .termek .cim { float: left; width: 143px; height: 34px; font-weight: bold; font-size: 14px; color: #666; } .termek .kep { float: left; width: 143px; height: 100px; padding-bottom: 10px; } .termek .tovabb { float: left; width: 143px; height: 20px; } .termek .tovabb .gomb { float: right; padding: 0; } .termek_cim { background:transparent url(../images/termek_hatter.gif) repeat-x; color:#fff; float:left; font-size:16px; font-weight:bold; height:30px; padding-top:11px; text-align:center; width:208px; } /*A kis ablakokban megjeleno gomb*/ .gomb_bal { background: url(../images/gomb_bal.gif) no-repeat; float:left; width: 3px; height: 20px; } .gomb { float: left; padding-left: 70px; } .gomb_hatter { background: url(../images/gomb_hatter.gif) repeat-x; float: left; height: 20px; } .gomb_hatter a { font-weight: bold; color: #fff; text-decoration: none; font-size: 12px; padding: 3px 5px 0 5px; float: left; } .gomb_hatter a:hover { color: #ECECEC; text-decoration: none; } .gomb_jobb { background: url(../images/gomb_jobb.gif) no-repeat; width: 3px; height: 20px; float: left; } /*********************************************** * CSS Vertical List Menu- by JavaScript Kit (www.javascriptkit.com) * Menu interface credits: http://www.dynamicdrive.com/style/csslibrary/item/glossy-vertical-menu/ * This notice must stay intact for usage * Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more ***********************************************/ /*----- Az Uj Menu ----- */ .glossymenu, .glossymenu li ul{ list-style-type: none; margin: 0; padding: 0; width: 120px; /*WIDTH OF MAIN MENU ITEMS*/ border: 1px solid black; } .glossymenu li{ position: relative; } .glossymenu li a{ background: white url(glossyback.gif) repeat-x bottom left; font: bold 12px Verdana, Helvetica, sans-serif; color: white; display: block; width: auto; padding: 5px 0; padding-left: 10px; text-decoration: none; z-index: 1; position: relative; } .glossymenu li ul{ /*SUB MENU STYLE*/ position: absolute; width: 190px; /*WIDTH OF SUB MENU ITEMS*/ left: 0; top: 0; display: none; } .glossymenu li ul li{ float: left; } .glossymenu li ul a{ width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */ } .glossymenu .arrowdiv{ position: absolute; right: 2px; background: transparent url(arrow.gif) no-repeat center right; } .glossymenu li a:visited, .glossymenu li a:active{ color: white; } .glossymenu li a:hover{ background-image: url(glossyback2.gif); } /* Holly Hack for IE \*/ * html .glossymenu li { float: left; height: 1%; } * html .glossymenu li a { height: 1%; } /* End */ /*----Stilus VEGE----*/ /* --- VIDEO STILUS --------------------------------------------------- */ .clear { clear: both; height: 1px; overflow: hidden; margin: 0; } .videolista { float:left; padding-top:8px; clear:left; width:100%; } .videolista .info { float:left; padding-left:10px; width: 525px; } .videolista .kep { padding:3px; margin:0px; background:#292929; text-align:center; float:left; } .videolista .info .cim { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #22226F; } .videolista .info .szoveg { padding-top:5px; float: left; clear: left; } .videolista .info .cim a:link { font-family: arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color: #F63; height:13px; clear:left; float:left; } .videolista .info .cim a:visited { font-family: arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color: #F63; height:13px; clear:left; float:left; } .videolista .info .cim a:active { font-family: arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color: #F63; height:13px; clear:left; float:left; } .videolista .info .cim a:hover { font-family: arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color: #eeeeee; height:13px; clear:left; float:left; } .videolista .elvalaszto { clear:left; padding-top:5px; } /***********************************************/ /*-----------ARNYEK-CSS3-----------*/ /*drop shadow*/ .shadow { -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; } .shadow_kulso_ragyogas { background:#e7e7e7; background: -moz-linear-gradient(0% 100% 90deg, #d4d4d4, #e7e7e7); background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#d4d4d4), to(#e7e7e7)); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:0 0 5px #acacac; -webkit-box-shadow:0 0 5px #acacac; box-shadow:0 0 5px #acacac; } /*szoveg arnyek*/ .shadow_text { text-shadow: #000000 3px 3px 1px; /*IExplorer*/ /* height: 1em; filter: Shadow(Color=#000000, Direction=13, Strength=5);*/ } /*As you see text-shadow accepts four values: 1. The color of the text-shadow (#6374AB) 2. The X-coordinate of the text-shadow (20px), relative to the text 3. The Y-coordinate of the text-shadow (-12px), relative to the text 4. The blur radius of the text-shadow (2px), which means the amount of space the shadowtext is 'stretched', causing a blur effect. 0 means: no blur. Don't set this value too high, the shadowtext quickly becomes illegible.*/ hr { color: #0000CC; width: 80%; text-align: center; }