/*
- In het algemeen:
- gaten tussen kolommen en tussen vlakken binnen kolommen 10px
- witte rand rondom buitenkant 4px

- Achtergrond kleur: #FFDD01

- Algemene lettertype:
  Arial (#000000, #FFFFFF)
  titels: 14pt (14px ?) bold
  body: 12pt (12px ?) 
  link: 12pt (12px ?) bold, underlined
  
  - Accent lettertype:
  Helvetica Neue Bold Condensed (#000000, #FFFFFF)
  navigatie balk 15pt (15px ?)


- Rollovers
  pijltjes wroden volledig zwart op rollover
  tekst linkjes worden #B3A22C

*/
/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html, body {
	height:100%;
}
body {
	margin:0 auto 0 auto;
	padding:0;
	text-align:center;
	background-color:#FFDD01;
	
	}
body, table, th, td, p, input, textarea, select {
	font-family:Arial, Helvetica, Sans-serif;
	font-size:12px;
	line-height:1.5em;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 10px 0;
	}
a {
	font-weight:bold;
	text-decoration:underline;
	color:#000;
}
a:hover {text-decoration:underline;}
h1 {font-size:14px;}
h2 {
	font-size:14px;
	margin:0 0 5px 0;
	padding:7px 10px 7px 10px;
	background:transparent url(../gfx/dot_line_grey.gif) no-repeat left bottom;
}
h3 {
	font-size:12px;
	}


p {margin:0 0 10px 0;}
label{}

/* ======== EXTRA's	======== */
br.cB {
	clear:both;
	}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

/* ======== CONTAINER	======== */

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:789px;
	min-height:100%;
	height:100%;
	text-align:left;
	}
	/* mozilla hax \*/
html>body #container {
    height:auto;
	}
	/* mozilla hax */
	
/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {
	margin-top:0px;
	margin-bottom:10px;
	
	}
div.footer {
	position:relative;
	padding:10px;
	font-size:10px;
	}
div.footer a {
	color:#000;
	font-weight:bold;
	}
div.footer a:hover {}


div.tabs {
	position:relative;
	text-align:center;
	}
/* ============================================================	*/ 
/* ========	INDELING				===============================	*/
/* ============================================================	*/

div.siteContainer {
	padding:0px 6px 5px 6px;
	background-color:#FFF;
	}
div.containerBottom {
	overflow:hidden;
	width:789px;
	background:transparent url(../gfx/back_bottom.gif) no-repeat left bottom;
	}
div.containerTop {
	padding-top:4px;
	position:relative;
	background:transparent url(../gfx/back_top.gif) no-repeat left top;
	}
div.containerMain {
	background:transparent url(../gfx/back_middle.gif) repeat-y left bottom;
	}
	
	
div.right {
	float:right;
	margin:0px 6px 0px 0px;
	width:170px;
	}
/*\*/
* html body div.right {margin-right:3px;}
/* */


div.left {
	margin:0px 10px 0px 6px;
	float:left;
	width:170px;

	}
/*\*/
* html body div.left {margin-left:3px;margin-right:7px;}
/* */

div.mainContent {
	width:417px;
	overflow:hidden;	
	border-bottom:100px solid #FFF;
	margin-bottom:10px;
	}
div.mainBanner {
	position:absolute;
	bottom:32px;
	left:184px;
	width:417px;
	height:73px;
	z-index:300;
	}

/*\*/
* html body div.mainBanner {
	bottom:10px;
	}
/* */


div.minitxt {
	padding:5px;
	text-align:center;
	font-size:9px;
	color:#CCC;
	}
/* ============================================================	*/ 
/* ========	BLOKKEN				===============================	*/
/* ============================================================	*/

div.chatmanDanceBlock ,
div.imageBlock,
div.htmlBlock,
div.flashBlock,
div.videoBlock,
div.banner {
	/* position:relative; - Uitgecommentarieerd om foto popup bovenaan te krijgen - hph */
	width:170px;
	margin-bottom:10px;
	overflow:hidden;
	}
div.chatmanDanceBlock img,
div.imageBlock img,
div.htmlBlock img,
div.flashBlock img,
div.videoBlock img{
	display:block;
	}
div.imageBlock {
	}
