/***************************************/
/********************************************/
/**             CSS by: DvB                **/
/********************************************/
/**                                        **/
/** SM-Toren, geen flash, alleen maar gif, **/
/** HTML, en een hele hoop CSS.            **/
/**                                        **/
/**       Enjoy!                           **/
/**                               07/11/30 **/
/********************************************/
  /***************************************/


/*********************/
/** |[ Body info ]| **/
/*********************/

body, html {
	padding:0px;
	margin:0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #af7537;
}



/*********************************************/
/** |[ Containing Divs, hele achtergrond ]| **/
/*********************************************/

.contain_all	{
	position: relative;
	width: 100%;
	height: 2200px;
	background-image: url('../images/bg_all.jpg');
	background-position: center;
}

.contain_middle	{
	position: relative;
	width: 1000px;
	height: 2200px;
	background-image: url('../images/bg_middle.jpg');
	top: 0px;
	left: 50%;
	margin-left: -500px;
}



/***********************************************/
/** |[ Positie en opmaak van de textborden ]| **/
/***********************************************/

.textpad		{
	text-align: center;
	line-height: 12px;
	position: absolute;
	width: 146px;
	height: 102px;
	z-index: 3;
}

.textpad_1		{
	left: 690px;
	top: 406px;
}

.textpad_2		{
	left: 692px;
	top: 731px;
}

.textpad_3		{
	left: 734px;
	top: 1295px;
}

.textpad_4		{
	left: 574px;
	top: 1550px;
}

.textpad_5		{
	left: 532px;
	top: 1759px;
}

/** |[ Textpad onderaan de pagina ]| **/

.specialpad		{
	text-align: center;
	font-size: 14px;
	position: absolute;
	width: 460px;
	height: 74px;
	left: 268px;
	top: 2116px;
	z-index: 2;
}



/******************************/
/** |[ 'Neon' borden ]| **/
/******************************/

.board_0		{
	position: absolute;
	width: 377px;
	height: 264px;
	background-image: url('../images/sm.gif');
	left: 20px;
	top: 35px;
	z-index: 2;
}

.board_1		{
	position: absolute;
	width: 143px;
	height: 350px;
	background-image: url('../images/board_1.gif');
	left: 18px;
	top: 429px;
	z-index: 2;
}

.board_2		{
	position: absolute;
	width: 277px;
	height: 97px;
	background-image: url('../images/board_2.gif');
	left: 192px;
	top: 997px;
	z-index: 2;
}

.board_3		{
	position: absolute;
	width: 290px;
	height: 112px;
	background-image: url('../images/board_3.gif');
	left: 552px;
	top: 1653px;
	z-index: 2;
}

/** |[ De oogjes ]| **/

.eyes		{
	position: absolute;
	width: 68px;
	height: 39px;
	background-image: url('../images/eyes.gif');
	left: 95px;
	top: 2161px;
	z-index: 2;
}



/******************************/
/** |[ Ruis positionering ]| **/
/******************************/

.movcov			{
	position: absolute;
	z-index: 2;
}

.movcov_pic1	{
	position: absolute;
	background-image: url('../images/overlay1.gif');
	z-index: 2;
}

.movcov_pic2	{
	position: absolute;
	background-image: url('../images/overlay2.gif');
	z-index: 2;
}

.movcov_pic3	{
	position: absolute;
	background-image: url('../images/overlay3.gif');
	z-index: 2;
}

.movcov_big		{
	width: 225px;
	height: 150px;
}

.movcov_small	{
	width: 103px;
	height: 88px;
}

/** |[ Positie grote ruis ]| **/

.movcov_1		{
	left: 443px;
	top: 391px;
}

.movcov_2		{
	left: 137px;
	top: 765px;
}

.movcov_3		{
	left: 447px;
	top: 747px;
}

.movcov_4		{
	left: 292px;
	top: 1112px;
}

.movcov_5		{
	left: 243px;
	top: 1466px;
}

.movcov_6		{
	left: 290px;
	top: 1787px;
}

/** |[ Positie kleine ruis ]| **/

.movcov_7		{
	left: 292px;
	top: 430px;
}

.movcov_8		{
	left: 439px;
	top: 591px;
}

.movcov_9		{
	left: 568px;
	top: 590px;
}

.movcov_10		{
	left: 503px;
	top: 941px;
}

.movcov_11		{
	left: 639px;
	top: 949px;
}

.movcov_12		{
	left: 630px;
	top: 1092px;
}

.movcov_13		{
	left: 592px;
	top: 1281px;
}

.movcov_14		{
	left: 246px;
	top: 1317px;
}

.movcov_15		{
	left: 540px;
	top: 1431px;
}

.movcov_16		{
	left: 359px;
	top: 1656px;
}

.movcov_17		{
	left: 136px;
	top: 1741px;
}

.movcov_18		{
	left: 718px;
	top: 1881px;
}



/**********************************/
/** |[ Positionering previews ]| **/
/**********************************/

.preview	{
	position: absolute;
	width: 90px;
	height: 165px;
	background-image: url('../images/preview.gif');
	z-index: 20;
}

.preview:hover	{
	background-image: none;
	background-image: url('../images/preview_over.gif');
	cursor: pointer;
}

.preview_1	{
	left: 862px;
	top: 454px;
}

.preview_2	{
	left: 862px;
	top: 796px;
}

.preview_3	{
	left: 862px;
	top: 1090px;
}

.preview_4	{
	left: 862px;
	top: 1494px;
}

.preview_5	{
	left: 862px;
	top: 1787px;
}



/**********************************/
/** |[ Positionering previews ]| **/
/**********************************/

.clickpad	{
	position: absolute;
	z-index: 10;
	width: 1000px;
	left: 0px;
}

.clickpad:hover	{
	cursor: pointer;
}

.clickpad_1	{
	height: 702px;
	top: 0px;
}

.clickpad_2	{
	height: 342px;
	top: 702px;
}

.clickpad_3	{
	height: 359px;
	top: 1044px;
}

.clickpad_4	{
	height: 345px;
	top: 1403px;
}

.clickpad_5	{
	height: 452px;
	top: 1748px;
}