html {
        
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}


body { 
	margin:0;
	overflow:-moz-scrollbars-vertical;
	}

#container {
	margin:0 auto; 
	width:720px;
	overflow:hidden;
	}
#header{
	padding:10px 0px 0px;
}

#header, #content {
	background-image:url(images/site/back720.jpg); 
	background-repeat:repeat-y;
	}
	
#breadcrumbs {
	padding-left:20px;
	}
	
#buttonInfo, #buttonOlympisch, #buttonAanmelden, #buttonFun, #buttonContact {
	float:left; 
	height:20px;
	width:100px;
	margin:0px 20px;
	}

#buttonInfo{
	background-image:url(images/site/buttonInfo.jpg);
	}
#buttonInfo:hover {
	background-image:url(images/site/buttonInfoOver.jpg);
	}

#buttonOlympisch{
	background-image:url(images/site/buttonOlympisch.jpg);
	}
#buttonOlympisch:hover {
	background-image:url(images/site/buttonOlympischOver.jpg);
	}
	
#buttonAanmelden{
	background-image:url(images/site/buttonAanmelden.jpg);
	}
#buttonAanmelden:hover {
	background-image:url(images/site/buttonAanmeldenOver.jpg);
	}

#buttonFun{
	background-image:url(images/site/buttonFun.jpg);
	}
#buttonFun:hover {
	background-image:url(images/site/buttonFunOver.jpg);
	}
	
#buttonContact{
	background-image:url(images/site/buttonContact.jpg);
	}
#buttonContact:hover {
	background-image:url(images/site/buttonContactOver.jpg);
	}

#rodeBalk {
	clear:both;
	height:20px;
	width:700px;
	margin:0px auto;
	background-image:url(images/site/rodeBalk.jpg);
	background-repeat:no-repeat;
	}

#fotoGallery {
	height:149px;
	width:690px;
	margin:0 auto;
	background-image:url(images/bovenbalk 2/hockeykampen.be-zwartv1.gif);
	background-repeat:no-repeat;
	}
#ufoBovenbalk{
	background:#FFF;}

#content {
	overflow:hidden;
	}
#contentLeft{
	float:left; 
	overflow:hidden;
	width:135px;
	}
	
#contentMiddel{
	float:left; 
	width:430px;
	margin:0px 5px;
	overflow:hidden;
	}
	
#contentRight{
	float:right;
	width:135px;
	overflow:hidden;
	}

#footer{
	background-image:url(images/site/onderbalk.gif);
	width:720px;
	height:30px;
	}

#titelBalk{
	padding: 2px 12px; 
	width:102px; 
	background-color: black; 
	color: white; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family:tahoma;
	font-size:11px; 
	

	}
	
#titelBalkGroot {
	padding: 2px 12px; 
	width:397px; 
	background-color: black; 
	color: white; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family:tahoma;
	font-size:11px;
	
	}

#submenu, #sponsors, #agenda, #countdown, #blok, #diary	{
	-moz-box-shadow: 3px 3px 2px #888;
	-webkit-box-shadow: 3px 3px 2px #888;
	box-shadow:  3px 3px 2px #888;
	-moz-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	margin:5px;
	overflow:hidden;
	background:#FFF;
	list-style-type: none;
	text-decoration: none;
	}

#agenda{
	overflow:hidden;
	}
#data{
	margin:0px 5px 10px 5px;
	
	}
#sponsorBlok{
	margin:3px 0px;
	border:0px;
	
	}
	
#submenu ul {
	list-style-type: none;
	font-family:tahoma;
	font-size:11px;
	color:#666;
	}

#disclaimer{
	 text-align:center;
	}
#berichtFoto{
	height:100px;
	width:150px;
	margin:10px;
	float:left;
	}

#bericht{
	float:right;
	margin:10px;
	
	}


a:link {color: #000000;text-decoration: none; list-style:none; }
a:visited {color: #666666;text-decoration: none;}
a:hover {color: #FF0000;text-decoration: underline;}
a:active {color: #333333;text-decoration: none;} 

.h1 {
	font-family:tahoma;
	font-size:11px;
	color:#666;
	}

.h2 {
	font-family:tahoma;
	font-size:12px;
	color:#666;
	
	}
.h3 {
	font-family:tahoma;
	font-size:11px;
	color:#666;
	font-weight:bold;
	}
form { 
	width: 390px; 
	padding:0px 20px 20px 20px; 
	color: #333333; 
	font-family: Tahoma; 
	font-size: 11px; 
	margin: 0 auto; 
	}
fieldset { 
	position: relative;
	padding: 10px; 
	padding-top: 0; 
	margin-bottom: 30px; 
		-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
	border-radius: 8px; 
	 
	box-shadow: 3px 3px 2px #888; 
	-moz-box-shadow: 3px 3px 2px #888; 
	-webkit-box-shadow: 3px 3px 2px #888;
	border: 0px;

	}
legend { 
	padding: 2px 12px; 
	position: absolute;  
	top: -11px;
	width:354px; 
	background-color: black; 
	color: white; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px; 
	font-family:tahoma;
	font-size:11px;

	
	}
label, span { 
	overflow:hidden;
	float: left; 
	clear: left; 
	display: block; 
	width: 180px; 
	padding-right: 20px; 
	text-align: right; 

	line-height: 26px;
	}
input, textarea, select { 
	padding: 3px; 
	float: left; 
	width:auto;
	border: 1px solid #d9d9d9;
	}
.submit { 
	width: 100px; 
	float: right; 
	margin-right: 37px; 
	border: 0; 
	padding: 5px 10px; 
	background: #4F709F; 
	color: white; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
	box-shadow: 2px 2px 4px #888; 
	-moz-box-shadow: 2px 2px 4px #888; 
	-webkit-box-shadow: 2px 2px 4px #888; 
	margin-bottom: 4px; 
	text-shadow: 1px 1px 1px #333;
	}
textarea { 
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(1%, #EEEEEE), to(#FFFFFF));
	}
input:focus, textarea:focus, select:focus { 
	background: white; 
	border-color: #666;
	}

p { overflow: hidden; margin-bottom: 1px; }
p:first-of-type { padding-top: 25px; }
.Gengerlabel { clear: none; width:50px; }
.Genger input { float: none; width: 15px; }

#Human {visibility:hidden;display:none;} 

#diary{
	width:130px;
	height:150px;
	margin:5px;
	float:left;
	
	}
#picture{
	width:120px;
	height:75px;
	background:#CCC;
	margin:0px auto;
	}
#date{
	text-align:center;
	}
#date, #pictureMessage{
	margin:5px 5px;
	}