/* =Body
-------------------------------------------------
*/
body {
	background: #eee url(../images/bg_splash1.1.jpg) no-repeat center center;
}

/* =Structure
-------------------------------------------------
*/

body, html {height: 100%;}

#outer {
	display: table;
	height: 100%;
	overflow: visible;
}

#middle {
	display: table-cell;
	vertical-align: middle;
}


.wrapper {
	margin: auto;
	text-align: left;
	width: 753px;
}

#main-pane {
	background-color: #fff;
	border: 1px solid #fff;
}

/* =Futuros
-----------------------------------------------------
*/

#futuros {
	text-align:center;
	margin-top:2px;
	margin-bottom:10px;
}
#futuros A{
	font-size: 12px;
/*	letter-spacing: 1px;*/
	text-decoration: none;
	color: #000;
}
#futuros A:hover{
	color: #fff;
}

/*  =boxes
------------------------------------------------------------
*/


.regiosite, .infosite {
	min-height:150px;
}

* html .regiosite, * html .infosite {
	height:150px;
}

.infosite {
	background: url(../images/nederland_klein2.gif) no-repeat right;
	padding-right: 129px;
	margin-right:15px;
	margin-bottom:20px;

}
.regiosite {
	background: url(../images/regio_klein2.gif) no-repeat left;
	padding-left:165px;

}


/* GLOBAL.CSS is overwritten from here
---
*/



/* =Header
-------------------------------------------------
*/

#header {
	background: transparent url(../images/splash_top2.gif) no-repeat 0px 0px;
	height: 146px;
	position: relative;
}
	
#header h1{
	display: none;
}

/* =Content
-------------------------------------------------
*/

#content {
	padding:35px 18% 15px 18%;

}


/* =Footer
-------------------------------------------------
*/

#footer {
	background: transparent url(../images/splash_bottom.gif) repeat-x 0px bottom;
	height: 30px;
}
