@charset "utf-8";
/* CSS Document */

body {
   font-family: Verdana, Arial;
   font-size: 11px;
   background-color: #09F;
   background-image: url("styleimages/achtergrond.png");
   background-attachment: fixed;
   margin-left: auto;
   margin-right: auto;
   margin-top: auto;
   color: black;
}


#container {
	height: auto;
	width: 1000px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

#berichtenbalk {
	height: 21px;
	width: 817px;
	float: left;
}

#plaatsbericht {
	height: 21px;
	width: 99px;
	float: left;
	background-image: url("styleimages/berichtenbalk/plaatsbericht.gif");
}

#berichtenbalkmidden {
	height: 17px;
	width: 713px;
	float: left;
	padding-top: 4px;
	background-image: url("styleimages/berichtenbalk/midden.gif");
}

#berichtenbalkrechts {
	height: 21px;
	width: 5px;
	float: left;
	background-image: url("styleimages/berichtenbalk/rechts.gif");
}

#habboheldshoed {
	height: 63px;
	width: 182px;
	float: right;
	background-image: url("styleimages/header/habboheldshoed.gif");
	margin-top: -42px;
}

#menucontainer {
	width: 200px;
	height: auto;
	float: left;
}
#headerencontent {
	width: 801px;
	height: auto;
	float: left;
	margin-left: -1px;
}

#header {
	height: 222px;
	width: 801px;
	float: left;
}

#headerimage {
	height: 191px;
	width: 616px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-image: url('header.gif');
	float: left;
}

#habboheld {
	height: 291px;
	width: 182px;
	float: left;
	margin-top: -260px;
	background-image: url("styleimages/header/habboheld.gif");
}

#menubalk {
	height: 33px;
	width: 618px;
	float: left;
	margin-top: -2px;
	background-image: url("styleimages/header/menu.gif");
}

#content {
	width: 801px;
	height: auto;
	float: left;
	background-image: url("styleimages/content/achtergrond.gif");
	overflow: hidden;
	padding-bottom: 10px;
}

#grootcontent {
	width: 597px;
	float: left;
	padding-left: 13px;
	padding-right: 7px;
}

#tekstvakgroot {
	width: 597px;
	height: auto;
	float: left;
	margin-top: 10px;
}

#tekstvakgrootmidden {
	width: 577px;
	height: auto;
	float: left;
	background-image: url("styleimages/tekstvakken/groot/midden.gif");
	padding: 10px;
}

#tekstvakgrootonder {
	width: 597px;
	height: 5px;
	float: left;
	background-image: url("styleimages/tekstvakken/groot/onder.gif");
}

#tekstvakhalf {
	width: 295px;
	height: auto;
	float: left;
	margin-top: 10px;
}

#tekstvakhalfmidden {
	width: 275px;
	height: auto;
	float: left;
	background-image: url("styleimages/tekstvakken/half/midden.gif");
	padding: 10px;
}

#tekstvakhalfonder {
	width: 295px;
	height: 5px;
	float: left;
	background-image: url("styleimages/tekstvakken/half/onder.gif");
}

#kleincontent {
	width: 170px;
	float: left;
	padding-left: 6px;
	padding-right: 7px;
}

#tekstvakklein {
	width: 167px;
	height: auto;
	float: left;
	margin-top: 10px;
}

#tekstvakkleinmidden {
	width: 147px;
	height: auto;
	float: left;
	background-image: url("styleimages/tekstvakken/klein/midden.gif");
	padding: 10px;
}

#tekstvakkleinonder {
	width: 167px;
	height: 5px;
	float: left;
	background-image: url("styleimages/tekstvakken/klein/onder.gif");
}

	
#menutekstvak {
	width: 180px;
	height: auto;
	float: left;
	margin-top: 10px;
}

#menutekstvakboven {
	width: 180px;
	height: 4px;
	float: left;
	background-image: url("styleimages/tekstvakken/menu/boven.gif");
}

#menutekstvakmidden {
	width: 170px;
	height: auto;
	float: left;
	background-image: url("styleimages/tekstvakken/menu/midden.gif");
	padding-left: 5px;
	padding-right: 5px;
}

#menutekstvakonder {
	width: 180px;
	height: 4px;
	float: left;
	background-image: url("styleimages/tekstvakken/menu/onder.gif");
}

#tekstwolkcontainer {
	width: 360px;
	height: auto;
	float: left;
	z-index: 33;
	
}

#tekstwolkboven {
	width: 350px;
	height: 6px;
	float: left;
	background-image: url("styleimages/content/tekstwolk/boven.gif");
}

#tekstwolkmidden {
	width: 340px;
	height: auto;
	float: left;
	background-image: url("styleimages/content/tekstwolk/midden.gif");
	padding-left: 5px;
	padding-right: 5px;
	color: black;
}

#tekstwolkonder {
	width: 350px;
	height: 17px;
	float: left;
	background-image: url("styleimages/content/tekstwolk/onder.gif");
	margin-bottom: 10px;
}

#tvcontainer {
	width: 597px;
	height: auto;
	float: left;
}

#tvboven {
	width: 597px;
	height: 52px;
	float: left;
	background-image: url("styleimages/content/TV/boven.gif");
	margin-top: 10px;
}

#tvmidden {
	width: 541px;
	height: auto;
	float: left;
	background-image: url("styleimages/content/TV/midden.gif");
	padding-left: 27px;
	padding-right: 27px;
	padding-top: -21px;
	padding-bottom: -21px;
}

#tvonder {
	width: 597px;
	height: 67px;
	float: left;
	background-image: url("styleimages/content/TV/onder.gif");
}

#groottvcontainer {
	width: 804px;
	height: auto;
	float: left;
}

#groottvboven {
	width: 804px;
	height: 52px;
	float: left;
	background-image: url("styleimages/tekstvakken/TVgroot/boven.gif");
	margin-top: 10px;
}

#groottvmidden {
	width: 750px;
	height: auto;
	float: left;
	background-image: url("styleimages/tekstvakken/TVgroot/midden.gif");
	padding-left: 27px;
	padding-right: 27px;
	padding-top: -21px;
	padding-bottom: -21px;
}

#groottvonder {
	width: 804px;
	height: 67px;
	float: left;
	background-image: url("styleimages/tekstvakken/TVgroot/onder.gif");
}

#menuvoet {
	width: 200px;
	height: 30px;
	background-image: url("styleimages/content/menuvoet.gif");
	float: left;
}

#contentvoet {
	width: 801px;
	height: 30px;
	background-image: url("styleimages/content/contentvoet.gif");
	float: left;
}

#kleurenkiezer {
	width: 124px;
	height: 28px;
	float: right;
	margin-right: 5px;
	margin-top: 5px;
}