html{
	margin:0;
	padding:0;
	height:100%;
    }

body{
    margin:0;
    padding:0;
	height:100%;
    color:#333;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:17px;
	background-color:#c6d5d7;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	}
	
#welkomstekst{
	position:relative;
	float:left;
	display:inline;
	width:340px;
	font-size:21px;
	line-height:25px;
	text-align:center;
	margin-top:10px;
	}
	
#inlog-container{
	position:absolute;
	width:340px;
	height:250px;
	left:50%;
	margin-left:-200px;
	top:50%;
	margin-top:-125px;
	padding:30px;
	background-image:url(../images/bg-inloggen.png);
	background-repeat:no-repeat;
	}
	
.input-inloggen{
	position:relative;
	float:left;
	display:inline;
	width:234px;
	height:24px;
	margin-top:1px;
	padding-top:6px;
	padding-left:10px;
	padding-right:5px;
	background-image:url(../images/bg-input-nieuwe-actie.gif);
	background-repeat:no-repeat;
	border:0px;
	background-color:transparent;
	color:#989898;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:18px;
	}
	
#inlog-gebruikersnaam{
	position:relative;
	float:left;
	display:inline;
	margin-left:45px;
	margin-top:50px;
	}
	
#inlog-wachtwoord{
	position:relative;
	float:left;
	display:inline;
	margin-left:45px;
	margin-top:2px;
	}
	
#inlog-inloggen{
	position:relative;
	float:right;
	display:inline;
	margin-right:50px;
	margin-top:8px;
	}
	
#login-content{
	position:relative;
	float:left;
	display:inline;
	width:250px;
	margin-top:30px;
	margin-left:45px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#00485b;
    text-align: right;
	}
	
#login-content a:link, #login-content a:active, #login-content a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#00485b;
	}
	
#login-content a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#417d8d;
	}
	
.btn-container{
	position:relative;
	float:right;
	display:inline;
	height:24px;
	cursor:pointer;
	}
	
.btn-left{
	position:relative;
	float:left;
	display:inline;
	height:24px;
	width:5px;
	background-image:url(../images/btn-left.gif);
	background-repeat:no-repeat;
	}
	
.btn-center{
	position:relative;
	float:left;
	display:inline;
	height:24px;
	padding-left:3px;
	padding-right:3px;
	text-align:center;
	color:#fff;
	font-size:12px;
	line-height:22px;
	font-weight:bold;
	background-image:url(../images/btn-center.gif);
	background-repeat:repeat-x;
	}
	
.btn-right{
	position:relative;
	float:left;
	display:inline;
	height:24px;
	width:5px;
	background-image:url(../images/btn-right.gif);
	background-repeat:no-repeat;
	}
	
.btn-left-zw{
	position:relative;
	float:left;
	display:inline;
	height:24px;
	width:5px;
	background-image:url(../images/btn-left-zw.gif);
	background-repeat:no-repeat;
	}
	
.btn-center-zw{
	position:relative;
	float:left;
	display:inline;
	height:24px;
	padding-left:3px;
	padding-right:3px;
	text-align:center;
	color:#fff;
	font-size:12px;
	line-height:22px;
	font-weight:bold;
	background-image:url(../images/btn-center-zw.gif);
	background-repeat:repeat-x;
	}
	
.btn-right-zw{
	position:relative;
	float:left;
	display:inline;
	height:24px;
	width:5px;
	background-image:url(../images/btn-right-zw.gif);
	background-repeat:no-repeat;
	}

		
h1{
	color:#017c80;
	line-height:20px;
	font:Arial, Helvetica, sans-serif;
	font-size:22px;
	display:inline;
	}
	
h2{
	color:#00485b;
	line-height:14px;
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	}
	
a:link{
    color:#017c80;
    text-decoration:none;
    font-size:12px;
}

a:visited{
    color:#017c80;
    text-decoration:none;
    font-size:12px;
}

a:hover{
    color:#017c80;
    text-decoration:underline;
    font-size:12px;
}

a:active{
    color:#017c80;
    text-decoration:none;
    font-size:12px;
}

.titel{
	color:#00485b;
	font-size:14px;
	}
	
.extra{
	color:#00485b;
	font-size:12px;
	font-weight:bold;
	}