/* CSS, by MIklos Jenei, 2008 */

html, body {
background: #ffffff;
font-family: Verdana, Tahoma;
color: #353535;
margin:0;
padding-bottom: 10px;
font-size: small;
} 

a {
outline: none;
}

/* contains the whole page*/
#outer {
margin-left: auto;
margin-right: auto;
width: 900px;
position: relative;
}



/*header area, contains the logo, slogan, the main menu, white and orange bar under the menu*/
#header_area {
width: 880px;
border-color:#000000;
min-height: 204px;
background: #dfddd0 url(images/logoback.gif) repeat-x top left;
font-size: 150%;
margin: 0px;
}


#header_area #logotext {
width: 620px;
float: left;
margin-top: 60px;
}

#logo {
margin-left: 17px;
margin-right: 15px;
display: inline;
width: 212px;
height: 97px;
float: left;
}

#header_area span.white, span.black {
text-transform: uppercase;
}

#header_area span.white {
color: #FFFFFF;
margin-right:24px;
}

#header_area span.black {
color: #565246;
background: transparent url(images/logoback.gif) no-repeat top left;
padding-left: 24px;
}

.clearer {
clear: both;
}

/*
#header_clearer {
margin-bottom: 30px;
}*/

#menu {
margin-top: 30px;
height: 56px; 
width: 860px;
background-color:#dfddd0;
margin-left: 20px;
font-size: 0px;
}

/*menu options*/

#menuoptions {
    width: 860px;
	height: 56px;
    background: url(images/menu.jpg);
    padding: 0;
	margin:0px;
    position: relative;
	font-size: 12px;
	}
  #menuoptions li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #menuoptions li, #menuoptions a {
    height: 56px; display: block; color: #FFFFFF; text-decoration: none; text-align: center; text-transform: uppercase;}
	
	
  #fooldal {left: 0; width: 104px;}
  #rolam {left: 104px; width: 88px;}
  #sportfilozofiam {left: 192px; width: 184px;}
  #edzestippek {left: 376px; width: 141px;}
  #galeria {left: 517px; width: 102px;}
  #vendegkonyv {left: 619px; width: 149px;}	
  #chat {left: 768px; width: 74px;}	  
  
  #fooldal a:hover, #rolam a:hover, #sportfilozofiam a:hover, 
  #edzestippek a:hover, #galeria a:hover, #vendegkonyv a:hover,
  #chat a:hover, #menuoptions a.selected 
    {
	font-size: 10px; color: #dfddd0;}
  
  
  #fooldal a:hover, #fooldal a.selected {
    background: transparent url(images/menu.jpg)
    0 -56px no-repeat;}
  #rolam a:hover, #rolam a.selected {
    background: transparent url(images/menu.jpg)
    -104px -56px no-repeat;}
  #sportfilozofiam a:hover, #sportfilozofiam a.selected {
    background: transparent url(images/menu.jpg)
    -192px -56px no-repeat;}
  #edzestippek a:hover, #edzestippek a.selected {
    background: transparent url(images/menu.jpg)
    -376px -56px no-repeat;}
  #galeria a:hover, #galeria a.selected {
    background: transparent url(images/menu.jpg)
    -517px -56px no-repeat;}
  #vendegkonyv a:hover, #vendegkonyv a.selected {
    background: transparent url(images/menu.jpg)
    -619px -56px no-repeat;}
  #chat a:hover, #chat a.selected {
    background: transparent url(images/menu.jpg)
    -768px -56px no-repeat;}

	
		
	
#undermenu {
height: 22px; 
width: 860px;
background-color:#ffffff;
margin-left: 20px;
border-bottom: 7px solid #ff6437;
font-size: 0px;
}


/*the brown area under the main picture, contains the main text, schedule, footer*/
#brown {
width: 880px; 
background: #f0ede8 url(images/background.jpg) no-repeat left -8px;
position: relative;
padding-top: 30px;
}

#brown p {
margin: 10px;
}

#rightedge {
height: 297px;
width: 20px;
position: absolute;
top: -8px;
left: 880px;
background: #f0ede8 url(images/background_edge.jpg) no-repeat top left;
}

