/* CSS Document for website of Banhorvati      	*/
/* Created:    Tamas Petro 											*/
/* Last. Mod.: 2009.08.26. 											*/
/* All rights reserved    											*/

.clearer {clear: both;}

div.left
{
	float  : left;
}

div.right
{
	float   : left;
	margin  : 0px 0px 0px 10px;
}

table.elerhetoseg
{
	border-width    : 1px 1px 1px 1px;
	border-spacing  : 8px;
	border-style    : outset outset outset outset;
	border-color    : gray gray gray gray;
	border-collapse : separate;
	background-color: white;
}

table.elerhetoseg td
{
	border-width    : 0px 0px 0px 0px;
	padding         : 4px 10px 4px 4px;
	border-style    : outset outset outset outset;
	border-color    : gray gray gray gray;
	background-color: white;
	font         		: normal 14px Helvetica, Garamond, Arial, sans-serif;
}

table.elerhetoseg th
{
	border-width    : 0px 0px 0px 0px;
	padding         : 4px 4px 4px 4px;
	border-style    : outset outset outset outset;
	border-color    : gray gray gray gray;
	background-color: white;
	color        		: #932626; 
	font         		: bold 14px Helvetica, Garamond, Arial, sans-serif;
}

img
{
	border-style: solid;
  border-width: 2px;
  border-color: #F0F0F0; 
}

img.KepetMegjelenit
{
	border: 4px double #F0F0F0;
}

img.NoBorder
{
	border-style : solid;
  border-width : 0px;
  border-color : #F0F0F0;
  margin       : 10px 6px 0px 0px;
}

img.Hullam
{
	border-style : solid;
  border-width : 0px;
  border-color : #F0F0F0;
  margin       : 0px 8px 0px 8px;
}

img.NoBorderHirIkon
{
	float        : left;
	border-style : solid;
  border-width : 0px;
  border-color : #F0F0F0;
  padding-right: 10px; 
  margin       : 0px 0px 0px 0px;
}

img.NoBorderCenter
{
	border-style : solid;
  border-width : 0px;
  border-color : #F0F0F0;
  margin       : 0px auto 0px auto;
}

img.floatUpDown
{ 
    float            : none; 
    margin           : 6px 0px 6px 0px;
    padding-top      : 6px; 
    padding-left     : 6px; 
    padding-bottom   : 6px; 
    padding-right    : 6px;
    border-width     : 1px;
    border-color     : #7D2726;
    background-color : #F4F3E8;
}

img.floatLeft2
{ 
    float          : left; 
    padding-top    : 10px; 
    padding-left   : 5px; 
    padding-bottom : 0px;
    border-width   : 0px;
}

img.floatRight2
{ 
    float          : right; 
    padding-top    : 10px; 
    padding-left   : 5px; 
    padding-bottom : 0px; 
    border-width   : 0px;
}

img.floatRight
{ 
    float 				 : right; 
    padding-top    : 6px; 
    padding-left   : 6px; 
    padding-bottom : 6px; 
    padding-right  : 6px;
    margin         : 6px 0px 0px 6px; 
    border-color   : #7D2726;
    border-width   : 1px; 
}

img.floatLeft
{ 
    float          : left; 
    padding-top    : 6px; 
    padding-left   : 6px; 
    padding-bottom : 6px; 
    padding-right  : 6px;
    margin         : 6px 12px 6px 0px;
    border-color   : #7D2726;
    border-width   : 1px; 
}

img.Foto
{
    float          : Left; 
    padding-top    : 3px; 
    padding-left   : 6px; 
    padding-bottom : 3px; 
    padding-right  : 6px;
    margin         : 0px 12px 0px 0px;
    border-color   : #7D2726;
    border-width   : 1px; 
}

img.Video
{
    float          : Left; 
    padding-top    : 3px; 
    padding-left   : 6px; 
    padding-bottom : 3px; 
    padding-right  : 6px;
    margin         : 0px 12px 0px 0px;
    border-color   : #7D2726;
    border-width   : 0px; 
}

