﻿

html
		{
		margin: 0;
		padding:0;
		}
		
body
		{
		margin: 0;
		padding: 0;
		background: #bb9e80;
		color: #333;
		border-top: 4px solid #99857e;
		font-family: "Lucida Grande","Trebuchet MS", verdana, helvetica, arial, sans-serif;
		font-size: 0.80em;
		min-width: 1100px;
		max-width: 1300px;
		}

img		
		{
		border: none;
		}

#skip_links
		{
		margin: 0 1.5%;
		padding: 0.2em 0 0 0;
		height: 1.5em;
		background: #f9d698;
		border-left: 2px solid #99857e;
		border-right: 2px solid #99857e;
		border-bottom: 1px solid #bb9e80;
		}
		
#skip_links ul
		{
		font-size: 80%; 
		margin: 0;
		padding: 0;
		list-style-type: none;
		}

#skip_links ul li
		{
		display: inline;
		padding: 0 0 0 5px;
		margin: 0;
		}
		
#skip_links ul li a
		{
		margin: 0;
		padding: 0;
		color: #666;
		text-decoration: none;
		}
		
#skip_links ul li a:hover
		{
		color: #333;
		}
		
h2.structure
		{
		margin: 0;
		padding: 0;
		position: absolute;
		left: -5000px;
		width: 4000px;
		}
		
#header
		{
		margin: 0 1.5%;
		padding: 0 0 1.5em 0;
		height: 145px;
		border-left: 2px solid #99857e;
		border-right: 2px solid #99857e;
		border-bottom: 1px solid #bb9e80;
		}

.fooldal
		{
		background: #f9d698 url(images/fejlec1300.jpg) top left no-repeat;
		}
		
.adatbazis
		{
		background: #f9d698 url(images/fejlec_adatbazisok.jpg) top left no-repeat;
		}
		
.elerhetosegeink
		{
		background: #f9d698 url(images/fejlec_elerhetosegek.jpg) top left no-repeat;		
		}
		
.hasznoslinkek
		{
		background: #f9d698 url(images/fejlec_hasznoslinkek.jpg) top left no-repeat;		
		}
		
.konyvtarosoknak
		{
		background: #f9d698 url(images/fejlec_konyvtarosoknak.jpg) top left no-repeat;
		}

.konyvtarunkrol
		{
		background: #f9d698 url(images/fejlec_konyvtarunkrol.jpg) top left no-repeat;
		}

.megyekonyvtarai
		{
		background: #f9d698 url(images/fejlec_megyekonyvtarai.jpg) top left no-repeat;
		}
		
.oktatas
		{
		background: #f9d698 url(images/fejlec_oktatas.jpg) top left no-repeat;
		}
		
.rendezvenyek
		{
		background: #f9d698 url(images/fejlec_rendezvenyek.jpg) top left no-repeat;
		}
		
.szolgaltatasaink
		{
		background: #f9d698 url(images/fejlec_szolgaltatasaink.jpg) top left no-repeat;
		}

.kozmuvelodes
		{
		background: #f9d698 url(images/fejlec_konyvtarunkrol.jpg) top left no-repeat;
		}
		
.ujdonsagok
		{
		background: #f9d698 url(images/fejlec_ujdonsagok.jpg) top left no-repeat;
		}
		
.tamogatoink
		{
		background: #f9d698 url(images/fejlec_tamogatoink.jpg) top left no-repeat;
		}
		
.uzenofuzet
		{
		background: #f9d698 url(images/fejlec_uzenofuzet.jpg) top left no-repeat;
		}


.tamop
		{
		background: #f9d698 url(images/fejlec_tudasdepo.jpg) top left no-repeat;
		}



.tiop
		{
		background: #f9d698 url(images/fejlec_tudasdepo.jpg) top left no-repeat;
		}




h1
		{
		margin: 0;
		padding: 0;
		}

#header h1 span
		{
		position: absolute;
		left: -5000px;
		width: 4000px;
		}
		
#header img
		{
		border: none;
		margin: 20px 0 0 48px;
		}
		
#container
		{
		position: relative;
		background: #f2edda url(images/szinatmenet.jpg) top left repeat-x;
		margin: 0 1.5%;
		padding: 20px 0 0 0;
		height: 100%;
		border-left: 2px solid #99857e;
		border-right: 2px solid #99857e;
		}

		
