/* CSS Document */

/*  */



/* general stuff */



* {
margin: 0px;
padding: 0px; /* mindent kinullazunk */
font-family: Arial, Helvetica, sans-serif; /* beallitjuk az oldalon a font keszletet */
font-size: 12px; /* a kulon nem meghatarozott fontok merete */
color: #ffffff;
}



input, select, textarea{
background: #000;
border: 1px solid #ff2501;
color: #fff;
}

body{
background-image: url(../designImages/s3hatter.gif);
}

/* az egesz befoglalo div */

#wholeStuff {

width: 976px; 

margin:10px auto 20px auto; /* a weblap elhelyezese bal es jobb auto eseten kozepen van */

text-align: center;

}



#header {

width: 976px;
height: 97px;
}

#logoBox{

width: 246px;/* 2px border*/

float: left;

}





/* leftColumn - bal oszlop */

#leftColumn {
background: #303030;
width: 180px; 
color: #fff;
float: left;
}

#leftColumn a{
color: #fff;
}



/* mainColumn - kozepso oszlop */

#mainColumn {
width: 616px;

float: left;

}



/* rightColumn - jobb oszlop */

#rightColumn {
background: #303030;
width: 177px; 
color: #fff;
float: left;
}









/* Top menü */

#menubar_top{

	height:21px;
	width: 600px;
	

}

#menubar_top ul{

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;

	list-style-type:none;

}

#menubar_top li{

	float:left;

	padding:0px 2px 5px 2px;

	text-decoration:none;

}



#menubar_top .bulletie{	

	text-decoration:none;

	background:url(../designImages/s3menu.gif);

	color:#fff;

	padding:0px 10px 0px 10px;

	border-left:1px solid #fff;

	border-right:1px solid #707070;	

}

#menubar_top .bulletie a{
    color:#fff;
}


#menubar_top .bulletie a.link{	
    
	
    color:#fff;
	text-decoration:none;

	margin:0px 5px 0px 5px;

}

#menubar_top .bulletie a:active{

	text-decoration:none;

	

}

#menubar_top .bulletie a:visited{

	text-decoration:none;

	

}

#menubar_top .bulletie a:hover{
   
	text-decoration:none;

	color:#fff;

}



#advertBox{


width: 600px;
margin-top: 10px;
margin-right: auto;

margin-left: auto;

text-align: center;

}

img{
border: none;
}

#advertBox img{

border: none;

}

p{
text-align: center;
}


.freeBox{
margin-left: 0px;
margin-right: 0px;
width: 150px;
height: 240px;
float: left;
overflow: hidden;
}

.normalBox{
margin-left: 0px;
margin-right: 0px;
width: 200px;
height: 320px;
float: left;
overflow: hidden;
}

.vipBox{
text-align: center;
margin-left: 0px;
margin-right: 0px;
width: 300px;
height: 420px;
float: left;
overflow: hidden;
}


/*
a.displayImageLink{
height: 180px;
display: block;
background: #c2c2c2;
}
a.displayImageLink:hover{
background: #FFBA11;
}
*/
#advertBox .freeBox .displayImage {
/*display: block;
background: #2E2E2E;
width: 150px;
height: 140px;
*/

border: 2px solid #c2c2c2;
}

#advertBox .normalBox .displayImage {
/*
display: block;
background: #2E2E2E;
width: 200px;
height: 200px;
*/
border: 2px solid #c2c2c2;
}

#advertBox .vipBox .displayImage {
/*
display: block;
background: #ccc;
width: 300px;
height: 300px;
*/
border: 2px solid #c2c2c2;
}

#advertBox .freeBox a:hover .displayImage {
/*background: #585858;*/
border: 2px solid #ffba11;
}

#advertBox .normalBox a:hover .displayImage {
/*background: #585858;*/
border: 2px solid #ffba11;
}


#advertBox .vipBox a:hover .displayImage {
/*background: #585858;*/
border: 2px solid #ffba11;
}



.clear{

clear: both;

}



.clearPadding{

clear: both;

padding-top: 10px;

padding-bottom: 10px;

}







/* a dobozok megegyezo tulajdonasagai */

div.generalBox {

/*padding: 5px 10px 10px 10px;*/

}



/* az oszlopokban levu dobozok megegyezo tulajdonasagai */

div.generalColumnBox {

/*background-image:url(../images/columnbox.gif);*/

off border: 1px solid black;

text-align: left;

/* border bekapcsolasa eseten a boxok merete 2px-el megno, igy minden mas meretet ehhez igazitani kell */

}



/* az oszlopokban levu dobozok h1 fejlecenek megegyezo tulajdonasagai */

div.generalColumn h1, div.generalColumn h2{

margin-bottom:5px;

background-color: #FF6C00;

text-align: center;

}



/* a kozepso oszlopban levu dobozok h1 fejlecenek megegyezo tulajdonasagai */

div.mainColumnBox h1{

border-bottom: 1px solid black;

margin: 10px 0;

clear: both;

}



/* a kozepso oszlopban levu dobozok h2 fejlecenek megegyezo tulajdonasagai */

div.mainColumnBox h2 a{

font-size: 14px;

}



div.generalColumnBox form input{

width: 100px;

}



div.generalColumnBox form select{

width: 100px;

}



/* az oszlopok megegyezo tulajdonasagai */

div.generalColumn {

background-color: #eee;

}



/* szelso oszlopban levo lista alapu menu elemei */

div.columnMenu {



}



div.columnMenu ul{

margin: 0px;

padding: 0px;

}





div.generalBox li{



}



div.columnMenu li{

list-style-type: none;

margin: 0px;

padding: 0px;

margin-left: 10px;

font-weight: bold;



}



div.columnMenu li a{

display: block;

height: 20px;

text-decoration: none;

}



div.columnMenu li a:hover{
background: #67516A;
color: #EEEEEE;
}



/* bannerek */

#bannerTop{

width: 728px;

height: 90px;

/*background-color: #FF6C00; */

/*border: 1px solid #E7E7E9;*/

float: left;
overflow: hidden;
}



.bannerContent{

width: 468px;

height: 60px;

/*background-color: #FF6C00; */

/*border: 1px solid #E7E7E9;*/

clear: both;

margin-top: 0px;

margin-left: auto;

margin-right: auto;

margin-bottom: 10px;
overflow: hidden;

}

.bannerSmall{
margin-top: 5px;
float: left;
width: 160px;
height: 80px;
/*border: 1px solid #E7E7E9;*/
overflow: hidden;
text-align: center;
}

.bannerSide{
margin-top: 10px;
float: left;
width: 180px;

/*border: 1px solid #E7E7E9;*/
overflow: hidden;
text-align: center;

}
/*#FF6C00*/



/* pager */

.pager {
padding: 10px;
width: 200px;
margin-left: auto;
margin-right: auto;
}



.pager ul li{
display:block;
float:left;
width: 30px;

}



.pager ul li a{

display: block;

text-align:center;

width: 25px;

height: 20px; /* a height es a fuggoleges padding osszege = a width-el ha negyzetet akarunk */

padding: 5px 0 5px 0;

border: 1px solid #999;

background-color: #FF2501;

}



.pager ul li a:hover{

background-color:#eee; /* lapozo elemek hatterszine hoverkor - bg kep is lehet */

}



.pager ul li.actualPage { /* aktualis oldal li eleme, nem kattinthato */

display: block;

text-align:center;

width: 25px;

height: 20px; /* a height es a fuggoleges padding osszege = a width-el ha negyzetet akarunk */

padding: 5px 0 0 0;

border: 1px solid #000;

background-color: #000;

color: white;



}




#imageContainer{

height: 600px;

}