h3
{ 
	color        		 : #932626;
	font-family  		 : 'Book antiqua', Garamond, Verdana, Arial, Helvetica, sans-serif;
	font-size    		 : 18px;
	font-style   		 : italic;
	text-align   		 : center;
	margin       		 : 25px 0px 4px 0px; 
	padding      		 : 0px 0px 0px 0px;
	background-color : #E4E0D6;
	width        		 : auto;
}

h2
{ 
	color        		 : #932626;
	font-family  		 : Verdana, Arial, Helvetica, sans-serif;
	font-size    		 : 14px;
	font-style   		 : normal;
	text-align   		 : left;
}

div.Vonalak
{
	background-image	 	: url("../kepek/vonalak.png");
	_background-image	 	: url("../kepek/vonalak.gif");
	background-position	: center;
	background-repeat		: no-repeat; 	
	color 							: #E4E0D6;
	padding							: 10px 0;
	text-align          : center;
	width								: auto;/*574px;*/
	height							: auto;
}

.top
{
	background-image	 : url("../kepek/hatter.png");
	_background-image	 : url("");
	background-position: top center;
	background-repeat	 : no-repeat; 
	padding-top        : 15px;
	padding-bottom     : 0px;
	margin-bottom      : 0px;
	
}

.bottom
{
	background-image	 : url("../kepek/novenyzet.png");
	_background-image	 : url("");
	background-position: bottom center;
	background-repeat	 : no-repeat; 
	padding-bottom     : 90px;
	_padding-bottom    : 0px;
	margin-bottom  		 : 0px;
	background-color	 : transparent;
	
}

div.datum
{
	color        		 : #932626;
	font-family  		 : Verdana,'Trebuchet ms',Verdana, Arial, Helvetica, sans-serif;
	font-size    		 : 12px;
	font-style   		 : normal;
	text-align   		 : left;
	margin       		 : 0px auto 0px auto; 
	padding      		 : 5px 0px 0px 0px;
	background-color : #E4E0D6;
	width        		 : 794px;
	height           : 65px;
	border-left			 : 10px solid #E4E0D6;
	border-bottom		 : 3px solid #FFFFFF;
}

body 
{ 

	/*background-image	 : url("../kepek/hatter_tel.jpg");*/
	/*background-position: top;*/
	background-repeat	 : repeat; 

	color							 : #0F0F0F; 
	background-color	 : #590B09; /*#2586D7; #1958B7; #162350;*/
	font-family		     : Verdana, Arial, Helvetica, sans-serif;
	text-align	    	 : center;
	margin-top         : 0px;
	margin-bottom  		 : 0px;
}

.header
{
	background				: #F4F3E8 url("../kepek/fejlec.jpg");
	background-repeat	: no-repeat; /*a hatterkep egyszer kerul megjelenitesre*/
	background-color	: #F4F3E8;
	border-left				: 2px solid #E4E0D6;
	border-right			: 2px solid #E4E0D6;
	border-top				: 3px solid #FFFFFF;
	border-bottom			: 3px solid #FFFFFF;
	height						: 150px; /*fejlec magassaga*/
	margin						: 0% auto 0 auto; /* top, right, bottom, left*/
	padding						: 0px 0px 0px 0px;
	width							: 800px; /*fejlec szelessege*/
	
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size					: 0.8em;
}

.footer
{
	background 		: url("../kepek/lablec.jpg") repeat-x;
	color				  : white;
  border-bottom : 3px solid white;
	font			 		: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
	line-height		: 40px;
	text-align 		: center;
}	

.main
{
	border-top      		: 0px solid #FFFFF0;
	background-color		: #F4F3E8;/*#F9F9FE;*/ 

}

.container
{
	background-color	  : #F4F3E8;
	border-top    			: 0px solid #FFFFFF;
	border-left   			: 2px solid #E4E0D6;
	border-right  			: 2px solid #E4E0D6;
	border-bottom 			: 2px solid #E4E0D6;
	font-size     			: 0.8em;
	margin        			: 0px auto 0px auto;
	padding       			: 0px 0px 0px 0px;
	width         		  : 800px;

}

