* {margin:0;padding:0}
html,body{height:100%}
#wrapper{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#outer{
	display:table-cell;
	vertical-align:middle;
}
#formwrap{
	position:relative;
	left:50%;
	float:left;
}
#form1{
	border:1px solid #FFFFFF;
	position:relative;
	text-align:right;
	left:-50%;
}
p{margin:1em 0}
input{position:relative;background:#ffffcc}

html {
	overflow-x: hidden;
	overflow-y: hidden;
} 


body {
	background-color: #807D7D;
	background-image: url("achtergrond/3.jpg");
	font-family: Arial, Helvetica, sans-serif;
}

body.dark {
	background-color: #838383;
	font-family: Arial, Helvetica, sans-serif;
}

body.light {
	background-color: #A19F9E;
	font-family: Arial, Helvetica, sans-serif;
}

img { 
	filter: progid:DXImageTransform.Microsoft.shadow( color=#504E4E, direction=135 );
}

a:active, a:link, a:visited {
	color: #DCE0E5;
	text-decoration: none;
}

a:hover {
	color: #841925;
}

h1 {
	font-size: 50px;
	color: #636161;
	text-align: center;
}

h2 {
	font-size: 25px;
	color: #636161;
	text-align: center;
	font-weight: normal;
}

h3 {
	font-size: 62px;
	color: #636161;
	text-align: center;
}

p {
	color: #5E5C5C;
	font-size: 15px;
}

p.header {
	color: #636161;
	text-align: center;
	font-size: 45px;
}
p.subtitle {
	color: #636161;
	text-align: center;
	font-size: 25px;
}

p.description {
	text-align: center;
	font-size: 10px;
}
p.navigation {
	text-align: center;
	font-size: bold 14px;
}
p.menu {
	text-align: center;
	font-size: 14px;
}

p.text {
	color: #525050;
	text-align: left;
	font-size: 13px;
}
table {
	font-size: 13px;
	border-style: 2px solid white;
}

img.white {
	border: 1px solid white }
}