/*
html {
	overflow: hidden;
	height: 100%;
}
*/

body {
	font-family: helvetica, tahoma, arial, sans-serif;
	background-color: #000;
	color: #fff;
	margin: 0;
/*	overflow: auto; */
}

html, body, canvas {
	height: 100%,
	width: 100%,
	position: fixed;
	overflow: hidden;
	overscroll-behavior: none;
}

body.index {
	background-color: #060608;
}

body.pictureShow {
	background-color: #060608;
}

body.metScrollBars {
	overflow: auto;
}

body.bloemetjesBehang {
   	background:url('/textures/bloembehang.jpg'); 
}

body.suit {
   	background:url('/textures/suit.jpg'); 
}

h1.fake {
	position: fixed;
	top: 20%;
	left: 20%;
	font-size: 5em;
	font-size: 6vw;
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

iframe.fake {
	border: none;	
	width: 100%;
/*	pointer-events: none; */ /* muis uitschakelen */
}

#fakeMessage {
	position: fixed;
	width: 100%;
	text-align: center;
	top: 50%;
	font-weight: bold;
	font-size: 5em;
	font-size: 6vw;
	color: blue;
	display: none;
}

#recognition {
	position: fixed;
	bottom: 2px;
	right: 2px;
	font-size: .8em;
	font-size: 1.2vw;
}

h1.banner {
	position: fixed;
	top: 0;
	width: 100%;
	background: #DEDE0A;
	margin: 1% 0 0 0;
	font-variant: small-caps;
	font-size: 3em;
	font-size: 3vw; /* relatief tot de breedte van de viewport */
	padding-left: 2em;
}

.formalITBanner {
	font-variant: small-caps;
	font-size: 3em;
	font-size: 3vw; /* relatief tot de breedte van de viewport */
	box-shadow: 0 10px 10px #143452;
}

.motto {
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
	position: fixed;
	top: 4em;
	right: 0px;
	max-height: 4em;
	max-height: 10vw;
	text-align: center;
	font-stretch: ultra-condensed;
	font-size: 1em;
	font-size: 2vw;
	background: #BEBEB8;
	color: #1000A0;
	box-shadow: 10px 10px 10px #143452;
	padding: .1em 2.5em .2em 3em;
	border-radius: 10px;
}

a {
	text-decoration: none;
	color: black;
}

.xmlMenu, .xmlMenu a {
	padding: 2em;
	padding: 1vw;
	font-size: 2em;
	font-size: 1vw;
	color: #EEE;
}

#geenWebGL {
	margin:10%;
	padding:5%;
	font-size:1.2em;
	color:#FFEEDD;
	background: #333300;
	display:none;
}

#geenWebGL a {
	color:#FFEEDD;
}
	
#message {
	position: fixed;
	bottom: 0%;
	padding: 0.5em;
	padding: 0.5vw;
	float:right;
	font-size: 2em;
	font-size: 2vw;
	color: white;
	background-color: #0101FE;
	display: none;
}

.picHostShow {
	float:left;
	margin: 0;
	padding: 0;
	border: none;
}

#echtPlaatje {
	display: block;
	margin: auto;
	width:100%;
}

#pauzeKnop {
	display: none;
	position: absolute;
	top: 20%;
	width: 100%;
	text-align: center;
	font-size: 8em;
	font-size: 20vw;
	color: white;
}

input[type=radio] {
	margin-right: 1em;
}	

.hidden {
	display:none;
}

@font-face {
	font-family: StarWars;
	src: url(../fonts/starwars.woff);
}

.starwars {
	font-family: StarWars;
	font-variant: small-caps;
	font-style: italic;
	margin-left: 2%;
	font-size: 4em;
	font-size: 6vw;	
	color: #E5B13A;
}

.clear {
	clear:both;
}

.tape {
	position: fixed;
	top: 0;
	margin-top: 1%;
	width: 100%;
	padding: .2em;;
	font-size: 2em;
	font-size: 2vw; /* relatief tot de breedte van de viewport */
	font-weight: bold;
	font-stretch: condensed;
	text-align: center;
	color: black;
	background-color: #DEDE0A;
}

.thumbs {
	float: left;
	margin-left: 1%;
	margin-bottom: 1%;
	padding: 0;
	width: 32%;
	max-width: 256px;
}

.thumbs.buienRadar {
	border: none;
	max-height: 128px;
	z-index: -1;
}

.thumbs.PConly {
	display: none;
}

#buienRadarCC {
	float: left;
	position: relative;
	top: 0;
	left: -256px;
	border: solid 2px white;
	opacity: 0.61;
	filter: alpha ( opacity = 61 );
}

/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
  -webkit-animation-name: hvr-pulse-shrink;
  animation-name: hvr-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* contact.php */
div.contactGegevens {
	float:left;
	margin-top: 2%;
	margin-left: 2%;
	width: 92%;
	padding: 2%;
	background-color:#dec2bd;
	font-size: 1em;
	font-size: 2vw;
	color:black;
}

div.contactGegevens a {
	text-decoration: underline;
}

div.suit {
	background-color:#B2B2A2;
}

.kop {
	font-family:"Book Antiqua";
	font-size: 32px;
	font-weight: bold;
}

#contactButton {
	position: fixed;
	top: 9px;
	font-size: .8em;
/*	font-size: 2vw; /* relatief tot de breedte van de viewport */
 	margin-top: 4px;
 	margin-left: 16px;
	background-color:#DEDECB;
	color: black;
	padding:.5em;
	border-radius:1em;
}

#contactformulier {
 	font-size:1em;
 	font-weight:normal;
 	display:none;
}

#formulierkeuze {
	text-decoration:underline;
	cursor:pointer;
}

#contactform {
	margin: 2px;
	padding: 2px;
 	border: 2px solid grey;
}

legend {
	font-family:"Palatino Linotype"; 
	margin:0;
	text-align:left;
	padding-bottom:3px;
	font-size: 1.4em;
}

input {
	margin-bottom:4px;
}

label, .filler {
	float:left;
	display:block;
	margin:3px;
	width:7em;
}

textarea {
	font-family: helvetica, tahoma, arial, sans-serif;
}

#googlemap {
	display:block;
	width: 100%;
	height: 24em;
	height: 64vw;
	max-height: 480px;
	border: 2px solid grey;
}

.ontvangstBevestiging {
	float:left;
	padding:1em;
	background-color:#fefded;
	font-size: 1em;
	font-size: 2vw;
	color:black;
	width:60%;
	margin-top:5%;
	margin-left:20%;
	border:solid 2px black;
}

.downloads {
	font-size: 2em;
	font-size: 2vw;
	color: #fff;
	margin-left: 2%;
}