div.htmlBlock {
	background-color:#DBDAC8;

	}
	div.htmlBlock div.padding,
	div.htmlBlock div.linkjes{
	padding:2px 10px 5px 10px;
	}
	div.htmlBlock div.linkjes a{
	display:block;
	margin-bottom:3px;
	text-decoration:none;
	color:#000;
	}
div.htmlBlock div.linkjes a:hover{
	color:#000;
	text-decoration:underline;
	}
div.flashBlock {
	}
div.videoBlock{
	text-align:right;;
	background:#FFDD01 url(../gfx/block_visuals/video_back.gif) no-repeat left top;
	}
	div.videoBlock h2 {
	font-size:14px;
	margin:0 0 0px 0;
	padding-bottom:5px;
	background:transparent none no-repeat left bottom;
	text-align:center;
	}
	div.videoBlock div.padding{
		}
	div.videoBlock a {
	margin-right:10px;
	}
div.chatmanDanceBlock {
	text-align:right;;
	background-color:#FFDD01;
	}
div.chatmanDanceBlock a {
	margin-right:10px;
	}


div.videoImg {
	margin:0 6px 0 6px;
	text-align:left;
	padding:3px 8px 8px 8px;
	width:156px;
	background:transparent url(../gfx/kader.png) no-repeat left top;
	}
/*\*/
* html body div.videoImg {
	padding:8px 8px 8px 8px;
	background:transparent none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../gfx/kader.png", sizingMethod="image");
	}
/* */
div.videoImg img {
	display:block;
	position:relative;
	}
/* ============================================================	*/ 
/* ========	REACTIES BLOKKEN	===============================	*/
/* ============================================================	*/

div.kopReacties {	
	padding-bottom:7px;
	background:#DBDAC8 url(../gfx/rondingen/grey_bottom_wide.gif) no-repeat left bottom;
	}
div.kopReacties h1.greyTop {
	margin:0px;
	padding-top:7px;
	padding-left:10px;
	color:#000;
	background:#DBDAC8 url(../gfx/rondingen/grey_top_wide.gif) no-repeat left top;
	}
span.afz {}

/* aangepast door remco */
div.chatmanReactie {
	margin:0px 0 0px 0;
	padding:0;
	background:#F1F0E9 url(../gfx/chatman_reactie.gif) no-repeat left top;
	}
div.chatmanReactie div.react {
	color:#999;
	}