.content
{
	float     				 : left;
	margin    				 : 0px 0px;
	padding   				 : 0px 0px 15px 10px;
	width     				 : 575px;
	text-align				 : left;

	background-image	 : url("../kepek/content_hatter.jpg");
	background-position: top;
	background-repeat	 : repeat;
	background-color	 : #F4F3E8; 
	
}

.content p
{
	font       : 12pt/18pt Garamond,/*'Bookman Old Style',*/ Helvetica, Verdana, Arial, Helvetica;
	text-align : justify;
}

a#kiemel
{ 
	color        : #7D2726; 
	font         : bold 13pt Garamond, Verdana, Arial, Helvetica, sans-serif;
}

a#dolt
{ 
	color        : #7D2726; 
	font         : italic 13pt Garamond, Verdana, Arial, Helvetica, sans-serif;
}

#Megjegyzes
{
	font-family  : Verdana, Arial, Helvetica, sans-serif;
	font-size    : 10px;
	text-align   : left;
	padding      : 0px 0px 0px 0px; 
	margin       : 0px 0px 0px 0px; 
}

.sidenav
{
	position          : relative;
	color			  			: #FFFFFF;
	font-family 			: 'Trebuchet-ms', Arial, Verdana, Helvitica, sans-serif;
	font-size   			: 100%;
	padding     			: 0px 5px;
	float       			: left;
	text-align  			: left;
	width       			: 188px;
	height            : auto;
	background-color  : #E4E0D6;
}

.sidenav div.menutitle
{
	color						: #FFFFFF;
	font-weight			: bold;	
	border-bottom 	: 1px solid black;
	padding					: 6px 0;
	padding-left		: 5px;
	background-color: #162350;/*#000F9F;*/
}

.sidenav div.akadalymentes
{
	color						: #FFFFFF;
	font-weight			: bold;	
	border-bottom 	: 1px solid black;
	padding					: 6px 0;
	padding-left		: 5px;
	background-color: #162350;/*#000F9F;*/
	height          : 30px;
}
.sidenav ul
{

	list-style-type : none;
	padding         : 0px;
	margin          : 0px;
	
}

.sidenav ul li a:visited
{
	
	display         : block;
	color			 		  : #FFFFFF;
	padding					: 6px 0;
	padding-left		: 10px;
	width						: 171px; /*Menupontok szelessege - padding+margin*/

	text-decoration	: none;
	background-color: #2175BC;
	border-bottom		: 1px solid #90BADE;
	border-left			: 7px solid #1958B7;
	list-style-type : none;
	
}

.sidenav ul li a:link
{
	
	display         : block;
	color			 		  : #FFFFFF;
	padding					: 6px 0;
	padding-left		: 10px;
	width						: 171px; /*Menupontok szelessege - padding+margin*/

	text-decoration	: none;
	background-color: #2175BC;
	border-bottom		: 1px solid #90BADE;
	border-left			: 7px solid #1958B7;
	list-style-type : none;
	
}

.sidenav ul li a:active
{
	
	display         : block;
	color			 		  : #FFFFFF;
	padding					: 6px 0;
	padding-left		: 10px;
	width						: 171px; /*Menupontok szelessege - padding+margin*/

	text-decoration	: none;
	background-color: #2175BC;
	border-bottom		: 1px solid #90BADE;
	border-left			: 7px solid #1958B7;
	list-style-type : none;
	
}

.sidenav ul li a:hover
{
	color						 : #FFFFFF;
	display          : block;
	background-color : #2586D7;
	border-left			 : 7px solid #7D2726;
}

