/* CSS Document */
html{
/*	scrollbar-face-color : #2B4455; 
	scrollbar-highlight-color : #213441; 
	scrollbar-3dlight-color : #213441;
	scrollbar-darkshadow-color : #213441;  
	scrollbar-arrow-color : #cccccc;   
	scrollbar-shadow-color : #213441;   
	scrollbar-track-color: #213441; */

	scrollbar-face-color : #2B4455; 
	scrollbar-highlight-color : #213441; 
	scrollbar-3dlight-color : #213441;
	scrollbar-darkshadow-color : #213441;  
	scrollbar-arrow-color : #cccccc;   
	scrollbar-shadow-color : #213441;   
	scrollbar-track-color: #213441; 

	}

a:link, a:visited{
	text-decoration: none;
}

	
::-webkit-scrollbar {
    height: 12px;
	width: 12px;
    background: #333333;
    }
::-webkit-scrollbar-thumb {
	background: #666666;
}
::-webkit-scrollbar-corner {
	background: #cccccc;
}

.dudud{
	background-color: #666666;
}


.tutty{
    background-color: #213441;
}
	
body{
	color: #cccccc;
	font-family: Tahoma;
	font-size: 12px;
	/*	background-image: url(/images_regi/design/main_back_big.jpg);*/
	line-height: 120%;
	background-color: #000000;
}
p {
	font-size: 12px;
	line-height: 120%;
	margin: 12px;
}
#main_table{
	border: 0px;
	margin-top: 50px;
}
#main_table #kozepe{
	width: 800px;
	border: 0px;
	top: 100px;
	/*background-image: url(/images_regi/design/index_kep.jpg);*/
	/*background-image: url(/images_regi/design/peter_new_index_7.jpg);*/
	background-image: url(/images_regi/design/index_peter_01.jpg);
	
	height: 615px;
	background-repeat: no-repeat;
	vertical-align: top;
	-moz-border-radius: 5px 5px;
	border-radius: 5px 5px;
}

#menu{
	width: 120px;
	height: 200px;
	color: #FFFFFF;
	vertical-align: top;
	margin-top: 440px;
	margin-left: 30px;
}

#menu img, #menu img a:link, #menu img a:visited{
	border:0px;
	}

.menu_text{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 20px;
	height: 30px;
	line-height: 30px;
	/*	font-family: Monotype Corsiva, "Times New Roman", Times, serif;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
	margin-top: 10px;
}
.menu_text a:link, menu_text a:visited{
	text-decoration: none;
}
.menu_text:hover{
	text-shadow: 0px 0px 5px  #FFFFFF;

}
#eletrajz{
	position: absolute;
	width: 500px;
	padding: 10px;
	/*background-color: #000033;*/
/*	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;*/
/*	background-image: url(/images_regi/design/main_back.jpg);*/
	float: left;
	margin-left: 250px;
	margin-top: 30px;
	height: 540px;
	background-color: #000000;
	-moz-border-radius: 5px 5px;
	border-radius: 5px 5px;
	}
#eletrajz img{
	width: 100px;
	padding: 3px;
	float: right;
	border: 1px solid;
	border-color: #CCCCCC;
	margin: 10px;
	}	
#szoveg{
	width: 500px;
	text-align: justify;
	color: #CCCCCC;
	position: relative;
	height: 525px;
	}
.cv_body{
/*	background-image: url(/images_regi/design/main_back.jpg);*/

}

#szoveg_cv{
	width: 460px;
	text-align: justify;
	color: #CCCCCC;
	position: relative;
	height: 525px;
	}	
#eletrajz a:link, #eletrajz a:visited{
	color: #FFFFFF;
	text-decoration: none;

}
#eletrajz #close, #repertoire #close, #havealook #close, #gallery #close, #contact #close{
	color: #CCCCCC;
	float:right;
	font-weight: normal;
}
#eletrajz #close a:link, #eletrajz #close a:visited, #repertoire #close a:link, #repertoire #close a:visited, #havealook #close a:link, #havealook #close a:visited, #gallery #close a:link, #gallery #close a:visited, #contact #close a:link, #contact #close a:visited{
	color: #CCCCCC;
	font-weight: normal;
}
#repertoire{
	position: absolute;
	width: 500px;
	padding: 10px;
	background-color: #000033;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	background-image: url(/images_regi/design/main_back.jpg);
	float: left;
	margin-left: 250px;
	margin-top: 30px;
	height: 540px;
	}
	
	#repertoire a:link, #repertoire a:visited{
	color: #FFFFFF;
	text-decoration: none;
	}
#havealook{
	position: absolute;
	width: 500px;
	padding: 10px;
	/*	background-color: #000033;*/
/*	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;*/
	/*	background-image: url(/images_regi/design/main_back.jpg);*/
	float: left;
	margin-left: 250px;
	margin-top: 30px;
	height: 540px;
	background-color: #000000;
	-moz-border-radius: 5px 5px;
	border-radius: 5px 5px;
	}