span.afz {color:#000;}
span.chatmanReactOn {
	color:#999;
	}
	
div.reactMarge {
	margin-top:20px;
	}
/* ============================================================	*/ 
/* ========	PIJLTJE LINKJES		===============================	*/
/* ============================================================	*/
div.chatmanDanceBlock a.next,
div.imageBlock a.next,
div.htmlBlock a.next,
div.flashBlock a.next,
div.videoBlock a.next,
a.next {
	margin-left:10px;
	display:block;
	position:relative;
	color:#000;
	text-decoration:none;
	padding-right:15px;
	text-align:right;
	}
	
div.chatmanDanceBlock a.next,
div.videoBlock a.next,
a.next
 {
	background:transparent url(../gfx/link_arrow_green.gif) no-repeat 100% 100%;
}

/* 
div.htmlBlock a.next {
	background:transparent url(../gfx/link_arrow_white.gif) no-repeat 100% 100%;	
	}
*/

div.htmlBlock a.next {
	background:transparent url(../gfx/link_arrow_green_grey.gif) no-repeat 100% 100%;	
}

	
	
div.chatmanDanceBlock a.next:hover,
div.imageBlock a.next:hover,
div.htmlBlock a.next:hover,
div.flashBlock a.next:hover,
div.videoBlock a.next:hover,
a.next:hover {
	text-decoration:underline;
	background:transparent url(../gfx/link_arrow_black.gif) no-repeat 100% 100%;
	}
	
a.previous:hover {
	text-decoration:underline;
	background:transparent url(../gfx/arrow_vorige_black.gif) no-repeat 0% 4px;
	}
/* ============================================================	*/ 
/* ========	MIDDEN BLOKKEN 		===============================	*/
/* ============================================================	*/

div.pageKop {
	padding:7px 0px 7px 15px;
	font-weight:bold;
	font-size:14px;
	color:#FFF;
	background:transparent url(../gfx/kopbalk_back.gif) no-repeat left top;
	line-height:1.0em;
	}
div.pageKop a {
	float:right;
	color:#B3B3B3;
	text-decoration:none;
	}
div.pageKop a img{
	margin-left:10px;
	}
div.pageKop a span{
	color:#B3B3B3;
	text-decoration:underline;
	}
	
div.pageNav {
	padding:7px 10px 7px 10px;
	font-weight:bold;
	font-size:14px;
	background:transparent url(../gfx/footerbalk_back.gif) no-repeat left bottom;
	}
div.pageNav a.previous,
div.pageNav a.previous:hover,
div.pageNav a.next {
	font-size:12px;
	padding:0 15px 0 15px;
	color:#BEBEBE;
	text-decoration:none;
	background:transparent url(../gfx/arrow_vorige.gif) no-repeat 0px 4px;
	}
div.pageNav a.next,
div.pageNav a.next:hover  {
	color:#BEBEBE;
	white-space:nowrap;
	background:transparent url(../gfx/arrow_volgende.gif) no-repeat 100% 4px;
	}
	
div.black div.pageNav a:hover {color:#BEBEBE;}


/* ========	REAGEER BLOCK			===============================	*/

div.mainTextBlockje {
	padding:15px 10px 20px 15px;
	}
	div.mainTextBlockje div.afb {
		float:right;
		margin:-6px 0 0 10px;
		position:relative;
		text-align:left;
		background:transparent url(../gfx/kader_wit.gif) no-repeat 0px 0px;
		}
	div.mainTextBlockje div.afb img {
		margin:8px;
		display:block;
		}
		div.mainTextBlockje div.afb div.videoLink {
		padding:10px 0 10px 0;
		text-align:right;
		position:relative;
		}
		div.mainTextBlockje div.afb div.videoLink a.next {
			color:#000;
			text-decoration:none;
			padding-right:15px;
			background:#FFF url(../gfx/link_arrow_grey.gif) no-repeat 100% 3px;
			}
		div.mainTextBlockje div.plaatje div.videoLink a.next:hover {
			background:#FFF url(../gfx/link_arrow_black.gif) no-repeat 100% 3px;
			
			}
		
		div.mainTextBlockje div.tekst {
		
			}

div.greyWide {
	width:417px;
	background:#DBDAC8 url(../gfx/rondingen/grey_bottom_wide.gif) no-repeat left bottom;
	}
div.greyWide {padding-bottom:10px;}
body.shop div.intro {padding:20px 10px 20px 10px;text-align:left;}
div.greyWide div.intro {padding:10px;text-align:left;}
div.greyWide table.formGrid {
	width:380px;
	}
div.greyWide .formGrid .nameCell {
	vertical-align:top;
	padding:3px 10px 5px 3px;
	margin-left:4px;
	width:110px;
	text-align:right;
	}
div.greyWide .formGrid td.inputCell {
	vertical-align:top;
	padding:0px 0px 5px 0px;
	vertical-align:top;
	text-align:left;
	}
div.greyWide .formGrid  td.buttonCell{
	vertical-align:top;
	padding:3px 4px 5px 0px;
	}
div.greyWide .formGrid .colspan {
	vertical-align:top;
	padding:8px 4px 10px 3px;
	margin-left:4px;
	}

/* ========	CHAT DANCE PAGINA		===============================	*/

div.chatDance {	
	height:257px;
	background:transparent url(../gfx/intro_balk_prijs_bg.jpg) no-repeat left top;
	}
div.chatDance a {
	margin-top:10px;
	}
div.chatDance div.top {
	padding:15px 160px 0px 15px;
	height:100px;
	}
/*\*/
* html body div.chatDance div.top {
	height:115px;
	}
/* */
div.chatDance div.bottom div.text {
	margin:15px 0px 20px 190px;
	text-align:left;
	}
div.chatDance div.bottom {
	margin:15px;
	text-align:right;
	}
		
/* ========	REAGEER LINKJE			===============================	*/

div.react {
	margin-bottom:1px;
	padding:10px 0px 5px 0px;
	color:#BEBEBE;
	clear:right;
	}
div.react a {
	float:right;
	display:block;
	padding-right:15px;
	color:#000;
	text-decoration:none;
	background:transparent url(../gfx/link_arrow_grey.gif) no-repeat 100% 6px;
	}
div.react a img {
	margin-left:10px;
}
div.react a:hover {background:transparent url(../gfx/link_arrow_black.gif) no-repeat 100% 6px;}

div.greyDots,
div.whiteDots,
div.greenDots {
	height:1px;
	margin:5px 0 5px 0;
	padding:0;
	font-size:1px;
	background:transparent url(../gfx/dot_line_grey.gif) no-repeat left top;
	}
div.greyDots {
	/* edit maurice
	height:1px;
	padding:0;
	font-size:1px;*/
	background:transparent url(../gfx/dot_line_grey.gif) no-repeat left top;
	}
div.greenDots {
	background:transparent url(../gfx/dot_line_green.gif) repeat-x left top;
	}
div.mainContent div.greyDots {margin:0px;}
/* ========	BACKGROUNDS			===============================	*/

div.smallTop {
	position:absolute;
	top:0px;
	left:0px;
	width:170px;
	height:5px;
	z-index:10;
	background:transparent url(../gfx/rondingen/small_top.png) no-repeat 0px 0px;
	}
div.smallBottom {
	padding-bottom:10px;
	background:transparent url(../gfx/rondingen/small_bottom.png) no-repeat 0px 100%;
	}
/*\*/
* html body div.smallTop {
	width:170px;
	background:transparent none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../gfx/rondingen/small_top.png", sizingMethod="image");
	}
* html body div.smallBottom {
	width:170px;
	background:transparent none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../gfx/rondingen/small_bottom.png", sizingMethod="image");/* scale als hij moet herhalen */
																													
	}
/* */

/* ============================================================	*/ 
/* ========	FLOATING BLOKKEN  	===============================	*/
/* ============================================================	*/
div.blokLijst {}


div.blokLijst,
div.shopLijst {
	padding-top:5px;
	width:422px;
	}

div.floatBlock {
	float:left;
	position:relative;
	margin:0px 0px 5px 0px;
	width:206px;
	height:174px;
	background:#FFF url(../gfx/kader_dots.gif) no-repeat left top;
	}
div.floatBlock div.videoImg {
	margin:10px 10px 0px 30px;
	}
div.videoImg img {margin-top:5px;}
/*\*/
* html body div.videoImg img {margin-top:0px;}
/* ===== */
	
div.floatBlock a {
	display:block;
	margin:5px 10px 10px 40px;
	}
div.blokLijst div.odd,
div.shopLijst div.odd {
	margin-left:5px;
	}
div.shopLijst div.shopImg {
	margin:1px;
	width:202px;
	height:170px;
	background:transparent url(../gfx_content/shop/leeg_klein.gif) no-repeat left top;
	}

div.shopLijst div.shopImg h1 {
	padding:10px 10px 10px 10px;
	}
div.shopLijst div.link {
	margin:-22px 9px 0px 144px;
	width:50px;
	z-index:100;
	}
div.shopLijst div.link a.next {margin:0;}

div.blokLijst a.next,
div.shopLijst a.next {
background:transparent url(../gfx/link_arrow_grey.gif) no-repeat 100% 100%;
}
div.blokLijst a.next:hover,
div.shopLijst a.next:hover {
background:transparent url(../gfx/link_arrow_black.gif) no-repeat 100% 100%;
}
/* ============================================================	*/ 
/* ========	SHOP BLOKKEN  		===============================	*/
/* ============================================================	*/
div.detailContent {
	margin:10px 0px 0px 9px;
	}
div.detailGroot {
	margin:10px 0px 40px 0px;
	width:401px;
	height:301px;
	background:#FFF url(../gfx/detail_back.png) no-repeat left top;
	}
div.detailGroot img {display:block;height:262px;}
/*\*/
* html body div.detailGroot {
	width:401px;
	background:transparent none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../gfx/detail_back.png", sizingMethod="image");
	}
/* ===== */

div.detailImg {
	position:relative;
	display:block;
	margin:4px 0 0 6px;
	}
/* =========== DETAIL 			=============================== */

div.soldOut {
	position:absolute;
	top:-4px;
	left:-4px;
	width:208px;
	height:126px;
	z-index:10;
	background:transparent url(../gfx/sold_out.png) no-repeat left top;
	}

/*\*/
* html body div.soldOut {
	width:208px;
	background:transparent none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../gfx/sold_out.png", sizingMethod="image");
																													
	}
/* */
div.detailGroot div.pageNav {
	background:none;
	}
div.detailGroot div.pageNav a.previous,
div.detailGroot div.pageNav a.next {
	position:relative;
	display:block;
	padding:0 15px 0 15px;
	color:#000;
	text-decoration:none;
	font-size:12px;
	background:transparent url(../gfx/arrow_volgende.gif) no-repeat 100% 6px;
	}
div.detailGroot div.pageNav a.previous{
	background:transparent url(../gfx/arrow_vorige.gif) no-repeat 0% 6px;
	}
div.pageNav a.previous:hover,
div.pageNav a.next:hover {color:#000;text-decoration:underline;}


div.detailGroot div.pageNav a.previous:hover {background:transparent url(../gfx/arrow_vorige_black.gif) no-repeat 0% 6px;}
div.detailGroot div.pageNav a.next:hover {background:transparent url(../gfx/link_arrow_black.gif) no-repeat 100% 6px;}
	
/* ============================================================	*/ 
/* ========	POPUP IN PAGE	  	===============================	*/
/* ============================================================	*/ 

div.popupFrame {
	position:absolute;
	top:300px;
	left:140px;
	width:511px;
	height:470px;
	z-index:250;
		
	}
div.popup {text-align:left;
	z-index:250;}


div.popupFrame div.frame {
	width:511px;
	height:470px;
	background:transparent url(../gfx/popup_frame/popup.png) no-repeat left top;
	}
/*\*/
* html body div.popupFrame div.frame {
	background:transparent none;*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../gfx/popup_frame/popup.png", sizingMethod="image");
	}
/* ---- */	
	
div.frame div.frameKoptext {
	color:#FFF;
	padding:14px 20px 9px 20px;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	}
div.frame div.frameKoptext div.close {
	float:right;
	}
div.frame div.frameKoptext div.close a,
div.frame div.frameKoptext div.close a:hover {
	position:relative;
	color:#B3B3B3;
	font-size:12px;
	text-decoration:none;
	}
div.frame div.close img{
	margin-left:10px;
	vertical-align:middle;
	}
div.frame div.intro {
	padding-top:4px;
	}
	
/* ---------------------- */
div.popupContent {
	padding:5px 50px 15px 50px;
	}
div.intro {
	position:relative;
	height:30px;
	line-height:1.2em;
	font-weight:bold;
	} 

div.video {
	padding-top:2px;
	padding-left:1px;
	text-align:center;
	
	}
div.video img {
	display:block;
	margin:0 auto 0 auto;
	}
div.buttons {
	padding:5px;
	}
div.buttons a {
	position:relative;
	}
table.videoNav {width:380px;}
table.videoNav td.tdL {
	text-align:left;
	width:80px;
	}

table.videoNav td.tdM {
	text-align:center;
	}

table.videoNav td.tdR {
	
	width:80px;
	text-align:right;
	}

table.videoNav td a.vorige,
table.videoNav td a.volgende {
	position:relative;
	display:block;
	padding:0 15px 0 15px;
	color:#000;
	text-decoration:none;
	background:transparent url(../gfx/arrow_volgende.gif) no-repeat 100% 6px;
	}
table.videoNav td a.vorige {
	background:transparent url(../gfx/arrow_vorige.gif) no-repeat 0px 6px;
	}
table.videoNav td a.vorige:hover{
	text-decoration:underline;
	background:transparent url(../gfx/link_arrow_vorige_black.gif) no-repeat 0% 6px;
	}
table.videoNav td a.volgende:hover {
	text-decoration:underline;
	background:transparent url(../gfx/link_arrow_black.gif) no-repeat 100% 6px;
	}
	
div.SD {
	padding-top:13px;
	margin-left:100px;
	width:220px;
	}	

div.popupAlert,
#disclaimer,
#dancedisclaimer {
	position:absolute;
	top:270px;
	left:140px;
	width:509px;
	height:216px;
	z-index:250;
	}
#dancedisclaimer {
	top:370px;
	height:516px;
	}
	
#disclaimer,
#dancedisclaimer {
	top:auto;
	bottom:40px;
	}

	
