/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html, body {
	height:100%;
}
body {
	margin:0;
	padding:0;
	text-align:center;
	
	background-color:#FFF;
	}
body, table, th, td, p, input, textarea, select {
	font-family:Arial, Helvetica, Sans-serif;
	font-size:12px;
	color:#0035AD;	
	}
body, p, ul, li {
	}
body.it{
	background-color:#162b91;}
form {
	margin:0;
	background-color:transparent;
	}
h1, h2, h3, h4, h5, h6, p{
	margin:0;
	}
h1 {
	font-size:24px;
	color:#0035AD;
	font-family:serif;
	}
h2 {
	margin-bottom:5px;
	font-size:16px;
	color:#0035AD;
	}
h3 {
	font-size:12px;
	color:#0035AD;
	font-weight:normal;
	}
	
/* 	png filter for: <img src="your/transparent/ping_file.png" /> source code
	don't forget to set width and height in your HTML img tag, path below is relative to html file, not css file!
============================= */
img {
	behavior: url("css/pngbehavior.htc"); 
}
	
a {
	color:#0035AD;	
	}
a:hover {
	color:#FF6600;	
	}

p {}
label {
	cursor:pointer;
	}
/* EXTRA's */

a.leesVerder{
	}
a.leesVerder:hover {
	}
br.cB {clear:both;}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

/* ======== CONTAINER	======== */

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:770px;
	min-height:100%;
	height:100%;
	text-align:left;
	overflow:hidden;
	/*background:transparent url(../gfx/int/bavaria_splash.gif) no-repeat 0px 50px;*/
	}
body.it #horizon {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	display: block;
}
body.it #container{
	margin:0 0 0 -475px;
	position:absolute;
	top:-275px;
	left:50%;
	width:950px;
	height:550px;
	min-height:inherit;
}
#container.int{
	background:transparent url(../gfx/int/bavaria_splash.gif) no-repeat 0px 50px;
	text-align:left!important;
}
	/* mozilla hax \*/
html>body #container {
    height:auto;
	}
	/* mozilla hax */


/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/
h1.welkom {
	padding-top:20px;
	height:30px;
	text-align:center;
	}
h1.welkom img{
	margin-top:26px;
	}
.contentBlock {
	position:relative;
	}

.bavariaFles {
	position:absolute;
	top:109px;
	left:186px;
	width:115px;
	height:222px;
	z-index:10;
	}
* html .bavariaFles {
	top:113px;
}
.formElement {
	position:absolute;
	top:110px;
	left:358px;
	width:288px;
	height:250px;
	z-index:10;
	}
.formulierItem {
	margin:20px;
	}
.formulierButton {
	margin:30px 20px 30px 20px;
	text-align:center;
	}
.needFlash {
	/*position:absolute; bottom:0; left:20px;*/
	font-size:11px;
	text-align:center!important;
	}
.needFlash img {
	margin-left:5px;
	vertical-align:top;
	}
	
	
	.disclaimerContent {
	padding:5px 25px 25px 25px;
	}
.disclaimerContent h3{
	margin:15px 0 0 0;
	}


/* ============================================================	*/ 
/* ========	Time Travel Birthday ==============================	*/
/* ============================================================	*/

img#timeTravel {
	left:219px;
	position:absolute;
	top:-76px;
}

/* ============================================================	*/ 
/* ========	Time Travel Payoff ================================	*/
/* ============================================================	*/

p#payoff {
	bottom:-90px;
	display:block;
	font-size: 10px;
	position:absolute;
	right:-128px;
	text-align:right;
	text-transform:uppercase;
	width:235px;
}