#menu
		{
		position: absolute;
		left: 1.5%;
		width: 20%;
		top: 10px;
		margin: 0;
		border: 1px solid #f8a25d;
		background: #fbf9f4;
		}		
		
#menu ul
		{
		margin: 0;
		padding: 0;
		list-style-type: none;
		}

#menu ul li
		{
		display: inline;
		width: 100%;
		margin: 0;
		padding: 0;
		}
		
#menu a, #menu span
		{
		display: block;
		padding: 0.2em 0 0.2em 20px;
		margin: 0;
		background: url(images/menudisz.gif) 3% 50% no-repeat;
		border-bottom: 1px solid #ddd;
		}
		
#menu ul .last
		{
		border: none;
		}
		
#menu>ul li a
		{
		width: auto;
		}
		
#menu a:link, #menu a:visited
		{
		color: #111;
		text-decoration: none;
		}
		
#menu a:hover, #menu span
		{
		background-color: #f2edda;
		}






		
#secondorymenu
		{
		width: 19%;
		position: absolute;
		right: 1.5%;
		top: 6.3em;
		margin: 0;
		}
		
#secondorymenu ul
		{
		margin: 0 0 25px 0;
		padding: 0;
		list-style-type: none;
		border: 1px solid #f8a25d;
		background: #fbf9f4;
		}

#secondorymenu ul li
		{
		display: inline;
		width: 100%;
		margin: 0;
		padding: 0;
		}
		
#secondorymenu a, #secondorymenu span
		{
		display: block;
		padding: 0.2em 0 0.2em 10px;
		margin: 0;
		border-bottom: 1px solid #ddd;
		}
		
#secondorymenu ul .last span
		{
		border: none;
		}
		
#secondorymenu ul .last a
		{
		border: none;
		}
			
#secondorymenu>ul li a
		{
		width: auto;
		}
		
#secondorymenu a:link, #secondorymenu a:visited
		{
		color: #111;
		text-decoration: none;
		}
		
#secondorymenu a:hover, #secondorymenu span
		{
		background-color: #f2edda;
		}



#secondorymenu a.keplink
               {
               border: none;
               }

		
#content
		{
		margin: 0 22% 0 23%;
		padding: 0 0 25px 0;
		min-height: 500px;
		background: #fbf9f4;
		border: 1px solid #fff;
		}		
		
#content h2
		{
		margin: 0 10px 20px 10px;
		background: #fbc188 url(images/cimsordisz.jpg) 97% 50% no-repeat;
		border: 1px solid #f8a25d;
		padding: 0.1em 8px;
		color: #fbf9f4;
		font-size: 170%;
		font-family: helvetica, arial, sans-serif;
		}
		
#content h3
		{
		margin: 0 10px;
		padding: 10px 0 8px 0;
		font-size: 130%;
		font-family: helvetica, arial, sans-serif;
		font-weight: normal;
		color: #eb6803;
		}
		
#content h4
		{
		margin: 0 10px;
		padding: 0 0 8px 0;
		font-size: 120%;
		font-family: helvetica, arial, sans-serif;
		color: #333;
		}
		
#content h5
		{
		margin: 0 10px;
		padding: 0 0 8px 0;
		font-size: 100%;
		font-family: helvetica, arial, sans-serif;
		color: #333;
		}
		
#content p
		{
		margin: 0 10px;
		padding: 0 0 15px 0;
		}
		
#content p.signo
		{
		text-align: right;
		margin: 0 10px;
		padding: 0 0 5px 0;
		}
		
#content p.close
		{
		margin: 0 10px;
		padding: 0 0 5px 0;
		}

#container .clearthen:after {
		content: "."; 
		display: block; 
		height:0; 
		clear: left; 
		visibility: hidden;
		}
		
#content ul.nav
		{
		margin: 0 10px;
		padding: 10px 0 10px 0;
		list-style-type: none;
		font-size: 90%;
		}
		
#content ul.nav li
		{
		display: inline;
		padding: 0 0 0 13px;
		margin: 0;
		background: url(images/arrow.gif) 0 50% no-repeat;
		}
		
#content ul.nav li.first
		{
		display: inline;
		padding: 0;
		margin: 0;
		background: none;
		}
		
#content a:link
		{
		color: #ce2248;
		text-decoration: underline;
		}
	
#content a:visited
		{
		color: #0426b9;
		}
		
#content a:hover
		{
		background: #f9d698;
		}
		
