/* @version: 2008-08-14
-------------------------------------------------- */

.clearer {
	clear:both;
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	margin:0;
	padding:0;
}

* { margin: 0; padding: 0; }

body.veronica {
	background: #000 url("/textpage/pix/g-bg-vero.jpg") repeat-x 0 -10px;
}

/* APPLET
-------------------------------------------------- */

.textapplet {
	background: #000;
	float: left;
	margin-right: 10px;
	overflow: inherit;
	position: relative;
	height: 320px;
	width: 425px;
	padding-left: 10px;
	}
	applet {
		height: 320px;
		width: 425px;
		background-color: #000;
		}

/* REMOTE CONTROLE
-------------------------------------------------- */

#remotecontrol, #rc-wrapper, #cijfer, #vullen, #vulling { 
	float: left; position: relative; 
	}
	#remotecontrol {
		font-family: Arial, Helvetica, sans-serif;	
		background: transparent url("/textpage/pix/remotecontrol.gif") no-repeat 50% 0;
		width: 150px;
		height: 320px;
		}
	#remotecontrol.veronica {
		font-family: Arial, Helvetica, sans-serif;	
		background: transparent url("/textpage/pix/remotecontrol-bl.gif") no-repeat 50% 0;
		width: 150px;
		height: 320px;
		}
	#rc-wrapper {
		margin: 20px;
		width: 110px;
		text-align: center;
		}
		* html #rc-wrapper { margin: 20px 0 0 0; padding: 0 10px;}
		
/* cijfer
-------------------------------------------------- */
	
#cijfer {
	margin: 0 3px; 
	width: 105px; 
	text-align: center;
	float: left;
	position: relative;
	display: block;
	}
	* html #cijfer { margin: 0 6px; }
	#cijfer a:link, #cijfer a:visited, #cijfer a:hover  {
		background: transparent url("/textpage/pix/knop-up.png") no-repeat 40% 0;
		display: block;
		height: 27px; 
		width: 35px;
		border: none;
		cursor: pointer;
		float: left;
		position: relative;
		text-decoration: none;
		padding: 6px 0 0 0;
		}
	#cijfer a:active { 
		background: transparent url("/textpage/pix/knop-down.png") no-repeat 40% 0; 
		}
	#cijfer a#idSwitchView, #cijfer a#idConceal { padding-top: 9px; width: 35px; height: 24px; }
	* html #cijfer a#idSwitchView, * html #cijfer a#idConceal { width: 33px;}

/* spoelen
-------------------------------------------------- */
	
#spoelen {
	margin: 0 9px; 
	width: 95px;
	text-align: center;
	float: left;
	position: relative;
	display: block;
	}
	* html #spoelen { margin: 5px 10px 0px 10px; }
	#spoelen a, #spoelen span {
		float: left;
		position: relative;
		display: block;
		height: 16px; 
		width: 30px;
		text-align: center;
		border: none;
		cursor: pointer;
		text-decoration: none; 
		}
		#spoelen span {  padding-top: 5px; }
		#spoelen a { padding-top: 8px; }
	#spoelen a#btnPrevPage, #spoelen a#Button13 { background: transparent url("/textpage/pix/pijl_left_up.png") no-repeat 0px 0; text-align: right; }
	#spoelen a#btnNextPage, #spoelen a#Button14 { background: transparent url("/textpage/pix/pijl_right_up.png") no-repeat 0px 0; text-align: left; }

	#spoelen a#btnPrevPage:active, #spoelen a#Button13:active { background: transparent url("/textpage/pix/pijl_left_down.png") no-repeat 0 0; }
	#spoelen a#btnNextPage:active, #spoelen a#Button14:active { background: transparent url("/textpage/pix/pijl_right_down.png") no-repeat 0 0; }

/* vullen
-------------------------------------------------- */
	
#vullen {
	margin: 10px 3px; 
	width: 105px;
	float: left;
	position: relative;
	display: block;
	}
	* html #vullen { width: 115px; margin: 10px 0px; }
	#vulling {
		width: 70px;
		margin-left: 4px;
		}
		* html #vulling { width: 70px; margin-left: 6px; }
		#vulling input, #vulling span {
			float: left;
			position: relative;
			display: block;
			height: 20px; 
			}
			#vulling input {
				width: 35px; 
				border: 1px solid #999; 
				text-align: center;
				margin: 1px 0; 
				}
				#vulling span { 
					width: 30px;
					padding-top: 2px; }
	#vullen a#Button15 { 
		background: transparent url("/textpage/pix/knop-up.png") no-repeat 50% 0; 
		border: none; 
		cursor: pointer; 
		float: left;
		position: relative;
		display: block;
		height: 40px; 
		width: 30px;
		text-align: center;
		padding-top: 9px;
		margin-top: 10px;
		text-decoration: none;
		}
		#vullen a#Button15:active { 
			background: transparent url("/textpage/pix/knop-down.png") no-repeat 50% 0; 
			}
	#vullen a#idAutoRefresh { 
		float: left;
		position: relative;
		width: 100px; 
		background: transparent; 
		height: 20px; 
		cursor: pointer; 
		border: none;
		text-align: center; 
		}
	#vullen a#idAutoRefresh:hover { color: #666; }
	
/* Font-size
-------------------------------------------------- */		

	#rc-wrapper .font-s, #rc-wrapper .font-sb { font-size: 9px; color: #999; }
	#rc-wrapper .font-m, #rc-wrapper .font-mb { font-size: 15px; color: #666; }
	#rc-wrapper .font-sb, #rc-wrapper .font-mb { font-weight: bold; }