body {
color: #fff; 
background: #1D2229 url(https://www.bubblebox.com/images/bgsmall.png) repeat-y center top;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: center;
}



.wrapper {
margin: 0 auto;
width: 980px; /*was 780 */
text-align: left;
background-color:#29364E;

}

* html .wrapper {   /*** IE5.x/win box model fix ***/
width: 982px; /*was 782 */
wid\th: 980px; /*was 780 */
}

.outer {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
margin-left: 182px;    /*** Critical left col dimension value ***/
width: 788px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
/*zet kleur voor center col*/
}

* html .outer {   /*** IE5.x/win box model fix ***/
width: 788px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}

.float-wrap {
float: left;
width: 786px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-right: -1px;   /*** Static fix ***/
}

.center {
float: right;
width: 786px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
/* \*/
margin-left: -1px; 
/* Hidden from IE-mac */
}

.left {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 184px;    /*** Critical left col/divider dimension value ***/
margin-left: -183px;    /*** Critical left col/divider dimension value ***/
/*background-color:#00CC00;*/
}

* html .left {
float:left;	
}

*>html .left {width:183px;}   /*** Fix only for IE/Mac ***/

.container-left {
width: 182px;    /*** Critical left col dimension value ***/
/*padding-bottom: 110px*/;   /*** To keep content from going underneath the AP bottom boxes ***/ 
}

.right {
float: left; 
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 132px;    /*** Critical right col/divider dimension value ***/
margin-right: -130px;    /*** Critical right col/divider dimension value ***/
margin-left: -1px;   /*** Static fix ***/
/*top: -100px; EDIT op lijn met 100x100 banner*/
/*background-color:#0066FF;*/
}

/* \*/
* html .right {
margin-left: 0px; 
margin-right: -500px; 
mar\gin-right: -132px;
}
/* */

/*** These commented-out rules below are there to explain the "Critical" info 
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/

/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -132px;    *** Critical right col/divider dimension value ***
}
*/


.container-right { 
/* \*/width: 130px;/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
margin-left: 3px;    /*** Critical right divider dimension value ***/
/*padding-bottom: 110px*/;   /*** To keep content from going underneath the AP bottom boxes ***/
}

/* \*/
* html .container-right {
fl\oat: right;
margin-left: 2px; 
mar\gin-left: 0px; 
}
/*** Static fixes ***/

/*** Below is the Holly hack, and if IE/Win shows bugs it's a good idea to apply this hack to 
	different elements and see if that fixes the problem. Sometimes it may be necessary 
	to use "position: relative;" on certain elements, but it's hard to tell in advance which 
	elements will need such fixes. Here it prevents IE5/Win from clipping the left ends 
	of the headings. ***/
/* \*/
* html h2 {height: 1%;}
/* */


/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left {margin-right: -3px;}
/* */


.italics-test, .italics-test-side {
font-style: italic; 
text-align: justify; 
background: #ccd;
border: 1px solid red;
}

/*** The following fixes prevent justified italic text from destroying the layout in IE/win.
	The problem is that those properties together make IE force the container wider,
	which in this type of floated layout causes a float drop. 	Pre-IE6 gets "width: 100%" 
	and "overflow: hidden", while IE6 gets "width: auto" and "overflow: visible, which 
	is the default, but explicitly stating it seems to keep IE6 happy. IE6 also needs
	to see the "height: 1%" to give it some kind of box dimension. Browser coddling 
	we call it. Finally, Bruno found that "word-wrap: break-word;" disarranged the 
	justified text in IE5.5 and 6, so it is defaulted to "normal" for this text.
	If you don't need justified and italicized text then forget all these fixes ***/

/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
hei\ght: 1px;
}
/* */

/*** All the IE fixes that are inside separate "Mac-hacks" may be grouped 	within 
	just one Mac-hack for convenience if desired. However, each fix must come 
	later than the rule it is fixing or the fix itself will be overridden. ***/
	
	

#rectangle_ad_smallgame {
	width: 300px;
	height: 250px; /* plus click to play box */
	/*background-image: url(../images/clr_gamelink_dark.gif);*/
	background-color:#2F3D58;
	position: relative;
	float: right;
	top: 6px;
	right: 8px;

}
#rectangle_ad2_smallgame {
	width: 300px;
	height: 250px; /* plus click to play box */
	/*background-image: url(../images/clr_gamelink_dark.gif);*/
	background-color:#2F3D58;
	position: relative;
	float: left;
		left: 22px;


}


#instructions_smallgame {
	width: 300px;
	position: relative;
	float: right;
	background-color:#30405f;
	overflow: auto;
	top: 10px;
	right: 8px;

}
#ad_below_instructions_smallgame {
	width: 300px;
	height: 66px;
	position: relative;
	float: right;
	right: 8px;
	margin-bottom: 3px;

}
#smallgameContainer {
position:relative;
}

#gameContainerSmallgame {
	width: 650px;
	position: relative;
	float: left;
}

#shoutbox_hs_smallgame {
	position: relative;
	float: left;
	width: 650px;
	height: 252px;
	/*background-image: url(../images/clr_light_blue.gif);*/
	background-color:#30405f;

}
#ad_below_game_smallgame {
	width: 250px;
	height: 250px;
	line-height: 0px;
	padding: 0px;
	margin: 0px;
}

#rechtsVanSmallgameContainer {
	position: relative;
}