#havealook	#szoveg{
	width: 500px;
	text-align: justify;
	color: #cccccc;
	position: relative;
	height: 510px;
	}
	#havealook a:link, #havealook a:visited{
	color: #FFFFFF;
	text-decoration: none;
	}	
 #contact{
	position: absolute;
	width: 500px;
	padding: 10px;
/*	background-color: #000033;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	background-image: url(/images_regi/design/main_back.jpg);*/
	float: left;
	margin-left: 250px;
	margin-top: 30px;
	height: 540px;
	background-color: #000000;
	-moz-border-radius: 5px 5px;
	border-radius: 5px 5px;
	}
#szoveg_contact{
	width: 500px;
	text-align: center;
	color: #CCCCCC;
	position: relative;
	height: 325px;
	margin-top: 200px;
	}
#contact a:link, #contact a:visited{
	color: #CCCCCC;
	text-decoration: none;
	font-weight: 600;
	}
	
 #gallery{
	position: absolute;
	width: 500px;
	padding: 10px;
/*	background-color: #000033;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	background-image: url(/images_regi/design/main_back.jpg);*/
	float: left;
	margin-left: 250px;
	margin-top: 30px;
	height: 540px;
	background-color: #000000;
	-moz-border-radius: 5px 5px;
	border-radius: 5px 5px;
	}
	
#gallery a:link, #gallery a:visited{
	color: #FFFFFF;
	text-decoration: none;
	}
	
#gallery img{
	border: 0px;
	}
	
#placeholder{
	margin-top: 15px;	
	}
	

#portre_jobbra{
	width: 200px;
	padding: 3px;
	float: right;
	border: 0px solid;
	border-color: #CCCCCC;
	margin: 0px 10px 10px 10px;
	height: auto;
	}
ul{
	font-size: 12px;
	line-height: 120%;
	margin: 3px;

}	
li{
	font-size: 12px;
	line-height: 120%;
	list-style-type: disc;
}
.flexcroll{
	height: 500px;
	width: 540px;
}
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; 
	left: 0;
	bottom: 0; 
}

.vscrollerbase {
	width: 10px;
	background-color: #163645;
	border: 0px solid;
	border-color: #CCCCCC;
}
.vscrollerbar {
	width: 10px;
	background-color: #16556D;
}
.hscrollerbase {
	height: 10px;
	background-color: #333333;
	border: 0px solid;
	border-color: #CCCCCC;
}
.hscrollerbar {
	height: 10px;
	background-color: #FFCC33;
}
.scrollerjogbox {
	width: 10px;
	height: 10px;
	top: auto; 
	left: auto;
	bottom: 0px; 
	right: 0px;
	background-color: #666666;
}
.repertoire_table{
	color: #CCCCCC;
}
.kiemeles_1{
	color: #FFFFFF;
}
.mob_site_link{
	color: #999999;
	background-color: #333333;
	line-height: 28px;
	font-size: 26px;
	float: left;
	padding: 0px 10px 2px 10px;
	-moz-border-radius: 0px 0px 10px 0px;
	border-radius: 0px 0px 10px 0px;
}
.mob_site_link:hover{
	background-color: #000000;
}
.plus_div{
	background-color: #333333;
	-moz-border-radius: 0px 0px 5px 0px;
	border-radius: 0px 0px 5px 0px;
	padding: 0px 5px 2px 0px;
}
.my_mob_div_out {
	width: 150px;
	height: 100px;
	float: left;
}




.my_mob_div {
	width: 0px;
	height: 0px;
	line-height: 0px;
	background-color: #333333;
    -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 3s; /* Chrome, Safari, Opera */
    -webkit-animation-delay: 0s; /* Chrome, Safari, Opera */
	animation-name: example;
	animation-duration: 3s;
	animation-delay: 0s;
	float: left;
	color: #FFFFFF;
	font-size:10px;
	-moz-border-radius: 0px 0px 5px 0px;
	border-radius: 0px 0px 5px 0px;
}