a:link    { color: #456; }
a:visited { color: #456; }
a:active  { color: #456; }
a:hover   { color: #6F87FF; }

#Tablazat_hirek
{
	border       : 1px double #D4D4D4;
	padding      : 0px;
	width        : 572px;
	margin-left  : auto; 
	margin-right : auto;
	margin-bottom: 10px;  /*A tablazat aljan legyen egy kis hely*/
}

#Tablazat_hirek td
{

	font       			: 10pt/14pt Verdana, Arial, Helvetica, sans-serif;
	text-align 			: justify;	
	vertical-align  : top;
	background-color: #F4F3E8;
	padding         : 0px 6px;
	width           : 568px;
	
}

#Tablazat_hirek td.lapozas
{

	font       			: 10pt/16pt Verdana, Arial, Helvetica, sans-serif;
	text-align 			: justify;	
	vertical-align  : top;
	background-color: #DFDFDF;
	padding         : 3px 6px;
	width           : auto;
	
}

#Tablazat_hirek td.kep p
{

	font       		  : 10pt/16pt Verdana, Arial, Helvetica, sans-serif;
  text-align 		  : justify;	
  float           : none; 
	vertical-align  : top;
	background-color: #F4F3E8;
  padding         : 3px 0px;
  margin          : 3px;
	width           : auto;
}

#Tablazat_hirek td.albumKep
{

	font       		  : 10pt/16pt Verdana, Arial, Helvetica, sans-serif;
  text-align 		  : justify;	
  float           : none; 
	vertical-align  : top;
	background-color: #F4F3E8;
  padding         : 3px 0px;
  margin          : 3px; 
	width           : 100px;	
}

#Tablazat_hirek td.Video
{

	font       		     : 10pt/16pt Verdana, Arial, Helvetica, sans-serif;
  text-align 		     : justify;	
  float              : none; 
	vertical-align     : top;
  background-color   : #F4F3E8;
  padding            : 3px 0px;
  margin             : 3px; 
	width              : 100px;	
}

#Tablazat_hirek td.videoSzoveg
{

	font       		     : 10pt/16pt Verdana, Arial, Helvetica, sans-serif;
  text-align 		     : justify;	
  float              : none; 
	vertical-align     : top;
	background-color   : #F4F3E8;
	background-image	 : url("../kepek/video_hatter.jpg");
	background-position: top right;
	background-repeat	 : no-repeat; 
  padding            : 0px 0px 0px 10px;
  margin             : 0px 0px 0px 0px; 
	width              : 100px;	
}


#Tablazat_hirek td.albumKepLista
{

	font       		  : 10pt/16pt Verdana, Arial, Helvetica, sans-serif;
  text-align 		  : left;	
  float           : none; 
	vertical-align  : top;
	background-color: #F4F3E8;
  padding         : 3px 0px;
  margin          : 3px; 
  border-top      : 2px solid #DFDFDF;
	width           : auto;	
}

#Tablazat_hirek th.ikon
{

	font       		  : 10pt/16pt Verdana, Arial, Helvetica, sans-serif;
  text-align 		  : center;	
  float           : none; 
	vertical-align  : middle;
	background-color: #DFDFDF;
	padding         : 6px;
	width           : 35px;
	
}


#Tablazat_hirek th
{
	font            : bold 13px Verdana, Arial, Helvetica, sans-serif;
	background-color: #DFDFDF;
	text-align      : left;
	vertical-align  : middle;
	padding         : 3px 6px;
	width           : auto;
	
}

#Tablazat_hirek th.piros
{
	font            : bold 13px Verdana, Arial, Helvetica, sans-serif;
	background-color: #CCE4FA;
	color           : #B30000;
	text-align      : left;
	vertical-align  : middle;
	padding         : 3px 6px;
	width           : 300px;
}

#Tablazat_hirek th.piros:hover
{
	font            : bold 14px Verdana, Arial, Helvetica, sans-serif;
	background-color: #A8CFE8;
	color           : #B30000;
	text-align      : left;
	vertical-align  : middle;
	padding         : 3px 6px;
	width           : 300px;
}

#Tablazat_hirek th.hirIkon
{
  border-color    : #F0F0F0;
	border-style 		: solid;
  border-width 		: 0px;
	background-color: #DFDFDF;
	text-align      : left;
	vertical-align  : middle;
	width           : 46px;
	
}

#Tablazat_hirek th.hirCim
{
	font            : bold 13px Verdana, Arial, Helvetica, sans-serif;
	background-color: #CCE4FA;
	text-align      : left;
	vertical-align  : middle;
	padding         : 3px 6px;
	width           : 300px;
}

#Tablazat_hirek th.hirCim:hover
{
	font            : bold 14px Verdana, Arial, Helvetica, sans-serif;
	background-color: #A8CFE8;
	text-align      : left;
	vertical-align  : middle;
	padding         : 3px 6px;
	width           : 300px;
}

#Tablazat_hirek th.albumCim
{
	font            : bold 14px Verdana, Arial, Helvetica, sans-serif;
	background-color: #CCE4FA;
	text-align      : center;
	vertical-align  : middle;
	padding         : 3px 6px;
	width           : 100px;
}

#Tablazat_hirek th.albumCim:hover
{
	font            : bold 14px Verdana, Arial, Helvetica, sans-serif;
	background-color: #CCE4FA;
	text-align      : center;
	vertical-align  : middle;
	padding         : 3px 6px;
	width           : 100px;
}


#Tablazat_hirek th.datum
{
	font            : normal 10px Verdana, Arial, Helvetica, sans-serif;
	background-color: #DFDFDF;
	text-align      : center;
	float           : none;
	padding         : 3px;
	width           : 140px;

}

#Tablazat_hirek th.hirTipus
{
	font            : normal 10px Verdana, Arial, Helvetica, sans-serif;
	background-color: #DFDFDF;
	text-align      : center;
	float           : none;
	padding         : 3px;
	width           : 100px;
}

#Tablazat_hirek th.albumLeiras
{
	font            : normal 10px Verdana, Arial, Helvetica, sans-serif;
	background-color: #DFDFDF;
	text-align      : center;
	float           : none;
	padding         : 3px;
	width           : auto;
}

#Tablazat_kep
{
	border      : 0px double #D4D4D4;
	padding     : 0px;
	width       : auto;
	margin-left : auto; 
	margin-right: auto;
	background-color: #DFDFDF;
	
}

#Tablazat_kep td
{
  text-align 		  : center;	
  float           : none; 
	vertical-align  : middle;
	
}

#Tablazat_linkek
{
	border       : 0px double #D4D4D4;
	padding      : 0px;
	text-align   : left;
	width        : auto;
	margin-left  : 0px; 
	margin-right : 0px;
	margin-bottom: 10px;  /*A tablazat aljan legyen egy kis hely*/
	margin-top   : 10px;  /*A tablazat aljan legyen egy kis hely*/
}

#Tablazat_linkek td
{

	font       			: 10pt/14pt Verdana, Arial, Helvetica, sans-serif;
	text-align 			: left;	
	vertical-align  : top;
	background-color: #F4F3E8;
	padding         : 3px 16px 3px 0px;
	margin          : 0px 0px 0px 0px;
	width           : auto;	
}

form 
{
	margin					: 1px 0px;
	padding					: 0;
	border					: 5px solid #f2f2f2; 
	background-color: #FAFAFA; 
}

label 
{
	display			: block;
	font-weight	: bold;
	margin			: 5px 0px 0px 10px;
	color       : #932626;
}

label.szoveg
{
	display			: block;
	font-weight	: bold;
	margin			: 0px 10px 0px 10px;
	font				: normal 10px Verdana, sans-serif;
	color       : #777;
	text-align  : justify;
}

input 
{
	margin      : 5px 0px 0px 10px;
	padding			: 3px;
	border			: 1px solid #CCC;
	font				: normal 12px Verdana, sans-serif;
	color				: #777;
}

textarea 
{
	width				: 300px;
	padding			: 2px;
	font				: normal 12px Verdana, sans-serif;
	border			: 1px solid #CCC;
	height			: 100px;
	display			: block;
	color				: #777;
}

input.button 
{ 
	margin		: 5px 0px 5px 10px; 
	font			: bold 12px 'Trebuchet-ms',Arial, Sans-serif; 
	border		: 1px solid #CCC;
	background: #FFF; 
	padding		: 2px 3px; 
	color			: #4284B0;	
}