body{
background: rgb(130,132,128); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(130,132,128,1) 0%, rgba(215,215,208,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(130,132,128,1) 0%,rgba(215,215,208,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(130,132,128,1) 0%,rgba(215,215,208,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828480', endColorstr='#d7d7d0',GradientType=0 ); /* IE6-9 */
}
html{
	width:100%;
	height:100%;
}
.center{
    margin: auto;
	margin-top:123px;
    width: 882px;
	height:656px;
    /*//border: 3px solid #73AD21;*/
	text-align: left;
	background: url(../img/backs/bio.jpg) no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	-webkit-box-shadow: 2px 2px 11px 0px rgba(8, 24, 50, 0.7);
	-moz-box-shadow:    2px 2px 11px 0px rgba(8, 24, 50, 0.7);
	box-shadow:         2px 2px 11px 0px rgba(8, 24, 50, 0.7);
	font-family: 'Roboto', sans-serif; font-weight: 300;   
}
.Box_nyito{/*aka fooldal gomb*/
	/*//33,24 ,130*/
	position:absolute;
	left: 50%;	
	margin-left:-470px;
	top:101px;
	background-color:rgba(10,19,13,0.52);
	width:128px;
	height:128px;
	background: url(../img/index.jpg) no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	}
.Box_bio{
	position:absolute;
	left: 50%;	
	margin-left:-161px;
	top:203px;
	background-color:rgba(10,19,13,0.52);
	width:128px;
	height:128px;
	background: url(../img/active.jpg) no-repeat;
		-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.Box_events{
	position:absolute;
	left: 50%;	
	margin-left:-33px;
	top:76px;
	background-color:rgba(10,19,13,0.52);
	width:128px;
	height:128px;
	background: url(../img/esemenyek.jpg) no-repeat;
		-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.Box_galery{
	position:absolute;
	left: 50%;	
	margin-left:-225px;
	top:76px;
	background-color:rgba(10,19,13,0.52);
	width:128px;
	height:128px;
	background: url(../img/galery.jpg) no-repeat;
		-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.Box_impresum{
	position:absolute;
	left: 50%;	
	margin-left:278px;
	top:692px;
	background-color:rgba(10,19,13,0.52);
	width:128px;
	height:128px;
	background: url(../img/impreszum.jpg) no-repeat;
		-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.Box_kapcsolat{
	position:absolute;
	left: 50%;	
	margin-left:350px;
	top:170px;
	background-color:rgba(10,19,13,0.52);
	width:128px;
	height:128px;
	background: url(../img/kapcsolat.jpg) no-repeat;
		-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.Box_media{
	position:absolute;
	left: 50%;	
	margin-left:-473px;
	top:550px;
	background-color:rgba(0,0,0,0);
	width:128px;
	height:128px;
	background: url(../img/media.jpg);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	border-bottom-color:rgba(0,0,0,0);
}

.Box_repertoar{
	position:absolute;
	left: 50%;	
	margin-left:-140px;
	top:504px;
	background-color:rgba(10,19,13,0.52);
	width:128px;
	height:128px;
	background: url(../img/repertoar.jpg) no-repeat;
		-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.Box_kritika{
	position:absolute;
	left: 50%;	
	margin-left:-345px;
	top:680px;
	background-color:rgba(10,19,13,0.52);
	width:128px;
	height:128px;
	background: url(../img/kritika.jpg) no-repeat;
		-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
/*167,839*/
.labjegyzet{
	position:absolute;
	left: 50%;	
	margin-left:175px;
	top:789px;
	font-family: 'Roboto', sans-serif; font-weight: 300;   
	font-size:8pt;

}
/*403,507*/
.namee{
	position:absolute;
	left: 50%;	
	margin-left:252px;
	text-align: right;
	top:457px;
	background-color:rgba(10,19,13,0);
	width:160px;
	height:100px;
	color:white;
	font-family: 'Roboto', sans-serif; font-weight: 300;   
	font-size:40pt;
}
.namee2{
	position:absolute;
	left: 50%;	
	margin-left:264px;
	text-align: right;
	top:505px;
	background-color:rgba(10,19,13,0);
	color:white;
	font-family: 'Roboto', sans-serif; font-weight: 300;   
	font-size:40pt;
}
.tovaa{
	position:absolute;
	left: 50%;	
	margin-left:326px;
	text-align: center;
	top:580px;
	background-color:rgba(10,19,13,0);
	width:77px;
	height:28px;
	color:white;
	font-family: 'Roboto', sans-serif; font-weight: 300;   
	font-size:11pt;
	border: 2px solid #fff;/*Eztörlöm!*/
	line-height: 1.9;
}


/*272,173*/
.languagechoose{
	position:absolute;
	left: 50%;	
	margin-left:265px;
	text-align: left;
	top:103px;
	background-color:rgba(10,19,13,0);
	color:white;
	font-family: 'Roboto', sans-serif; font-weight: 300;   
	font-size:8pt;
	/*	line-height: 1.9;*/
}
.languagechoose ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    
}

.languagechoose li {
    float: left;
}

.languagechoose li a {
    display: block;
    color: rgb(55,55,55);
    text-align: left;
    padding: 0px 6px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
.languagechoose li a:hover {
    /*background-color: #111;*/
}
.fbbutton{
	position:absolute;
	left: 50%;	
	margin-left:416px;
	top:90px;
	background: url(../img/fbico.png) no-repeat;
	width:26px;
	height:26px;
	font-size:11pt;

}

.feliratmenuben{
	position:relative;
	left: 24%;	
	margin-left:center;
	text-align: center;
	top:24px;
	/*background-color:rgba(10,19,13,0);*/
	width:64px;
	height:25px;
	color:white;
	font-family: 'Roboto', sans-serif; font-weight: 300;   
	font-size:9pt;
	border: 1px solid rgba(255,255,255,0.5);/*Eztörlöm!*/
	line-height: 2;
}
.feliratmenuben.ev1{
	position:relative;
	left: 20%;	
	margin-left:center;
	text-align: center;
	top:50px;
	/*background-color:rgba(10,19,13,0);*/
	width:80px;
	height:25px;
	border: 1px solid rgba(255,255,255,0.5);/*Eztörlöm!*/
	line-height: 2;
}
.feliratmenuben.ev2{
	position:relative;
	left: 22%;	
	margin-left:center;
	text-align: center;
	top:50px;
	/*background-color:rgba(10,19,13,0);*/
	width:70px;
	height:25px;
	border: 1px solid rgba(255,255,255,0.5);/*Eztörlöm!*/
	line-height: 2;
	z-index:10;
}
.feliratmenuben.ev3{
	position:relative;
	left: 15%;	
	margin-left:center;
	text-align: center;
	top:50px;
	/*background-color:rgba(10,19,13,0);*/
	width:90px;
	height:25px;
	border: 1px solid rgba(255,255,255,0.5);/*Eztörlöm!*/
	line-height: 2;
}
.feliratmenuben.ev4{
	position:relative;
	left: 20%;	
	margin-left:center;
	text-align: center;
	top:50px;
	/*background-color:rgba(10,19,13,0);*/
	width:80px;
	height:25px;
	border: 1px solid rgba(255,255,255,0.5);/*Eztörlöm!*/
	line-height: 2;
}
.feliratmenuben.ev5{
	position:relative;
	left: 25%;	
	margin-left:center;
	text-align: center;
	top:50px;
	/*background-color:rgba(10,19,13,0);*/
	width:65x;
	height:25px;
	border: 1px solid rgba(255,255,255,0.5);/*Eztörlöm!*/
	line-height: 2;
}
.feliratmenuben.ev6{
	position:relative;
	left: 28%;	
	margin-left:center;
	text-align: center;
	top:47px;
	/*background-color:rgba(10,19,13,0);*/
	width:80px;
	height:25px;
	border: 1px solid rgba(255,255,255,0.5);/*Eztörlöm!*/
	line-height: 2.1;
	color:white;
}
.feliratmenuben.ev7{
	position:relative;
	left: 53%;	
	margin-left:center;
	text-align: center;
	top:50px;
	/*background-color:rgba(10,19,13,0);*/
	width:40px;
	height:25px;
	border: 1px solid rgba(0,0,0,0.5);/*Eztörlöm!*/
	color:black;
	line-height: 2.1;
}
.feliratmenuben.ev8{
	position:relative;
	left: 25%;	
	margin-left:center;
	text-align: center;
	top:50px;
	/*background-color:rgba(10,19,13,0);*/
	width:60px;
	height:25px;
	border: 1px solid rgba(255,255,255,0.5);/*Eztörlöm!*/
	line-height: 2;
}
.feherkocka{
	background-color:rgba(0,0,0,0);
	border:none;
	-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0, 0.91);
	-moz-box-shadow:    2px 2px 4px 0px rgba(0,0,0, 0.91);
	box-shadow:         2px 2px 4px 0px rgba(0,0,0, 0.91);
	
}
.textboxdiv{
	position:absolute;
	left: 50%;	
	margin-left:-500px;
	top:167px;
	background: url(../img/tartalomback.jpg) no-repeat;
	width:387px;
	height:411px;
	font-size:11pt;
	z-index:1;
		-webkit-box-shadow: 5px 2px 11px 0px rgba(8, 24, 50, 0.8);
	-moz-box-shadow:    	5px 2px 11px 0px rgba(8, 24, 50, 0.8);
	box-shadow:         	5px 2px 11px 0px rgba(8, 24, 50, 0.8);
}
.textboc{
	position:absolute;
	left: 50%;	
	margin-left:-435px;
	top:230px;
	color:black;
	width:300px;
	height:280px;
	font-size:10pt;
	text-align:left;
	z-index:10;
    overflow:auto;
}

.scroll {
   width: 200px;
   height: 400px;
    background: red;
   overflow: scroll;
}
.textboc::-webkit-scrollbar {
    width: 8px;
	
}

.textboc::-webkit-scrollbar-track {
    position:relative;
	left:30px;
    /*border-left: 1px solid #ccc;*/

}
.textboc::-webkit-scrollbar-track {
   /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;*/
	background: url(../img/backs/csuszkahatter.png) no-repeat;	
}

.textboc::-webkit-scrollbar-thumb {
    width: 7px;/*12*/
	height:38px;
	background: url(../img/backs/csuszka.png) no-repeat;
}

.test{	
   word-wrap: break-word;
   width: 260px;

	}
/*formázott kiemelés*/
.bb{
	font-size:13pt;
	font-family: 'Roboto', sans-serif; font-weight: 500 ;
	color:rgba(80,80,80,0.9);
}
.bb2{
	font-size:10pt;
	font-family: 'Roboto', sans-serif; font-weight: 500 ;
	color:rgba(0,0,0,0.9);
}

@media (max-height: 850px) {.center{margin-top:43px;}.Box_nyito{top:21px;}.Box_bio{top:123px;}.Box_events{top:-6px;}.Box_galery{top:-6px;}.Box_impresum{top:612px;}.Box_kapcsolat{top:90px;}.Box_media{top:470px;}.Box_repertoar{top:416px;}.Box_kritika{top:600px;}.labjegyzet{top:709px;}.namee{top:377px;}.namee2{top:425px;}.tovaa{top:500px;}.krm{top:490px;}/*nemfontos! jaa de h' bazzeg káli!*/.languagechoose{top:23px;}.fbbutton{top:10px;}/**aloldalakhoz eddig a fömenühöz volt..*/.textboxdiv{top:87px;}.textboc{top:150px;}}