/* 
	Vertikaal uitlijnen van een blok met
	een vaste afmeting. 
	
	Gebruik:
		div.outer (set: height)
		div.middle
		div.inner (set: width)
*/

.outer {overflow: hidden; position: relative; width: 100%;} 
.outer[class] {display: table; position: static;}

.middle {position: absolute; top: 50%; width: 100%; text-align: center;} /* for explorer only*/
.middle[class] {display: table-cell; vertical-align: middle; position: static;}

.inner {position: relative; top: -50%; text-align: left;} /* for explorer only */
.inner {margin-left: auto; margin-right: auto;} /* for all browsers*/
/* optional: #inner[id] {position: static;} */



/* 
	Vertikaal uitlijnen binnen het
	volledige window

	Gebruik:
		div#screenOuter (set: width)
		div#screenMiddle
		div#screenInner
		
	Voeg IE.css toe
*/

html, body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

div, span, td {
	text-align: left;
}

#screenOuter { 
	text-align: center;  
	height: 100%; 
	margin: 0 auto; 
	display: table; 
} 

#screenOuter * {
	vertical-align: middle;
} 

#screenMiddle {
	display: table-cell; 
	width: 100%; 
} 

#screenInner {
	text-align: left;
	position: relative;
} 

#screenInner * {
	vertical-align: top;
}