#content h3 a:link, #content h3 a:visited
		{
		color: #eb6803;
		}
		
#content h3 a:hover
		{
		color: #ce2248;
		background: #f9d698;
		}
		
#content .wiew
		{
		display: block;
		width: 91%;
		margin: 0 4% 15px 4%;
		padding: 0;
		text-align: center;
		}
		
#content .wiew img
		{
		width: 100%;
		}
		
#content .wiew em, #content .pullright em
		{
		display: block;
		color: #555;
		margin-top: 5px;
		}

#content table
		{
		width: 80%;
		margin: 15px auto 20px auto;
		text-align: left;
		padding: 0;
		}
		
#content table caption
		{
		font-weight: bold;
		}
		
#content table td
		{
		padding: 5px;
		margin: 0;
		}		
		
#content ul
		{
		list-style-type: none;
		margin: 0 4% 20px 15%;
		padding: 0;
		}
		
#content ul li
		{
		margin: 0 0 5px 0;
		}
				
#content ul.list
		{
		list-style-type: square;
		margin: 0 10% 20px 10%;
		padding: 0;
		}
		
#content ul.list li
		{
		margin: 0 0 5px 0;
		}
		
#content ol
		{
		margin: 0 10% 20px 10%;
		padding: 0;
		}
		
#content dl
		{
		padding: 0;
		margin: 0 4% 15px 4%;
		}
		
#content dl dt
		{
		font-weight: bold;
		margin: 15px 0 5px 0;
		}
		
#content dl dd
		{
		padding: 0;
		margin: 0 0 0 30px;
		}
		
* html .clearthen
		{ /* Hides from IE-mac \*/
		height: 1px;
		}

#content .picture
		{
		display: block;
		width: 90%;
		margin: 0 4% 15px 4%;
		padding: 0;
		text-align: center;
		}
		
#content .picture img
		{
		width: 100%;
		}

		
#content .picture em
		{
		display: block;
		color: #555;
		margin-top: 5px;
		}
		


#content .kepbal
		{
		border: 1px solid #ddd;
		float: left;
		margin: 0 10px 5px 10px;
		padding: 2px;
		}



#content .kepjobb
		{
		border: 1px solid #ddd;
		float: right;
		margin: 0 10px 5px 10px;
		padding: 2px;
		}


#content .tkepbal
		{
		float: left;
		margin: 0 10px 5px 10px;
		padding: 2px;
		}


#footer
		{
		margin: 30px 0 0 0;
		padding: 10px;
		clear: both;
		color: #99857e;
		background: #f9d698;
		text-align: center;
		border-bottom: 2px solid #99857e;
		border-top: 1px solid #99857e;
		}	
		
#footer p
		{
		margin: 0 30% 8px 30%;
		padding: 0;
		}
		
#footer img
		{
		float: left;
		margin: 5px 0 0 15px;
		}
		
#footer img.stat
		{
		float: none;
		margin: 0;
		}
		
#footer a:link img, #footer a:visited img
		{
		border: 2px solid #f9d698;
		}
		
#footer a:hover img		
		{
		border: 2px solid #069;
		}
		
#footer a
		{
		color: #ce2248;
		text-decoration: underline;
		}
		
#footer a:hover
		{
		background: #f9d698;
		}
		



#bal
              {
              position: absolute;
              left: 1.5%;
              width: 20%;
              margin-top: 36em;
              }       
              
#bal ul
              {
              margin: 0;
              padding: 0;
              list-style-type: none;
              }
              
#bal ul li
              {
              text-align: center;
              }





ul.betumeret
		{
		position: absolute;
		top: 30px;
		right: 40px;
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
		
ul.betumeret li
		{
		display: inline;
		padding: 0;
		margin: 0 3px 0 0;
		}
		
ul.betumeret li a
		{
		font-size: 130%;
		color: #99857e;
		background-color: transparent;
		text-decoration: none;
		margin: 0;
		padding: 0;
		}
		
ul.betumeret li a.nagya
		{
		font-size: 150%;
		color: #99857e;
		background-color: transparent;
		text-decoration: none;
		}
		
ul.betumeret li a:hover
		{
		color: #ff6c00;
		}		
		
.center
		{
		text-align: center;
		}


ol.csekk
              {
              margin: 0;
              padding: 0;
              list-style-type: none;
              }
              
ol.csekk li
              {
              margin-top: 5px;
              text-align: center;
              }		
		