/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    0%  {background-color:#333333;  color:#FFFFFF; width: 230px; height: 50px; font-size:24px;line-height:50px;-moz-border-radius: 0px 0px 10px 0px;border-radius: 0px 0px 10px 0px;}
    70% {background-color:#333333;  color:#FFFFFF; width: 230px; height: 50px; font-size:24px;line-height:50px;-moz-border-radius: 0px 0px 10px 0px;border-radius: 0px 0px 10px 0px;}
   100% {background-color:#333333; color:#999999; width: 50px; height: 16px; font-size:16px;line-height:16px;}
}

/* Standard syntax */
@keyframes example {
    0%   {background-color:#333333; color:#FFFFFF; width: 230px; height: 50px;font-size:24px;line-height:50px;-moz-border-radius: 0px 0px 10px 0px;border-radius: 0px 0px 10px 0px;}
    70% {background-color:#333333;  color:#FFFFFF; width: 230px; height: 50px;font-size:24px;line-height:50px;-moz-border-radius: 0px 0px 10px 0px;border-radius: 0px 0px 10px 0px;}
    100% {background-color:#333333; color:#999999; width: 50px; height: 16px; font-size:16px;line-height:16px;}
}


.new_mob {
	border:solid 0px #2d2d2d;
	-moz-border-radius: 0px 0px 2px 0px;  
	-webkit-border-radius: 0px 0px 2px 0px;
	border-radius: 0px 0px 2px 0px;
	-webkit-animation: cssAnimation 3s 1 ease-out;
	-moz-animation: cssAnimation 3s 1 ease-out;
	-ms-animation: cssAnimation 3s 1 ease-out;
	-o-animation: cssAnimation 3s 1 ease-out;
	animation: cssAnimation 3s 1 ease-out;
	width: 30px;
	height: 60px;
	float: left;
	margin: 0px;
	background-image: url(../images_regi/design/mobile.png);
	background-size: 100%;
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
	top: 0px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	color: #999999;
	font-size: 0px;
	text-align: center;
	
	}
@-webkit-keyframes cssAnimation {
0% { -webkit-transform:  scale(4) ; left: 70px;  top: 7px; opacity: 1; filter: alpha(opacity=100);font-size: 6px; line-height:6px;background:transparent;background-color: #000000;width:60px; height:7px;}
80% { -webkit-transform:  scale(4); left: 70px; top: 7px; opacity: 1; filter: alpha(opacity=100);font-size: 6px; line-height:6px;background:transparent;background-color: #000000;width:60px;height:7px;}
99% { -webkit-transform:  scale(1); left: -10px; top: 0px; opacity: 1; filter: alpha(opacity=100);font-size: 0px; line-height:0px;background:transparent;width:0px;height:0px;}
100% { -webkit-transform:  scale(1); left: 0px; top: 0px; font-size: 5px; line-height:5px; }
}
@keyframes cssAnimation {
0% { -webkit-transform:  scale(4) ; left: 70px;  top: 7px; opacity: 1; filter: alpha(opacity=100);font-size: 6px; line-height:6px;background:transparent;background-color: #000000;width:60px; height:7px;}
80% { -webkit-transform:  scale(4); left: 70px; top: 7px; opacity: 1; filter: alpha(opacity=100);font-size: 6px; line-height:6px;background:transparent;background-color: #000000;width:60px;height:7px;}
99% { -webkit-transform:  scale(1); left: -10px; top: 0px; opacity: 1; filter: alpha(opacity=100);font-size: 0px; line-height:0px;background:transparent;width:0px;height:0px;}
100% { -webkit-transform:  scale(1); left: 0px; top: 0px; font-size: 5px; line-height:5px; }
}

@-moz-keyframes cssAnimation {
0% { -webkit-transform:  scale(4) ; left: 70px;  top: 7px; opacity: 1; filter: alpha(opacity=100);font-size: 6px; line-height:6px;background:transparent;background-color: #000000;width:60px; height:7px;}
80% { -webkit-transform:  scale(4); left: 70px; top: 7px; opacity: 1; filter: alpha(opacity=100);font-size: 6px; line-height:6px;background:transparent;background-color: #000000;width:60px;height:7px;}
99% { -webkit-transform:  scale(1); left: -10px; top: 0px; opacity: 1; filter: alpha(opacity=100);font-size: 0px; line-height:0px;background:transparent;width:0px;height:0px;}
100% { -webkit-transform:  scale(1); left: 0px; top: 0px; font-size: 5px; line-height:5px; }
}

@-ms-keyframes cssAnimation {
0% { -webkit-transform:  scale(4) ; left: 70px;  top: 7px; opacity: 1; filter: alpha(opacity=100);font-size: 6px; line-height:6px;background:transparent;background-color: #000000;width:60px; height:7px;}
80% { -webkit-transform:  scale(4); left: 70px; top: 7px; opacity: 1; filter: alpha(opacity=100);font-size: 6px; line-height:6px;background:transparent;background-color: #000000;width:60px;height:7px;}
99% { -webkit-transform:  scale(1); left: -10px; top: 0px; opacity: 1; filter: alpha(opacity=100);font-size: 0px; line-height:0px;background:transparent;width:0px;height:0px;}
100% { -webkit-transform:  scale(1); left: 0px; top: 0px; font-size: 5px; line-height:5px; }
}

@-o-keyframes cssAnimation {
0% { -webkit-transform:  scale(4) ; left: 70px;  top: 7px; opacity: 1; filter: alpha(opacity=100);font-size: 6px; line-height:6px;background:transparent;background-color: #000000;width:60px; height:7px;}
80% { -webkit-transform:  scale(4); left: 70px; top: 7px; opacity: 1; filter: alpha(opacity=100);font-size: 6px; line-height:6px;background:transparent;background-color: #000000;width:60px;height:7px;}
99% { -webkit-transform:  scale(1); left: -10px; top: 0px; opacity: 1; filter: alpha(opacity=100);font-size: 0px; line-height:0px;background:transparent;width:0px;height:0px;}
100% { -webkit-transform:  scale(1); left: 0px; top: 0px; font-size: 5px; line-height:5px; }
}