div.popupAlert div.frame {
	width:509px;
	height:216px;
	background:transparent url(../gfx/popup_frame/popup_alert.png) no-repeat left top;
	}
	
/*\*/
* html body div.popupAlert div.frame {
	background:transparent none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../gfx/popup_frame/popup_alert.png", sizingMethod="image");
	}
/* ---- */	

div.popupAlert div.alertTekst {
	text-align:center;
	height:160px;
	}
body.sendafriend div.alertTekst h1,
div.disclaimer div.alertTekst h1 {
	margin-top:65px;
	}
#disclaimer div.alertTekst h1, 
#dancedisclaimer  div.alertTekst h1 {
	margin:15px 20px 5px 20px;
	text-align:left;
	}
#disclaimer div.alertTekst p, 
#dancedisclaimer div.alertTekst p {
	margin:10px 20px 10px 20px;
	text-align:left;
	}
div.alertTekst h3 {
 	margin:0 0 15px 0px;
	}

/* ============================================================	*/ 
/* ========	POLL BLOK		  	===============================	*/
/* ============================================================	*/ 

div.pollResult {
	position:relative;
	padding-top:2px;
	background:transparent url(../gfx/poll_back.gif) no-repeat left top;
	}

div.pollResult img.pollBalk {
	position:relative;
	margin-left:5px;
	background:transparent url(../gfx/poll.gif) no-repeat right top;
	}