#footer {
width: 880px;
height: 105px;
float: left;
background: #e0dcd0 url(images/main_bottom_footer.jpg) no-repeat top left;
font-size: 80%;
}

#footer a:link {
text-decoration: underline;
color: #353535;
}

#footer a:hover {
text-decoration: none;
}

#footerleft {
float: left; 
margin-top: 37px;
margin-left: 50px;
display: inline;
}

#footerright {
float: right; 
margin-top: 37px;
margin-right: 50px;
display: inline;
}

#slogen {
margin: 0px 0 25px 50px;
padding: 3px 0px 3px 17px;
border-left: 2px solid #ffffff;
}

#slogen #big {
display: block;
color: #565246;
font-size: 250%;
text-transform:uppercase;
}

#slogen #small {
display: block;
color: #ffffff;
font-size: 170%;
text-transform:uppercase;
}

#main_content {
width: 536px;
min-height: 560px;
background-color:#FFFFFF;
margin-left: 19px;
border-top: 8px solid #cac8b4;
float: left;
display: inline;
}

#main_content #left {
float: left;
display: inline;
width: 142px;
margin-left: 25px;
}

#main_content #right, #main_content #gal_right, #main_content #input_area, #main_content #chat_right {
float: left;
width: 345px;
/*text-indent: 15px;*/
display: inline;
}

#main_content #gal_right, #main_content #input_area, #main_content #chat_right {
width: 486px;
margin-left: 25px;
}

#main_content p {
margin: 0 10px 15px 0;
text-align:justify;
}

/*
#main_content p#list {
margin: 0;
text-align:justify;
}*/

#main_content #ildi {
margin: 0;
text-align: left;
font-weight: bold;
}

/*
#main_content p:first-letter {
font-size: 200%;
font-weight: bold;
}*/

#schedule {
width: 285px;
float: left;
margin-left: 20px;
display: inline;
}

#schedule h1 {
color: #64615a;
font-size: 160%;
}

#schedule h1#orarend {
margin: 210px 0 12px 0;
}

#main_content h1 {
font-size: 200%;
margin: 15px 0 20px 25px;
}

#schedule h1#linkek {
margin: 25px 0 10px 0;
}

#schedule table {
background-color:  #c6c0a6;
vertical-align: middle;
text-align: center;
}

#schedule td.vertical {
width: 10px;
height: 134px;
}

#schedule td.day {
width: 40px;
height: 29px;
color: #64615a;
font-size: 90%;
}

#schedule td.dayseparator {
width: 4px;
height: 29px;
}

#schedule td.darkline {
width: 260px;
height: 2px;
background-color: #64615a;
font-size: 0px;
}

#schedule td.lightline {
width: 260px;
height: 11px;
background-color: #c6c0a6;
font-size: 0px;
}

#schedule table td.vilagosRectangle,
#schedule table td.sotetRectangle  {
width: 40px;
height: 15px;
color: #353535;
}

#schedule table td.vilagosRectangle,
#schedule table td.sotetRectangle, tableLegend  {
font-size: 70%;
}

#schedule table td.sotetRectangle {
background: transparent url(images/sotet.gif) no-repeat top left; 
}

#schedule table td.vilagosRectangle {
background: transparent url(images/vilagos.gif) no-repeat top left; 
}

#schedule table td.termseparator {
width: 4px;
height: 15px;
background-color: #c6c0a6;
}

#schedule table td.termseparatorHorizont {
width: 260px;
height: 2px;
background-color: #c6c0a6;
font-size: 0px;
}

#schedule table #bottomline {
width: 260px;
height: 9px;
background-color: #c6c0a6;
font-size: 0px;
}

#tableLegend {
font-size: 80%;
color: #353535;
margin-top: 8px;
}

#tableLegend span{
font-weight: bold;
}

dl {
margin: 0px;
}

dt {
background: url(images/check.gif) no-repeat top left;
font-weight: bold; 
margin-bottom: 3px;
}

dt a {
margin-left: 25px;
text-decoration: none;
color: #64615a;
}

dt a:hover {
text-decoration: underline;
}

ul {
list-style-type: disc; 
margin: 0 0 10px 14px;
padding: 0px;
list-style-position: outside;
}

ul li {
margin: 2px 0px;
padding: 0px;
text-indent: 0px;
}