html, body{
	margin: 0;
	font-family: Trebuchet MS;
	font-size: 14px;
	background-image: url(img/bg.png);
	background-repeat: repeat-x;

	}

#container{
	width: 980px;
	margin: 0px auto 0px auto;
	height: auto !important;

	}

#header{
	height: 256px;
	width: 980px;
	margin-bottom: 10px;
	}

#logo{
	height: 51px;
	width: 662px;
	background-image: url(img/logo.png);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	}

#slogan{
	height: 51px;
	width: 317px;
	background-image: url(img/slogan.png);
	float: left;
	}

#header-image{
	height: 192px;
	width: 662px;
	background-image: url(img/header.jpg);
	float: left;
	}

#inloggencontent{
	height: 192px;
	width: 294px;
	margin-left: 24px;
	font-size: 11px;
}

#inloggen{
	height: 192px;
	width: 294px;
	float: left;
	margin-left: 24px;
	font-size: 11px;
	}

.inloggen-heading{
	height: 39px;
	width: 294px;
	background-image: url(img/inloggen-heading.png);
	margin-bottom: 10px;
	}

.inloggen-text{
	height: 30px;
	width: 94px;
	float: left;
	margin-bottom: 10px;
	line-height: 24px;
	}

.inloggen-input{
	height: 30px;
	width: 200px;
	float: left;
	margin-bottom: 10px;
	}

.input{
	height: 18px;
	width: 180px;
	background-image: url(img/input.png);
	border: 0;
	padding: 7px 10px 5px 10px;
	font-size: 11px;
	}

.button{
	height: 30px;
	width: 105px;
	border: 0;
	background-image: url(img/button.png);
	float: right;
	}

.buttonaanvraag{
	height: 30px;
	width: 105px;
	border: 0;
	background-image: url(img/buttonaanvraag.png);
	float: left;
	}

.vergeten{
	height: 20px;
	width: 294px;
	margin-top: 10px;
	border-top: 1px #26488c dotted;
	clear: both;
	line-height: 24px;
	}

.vergeten a{
	text-decoration: none;
	color: #26488c;
	}


#left{
	height: auto;
	width: 248px;
	float: left;
	margin-bottom: 10px;
	}

#menu-heading{
	height: 19px;
	width: 228px;
	background-image: url(img/menu-heading.png);
	padding: 10px;
	}

#menu{
	height: auto;
	width: 248px;
	}

#menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}

#menu li{
	float: left;
	}

#menu a{
	height: 43px;
	width: 198px;
	background-image: url(img/menu-item.png);
	display: block;
	padding: 0px 10px 0px 40px;
	line-height: 40px;
	color: #26488c;
	text-decoration: none;
	}

#menu a:hover{
	font-weight: bold;
	}

#menu-footer{
	height: 14px;
	width: 248px;
	background-image: url(img/menu-footer.png);
	clear: both;
	}

#aanbieding{
	height: 125px;
	width: 218px;
	background-image: url(img/aanbieding.png);
	margin-top: 10px;
	padding: 15px 15px 10px 15px;
	color: #FFFFFF;
	}


#content{
	height: auto;
	width: 724px;
	float: left;
	margin-left: 8px;
	margin-bottom: 10px;
	}

#content a{
	color: #8cca30;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px #8cca30 dashed;
	}

#content-heading{
	height: 19px;
	width: 704px;
	background-image: url(img/content-heading.png);
	padding: 10px;
	}

#content-text{
	height: auto;
	width: 684px;
	background-image: url(img/content-repeat.png);
	padding: 20px;
	line-height: 20px;
	}

#content-text h2{
	height: auto;
	width: 684px;
	background-image: url(img/content-repeat.png);
	padding: 0px;
	line-height: 20px;
	color: #26488C;
	}

#content-footer{
	height: 10px;
	width: 724px;
	background-image: url(img/content-footer.png);
	clear: both;
	}

.footer{
	height: 32px; /* .push must be the same height as .footer */
	width: 970px;
	padding-top: 10px;
	clear: both;
	padding-right: 10px;
	}


.footer ul{
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	}

.footer li{
	float: left;
	}

.footer a{
	height: 24px;
	width: auto;
	padding: 0px 10px 0px 10px;
	display: block;
	color: #26488c;
	text-decoration: none;
	background-color: #cce5f3;
	margin-left: 5px;
	font-size: 11px;
	line-height: 24px;
	}

h2{
	margin: 0;
	padding: 0;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: 100;
	}
}