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

a:link    { color: #FFFFFF; }
a:visited { color: #FFFFFF; }
a:active  { color: #FFFFFF; }
a:hover   { 
	color: #000000;
	background-color:#FFFFFF;
	}

.clearer {clear: both;}

hr
{ 
	display          : block;
	color        		 : #E4E0D6;
	margin       		 : 0px 0px 5px 0px; 
	padding      		 : 0px 0px 0px 0px;
	background-color : #E4E0D6;
	height					 : 2px;
	width        		 : 988px;
}

hr.video
{
	display          : block;
	color        		 : #E4E0D6;
	margin       		 : 0px 0px 5px 0px; 
	padding      		 : 0px 0px 0px 0px;
	background-color : #E4E0D6;
	height					 : 2px;
	width        		 : 720px;
}

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

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

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

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

img.AlbumKep
{
	border-style 		: solid;
  border-width 		: 0px;
  border-color 		: #F0F0F0;
  margin       		: 5px 5px 5px 5px;
  background-color: #000000;
}

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

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

img.NoBorderWhite
{
	border-style 		: solid;
  border-width 		: 0px;
  border-color 		: #F0F0F0;
  padding       	: 5px 5px 5px 5px;
  background-color: #FFFFFF;
}


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

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.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; 
    background-color : #F4F3E8;
}

body 
{ 
	color							 : #FFFFFF; 
	background-color	 : #000000;
	font-family		     : Verdana, Arial, Helvetica, sans-serif;
	text-align	    	 : left;
	width              : 1000px;
	margin             : 10px auto 10px auto;	
}

.header
{
	border-left				: 0px solid #A0A0A0;
	border-right			: 0px solid #660005;
	border-top				: 4px solid #A0A0A0;
	border-bottom			: 4px solid #A0A0A0;
	height						: 40px; /*fejlec magassaga*/
	margin						: 0 5px 0 5px; /* top, right, bottom, left*/
	padding						: 0px 0px 0px 0px;
	width							: auto; /*fejlec szelessege*/	
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size					: 1.6em;
	text-align        : center;
}

.container
{
	background    : #000000;
	border-top    : 0px solid #660005;
	border-left   : 0px solid #660005;
	border-right  : 0px solid #660005;
	border-bottom : 0px solid #660005;
	font-size     : 1.2em;
	margin        : 0px 5px 0px 5px;
	padding       : 0px 0px 0px 0px;
	width         : auto;
}

.main
{
	background-color: #000000;
}

.content
{
	display    : block;
	font       : 13pt/18pt Verdana, Arial, Helvetica, sans-serif;
	float      : none;
	width      : auto;
	text-align : left;	
	
}

.content p
{
	font       : 13pt/18pt Verdana, Arial, Helvetica, sans-serif;
	text-align : justify;
}

.topnavigation
{
	color			  			: #FFFFFF;
	font-family 			: 'Trebuchet-ms',Arial,Verdana,Helvitica,sans-serif;
	font-size					: 1.2em;
	padding    			  : 5px 0px 5px 0px;
	margin            : 0px 5px 5px 5px;
	float       			: none;
	text-align  			: left;
	width       			: auto;
	height            : auto;
	background-color  : #000000;
	border-bottom			: 4px solid #A0A0A0;
	
	
}

.topnavigation a
{
	
	display         : block;
	color			 		  : #FFFFFF;
	padding     		: 3px 15px 3px 14px;
	margin          : 2px 0px 2px 0px;
	width						: auto;
	float           : left;

	text-decoration	: none;
	background-color: #000000;
	border-bottom		: 1px solid #90BADE;
	border-top	  	: 1px solid #90BADE;
	border-left			: 3px solid #7D2726;
	border-right		: 3px solid #7D2726;	
}

.topnavigation a:hover
{
	
	display         : block;
	color			 		  : #000000;
	padding     		: 3px 14px 3px 14px;
	margin          : 2px 0px 2px 0px;
	width						: auto;
	float           : left;

	text-decoration	: none;
	background-color: #FFFFFF;
	border-bottom		: 1px solid #90BADE;
	border-top	  	: 1px solid #90BADE;
	border-left			: 3px solid #7D2726;
	border-right		: 3px solid #7D2726;	
}

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

.navigation div.menutitle
{
	color						: #000000;
	font-weight			: normal;
	font-style      : italic;	
	border        	: 1px solid #7D2726;
	padding					: 6px 5px;
	background-color: #FFFFFF
}

.navigation a
{
	
	display         : block;
	color			 		  : #FFFFFF;
	padding     		: 3px 10px 3px 10px;
	width						: auto;

	text-decoration	: none;
	background-color: #000000;
	border-bottom		: 1px solid #90BADE;
	border-top	  	: 1px solid #90BADE;
	border-left			: 3px solid #1958B7;
	border-right		: 3px solid #1958B7;	
}

.navigation a:hover
{
	
	display         : block;
	color			 		  : #000000;
	padding     		: 3px 10px 3px 12px;
	width						: auto;

	text-decoration	: none;
	background-color: #FFFFFF;
	border-bottom		: 1px solid #90BADE;
	border-top	  	: 1px solid #90BADE;
	border-left			: 3px solid #1958B7;
	border-right		: 3px solid #1958B7;	
}

.footer
{
	border-left				: 0px solid #A0A0A0;
	border-right			: 0px solid #660005;
	border-top				: 2px solid #A0A0A0;
	border-bottom			: 2px solid #A0A0A0;
	height						: 30px; /*lablec magassaga*/
	margin						: 10px 5px 0 5px; /* top, right, bottom, left*/
	padding						: 10px 0px 0px 0px;
	width							: auto; /*lablec szelessege*/	
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size					: 14px;
	text-align        : center;
}

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

#Tablazat_hirek td
{

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

#Tablazat_hirek td.lapozas
{

	font       			: 11pt Verdana, Arial, Helvetica, sans-serif;
	font-weight     : bold;
	color           : #000000; 
	text-align 			: center;
	vertical-align  : top;
	background-color: #E4E0D6;
	padding         : 3px 6px;
	width           : auto;
	
}

#Tablazat_hirek td.lapozas a:link
{

	font       			: 11pt Verdana, Arial, Helvetica, sans-serif;
	font-weight     : bold;
	color           : #000000; 
	text-align 			: center;
	vertical-align  : top;
	background-color: #E4E0D6;
	padding         : 3px 6px;
	width           : auto;	
}

#Tablazat_hirek td.lapozas a:visited
{

	font       			: 11pt Verdana, Arial, Helvetica, sans-serif;
	font-weight     : bold;
	color           : #000000; 
	text-align 			: center;
	vertical-align  : top;
	background-color: #E4E0D6;
	padding         : 3px 6px;
	width           : auto;	
}



#Tablazat_hirek td.kep
{

	font       		  : 14pt/18pt Verdana, Arial, Helvetica, sans-serif;
  text-align 		  : justify;	
  float           : center; 
	vertical-align  : top;
	background-color: #000000;
  padding         : 3px 10px;
  margin          : 6px; 
	width           : auto;	
}

#Tablazat_hirek td.albumKep
{

	font       		  : 14pt/18pt Verdana, Arial, Helvetica, sans-serif;
  text-align 		  : justify;	
  float           : center; 
	vertical-align  : top;
	background-color: #000000;
  padding         : 3px 10px;
  margin          : 6px; 
	width           : 100px;	
}

#Tablazat_hirek td.albumKepLista
{

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

#Tablazat_hirek th.ikon
{

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


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

#Tablazat_hirek th.piros
{
	font            : bold 16px Verdana, Arial, Helvetica, sans-serif;
	background-color: #CCE4FA;
	color           : #000000;/*#B30000;*/
	text-align      : left;
	vertical-align  : center;
	padding         : 3px 6px;
	width           : auto;
}

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

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

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

#Tablazat_hirek th.albumLeiras
{
	font            : normal 14/18px Verdana, Arial, Helvetica, sans-serif;
	background-color: #CCE4FA;
	color           : #000000;
	text-align      : center;
	float           : center;
	padding         : 3px;
	width           : auto;
}

#Tablazat_hirek th.datum
{
	font            : bold 14px Verdana, Arial, Helvetica, sans-serif;
	background-color: #CCE4FA;
	color           : #000000;
	text-align      : center;
	float           : center;
	padding         : 3px;
	width           : 140px;

}

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

#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       			: 13pt/18pt Verdana, Arial, Helvetica, sans-serif;
	text-align 			: left;	
	vertical-align  : top;
	background-color: #000000;
	padding         : 3px 16px 3px 0px;
	margin          : 0px 0px 0px 0px;
	width           : auto;	
}

form 
{
	position        : relative;
	margin					: 1px 0px 20px 0px;
	padding					: 0;
	float           : left;
	width           : 739px;
	border					: 5px solid #f2f2f2; 
	background-color: #000000; 
}

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

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

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

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

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

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

table.elerhetoseg
{
	border-width    : 1px 1px 1px 1px;
	border-spacing  : 8px;
	border-style    : outset outset outset outset;
	border-color    : gray gray gray gray;
	color        		: #FFFFFF; 
	border-collapse : separate;
	background-color: #000000;
	margin          : 0px 0px 10px 0px;
}

table.elerhetoseg td
{
	font         		: normal 17px Verdana, Garamond, Arial, sans-serif;
	border-width    : 0px 0px 0px 0px;
	padding         : 4px 10px 4px 4px;
	color        		: #FFFFFF; 
	background-color: #000000;
}

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 17px Verdana, Garamond, Arial, sans-serif;
}