/* LAYOUT AND FORM */
body {	margin: 0px; padding: 0px; }
	#header { position: relative; z-index: 1; height: 131px; }
		#sticker { position: absolute; left: 25px; top: 25px; width: 157px; height: 157px; }

/* COLOR AND IMAGES */
body { background-image: url('/download/?id=5220271&ext=.png'); background-color: #a1dbff; background-repeat: repeat-x;	background-position: top left; color: #3d4faa; }
	#header { color: black; }
		#sticker { background: url('/img/haarlemSticker.png') no-repeat top left; }

/* TEXT AND TYPE */
body { font-size: 11px; font-family: arial, verdana, sans-serif; }
	#header { font-size: 12px; font-weight: bold; }
		#sticker { text-indent: -999em;}

/* OLD SHIZZLE */

a img { border: 0px none; }
a, a:visited { text-decoration: none; color: #3d4faa; font-weight: bold; }
a:hover { text-decoration: underline; color: #3d4faa; font-weight: bold; }
a.link:after { content: url('/download/?id=5220250'); }

span.strong { font-weight: bold; }
span.bigger { font-size: 13px; display: block; }

#siteContainer { margin: 0px auto; padding: 0px; width: 987px; position: relative; }

#loginMenu { position: absolute; top: 16px; right: 40px; }
#loginMenu a, #loginMenu a:visited { text-decoration: none;	color: black; margin: 0px 15px 0px 10px; }
#loginMenu a img { margin-bottom: -3px; margin-right: 5px; }
/* #logo { padding: 45px 305px 0px 300px; } */
#flex #logo { margin: 0px auto; width: 386px;  padding: 75px 0px 0px 0px; }
#awvn #logo { margin: 0px auto; width: 444px; padding: 45px 0px 0px 0px; }
#focwa #logo { width: 444px; height: 86px; position: absolute; top: 66px; left: 343px; }
#haarlem #logo { width: 342px; height: 107px; position: absolute; top: 30px; left: 324px; }

#content { margin: 35px auto 0px auto; width: 894px; position: relative; }

.contentBox {
	width: 248px;
	height: 254px;
	background-repeat: no-repeat;
	overflow: none;
	padding: 21px;
	position: absolute;
	top: 0px;
}

#contentBox1 { left: 0px;  background-image: url('/download/?id=5220253&ext=.png'); }
#contentBox2 { left: 302px; background-image: url('/download/?id=5220256&ext=.png'); }
#contentBox3 { left: 604px; margin-right: 0px; background-image: url('/download/?id=5220259&ext=.png'); }

#accountBox1 { background-image: url('/download/?id=5220262&ext=.png'); }
#accountBox2 { background-image: url('/download/?id=5220265&ext=.png'); }
#accountBox3 { background-image: url('/download/?id=5220268&ext=.png'); }

.buttonsBox {
	text-align: center;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 250px;
	height: 63px;
	padding: 20px;
}

.buttonsBox .button img { margin-bottom: 15px; }
.buttonsBox .stickerLeft { float: left; }
.buttonsBox .stickerMiddle { float: left; margin-left: 18px;}
.buttonsBox .stickerRight { float: right; }

.wit {
	color: white;
	display: block;
	position: absolute;
	top: 50px;
	left: 101px;
	width: 93px;
	padding: 0px;
	margin: 0px;
}

#loginButtons { text-align: center; margin-top: 18px; }
#loginButtons a img { margin-top: 5px; }

#accountButtons { text-align: center; margin-top: 18px; }
#accountButtons a#left {  float: left; }
#accountButtons a#right { float: right; }

.boxImage { float: right; margin: 5px; }

#flexPeople { margin: 0px 0px 35px 0px; text-align: center; padding-top: 331px; }

#footer { color: #717171; text-align: center; }
#footer a, #footer a:visited { color: #717171; }
#footer a:hover { color: #717171; }

#betaSticker { position: absolute; }

#communityList { position: absolute; bottom: 21px; left: 21px; margin: 0; padding: 0; list-style: none outside; }
	#communityList li { margin: 5px 0 0; padding: 0; }
		#communityList a { display: block; position: relative; padding: 12px 0 0 145px; width: 103px; height: 25px; }
			#communityList img { position: absolute; top: 0px; left: 0px; }
#moreInfoLink { display: block; margin: 20px 0; }