/*----------------------Design by Kormos Geza--------------------*/
html {
   background-color: transparent;
}

* {
   box-sizing: border-box;
   text-decoration: none;
}

body {
   margin: 0px auto;
   background-image: url("images/hatter.jpg");
   background-attachment: fixed;
   font-family: arial, helvetica ,sans-serif;
}


#wrapper {
   margin: 0 auto ;
   width: 1200px;
}

#header {
   background-color: #ffffff;
   border-top: 5px solid #2b83d1;
   border-bottom: 2px solid #2b83d1;
   padding: 0px 10px 0px 0px;
   position: fixed;
   width: 1200px;
   height: 150px;
   box-shadow: 1px 0px 10px 0px grey;
}

#logo {
   width: 250px;
   float: left;
   padding: 5px 0px 0px 0px;
}

#logo h1 {
   margin: 0;
}

div {
  border: 0px;
  border-radius: 5px;
}

.lekerekit{
  border-radius: 0px 10px 10px 0px;
  border: 0px;
}

/*----------------------menü--------------------*/

#main-menu {

   text-align: right;
   margin: 0;
   padding: 30px 20px 0px 0px;
}

#main-menu li {
	
   text-align: right;
   display: inline-block;
   text-shadow: 1px 1px 3px grey;
   line-height: 170px;
   padding: 5px 5px;
}

#main-menu li a{
	color: #000000;
}

#main-menu li.selected a, #main-menu li.selected a:hover {
	color: #000000;

}
#main-menu li a:hover, a:active #main-menu li.menu:hover  li a {
	color: #cf0909;
	font-style: italic;
}





/*--------------Top és eredmények tábla------------------*/

#top5 {
   margin: 150px 0px 0px 0px;
   clear: left;
   padding: 0px 0px 0px 0px;
   background-image: url("images/top5_hatter.png");
   width: 1200px;
   float: left;
   height: 165px;
   position: fixed;
   color: #fff;
   box-shadow: 1px 0px 10px 0px grey;
}

#top5 div.Top5 {
	width: 45%;
	padding: 0px 0px 0px 10px;
	float: left;
}

#top5 div.eredmenyek {
	padding: 35px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	width: 50%;
	float: right;
}

#top5 a {
	color: #fff;
}

#top5.selected a, #top5.selected a:hover {
	color: #fff;
}
#top5 a:hover, a:focus #top5.menu:hover a {
	color: #cf0909;
	border-bottom: 1px solid;
}

table {
	width: 580px;
	text-align: left;
}


/*----------------oldal táblák-----------------*/


#sidebar-szm{
   margin: 325px 0px 0px 0px;
   text-align: center;
   width: 250px;
   float: right;
   padding: 0px auto;
   background-color: #f2f7f9;	
	height: auto;	
	border-left: solid;
	border-left-color: #2b83d1;
	border-bottom: solid;
	border-bottom-color: #2b83d1;
	box-shadow: 1px 0px 10px 0px grey;
}

#sidebar-szm a {
	color: #000000;
	border-bottom: 1px solid;
}

#sidebar-szm.selected a, #sidebar-szm.selected a:hover {
	color: #000000;
	
}

#sidebar-szm a:hover, a:focus #sidebar-szm.menu:hover a {
	color: #cf0909;
	border-bottom: 1px solid;
}

#sidebar-kep{
   margin: 325px 0px 0px 950px;
   text-align: center;
   width: 250px;
   float: right;
   padding: 0px auto;
   background-color: #f2f7f9;	
	height: auto;	
	border-left: solid;
	border-left-color: #2b83d1;
	border-bottom: solid;
	border-bottom-color: #2b83d1;
	position: fixed;
	box-shadow: 1px 0px 10px 0px grey;
}


/*---------------szöveg táblák---------------------*/

#content {
   margin: 325px 0px 10px 0px;
   clear: left;
   padding: 2px 20px 0px 20px;
   background-color: #fff;
   text-align: justify;
   width: 940px;
   float: left;
   height: auto;	
	border-top: solid;
	border-top-color: #2b83d1;
	box-shadow: 1px 0px 10px 0px grey;
}

#content table {
	width: 100%;
}


#content a {
	color: #000000;

}


#content.selected a, #content.selected a:hover {
	color: #000000;
}

#content a:hover, a:focus #content.menu:hover a {
	color: #cf0909;
	border-bottom: 1px solid;

}

#content1 {
   margin: 0px 0px 5px 0px;
   clear: left;
   padding: 0px 0px 0px 20px;
   background-color: #fff;
   width: 940px;
   float: left;
   height: auto;	
	border-top: solid;
	border-top-color: #2b83d1;
	box-shadow: 1px 0px 10px 0px grey;
}

#content1 a {
	color: #000000;
}

#content1.selected a, #content1.selected a:hover {
	color: #000000;	
}

#content1 a:hover, a:focus #content1.menu:hover a {
	color: #cf0909;
	border-bottom: 1px solid;
}

#content2 {

   margin: 325px 0px 10px 0px;
   clear: left;
   padding: 10px 120px 10px 120px;
   background-image: url("images/hattercontent2.jpg");
   text-align: justify;
   width: 100%;
   float: left;
   height: auto;	
	border-top: solid;
	border-top-color: #2b83d1;
	border-bottom: solid;
	border-bottom-color: #2b83d1;
	box-shadow: 1px 0px 10px 0px grey;
}

#content2 table {
	width: auto;
	background-color: transparent;
}


#content2 a {
	color: #000000;
}

#content2.selected a, #content2.selected a:hover {
	color: #000000;
}

#content2 a:hover, a:focus #content2.menu:hover a {
	color: #cf0909;
	border-bottom: 1px solid;
}

/*----------------linkek modul--------------------*/

#linkek {
   margin: 10px 0px 10px 0px;
   clear: left;
   padding: 0px 10px 0px 10px;
   background-color: #fff;
   width: 100%;
   float: left;
   height: 130px;	
	border-top: solid;
	border-top-color: #2b83d1;
	border-bottom: solid;
	border-bottom-color: #2b83d1;
	box-shadow: 1px 0px 10px 0px grey;
}

#linkek a {
	color: #000000;
}

#linkek.selected a, #content2.selected a:hover {
	color: #000000;
}

#linkek a:hover, #content2.menu:hover a {
	color: #cf0909;
}



/*----------------lábléc--------------------*/

#footer {
   clear: both;
   padding: 20px 0px 0px 30px;
	height: 215px;
   background-image: url("images/lablec.png");
   color: #ffffff;
   text-align: left;
	box-shadow: 1px 0px 10px 0px grey;
}

#footer table {
	width: 1200px;
	text-align: left;
	color: #fff;
}

#footer a {
	color: #fff;
}

#footer.selected a, #footer.selected a:hover {
	color: #fff;
}

#footer a:hover,  #footer.menu:hover a {
	color: #cf0909;
}