table.pollTable {width:150px;}
table.pollTable td {padding-bottom:5px;vertical-align:top;}
table.pollTable td.radio {padding-right:5px;width:15px;}

/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

form {
	margin:0px;
	}

.formGrid {
	width:440px;
	
	}
.formGrid th {
	color:#F00;
	text-align:left;
	}
.formGrid td {
	padding:3px 0px 3px 0px;
	vertical-align:top;
	}

.formGrid .nameCell {
	vertical-align:top;
	padding:3px 4px 5px 3px;
	margin-left:4px;
	width:130px;
	}
.formGrid  td.buttonCell{
	vertical-align:top;
	padding:3px 4px 5px 0px;
	}
.formGrid .colspan {
	vertical-align:top;
	padding:3px 4px 5px 3px;
	margin-left:4px;
	}
	
.formGrid td.inputCellDouble,
.formGrid td.inputCell {
	vertical-align:top;
	padding:0px 0px 5px 0px;
	vertical-align:top;
	text-align:right;
	}
.formGrid td.inputCellDouble {
	text-align:left;
	}
.formGrid td.inputCell span {
	margin-right:0px; /* margin-right:4px;   MAURICE AANGEPAST WEGENS YPSUM */
	vertical-align:top;
	}
.formGrid td.nameCell span {
	margin:0;
	padding:0;
	}
