* {padding:0px; margin:0; }
@font-face {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 600;
	src: local('Oswald Regular'), local('Oswald-Regular'), url(Oswald.woff) format('woff');
	}
html, body{
	height:100%; 
	font-family:Arial; 
	font-size:12px;
	color:#FFFFFF;
	}
body {
	min-width:600px;
	min-height:400px;
	font-size:16px;
	}
input {
	font-size:16px;
	padding:7px;
	}
.body {
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	background: rgb(125,126,125); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	
	}
textarea:focus, input:focus {	
	-webkit-box-shadow: 0px 0px 10px rgba(255, 0, 0,1);
	-moz-box-shadow:    0px 0px 10px rgba(255, 0, 0,1);
	box-shadow:         0px 0px 10px rgba(255, 0, 0,1);
	}
textarea:hover, input:hover {	
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 255,1);
	-moz-box-shadow:    0px 0px 10px rgba(0, 0, 255,1);
	box-shadow:         0px 0px 10px rgba(0, 0, 255,1);
	}
#button:hover{
	background: #FFB200; 
	cursor:pointer;
	}
#button{
	margin-top:5px;
	color:#FFFFFF;
	padding:10px;
	border:0;
	border-radius:5px;
	background:#809FFE;
	-webkit-transition:background-color 500ms ease-in-out;
	-moz-transition:background-color 500ms ease-in-out;
	transition:background-color 500ms ease-in-out;
	}

	
	.Welcome {
		border:0px solid #000000;
		position:fixed;
		text-align:center;
		width:100%;
		height:400px;
		top:50%;
		margin-top:-200px;
		text-align:center;
		display:none;
		}
	.Profil, .SAS, .QuickCount, .Kontak, .UMR {
		display:none;
		position:absolute;
		width:600px;
		height:auto;
		left:50%;
		top:50%;
		margin: -200px 0 0 -300px;
		border:0px solid #000000;
		}
	.judul {
		position:fixed;
		right:0;
		top:0;
		}
	h01{
		line-height:140px;
		font-family: 'Oswald';
		font-size:150px;
		color:#FFFFFF;
		text-shadow: 7px 7px 5px #000000;
		}
	h02{
		font-family: 'Oswald';
		font-size:50px;
		color:#FFFFFF;
		text-shadow: 0px 0px 6px rgba(0, 0, 0, 1);
		margin-right:30px;
		}
	m01{
		position:fixed;
		top:0;
		left:0;
		color:#FFFFFF;
		padding:10px;
		background:#000000;
		font-size:20px;
		height:100%;
		border-right:1px inset #000000;
		}
	m01:hover{
		cursor:pointer;
		}
	nav {
	
		position:fixed;
		top:10px;
		left:40px;
		}
	nav ul li {
		width:400px;
		font-family:Arial;
		font-size:100px;
		display:block;
		background:0;
		color:#FFFFFF;
		font-size:20px;
		font-weight:bold;
		padding:5px;
		border-bottom:0px inset #000000;
		text-shadow: 4px 3px 2px #000000;
		}
	nav ul li a:hover {
		color:#FFFF00;
		text-shadow: 4px 3px 2px #000000;
		cursor:pointer;
		}
	nav {
		display:none;
		}
	.FotoLeft {
		float:left; 
		margin: 0 10px 10px 0;
		}
	.Polaroid {
		background-color: #ffffff;
		border: 5px solid transparent;
		-moz-border-radius-topleft: 20px;
		-webkit-border-top-left-radius: 20px;
		border-top-left-radius: 20px;
		-moz-box-shadow: 0px 0px 9px #000000;
		-webkit-box-shadow: 0px 0px 9px #000000;
		box-shadow: 0px 0px 9px #000000;
		}
	.FotoProfil {
		width:150px;
		}
	ul, ol, p, table {
		font-family:Calibri;
		font-size:20px;
		text-shadow: 2px 2px 6px rgba(0, 0, 0, 1);
		color:#FFFFFF;
		text-align:justify;
		}
	.video {
		width:330px; 
		position:absolute; 
		top:40px; 
		left:260px;
		border:1px solid #333333;
		-webkit-border-radius:20px;
		-moz-border-radius:20px;
		border-radius:20px;
		-moz-box-shadow: 0px 0px 20px #000000;
		-webkit-box-shadow: 0px 0px 20px #000000;
		box-shadow: 0px 0px 20px #000000;
		}
	.videoQC:hover, .video:hover {
		cursor:pointer;
		-moz-box-shadow: 0px 0px 20px #FFFF00;
		-webkit-box-shadow: 0px 0px 20px #FFFF00;
		box-shadow: 0px 0px 20px #FFFF00;
		}
	.videoQC {
		width:430px; 
		border:1px solid #333333;
		-webkit-border-radius:20px;
		-moz-border-radius:20px;
		border-radius:20px;
		-moz-box-shadow: 0px 0px 20px #000000;
		-webkit-box-shadow: 0px 0px 20px #000000;
		box-shadow: 0px 0px 20px #000000;
		}
#flag {
	position:fixed;
	bottom:0;
	right:0;
	z-index:1;
	}
kuning {color: #0FFFF0; }

table.style3{
margin-top:50px;
}
table.style3 tr th, table.style3 tbody tr td {
  border:1px solid #FFFFFF;
  padding:3px;
}
table.style3 tbody tr td a {
   text-decoration: none;
   color: #FFFFFF;
}