body /*A főoldal háttere egy kép a háttérben 2 csaj job bés bal oldalt ahogy növelődik az oldal annál jobban látszódnak*/
{
background-image:url(skins/blue/kkhatter_blue.jpg);
background-position:center; 
background-repeat:repeat-x;
background-color: #ffffff;
background-attachment:fixed;
}
legend
{
font-weight: bold;
color: #cccccc;
}
ul
{
list-style-type: none;
}
li
{
margin-left: -35px;
font-weight: bold;
}
a
{
text-decoration: none;
color: #cccccc;
}
/*------------------------------------------------A fő részt igazító DIV------------------------------------------------------*/
.igazito/*középre igazítja a*/
{
width: 1000px;
height: 770px;
margin-left: auto;
margin-top: 50px;
margin-right: auto;
}
#keszitette/*középre igazítja a*/
{
width: 594px;
margin-left: auto;
margin-right: auto;
padding: 3px;
font-size: 12px;
background-color: rgba(255, 255, 255, 0.8);
border: 2px solid rgba(0, 0, 255, 0.5);
border-radius: 5px;
-moz-border-radius: 5px;
}
#keszitette a
{
text-decoration: none;
color: #000000;
}

/*-------------------------------------------------------BAL OLDALI RÉSZ-------------------------------------------------------*/
#bal /*Az weboldal bal oldala ahol a menüpontok helyezkednek el; bal oldal menüje:Hírek, Házirend, Rólunk, Edzéstervek, Galéria*/
{
float: left;
margin-top: 50px;
background-image:url(skins/blue/kkgymblue2.jpg);
border: 1px solid #000000;
width: 200px;
height: 400px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
-moz-border-top-left-radius: 20px;
-moz-border-bottom-left-radius: 20px;
}
#bal li
{
width: 140px;
height: 13px;
text-align: center;
font-weight: bold;
border: 1px solid #ffffff;
/*background-image:url(skins/blue/kkgymblue1.jpg);*/
background-color: rgba(0, 0, 255, 0.2);
padding-top: 15px;
padding-bottom: 15px;
margin-left: -10px;
margin-bottom: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
}
#bal ul
{
padding-top: 30px;
list-style-type: none;
}
#bal a
{
text-decoration: none;
color: #cccccc;
}
#bal a:hover
{
text-decoration: none;
}
#bal li:hover
{
background-image:url(skins/blue/kkgymblue1.jpg);
}
/*--------------------------------KÖZÉPSŐ RÉSZ-------------------------------------------*/
#kozep/*Az oldal középső része ide töltődnek be a különböző részegységek*/
{
float: left;
background-image:url(skins/blue/kkgymhatter_blue.jpg);
background-repeat:repeat-y;
overflow: hidden;
width: 600px;
height: 750px;
border-radius: 20px;
-moz-border-radius: 20px;
}
#fejlec
{
float:left;
width: 600px;
height: 50px;
}
#fejlec li
{
float: left;
width: 120px;
height: 20px;
margin: 5px;
background-color: rgba(0, 0, 255, 0.6);
border: 1px solid #ffffff;
text-align: center;
border-radius: 5px;
-moz-border-radius: 5px;
}
#fejlec li:hover
{
background-image:url(skins/blue/kkgymblue1.jpg);
}
#foresz
{
float:left;
padding: 10px;
margin: 10px;
width: 590px;
height: 660px;
overflow: auto;
background-image:url(skins/knklogo.png);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center; 
}
/*-----------------------------------JOBB OLDALI RÉSZ--------------------------------*/
#jobb
{
padding: 20px;
float: left;
margin-top: 50px;
background-image:url(skins/blue/kkgymblue2v2.jpg);
border: 1px solid #000000;
background-position:right top;
text-align: center;
width: 150px;
height: 350px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
-moz-border-top-right-radius: 20px;
-moz-border-bottom-right-radius: 20px;
}