.formGrid .verplicht {
	font-weight:bold;
	color:#F00;
	vertical-align:top;
	}

input,
select {
	vertical-align:middle;
	}
	
input.typeText {
	margin-bottom:3px;
	font-size:11px;
	color:#000;
	border-top:1px solid #999;
	border-right:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
	border-left:1px solid #999;
	}
/* \ */
	* html body input.typeText {}
/* */
.verplicht .typeText {
	border:1px solid #999;
	}

button,
input.typeButton {
	font-size:12px;
	font-weight:bold;
	}
	div.button {
	margin:5px 0 0px 0;
	text-align:right;
	}
span.radio,
span.checkbox {
	cursor:pointer;
	}
span.radio input,
span.checkbox input,
div.radio input,
div.checkbox input {
	margin-right:5px;
	vertical-align:middle;
	cursor:default;
	}
div.radio,
div.checkbox {
	margin-bottom:5px;
	}
label {
	cursor:pointer;
	}
select.select {
	width:150px;
	color:#555;
	background-color:#fff;
	border:1px solid #ccc;
	font-size:11px;
	font-weight:normal;
	}
textarea.textarea {
	width:150px;
	font-size:11px;
	padding:2px;
	border-top:1px solid #999;
	border-right:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
	border-left:1px solid #999;
	color:#000;
	 }

div.noprint {display:none}
div.print {display:block}