html
{
  height:100%; 

  overflow:hidden;
}
body {
  overflow:hidden;
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px;
  color:#000000;
  height:100%; 
  background: #312f2f;
}



td {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
        color:#000000;

}

img {
	behavior:	url("pngbehavior.htc");
}

                                                                                                               
a {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#333333; font-size: 12px; ;font-weight: normal;}
a:hover {font-family:  Arial, Helvetica, sans-serif; text-decoration:underline; color:#111111; font-size: 12px; font-weight:normal;}



b, strong
{
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px;
  font-weight: bold;
  color:#000000;
}













/* ----------------------------------------------------------------------------------------------------*/


/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;

}

#alap
{
  margin:0 auto;
  width:1000px;
  clear:left;
  height:100%;

}

#alap2
{
  margin:0 auto;
  width:1000px;
  clear:left;
  height:100%;
}

#cont0
{
  position:relative;
  width:100%;
  height:100%;
  display:table;
}


#cont1
{
  position: absolute;
  top: 50%;
  display: table-cell;
  vertical-align:middle;
  height:581px;
}

#cont2
{
  position:relative;
  top:-50%;
  background:#ffffff;
  width:1000px;
  height:581px;
}

#container
{
  background:#ffffff;
  clear:left;
  width:1000px;
  height:581px;

}

.m0
{
  float:left;
  width:605px;

}

.logo
{
  float:left;
}

.menu
{
  float:left;
   width:395px;

}

#content
{
  height:499px;
  width:1000px;
  clear:left;

}

.also
{
  width:1000px;
  clear:left;

}


#videobal
{
  float:left;
  width:615px;
  height:481px;
  margin-top:10px;
  padding-left:27px;
  border-right:1px solid #cecece;
}

.videobal2
{
  float:left;
  width:645px  !important;
  height:481px;
  margin-top:10px;
  padding-left:11px !important;
  border:0px !important;
}

.videobal3
{
  float:left;
  width:990px  !important;
  height:481px;
  margin-top:10px;
  padding-left:0px !important;
  border:0px !important;
}

#videojobb
{
  float:left;
  width: 320px;
  height: 481px;
  margin-top:6px;
  margin-left:28px;

}

.videojobb2
{
  float:left;
  width: 315px !important;
  height: 481px;
  margin-top:6px;
  margin-left:15px !important;

}


.video-kiskep-cont
{
  border:1px solid #cecece;
  float:left;
  width:144px;
  height:110px;
  margin-right:11px;
  margin-top:4px;
  margin-bottom:6px;
   background: #000000;

}


.video-kiskep-cont .kep
{
   clear:left;
}

.video-kiskep-cont .txt
{
   background: #000000;
   color:#ffffff;
   font-size:9px;
   clear:left;
   text-align:left;
   padding-top:2px;
   padding-left:4px;
   white-space:nowrap;
  
}


#videocont #video
{
  clear:left;

}



#videocont  .txt
{
  clear:left;
  color:#000000;
  font-size:9px;
  margin-top:15px;
}

#fotocont  .txt
{
  clear:left;
  color:#000000;
  font-size:9px;
  margin-top:2px;
}


#fotobal
{
  float:left;
  width:705px;
  height:481px;
  margin-top:10px;
  padding-left:11px;
  border-right:1px solid #cecece;
}

#fotojobb
{
  float:left;
  width: 255px;
  height: 481px;
  margin-top:6px;
  margin-left:27px;

}

.foto-kiskep-cont
{
  border:1px solid #cecece;
  float:left;
  width:50px;
  height:50px;
  margin-right:8px;
  margin-top:4px;
  margin-bottom:4px;
  background: #000000;
  white-space:nowrap;

}

#fotocont #foto
{
  clear:left;

}

.foto-lista-cont
{
  clear:left;
  margin-right:8px;
  margin-top:4px;
  margin-bottom:4px;
  color:#000000;
  

}
.foto-lista-cont a
{

  color:#303030;
  text-decoration:none;
}

.foto-lista-cont a:hover
{

  color:#000;

}
#fotocont #foto img
{
  border:1px solid #cecece;

}

#scrollcontent
{
  width:255px;
  height:486px;

}
#scrollcontent2
{
  width:325px;
  height:486px;

}


#scrollcontent3
{
  width:995px;
  height:486px;

}