/* =============== SCREEN styles */
@media screen, projection, print {

/******* Body *******/

html, body { width:100%; height:100%; }
body { font-size:69%; font-family:Verdana, Arial, Helvetica, sans-serif;  margin:0; padding:0; background: #fff;}

/*********** Reset tags ************/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, small, strong, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr,
th, td, dl, dt, dd { margin: 0; padding: 0; border: 0; outline: none;}

ul { list-style: none;}

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

:focus {outline:none;}

/*********** Generiek ************/

p { margin:0 0 10px 0; font-size:1em; line-height:1.5em; }
a, a:link, a:visited, a:active { color:#000; text-decoration:underline; outline: none;}
a:hover { color:#c00; }
/*h1 { font-size:1.85em; margin:0 0 10px 0; padding:25px 0 10px 0; border-bottom:2px solid #999; }
h2 { font-size:1.5em;  margin:20px 0 10px 0; padding:0; display:block;}
h3 { font-size:1.1em; margin:5px 0 0 0; font-weight:bold; }
h4 { font-size:1em; margin-top:5px; margin-bottom:3px; font-weight:bold; }*/
/*mk aangepast*/
h1 { margin-left:-9999px;position:absolute;}
#contentbox h2 { font-size:1.85em; margin:0 0 10px 0; padding:25px 0 10px 0; border-bottom:2px solid #999; }
h2 { font-size:1.5em;  margin:20px 0 10px 0; padding:0; display:block;}
h3 { font-size:1.3em;  margin:20px 0 10px 0; padding:0; display:block;}
h4 { font-size:1.1em; margin:5px 0 0 0; font-weight:bold; }
h5 { font-size:1em; margin-top:5px; margin-bottom:3px; font-weight:bold; }

/*/ td { width:20%; } /*/

#contentbox ul { color:#000; margin:0 2px; padding:5px 10px; }
#contentbox ul li { margin:0 0 5px 0; font-size:1em; line-height:1.6em; list-style-type:square; }

#contentbox ul.utilities {margin: 0 0 0 0;  padding: 0 0 0 0;}
		#contentbox ul.utilities li {list-style-type:none; margin:0 0 0px 0;}
			#contentbox ul.utilities li a { font-size:1em; font-weight:normal;  text-decoration: none; line-height:1.5em; }
			
#contentbox ul.sitemap {margin: 0 0 15px 0;  padding: 0 0 0 0; }
		#contentbox ul.sitemap li {list-style-type:none; margin:0 0 0px 0;}
			#contentbox ul.sitemap li a { font-size:1em; font-weight:normal;  text-decoration: underline; line-height:1.6em; }
		#contentbox ul.sitemap li.submenu {margin: 0 0 0 15px;  padding: 0 0 0 0; }
			

/*/ table { width:100%; border:none; background-color:#dedede; margin:0; padding:0 0 0 0; border-bottom:2px solid #fff; } /*/


/******* Container *******/

#container { background:#fff url(/images/bg-menubox.gif) 0 0 repeat-y; width:980px;  overflow: hidden; font-size: 1em; min-height:720px;  }

/******* menubox *******/

#menubox { width:200px; float:left; margin:0 20px 0 0; padding:0; border-top: 2px solid #000; padding-bottom: 120px; } /* 100907 RK padding-bottom toegevoegd */
	/*#menubox ul.utilities {  }
		#menubox ul.utilities li {}
			#menubox ul.utilities li a { font-size:0.92em; font-weight:normal; background: none; text-decoration: underline; padding:0px 10px 0px 6px; line-height:1.8em; }
			#menubox ul.utilities li a:hover{ font-weight:normal; color:#c00; background: none; text-decoration: underline; }*/ /*mk aangepast*/

#menubox ul.utilities {display: block; border: none; }
		#menubox ul.utilities li {float: left; }
			#menubox ul.utilities li a { font-size:0.8em; font-weight:normal; background: none; text-decoration: none; padding:0px 0px 0 0 ; line-height:1.8em; display: inline; float: none;}
			#menubox ul.utilities li a:hover{ font-weight:normal; color:#c00; background: none; text-decoration: underline; }
		
	 #menubox ul { display: inline; width: 186px; padding: 0 0 6px 0; margin: 4px 0 0px 7px; list-style-type: none; float: left; border-bottom:2px solid #fff; }
	 	#menubox ul li { margin: 2px 0 0px 0px; padding: 0 0px 0 0; float: left;}
			#menubox ul li a { display:block; width:170px; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000; text-decoration:none; padding:0px 10px 0px 6px; line-height:2.1em; float: left; outline:none;}
		
		#menubox ul li a:hover { font-weight:bold; background:#fff url(/images/pijl-menu.gif) center right no-repeat; }
		#menubox ul li.selected a { font-weight:bold; background:#fff url(/images/pijl-menu.gif) center right no-repeat; }
		#menubox ul li.selected-sub a { font-weight:bold; background:#fff; }
		#menubox ul li.submenu a { display: block; width: 174px; text-decoration: none; font-weight:normal; padding: 0px 0 0px 12px; }
		#menubox ul li.submenu a:hover { font-weight:normal; }
		#menubox ul li.submenu-selected a, #menubox ul li.submenu-selected a:hover { display: block; width: 174px; text-decoration: none; font-weight:normal; background:#cf3 url(/images/pijl-submenu.gif) center right no-repeat; padding: 0px 0 0px 12px; }

/*aangepast MK*/
#menubox ul li.navCurrent a {	font-weight:bold; background:#fff url(http://www.clubvanmaarssen.org/images/pijl-menu.gif) center right no-repeat;}
#menubox ul li.navCurrent ul li a {	font-weight:bold; background:none;;}
#menubox ul li.navCurrent ul li a:hover { display: block; width: 164px; text-decoration: none; background:#cf3 url(http://www.clubvanmaarssen.org/images/pijl-submenu.gif) center right no-repeat; }
#menubox ul li.navCurrent ul { border-bottom:none;}
#menubox ul ul li.navCurrent a { display: block; width: 164px; text-decoration: none; background:#cf3 url(http://www.clubvanmaarssen.org/images/pijl-submenu.gif) center right no-repeat; }
#menubox ul ul { border-bottom:none;}
#menubox ul ul li a:hover { display: block; width: 164px; text-decoration: none; background:#cf3 url(http://www.clubvanmaarssen.org/images/pijl-submenu.gif) center right no-repeat; }
/*aangepast MK*/

/*aangepast RV*/
#menubox .navParent a { background-color:#fff; }
#menubox .navParent li a { background-color:transparent; }
#menubox .navParent li a:hover {background:#fff url(/images/pijl-menu.gif) center right no-repeat;}
/*aangepast RV*/


#menubox img#printlogo { display: none;}
		

/******* contentbox *******/
#contentbox { width:500px; float:left; margin:0 20px 0 0; padding: 0 0 50px 0 ; border-top:2px solid #000;  }
.content-block { margin:0px; padding:0 0 10px 0; background-color:#fff; border-bottom:solid 2px #000; }
.illustratie {margin: 20px 0 20px 0;}

/*********** ZOEKBOX ***********/
#contentbox #zoekbox { margin:0 0 0px 0; padding:0 0 0 0;}
	#contentbox #zoekbox h2 {  font-weight:bold; background-color:#ccc; color:#333; font-size:1.49em; font-weight:bold; margin:0 0 0 0; padding:8px 10px 8px 10px; border-bottom:2px solid #fff; }
		#contentbox #zoekbox h2 a, #contentbox #zoekbox h2 a:visited { color:#333; font-size:0.69em; font-weight:normal; text-decoration:underline }
		#contentbox #zoekbox h2 a:hover { font-weight:normal; color:#c00; text-decoration:underline }
		
	#contentbox #zoekbox form {padding: 0px 0px 2em 0px; display: block; overflow: hidden;}
	
	#contentbox #zoekbox fieldset { float: left;  display: inline; background-color:#dedede;  }	
	#contentbox #zoekbox fieldset.knop { }
	#contentbox #zoekbox fieldset.sorteer {padding-top:6px; }
		#contentbox #zoekbox fieldset.sorteer label {margin:11px 6px 0 10px; float: left; }
	
	
	#contentbox #zoekbox fieldset.checkboxes {padding: 5px 0 0 10px; width: 490px; }
		
	#contentbox #zoekbox fieldset.invoer  {padding-bottom: 0px;}
		#contentbox #zoekbox fieldset.invoer input {margin:11px 0px 0px 10px; float: left; clear: left; font-family:Verdana, Arial, Helvetica, sans-serif; width:468px; height:20px; border:1px solid #666;}
		#contentbox #zoekbox label { margin:0 12px 0 6px; display: inline; width: auto; padding: 0 0 0 0; }
		
	#contentbox #zoekbox select { margin:8px 0 0 0; border:1px solid #666; font-size: 1em; height: 20px;}
		
	/*********** ZOEKBOX profielen uitgebreid ***********/	
		#contentbox #zoekbox fieldset.twocolumns { padding: 8px 0 8px 10px;  }
		#contentbox #zoekbox fieldset.twocolumns div { width:140px; float: left; display: inline; }
			#contentbox #zoekbox fieldset.twocolumns label { margin:5px 0px 0px 0px; display: inline; width: auto; padding: 0 0 0 0; width:100px;  float: left; }
		
			#contentbox #zoekbox fieldset.twocolumns div label { margin:5px 0px 0px 6px; display: inline; width: 110px; padding: 0 0 0 0; }
			#contentbox #zoekbox fieldset div input, #contentbox #zoekbox fieldset div input { clear: left; margin-top:4px; display:block;}
		#contentbox #zoekbox fieldset p { margin: 12px 0 0 10px;}	
		
/******* Blogheader/Blogfooter *******/
#contentbox p.intro { margin-bottom: 20px; }
#contentbox .blogheader { width:100%; /*border-bottom:2px solid #999;*/ margin: 0px 0 10px 0; }
#contentbox .blogfooter { width:100%; }
	#contentbox .blogheader h2 { color:#000; margin:0px 0 15px 0; }
	#contentbox .blogheader p, #contentbox .blogfooter p  { color:#666; font-weight:normal; margin:5px 0 10px 0;}
		#contentbox .blogheader p strong, #contentbox .blogfooter p strong  { color:#000; font-weight:bold; }
		#contentbox .blogheader p a, .blogheader p a:visited, #contentbox .blogfooter p a, .blogfooter p a:visited  { color:#666; font-weight:normal; text-decoration:underline; }
		#contentbox .blogheader p a:hover,#contentbox .blogheader p a:visited:hover, #contentbox .blogfooter a:visited:hover, #contentbox .blogfooter a:hover { font-weight:normal; color:#c00; }

/******* Blog shortcontent's *******/
#contentbox .shortcontent { border-bottom:2px solid #999; margin:0 0 10px 0; width:500px; overflow: hidden;} /* 060907 RK overflow toegevoegd */
	#contentbox .shortcontent h3 { font-weight:bold; }
		#contentbox .shortcontent h3 a, #contentbox .shortcontent h3 a:visited { font-weight:bold; color:#000; text-decoration:none; }
		#contentbox .shortcontent h3 a:hover { font-weight:bold; color:#c00; }
		#contentbox .shortcontent h3 span  { font-weight:bold; color:#c00; }
	#contentbox .shortcontent p { font-weight:normal; }
		#contentbox .shortcontent p a, #contentbox .shortcontent p a:visited { color:#000; font-weight:normal; text-decoration:underline; }
		#contentbox .shortcontent p a:hover/*, #contentbox .shortcontent p a:visited:hover*/ { color:#c00; font-weight:normal; text-decoration:underline; }
	#contentbox .shortcontent .post { font-size:0.92em; color:#666; margin:5px 0 10px 0; }
		#contentbox .shortcontent .post a, #contentbox .shortcontent .post a:visited { color:#666; font-weight:normal; }
		#contentbox .shortcontent .post a:hover/*, #contentbox .shortcontent .post a:visited:hover*/ { font-weight:normal; color:#c00; }
	#contentbox .shortcontent p.inleiding { font-size:1.2em; color:#000; margin:5px 0 5px 0; }

	#contentbox .shortcontent p span { font-weight:bold; }
		#contentbox .shortcontent p span a, #contentbox .shortcontent p span a:visited { font-weight:bold; color:#000; text-decoration:underline; }
		#contentbox .shortcontent p span a:hover/*, #contentbox .shortcontent p span a:visited:hover*/ { font-weight:bold; color:#c00; text-decoration:underline; }

	#contentbox .meerinfo { border-bottom:2px solid #000; margin:0; width:500px; }
		#contentbox .meerinfo p { color:#000; }
	#contentbox .idea img { float:right; color:#000; border-top:2px solid #000; margin:0 0 10px 10px; width: 78px; height: 78px;} /* 060907 RK margin bottom gewijzigd */
	
	
/******* Profielen *******/	

#contentbox dl { display: block; width:400px; float: left; margin: 8px 0 8px 0; }
	#contentbox dt { display: block; float: left; clear: left; width:160px; line-height: 1.5em;}
	#contentbox dd { display: block; float: left; width:240px;line-height: 1.5em; }

#contentbox .profielen img {float: right;  margin: 0 0 10px 0; /*width: auto;*/ height: auto; position: relative; top: -12px;}
#contentbox .profielen p.post {clear: left; }/* 060907 RK clear toegevoegd */
#contentbox .profielen h3 {width: 400px;}

	
/******* Profielpagina *******/	

#contentbox .profiel { border-bottom:2px solid #999; margin:0 0 0px 0; padding: 4px 0 30px 0; width:500px; overflow: hidden; }
#contentbox .profiel.last { border:none;  }

#contentbox .profiel dl { display: block; width:500px; float: left; margin: 8px 0 0px 0; overflow: hidden;}
	#contentbox .profiel dt { display: block; float: left; clear: left; width:160px; line-height: 1.4em; padding: 0 0 0.6em 0;}
	#contentbox .profiel dd { display: block; float: left;  width: 330px; line-height: 1.4em; padding: 0 0 0.6em 0; margin-left:10px;  }
		#contentbox .profiel dd p { color:#666; margin-top: 3px; float: left; margin-bottom: 0px;}

#contentbox .profiel.withavatar dl {  width:400px;  }
	#contentbox .profiel.withavatar dt { width:160px;}
	#contentbox .profiel.withavatar dd {width:230px;}

#contentbox .profiel img {float: right;  margin: 8px 0 0px 0; width: auto; height: auto; border-top:2px solid #000;}

#contentbox .profiel h3 {width: 400px; margin: 10px 0 0 0;}

#contentbox .profiel ul { margin-top:5px; margin-bottom:10px;}
/*#contentbox .profiel p { float: left;}*/ /*Arjan: als dit toch ergens nodig mocht zijn, dan graag specifieker definieren dan alle paragrafen in profiel*/


/******* Mijn profiel / account *******/	


#contentbox .profiel.wide dt { width:300px;}
#contentbox .profiel.wide dd {width:190px;}

#contentbox .profiel fieldset#uploadfield { clear: left; }
#contentbox .profiel fieldset#uploadfield dt { width:130px; padding-left: 0px;}
#contentbox .profiel fieldset#uploadfield dd { width:190px;}


#contentbox .profiel fieldset.upload dt { width:130px; padding-left: 0px;}
#contentbox .profiel fieldset.upload dd { width:190px;}
#contentbox .profiel fieldset.upload img { margin: 0px 20px 10px 0;}

	

#contentbox .profiel fieldset#uploadfield input { width:230px;}
#contentbox .profiel fieldset#uploadfield img { margin: 0px 20px 10px 0;}

#contentbox fieldset.wijzigen { clear:both; background-color:transparent; padding:0px 0 0px 0;  border-bottom: 2px solid #fff;}
#contentbox .aanmelden fieldset.wijzigen { border: none; }
#contentbox .aanmelden.wijzig { margin-top: 10px; }


#contentbox .profiel fieldset.wachtwoord {margin-bottom: -2px;}
#contentbox .profiel fieldset.wachtwoord h4 {margin-bottom: 10px;}


#contentbox .profiel fieldset dl { display: block; width:500px; float: left; margin: 8px 0 0px 0; overflow: hidden;}
	#contentbox .profiel fieldset dt { display: inline; float: left; clear: left; width:130px; line-height: 1.4em; padding: 0 0 0.6em; margin-left:5px;}
	#contentbox .profiel fieldset dd { display: block; float: left;  width: 330px; line-height: 1.4em; padding: 0 0 0.6em 0; margin-left:10px;  }
		#contentbox .profiel fieldset dd em {  margin-left: 0px; color:#666; width: 330px; margin-top: 3px; float: left;}
			#contentbox .profiel fieldset dd em a { color: #666;}



/******* Blog longcontentpagina's *******/

#contentbox .longcontent { border-bottom:2px solid #999; margin:0 0 10px 0; width:500px; }
	#contentbox .longcontent h3 { font-weight:bold; }
		#contentbox .longcontent h3 a, #contentbox .longcontent h3 a:visited { text-decoration:none; font-weight:bold; }
		#contentbox .longcontent h3 a:hover { color:#c00; font-weight:bold; }
	#contentbox .longcontent p { color:#000; }
		#contentbox .longcontent p a, #contentbox .article p a:visited { color:#000; font-weight:normal; text-decoration:underline; }
		#contentbox .longcontent p a:hover { font-weight:normal; color:#c00; }
		
	#contentbox .longcontent ul { color:#000; margin:0 2px; padding:5px 10px; }
		#contentbox .longcontent ul li { margin:0 0 5px 0; font-size:1em; line-height:1.6em; list-style-type:square; }	
		
	#contentbox .longcontent .post { font-size:0.92em; color:#666; margin:5px 0 5px 0; }
		#contentbox .longcontent .post a, #contentbox .longcontent .post a:visited { color:#666; font-weight:normal; }
		#contentbox .longcontent .post a:hover { color:#c00; font-weight:normal; }
	#contentbox .longcontent p.inleiding { font-size:1.1em; color:#000; margin:5px 0 15px 0; line-height: 1.5em; }

	#contentbox .longcontent p span { font-weight:bold; color:#000; }
		#contentbox .longcontent p span a, #contentbox .article p span a:visited { color:#000; }
		#contentbox .longcontent p span a:hover { font-weight:bold; color:#c00; }
		#contentbox .meerinfo { border-bottom:2px solid #000; margin:0; width:500px; }
		#contentbox .meerinfo p { 	color:#000; }
	#contentbox .longcontent p img { clear:both; color:#000; border-top:2px solid #000; margin:0; }



/******* extrabox ******/

#extrabox { width:240px; float:left; margin:0 0 0 0; padding:0; background:none; border:none; border-top:2px solid #000; }
	#extrabox h2 {font-size:1em; margin-top:5px; margin-bottom:3px; font-weight:bold;}
		#extrabox #logbox h2 { background-color:#cf3; color:#333; font-weight:normal; margin:0; padding:10px 10px 0 10px; }
		#extrabox #logbox p { background-color:#cf3; color:#333; font-weight:normal; margin:0; padding:0 10px 10px 10px; }
		#extrabox #logbox { margin:0 0 0px 0; padding:0;background-color:#cf3; /*width: 240px;*/ }
	#extrabox form { margin-bottom: 0;}
	body:last-child:not(:root:root) #extrabox form { padding-bottom: 10px;} /* safari hack */
		
		#extrabox #logboxout label {  color:#333; font-weight:normal; width: 73px; margin:3px 15px 0 0; padding:0; float:left;  display: block; overflow: hidden;}
		#extrabox #logboxout fieldset { padding:0px 0px 11px 0px; }
		#extrabox #logboxout fieldset.hidden { padding:0px 0px 0px 0px; } /* 060907 RK regel toegevoegd */
		#extrabox #logboxout fieldset.text { background-color:#cf3; color:#333; font-weight:normal; margin:0; padding:5px 0px 3px 10px; clear:both; overflow: hidden; } /* 100907 RK overflow toegevoegd */
			#extrabox #logboxout fieldset.text a { line-height: 1.6em; }
			#extrabox #logboxout fieldset.text input { height:18px; background-color:#fff; width:130px; font-size:1em; border:1px solid #666; display:inline; float:left;  }
				#extrabox #logboxout fieldset input.text { color:#000; }
			#extrabox #logboxout a, #extrabox #logboxout a:visited { color:#333; font-weight:normal; text-decoration:underline; }
			#extrabox #logboxout a:hover { font-weight:normal; color:#c00; }

	#extrabox #lidbox, #extrabox #invitebox { margin:0; border-top:2px solid #000; }
		#extrabox #lidbox h2, #extrabox #invitebox h2 { background-color:#666; color:#fff; margin:0; padding:7px 10px; font-size:1.5em; font-weight:bold; border-bottom:2px solid #fff; }
		#extrabox #lidbox p, #extrabox #invitebox p { background-color:#e2e2e2; font-weight:normal; line-height:1.3em; margin:0; padding:5px 10px 8px 10px; list-style-type:none;  }
		
		#extrabox #lidbox ul { background-color:#e2e2e2; padding: 0 0 10px 10px; }
			#extrabox #lidbox ul {line-height: 1.3em;}

	#extrabox .box { height:auto; margin:20px 0 0 0; padding:0 0 8px 0; border:none; background-color:#e2e2e2; border-top:2px solid #000; }
		#extrabox .box h2 { background-color:#ccc; margin:0; padding:7px 10px; font-weight:bold; border-bottom:2px solid #fff; }
		#extrabox .box ul { font-weight:normal; margin:0; padding:0 10px 0 30px; }
			#extrabox .box ul li { font-weight:normal; line-height:1.3em; margin:10px 0; padding:0; list-style-type:none; text-indent:-20px; }
			#extrabox .box ul li a, #extrabox .box ul li a:visited { font-weight:normal; margin:0; padding:0 0 0 20px; text-decoration:none; background:url("/images/boxpijlzwarte2e2e2.gif") left top no-repeat; }
			#extrabox .box ul li a:hover, #extrabox .box ul li a:visited:hover { font-weight:normal; color:#c00; margin:0; padding:0 0 0 20px; text-decoration:none; background:url("/images/boxpijlroode2e2e2.gif") left top no-repeat; }
			
	#extrabox #quotebox { margin:0; border-top:2px solid #000; margin:20px 0 0;}
		#extrabox #quotebox h2 { background-color:#0cc; color:#fff; font-size:1.5em; line-height:1.6em; font-weight:normal; margin:0; padding:10px 10px 0 10px; }
		#extrabox #quotebox p { background-color:#0cc; color:#fff; font-size:1em; line-height:1.6em;font-weight:normal; margin:0; padding:10px 10px 20px 10px; }

/******* Footer ******/
#footer { padding:0px 0 0 0; margin:0 0 0 0px; display:block; width:780px; clear:both; height: 116px;  }
#footer img#samenwerken {  width: 200px; height: 116px; float: left;  top: -116px; position: relative;   margin: 0px 0 0 0px; }	
#footer img#logo_club  { width: 500px; height: 93px; float: left; margin: 0px 0 0 20px; border-top:2px solid #000; padding-top: 20px;}

/******* Formbuttons ******/

#contentbox .button { float: right; text-align:center; font-size:1em; color:#000; height: 2em; font-weight:bold; background:#cf3; border:none; border-bottom:2px solid #666; border-right:2px solid #666; border-top:1px solid #fff; border-left:1px solid #fff; margin:0px 20px 0 0; padding:0 0.8em 0 0.8em; cursor:pointer; position: relative; top:1em; }
#contentbox .buttonover {  float: right; text-align:center; font-size:1em; height: 2em; font-weight:bold; border:none; border-bottom:2px solid #666; border-right:2px solid #666; border-top:1px solid #fff; border-left:1px solid #fff; margin:0px 20px 0 0; padding:0 0.8em 0 0.8em; cursor:pointer;color:#fff; background:#000;  position: relative; top:1em; }
#contentbox .buttontext {  float: right; text-align:center; font-size:1em; height: 2em; font-weight:bold; border:none; border-bottom:2px solid #666; border-right:2px solid #666; border-top:1px solid #fff; border-left:1px solid #fff; margin:0px 20px 0 0; padding:0 0.8em 0 0.8em; cursor:pointer; color:#000; background:#cf3;  position: relative; top:1em; }



#contentbox .uploadbuttons .button { float: right; text-align:center; font-size:1em; color:#000; height: 2em; font-weight:bold; background:#cf3; border:none; border-bottom:2px solid #666; border-right:2px solid #666; border-top:1px solid #fff; border-left:1px solid #fff; margin:0px 20px 0 0; padding:0 0.8em 0 0.8em; cursor:pointer; position: relative; top:0; }
#contentbox .uploadbuttons .buttonover {  float: right; text-align:center; font-size:1em; height: 2em; font-weight:bold; border:none; border-bottom:2px solid #666; border-right:2px solid #666; border-top:1px solid #fff; border-left:1px solid #fff; margin:0px 20px 0 0; padding:0 0.8em 0 0.8em; cursor:pointer;color:#fff; background:#000;  position: relative; top:0; }
#contentbox .uploadbuttons .buttontext {  float: right; text-align:center; font-size:1em; height: 2em; font-weight:bold; border:none; border-bottom:2px solid #666; border-right:2px solid #666; border-top:1px solid #fff; border-left:1px solid #fff; margin:0px 20px 0 0; padding:0 0.8em 0 0.8em; cursor:pointer; color:#000; background:#cf3;  position: relative; top:0; }


.button { float:right; text-align:center; font-size:1em; color:#000; height:2em; font-weight:bold; background:#cf3; border:none; border-bottom:2px solid #666; border-right:2px solid #666; border-top:1px solid #fff; border-left:1px solid #fff; margin:0 20px 0 0; padding:0 0.8em 0 0.8em; cursor:pointer; position: relative; top: -1em;}
.buttonover { float:right; text-align:center; font-size:1em; color:#fff; height:2em; font-weight:bold; background:#000; border:none; border-bottom:2px solid #666; border-right:2px solid #666; border-top:1px solid #fff; border-left:1px solid #fff; margin:0  20px 0 0; padding:0 0.8em 0 0.8em; cursor:pointer; position: relative; top: -1em;}
.buttontext { float:right; text-align:center; font-size:1em; color:#000; height:2em; font-weight:bold; background:#cf3; border:none; border-bottom:2px solid #666; border-right:2px solid #666; border-top:1px solid #fff; border-left:1px solid #fff; margin:0  20px 0 0; padding:0 0.8em 0 0.8em; cursor:pointer; position: relative; top: -1em;}

/******* Form general ******/

#contentbox fieldset textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; border:1px solid #666; color:#000; margin:0px 0 0px 0; padding:2px; font-size:1.1em; font-weight:normal; line-height:1.4em; color:#000; border:1px solid #666;}

#contentbox input, #extrabox input { font-family:Verdana, Arial, Helvetica, sans-serif; }
/*/#contentbox input { float: left; }RV/*/

#contentbox fieldset { width:500px; margin:0; padding:0; border:none; position:relative; float: left; }

#contentbox fieldset.first {border-top:2px solid #999;  }


#contentbox fieldset p {  font-size:1em; color:#000; text-align:left; float: left; clear: left; margin: 5px 0 0 5px; width: 480px; display: inline;}
#contentbox fieldset p em {display: block; color:#666; margin-left: 140px; }
#contentbox fieldset.wide p em {display: block; color:#666; margin-left: 0px; }

#contentbox fieldset h4 {  margin: 5px 0 0 5px; }

#contentbox select { font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #666; width:300px; height:20px; }

#contentbox fieldset.text {padding: 8px 0 8px 0; }

#contentbox select { color:#000; border:1px solid #000; margin-right:3px; padding:1px 0; background:#fff; }

/*/
#contentbox fieldset label { font-size:1em; color:#000; display:block; float:left; width:130px; margin:2px 10px 2px 0; padding:3px 0 0 5px; }

	#contentbox fieldset.radiobuttons div label { width:auto; margin:5px 10px 0px 0; padding: 0 0 0 0; }
	#contentbox fieldset.radiobuttons div input { width:auto; margin:5px 6px 0px 0; padding: 0 0 0 0; }
RV/*/
	
#contentbox fieldset.text input {  height:16px; width:330px;  color:#000; font-size:1em; font-weight:normal; line-height:1.4em; display:block; float:left; padding:2px;border:1px solid #666 }

#contentbox fieldset.radiobuttons  {padding:8px 0 8px 0;}

#contentbox fieldset ul {  width: 460px; float: left; clear: left; margin: 5px 0 0 13px; display: inline; list-style-position:outside; }	
#contentbox fieldset li {  margin:0 0 6px 0; font-size:1em; line-height:1.5em; list-style-type:square; padding-left: 4px;}	
	


/******* Form elements- Bericht ******/

#contentbox .bericht { width:500px; margin:0 0 0px 0; padding:0 0 35px 0; border-bottom:2px solid #999; overflow: hidden; }



#contentbox .bericht fieldset label {font-size:1.1em; color:#333; font-weight:bold;  margin:12px 0px 2px 10px; padding:0 0 10px 0;float: left; width: auto; display: inline; }

#contentbox .bericht fieldset textarea { height:100px; width:468px; clear:both; margin:2px 10px 2px 10px; padding:0; font-weight:normal; color:#000; border:1px solid #666;font-size: 1em; }


/******* Form elements- Reactie ******/

#contentbox .reactie { width:500px; margin:0 0 15px 0; padding:0 0 35px 0; border-bottom:2px solid #000; overflow: hidden; }

#contentbox .reactie fieldset label {font-size:1.1em; color:#333; font-weight:bold;  margin:12px 0px 2px 10px; padding:0 0 10px 0;float: left; width: auto; display: inline; }

#contentbox .reactie fieldset textarea { height:100px; width:468px; clear:both; margin:2px 10px 2px 10px; padding:0; font-weight:normal; color:#000; border:1px solid #666;font-size: 1em; }

/******* Form elements- Contact ******/

#contentbox .contact fieldset { border-bottom:2px solid #fff; }
	#contentbox .contact fieldset#vraagfield { border: none;}

	#contentbox .contact fieldset textarea { height:240px; width:330px; padding:2px;font-size:1em; font-weight:normal; line-height:1.4em; color:#000; border:1px solid #666; }
	
/******* Form elements- Uitnodigen ******/

#contentbox .uitnodigen fieldset { border-bottom:2px solid #fff; }

#contentbox .uitnodigen fieldset textarea { height:380px; width:330px; padding:2px;font-size:1em; font-weight:normal; line-height:1.4em; color:#000; border:1px solid #666; }

#contentbox .uitnodigen fieldset#berichtfield { border: none;}
	

/******* Form elements- Aanmelden ******/ 	

#contentbox .aanmelden fieldset {  border-bottom:2px solid #fff;}
	#contentbox .aanmelden fieldset#lidmaatschap, #contentbox .aanmelden fieldset#voorbehoud { margin-top: -2px; }
	#contentbox .aanmelden fieldset#lidmaatschap p, #contentbox .aanmelden fieldset#voorbehoud p { margin-top: -5px;  }

#contentbox fieldset.volgende { clear:both; margin-top: -2px; padding-top: 15px;  }
	
#contentbox .formheader { width:500px; text-align:left;overflow:hidden; margin:0; border-bottom:2px solid #999;  }
#contentbox .formheader-left { width:300px; text-align:left; margin:0 0 0 0; }
#contentbox .formheader-right { width:200px; text-align:right; float:right; overflow:hidden; margin:0 0 0 0; }

	.formheader h2 { color:#000; margin:10px 0 15px 0; }
	.formheader p { color:#666; font-weight:normal; font-size: 0.92em; }
		.formheader p strong { color:#000; font-weight:bold; }
		.formheader p a { color:#666; font-weight:normal; text-decoration:underline; }
		.formheader p a:hover { font-weight:normal; color:#c00; }
	#contentbox p .formheader-left { width:300px; text-align:left; float:left; overflow:hidden; margin:0; }
	#contentbox p .formheader-right { width:200px; text-align:right; float:right; overflow:hidden; margin:0; }
	
#contentbox fieldset .label300 {width: 300px;}

#contentbox fieldset span.required {float: right; display: inline; position: relative; width: 12px; text-align: left; color:#000; font-style: normal;}

#contentbox fieldset#uploadfield { border: none; padding-bottom: 0px;}
#contentbox form p.verplicht {margin: 5px 0 -10px 5px; display: inline; float: left; color: #666; font-size: 0.92em; line-height: 1em; }

#contentbox fieldset#expertisefield textarea, #contentbox fieldset#informatie textarea { height: 150px;}

#contentbox .aanmelden fieldset.checkboxes { padding: 8px 0 8px 0;}
#contentbox .aanmelden fieldset.checkboxes div { clear: none; float: left;}
	#contentbox .aanmelden fieldset.checkboxes input { float: left; clear: left; margin-top: 5px;}
	#contentbox .aanmelden fieldset.checkboxes div label { float: left; display: block; width: 300px; }

#contentbox .aanmelden fieldset.checkboxes.widelabel label { width: 480px; line-height: 1.5em;}
	#contentbox .aanmelden fieldset.checkboxes.widelabel div label { float: left; display: block; width: 300px; }
	#contentbox .aanmelden fieldset.checkboxes.widelabel div { margin-left: 145px; margin-top: 5px; display: inline;}
	
/******* Form elements- Blogschrijven ******/ 	



#contentbox .blogschrijven { margin-top: -10px;}	
#contentbox .blogschrijven fieldset {  border-bottom:2px solid #fff;}	
#contentbox .blogschrijven fieldset p {  margin-left: 10px;}	

#contentbox .blogschrijven fieldset.knop {  border: none;  margin-top: -2px;}

#contentbox .blogschrijven fieldset label{ font-size:1em; color:#000; margin:12px 0px 2px 10px; padding:0 0 10px 0;float: left; width: auto; display: inline;  }
#contentbox .blogschrijven fieldset label.label300 { width: 300px; }
#contentbox .blogschrijven textarea {  height:100px; width:468px; clear:both; margin:2px 10px 0px 10px; padding:0; font-weight:normal; color:#000; border:1px solid #666;font-size: 1em;}


#contentbox .blogschrijven fieldset.text label { font-size:1em; color:#000; display:block; float:left;  margin:2px 10px 2px 0; padding:3px 0 0 10px;}

#contentbox .blogschrijven fieldset.text label em { color:#666;}

#contentbox .blogschrijven fieldset.uploadbuttons input  { top: 0px; margin-bottom: 10px; margin-top: 10px;}	

#contentbox .blogschrijven fieldset.checkboxes { padding: 8px 0 8px 0;}
#contentbox .blogschrijven fieldset.checkboxes div { clear: none; float: left; width: 170px;}
	#contentbox .blogschrijven fieldset.checkboxes input { float: left; clear: left; margin-top: 5px;}
	#contentbox .blogschrijven fieldset.checkboxes label { display:block; float:left; width:125px; margin:2px 10px 2px 0; padding:3px 0 0 10px; }
	#contentbox .blogschrijven fieldset.checkboxes div label { float: left; display: block; width: 100px; padding:3px 0 0 5px; }
	#contentbox .blogschrijven fieldset.checkboxes label.label300 { width: 300px; }
	#contentbox .blogschrijven fieldset.radiobuttons label.label300 {  margin:2px 10px 2px 0; padding:3px 0 0 10px; }
	
#contentbox .blogschrijven fieldset.text input { margin: 2px 0 0 10px; width: 464px; display: inline;}

/******* Upload elementen United Knowledge ******/ 	

#contentbox fieldset #storageId_file_fileUploadControl { clear: left;width: 470px; margin-left: 10px; padding-bottom: 10px;}
	#contentbox fieldset #storageId_file_fileUploadControl table { border-collapse: collapse; border: none; width: 470px;}
	#contentbox fieldset #storageId_file_fileUploadControl input{  height:20px; margin:0 15px 5px 10px; float: right; border: 1px solid #666;}
	#contentbox fieldset #storageId_file_fileUploadControl input.remove {  height:20px;  text-align:center; font-size:1em; color:#000; height:2em; font-weight:bold; background:#cf3; border:none; border-bottom:2px solid #666; border-right:2px solid #666; border-top:1px solid #fff; border-left:1px solid #fff; margin:0 0px 5px 0px; padding:0 0.8em 0 0.8em; cursor:pointer; float: left;}
	#contentbox fieldset #storageId_file_fileUploadControl img {  width: 16px; height: 16px; float: right; margin: 0 0 0 0;}

/*/ RV /*/
#contentbox fieldset #avatar_file_fileUploadControl table {
border-collapse: collapse;
border: none;
width: 100%;
background:none;
}
#contentbox .profiel .form img {
margin:0;
width:40px;
max-height:40px;
border:0;
float:none;
}
#contentbox fieldset #avatar_file_fileUploadControl img {
width: 16px;
height: 16px;
border:0;
margin: 0 0 0 0;
}
/*/ //RV /*/


	#contentbox fieldset.upload { padding-bottom: 5px;  }
		#contentbox fieldset.upload label { width: 300px; padding: 3px 0 10px 5px; clear: both; float: left;}
		#contentbox .blogschrijven fieldset.upload label { padding: 3px 0 10px 0px; }
	
		#contentbox fieldset.upload noscript input{ clear: left; margin-left: 10px; display: inline; border: 1px solid #666; }
		#contentbox fieldset.upload noscript fieldset {border: none;  }
	
		
#contentbox .profiel.withavatar fieldset.upload dl {  width:400px;  }

/*toegevoegd 2009*/

/*logbox*/

#extrabox #logbox .profielFoto {width: 50px; border-top: 2px solid #000; float: right;margin: 10px 10px 0 0;}
#extrabox #logbox h2 {font-size: 1.1em; font-weight:bold;}
#extrabox #logbox h3 {font-size: 1.1em; font-weight:bold; background:#CCFF33; height: auto; padding: 5px 0 3px 10px; margin: 0;}
#extrabox #logbox ul { list-style:disc; background:#CCFF33; height: auto; padding: 0 0px 20px 25px;}
#extrabox #logbox .percentage {clear: both;background-color:#CCFF33; height:20px;}
#extrabox #logbox .compleet {width: 130px; border:1px solid #ccc; height: 13px; float: left; margin: 0 5px 0 10px; color: #999; background: #FFF;}
#extrabox #logbox .compleet img {border-right:1px solid #ccc; height: 13px;}
#extrabox #logbox span { float: left; font-size:0.9em; font-style:italic;}

/*datebox*/

#uitleg {float: right;margin: -23px 9px 0 0;position:relative;border:1px solid #999;background-color:#fff;font-weight: bold;font-family: Tahoma, Geneva, sans-serif;}
#uitleg a {display:inline;text-decoration:none;	color: #999;background:#ececec;cursor:default;padding: 0 4px;}
#uitleg a:hover {background: #FFF;text-decoration:none;padding: 0 4px;color: #333;}
#uitleg a span {display:none; z-index:4;}
#uitleg a:hover span {color: #999;font-size:10px;font-weight: normal;border-top: 1px solid #b7b7b7;border-left: 1px solid #b7b7b7;border-right: 2px solid #999;border-bottom: 2px solid #999;background: #fff;	display:inline;position:absolute;top:20px;left:-128px;padding:5px 15px 5px 3px;letter-spacing:0.09em;width: 120px;}
#extrabox .datebox { height:auto; margin:25px 0 0 0; padding:0 0 8px 0; border:none; background-color:#e2e2e2; border-top:2px solid #000;/*width: 240px;*/ }
#extrabox .datebox h2 { background-color:#ccc; margin:0; padding:7px 10px; font-weight:bold; border-bottom:2px solid #fff; z-index:100; }

#extrabox .datebox ul { height: 100%; font-weight:normal; padding:0 10px 0 10px; clear: both;}
#extrabox .datebox ul li { font-weight:normal; line-height:1.3em; margin:10px 0 20px 0px; padding:0; list-style-type:none; text-indent:-1px; clear: both;}
#extrabox .datebox ul li span {width: 320px; }
#extrabox .datebox ul li a, #extrabox .box ul li a:visited {
font-weight:normal; margin:0; /* padding:7px 0 0 65px; text-decoration:none; background:url("http://www.clubvanmaarssen.org/images/boxpijlzwarte2e2e2.gif") 0px 5px no-repeat;*/ height: 100%;}
#extrabox .datebox ul li a:hover, #extrabox .box ul li a:visited:hover {
font-weight:normal; color:#c00; margin:0; /*padding:7px 0 0 65px; text-decoration:none; background:url("http://www.clubvanmaarssen.org/images/boxpijlroode2e2e2.gif") 0px 5px no-repeat;*/ height: 100%;}

#extrabox .datebox ul li .foto {width: 40px; border-top: 2px solid #000; /*float:left;*/ position: relative; /*left: 20px;*/ margin-left: 10px; top: -15px;}
/* #extrabox .datebox ul li .sector {margin-left:25px; }
#extrabox .datebox ul li .functie {margin-left:25px; } */

#extrabox a.edit {background:#CCFF33;border-color:#fff #666 #666 #fff;border-style:solid;border-width:1px 2px 2px 1px;color:#000;float:right;font-size:1em;font-weight:bold;padding:0.3em 0.8em;text-decoration: none;clear: right;margin: -12px 20px 15px 0;}
#extrabox a:hover.edit { background:#000; color:#FFF;}

/*rating Ideas*/
#contentbox .subtitle {color: #999; font-variant:small-caps; font-style:italic; font-weight:normal; font-size: 0.8em;margin-left: 20px;}
#contentbox .idea {width: 310px; float: left;margin-right: 10px;}
#contentbox .idea h3 {margin-top: 5px;}
#contentbox .shortcontent .idea h3 {width: 310px;}
#contentbox .idea h4 {margin-bottom: 4px;}
#contentbox .idea p {line-height: 1.6em;margin-bottom: 15px;}
#contentbox .idea img {border-top: 2px solid #000;float: left; margin: 5px 10px 0 1px; /*width: 100px;*/ height: auto;}
#contentbox .moreLink {color: #999;}
#contentbox .moreLink a {color: #999;}
#contentbox .moreLink a:hover {color: #666;}
#contentbox .top3 a.viewIdeas  {float:right; margin-top: 3px;}

/*top 3*/
#contentbox .top3 {width: 170px; margin: -10px 0 0 0px;float: left;clear: right; padding: 5px;}
#contentbox .top3 ul {margin:0; padding: 0; }
#contentbox .top3 ul li {list-style:none;margin: 20px 0 0 20px; display: inline; clear: both; }
#contentbox .top3 ul li span {color: #FFF; font-size: 1.3em; text-align: center; width: 30px; height: 23px; background:#ccc; font-weight: bold;float: left;margin-top: 5px; padding-top: 7px; }
#contentbox .top3 ul li a {width: 130px; height: 28px; float: left;margin: 5px 0 0 2px;line-height: 1.2em; text-decoration:none; padding: 2px 6px 0 2px; background: #e2e2e2
url(/cvm2009/rz-images/boxpijlgrijs2e2e2.gif) 120px 15px no-repeat; font-size:0.9em;}
#contentbox .top3 ul li a:hover {background: #e2e2e2 url(/cvm2009/rz-images/boxpijlrightzwarte2e2e2.gif) 120px 15px no-repeat;}

/*uitslag vorig idee*/
#contentbox .previousIdea {width: 157px; margin: 37px 0 0 10px;float: left;clear: right; background:#e2e2e2; border-top: 1px solid #999; border-left: 1px solid #999;border-right: 2px solid #666;border-bottom: 2px solid #666;padding: 5px;}
#contentbox .previousIdea p {font-weight:bold;}
#contentbox .score {font-size: 4em; font-family:Georgia, "Times New Roman", Times, serif;font-style: italic;line-height: 1em; text-align:center;}
#contentbox .score  span {font-size: 0.4em; font-family:Georgia, "Times New Roman", Times, serif;font-style: italic;}
#contentbox .more {color: #666; font-size: 0.9em; float: right; margin-top: 5px;}
#contentbox .more a {color: #666; text-decoration: none; }
#contentbox .more a:hover {color:#CC0000;}

.shortcontent .bannerbox {float: right;width: 167px;margin-bottom: 10px;}
.shortcontent .bannerbox p {color:#999;text-align:center;font-size:1.2em;font-weight:normal;line-height:1.4em;margin:0;padding:10px 0px 0;}
#contentbox .shortcontent .bannerbox  p a  {color:#999; text-decoration: none;}
#contentbox .shortcontent .bannerbox  p a:hover  {color:#CC0000; text-decoration: underline;}

/*rating*/
#contentbox .rating {clear: left;margin-top: 10px;}
#contentbox #ratebar {background: url(/imgs/rateBg.jpg) no-repeat; width: 310px; height: 40px;margin-bottom: 15px;}
#contentbox #rate {	margin-left:37px;overflow:hidden;margin-top: 5px;width: 240px;}
#contentbox .rateNumber {cursor: pointer;float: left;width:23px;padding-top:8px;color: #666;overflow:hidden;white-space:nowrap;font-size: 12px;font-weight: bold;text-align: center;background-color: transparent;}
#contentbox a.rateLink:hover {background-color:#fff;width: 25px;height:20px;}
#contentbox .rateNumber a, #contentbox .rateNumber a:visited {text-decoration:none;	color:#666;}
#contentbox .rateNumber a:hover {width:100%;margin-top:-2px;padding-top:2px;padding-bottom:5px;display:block;text-decoration:none;color:#fff;}
#contentbox input.btn {background-color: transparent; padding: 2px; font-weight: bold;color: #333;border: none;margin-left:-2px;cursor:pointer;vertical-align:bottom;}

#contentbox .rating .voted {width: 330px;}
#contentbox .rating .voted span {float: left; font-weight: bold; font-size: 1.2em; margin-top: 10px;}
#contentbox .rating .voted a.reply {background:#CCFF33;border-color:#FFFFFF #666666 #666666 #FFFFFF;border-style:solid;border-width:1px 2px 2px 1px;color:#000000;float:right;font-size:1em;font-weight:bold;margin:0;padding:0.3em 0.8em;text-decoration: none;clear: right;margin: -15px 20px 15px 0;}
#contentbox .rating .voted a:hover.reply { background:#000; color:#FFF;}

/*reacties idee*/
#contentbox a.reply {background:#CCFF33;border-color:#FFFFFF #666666 #666666 #FFFFFF;border-style:solid;border-width:1px 2px 2px 1px;color:#000000;float:right;font-size:1em;font-weight:bold;margin:0;padding:0.3em 0.8em;text-decoration: none;clear: right;margin: 0 20px 15px 0;}
#contentbox a:hover.reply { background:#000; color:#FFF;}
#contentbox .shortcontent .replyIdea {margin:10px 0px 20px 0;}
#contentbox .shortcontent .replyIdea img {float: left; width: 30px; height: auto; margin:4px 4px 0 0;}
#contentbox .shortcontent .replyIdea .name {font-weight: bold; margin: 0;}
#contentbox .shortcontent .replyIdea .date {font-weight: normal; color: #999; margin: 0;}
#contentbox .shortcontent .ideaCreated  {font-style: italic; margin: 0 0 10px 0;}
#contentbox .shortcontent .fotoBijlage {width: 350px; height: auto; border-top: 2px solid #000;}

/*overzicht ideeen*/
#contentbox #overviewIdeas {clear: left; width: 500px;padding-top:20px; display:inline;}
#contentbox #overviewIdeas .ideaShort {margin-top: 30px;clear:both; }
#contentbox #overviewIdeas .ratebox {float: left; width: 100px; background:#e2e2e2; border-top: 2px solid #000; margin-bottom: 20px;}
#contentbox #overviewIdeas a.rate { background:url(/imgs/ratebg.gif) no-repeat -4px -3px; width: 100px; height:23px; padding: 0px 28px 0px 3px; text-decoration:none; color:#999;}
#contentbox #overviewIdeas a:hover.rate { background:url(/imgs/ratebg.gif) no-repeat -4px -3px; color: #CC0000;}
#contentbox #overviewIdeas span {padding: 3px 0px 0px 0px; }
#contentbox #overviewIdeas .ideaContent {width: 385px; margin-left: 110px; }
#contentbox .clear {clear: both;}

/*Buzz*/

#contentbox  ul.buzzOverview { margin: 0;padding: 0;}
#contentbox  ul.buzzOverview li { list-style:none;}
#contentbox  ul.buzzOverview li.newUser { background:url(/imgs/iconUser.gif) no-repeat 0px 5px; padding: 0 0 0 30px;}
#contentbox  ul.buzzOverview li.newIdea { background:url(/imgs/iconIdea.gif) no-repeat 0px 5px; padding: 0 0 0 30px;}
#contentbox  ul.buzzOverview li.newDate { background:url(/imgs/iconDate.gif) no-repeat 0px 5px; padding: 0 0 0 30px;}
#contentbox  ul.buzzOverview .category {font-style: italic;}
#contentbox  ul.buzzOverview .date {font-size: 0.9em; color: #999;margin-left: 5px; }
#contentbox  ul.buzzOverview .text {clear: left;}

/*Daten*/

#contentbox .mailTop { width: 480px; background:url(/imgs/mailTop.gif) no-repeat; height: 19px;}
#contentbox .mailForm .sendField { width: 440px;background: #f0f0f0; padding: 0; width: 440px; border-right: 1px solid #999; border-left: 1px solid #999; padding: 10px 0 10px  10px;}
#contentbox .mailForm { width: 450px; background:url(/imgs/mailContent.gif) repeat-y; padding: 0px 10px 0 0; }
#contentbox .betweenbox { background: #f0f0f0; padding: 0; width: 450px; border: 1px solid #999; margin-bottom: 10px; height: 18px;}
#contentbox .mailDown { width: 458px; background:#CCC url(/imgs/mailDown.gif) no-repeat; height: 19px;}
#contentbox .mailForm p {padding-left: 10px;}
#contentbox .mailForm .form p {padding-left: 0px;}
#contentbox .mailForm fieldset {background: none; width: 440px; margin: 0 0 10px 0; padding-left: 10px;}
#contentbox .mailForm input {float: none; margin: 5px;}
#contentbox .mailForm .fieldContent {margin: 0 10px 0 50px; color: #666; font-size: 1em; clear: right; width: 380px;}
#contentbox .mailForm .sublabel {color: #666; font-style:italic; clear: right;}
#contentbox .mailForm fieldset textarea {height: 60px; color: #336699; border: 1px solid #ccc; font-size: 1em; width: 370px; margin-top: 2px;}
#contentbox .mailForm input.buttontext {float: right;}
#contentbox .mailForm input.buttonover {float: right;}
#contentbox .mailForm .sublabelSubmit {color: #666; font-style:italic; float: right;margin: 15px 7px 0 0;}
#contentbox .mailForm .submitbox {background: #f0f0f0; padding: 0 5px 7px 0; width: 445px; border: 1px solid #999; margin-bottom: 0;height: 35px;}

#contentbox .verkenner img {width: 78px; height: 100%; }
#contentbox .mailForm .submitboxAccept {background: #f0f0f0; padding: 0 5px 7px 0; width: 445px; border: 1px solid #999; margin-bottom: 0; height: 35px;}
#contentbox .mailForm .sublabelAccept {color: #666; font-style:italic; margin: 10px 10px 0 20px; width: 250px; float: left; text-align: right;}
#contentbox a.confirm {background:#CCFF33 none repeat scroll 0 0;border-color:#fff #666 #666 #FFF;border-style:solid;border-width:1px 2px 2px 1px;color:#000;float:left;font-size:1em;font-weight:bold;margin:10px 10px 5px 0;padding:0.3em 0.8em;text-decoration:none;}
#contentbox a:hover.confirm { background:#000; color:#FFF;}
 #contentbox a.ignore {background:#CCFF33 none repeat scroll 0 0;border-color:#fff #666 #666 #FFF;border-style:solid;border-width:1px 2px 2px 1px; color:#000;float:left;font-size:1em;font-weight:bold;margin:10px 5px 5px 0;padding:0.3em 0.8em;text-decoration:none;}
#contentbox a:hover.ignore { background:#000; color:#FFF;}

#contentbox .shortcontent .profielFotoDate  {width: 78px; height: 100%; }

.meerLink {color:#999999;}
.meerLink a  {color:#999999;}

#extrabox a.makeDate {background:#CCFF33;border-color:#fff #666 #666 #fff;border-style:solid;border-width:1px 2px 2px 1px;color:#000;float:right;font-size:1em;font-weight:bold;padding:0.3em 0.8em;text-decoration: none;clear: right;margin: -13px 10px 15px 0;}
#extrabox a:hover.makeDate { background:#000; color:#FFF;margin: -13px 10px 15px 0;font-weight: bold;}

/******* Profielen *******/	

#contentbox dl { display: block; width:400px; float: left; margin: 8px 0 8px 0; }
#contentbox dt { display: block; float: left; clear: left; width:160px; line-height: 1.5em;}
#contentbox dd { display: block; float: left; width:240px;line-height: 1.5em; }
#contentbox dl.block dt, #contentbox dl.block dd  {line-height:1.5em;width:450px;}
#contentbox dl.block dt  {font-weight: bold;}
#contentbox .shortcontent .photobox {width: 80px;float: right;  margin: 0 0 10px 0;height: auto; }
#contentbox .shortcontent .photobox img {width:80px;height: auto; margin:0px 0 0 0px;border-top:2px solid #000000;}
#contentbox .shortcontent .photobox a {font-size: 0.9em;}
#contentbox .shortcontent h3 {width: 400px;}
#contentbox .shortcontent .dateButtons {display: inline; width:350px;}
#contentbox .shortcontent .dateButtons a {float: left; }

#contentbox a.dateDirect {background:#CCFF33 url(/imgs/email.gif) no-repeat 4px 5px;border-color:#FFF #666 #666 #FFF;border-style:solid;border-width:1px 2px 2px 1px;clear:right;float: left;color:#000;font-size:1em;font-weight:bold;margin:0 20px 15px 0;padding:3px 10px 3px 22px;text-decoration:none;}
#contentbox a:hover.dateDirect {background:#000 url(/imgs/email_ro.gif) no-repeat 4px 5px;border-color:#FFF #666 #666 #FFF;color:#fff;}
#contentbox a.dateVerkenner {background:#CCFF33 url(/imgs/verkenner.gif) no-repeat 4px 5px;border-color:#FFF #666 #666 #FFF;border-style:solid;border-width:1px 2px 2px 1px;clear:right;float: left;color:#000;font-size:1em;font-weight:bold;margin:0 20px 15px 0;padding:3px 10px 3px 25px;text-decoration:none;}
#contentbox a:hover.dateVerkenner {background:#000 url(/imgs/verkenner_ro.gif) no-repeat 4px 5px;border-color:#FFF #666 #666 #FFF;color:#fff;}

/*myDates*/

#contentbox .myDate {margin: 5px 0 15px 0; padding: 0;}
#contentbox .myDate .photobox {float: left; width:80px; margin-right: 10px; }
#contentbox .myDate .photobox img {width:80px; height: auto; border-top: 2px solid #000;margin-left:0px;}

#contentbox .myDate .photobox a {font-size: 0.9em; margin-bottom: 5px;color: #999; text-decoration: none;}
#contentbox .myDate .photobox a:hover {font-size: 0.9em; margin-bottom: 5px;color: #999; text-decoration: underline;}
#contentbox .myDate p.dateName a {font-weight: bold; font-size:1.1em;margin-bottom:0; text-decoration: none;}
#contentbox .myDate .dateNote {background: #f0f0f0; width: 140px; height: auto; float:left;  padding: 10px 5px;margin: -25px 0 10px 0;}
#contentbox .myDate .dateNote p {margin: 0 0 0 0;font-size: 0.9em;}
#contentbox .myDate .dateNote .noteBox {background: #fff; border-top: 1px solid #999;  border-left: 1px solid #999;  border-right: 2px solid #666;border-bottom: 2px solid #666; padding: 5px 3px 20px 4px; color: #336699; font-size: 0.9em;}
#contentbox .myDate .dateNote .noteBox textarea {width: 125px; height: 60px;font-size: 11px;}
#contentbox .myDate .dateNote .noteBox .reply {float: right}
#contentbox .myDate .details {width: 260px; float: left;}

#contentbox a.edit {background:#CCFF33 none repeat scroll 0 0;border-color:#fff #666 #666 #FFF;border-style:solid;border-width:1px 2px 2px 1px; clear:right;color:#000;float:right;font-size:1em;font-weight:bold;margin:-13px 5px 5px 0;
padding:0.3em 0.8em;text-decoration:none;
}

#contentbox a:hover.edit { background:#000; color:#FFF;}
#contentbox a.print {background: url(/imgs/iconPrint.gif) no-repeat 1px 0; padding: 17px 3px 10px 0; width: 25px; height: 20px; float: right; font-size: 0.8em; color: #999; text-decoration:none;}
#contentbox a:hover.print {background: url(/imgs/iconPrint_ro.gif) no-repeat 1px 0; padding: 17px 3px 10px 0; width: 25px; height: 20px; float: right; font-size: 0.8em; color: #666; text-decoration:none;}


}


/* =============== PRINT styles */
@media print {


#extrabox, #zoekbox, .blogheader, .blogfooter, form {display: none;}
#menubox {border: none;}
#menubox ul {display: none;}

#menubox img {display: none;}
#menubox img#printlogo {display: block;}

#contentbox {border: none;}

#footer img#logo_club  {  margin: 0px 0 0 220px; }
#footer img#samenwerken {display: none;}


}

/* Aanpassingen RZ */

* html #container { _width: 1130px; _wid\th: 1100px; }
* html #contentbox #rate { margin-top: 0px;  }
* html #contentbox .rateNumber a:hover { padding-bottom: 1px;  }
* html .top3 { clear: both; width: 170px; margin-left: 170px;/* margin-top: 40px;*/ }
.dateWrapper { padding-top: 15px; }
.maakDate { float: left; }
	.maakDate a { background: transparent url(http://www.clubvanmaarssen.org/images/boxpijlzwarte2e2e2.gif) no-repeat; text-decoration: none; }
	.maakDate a:hover { background: transparent url(http://www.clubvanmaarssen.org/images/boxpijlroode2e2e2.gif) no-repeat; }
.dateFoto { float: left; _padding-left: 10px; }
*+html .dateFoto { padding-left: 10px; }
.dateInfo { float: left; margin: -15px 0 0 10px; _margin: -15px 0 0 0; _mar\gin: -15px 0 0 10px; width: 150px; }
.dateInfo a { text-decoration: none; }
.clear { clear: both; }
* html #extrabox .logbox { width: 240px; }
* html #extrabox .datebox { _width: 250px; _wid\th: 240px; }

#extrabox .dateFoto a img { width: 40px; border-top: 2px solid #000; /*float:left;*/ position: relative; /*left: 20px;*/ margin-left: 10px; top: -15px; }

/*#menubox ul li.navWhiteBg {background-color: #FFF;color:#000;display:block;font-amily:Verdana,Arial,Helvetica,sans-serif;font-size:1em;font-weight:bold;line-height:2.1em;outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;padding:0 10px 0 6px;text-decoration:none;margin: 4px 0px;width: 170px;}

.navCurrent {font-weight:bold; background:#fff url(/images/pijl-menu.gif) center right no-repeat;}*/

div.ratebox img { width: 100px; }

#contentbox div.content-block a.reply {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#CCFF33 none repeat scroll 0 0;
border-color:#FFFFFF #666666 #666666 #FFFFFF;
border-style:solid;
border-width:1px 2px 2px 1px;
clear:right;
color:#000000;
float:right;
font-size:1em;
font-weight:bold;
margin:20px 20px 15px 0;
padding:0.3em 0.8em;
text-decoration:none;
}

#contentbox div.content-block a.reply:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#000000 none repeat scroll 0 0;
color:#FFFFFF;
}

.votedAll {
	background-color: #E2E2E2;
	/*border: 1px solid #CCC;*/
	width: 300px;
}

.votedAll h4 { float: left; font-style: italic; color: #000; padding: 5px; background-color: #E2E2E2; border: 1px solid #CCC; margin-bottom: 15px; }

.votedAll h4 a { float: right; text-decoration: none; color: #000; font-weight: normal; font-style: normal; margin-left: 40px; background: transparent url(/uploads/11/0e/110e05b754c5b884af18da60a657a3e4/boxpijlgrijs2e2e2.gif) no-repeat right; }
.votedAll h4 a:hover {color: #CC0000; background: transparent url(/uploads/ed/de/edde9f4b4772000f17971180ed287bdc/boxpijlrightzwarte2e2e2.gif) no-repeat right;}
#contentbox div.shortcontent div.votedAll h4 a img { width: 10px; height: 0; border: none; float:  none;}

.right { float: right }

.pijltjeLink {
background: transparant url(/uploads/11/0e/110e05b754c5b884af18da60a657a3e4/boxpijlgrijs2e2e2.gif) no-repeat right;
}

#contentbox .top3 ul li.view a {width: 160px; background: #E2E2E2 url(/uploads/11/0e/110e05b754c5b884af18da60a657a3e4/boxpijlgrijs2e2e2.gif) no-repeat 150px 15px}

#contentbox .top3 ul li.view a:hover {width: 160px; background: #E2E2E2 url(/uploads/ed/de/edde9f4b4772000f17971180ed287bdc/boxpijlrightzwarte2e2e2.gif) no-repeat 150px 15px}

#contentbox #overviewIdeas a.rate { background: transparent url(/uploads/f5/4c/f54cdd1a22afad9e2e72beee6d999fad/rateBg.gif) no-repeat scroll -4px -3px; }

#contentbox #overviewIdeas a.rate:hover { background:transparent url(/uploads/5b/03/5b031ed364aa5a1783785db10a75a0eb/rateBg_ro.gif) no-repeat scroll -4px -3px;
color:#CC0000; }

#contentbox .previousIdea p { margin: 0px 0px 5px; color: #666; }
#contentbox .score { text-align: left; }

/*/ RV - fix voor onnodig (?) gefloate fieldsets die een bug veroorzaken /*/
.nofloat {
float:none !important;
}

/*/ RV - top of flop mail een idee form /*/

.topflopform .field {
background:#dedede;
padding:4px 4px 8px;
margin-bottom:2px;
width:100%;
overflow:hidden;
}
.topflopform .laatste {
margin-bottom:0;
}
.topflopform .field .label {
width:120px;
font-weight:bold;
float:left;
}
.topflopform .field .label span {
color:#666;
font-size:.9em;
font-weight:normal;
}
.topflopform .field .form {
width:360px;
float:right;
}
#contentbox .topflopform fieldset {
float:none;
margin:0;
padding:0;
width:100%;
}
.topflopform table {
border:0;
background:0;
}
#contentbox .topflopform .button {
top:0;
margin-top:-1em;
}
.italic {
font-style:italic;
}
#contentbox .topflopform .errors {
color:#d00;
}
.topflopform p.errors {
color:#d00;
margin-bottom:0;
}

.articlecontainer {
width:100%;
overflow:hidden;
}

/*evaluatiedataform*/

.topflopform .field .labelEvalutatie {
padding:0 0 10px 0;
font-weight:bold;
}

.topflopform .field .formEvaluatie {
width:505px;
}

.topflopform .laatsteEvaluatie {
margin-bottom:0;
padding-bottom:15px;
}

/*deelnemers*/

#contentbox .zoekblok {height: 220px; border-bottom: 2px solid #999;overflow: hidden;}
#contentbox .checkboxes {width: 150px;float: left; margin-top: 20px;}
#contentbox .checkboxes div {margin-top:3px;}
#contentbox .checkboxes div input {margin-left:0px;}
#contentbox .kop {font-weight: bold; font-size: 1.1em; margin-bottom: 3px;}

#nieuwsbriefcontainer {
width:760px;
float:left;
margin:0;
padding:0 0 50px 0;
border-top:2px solid #000;
}
#nieuwsbriefcontainer h2 {
font-size:1.85em;
margin:0 0 10px 0;
padding:25px 0 10px 0;
border-bottom:2px solid #999;
}
#nieuwsbriefcontainer .paddingfix td {
padding:5px;
}
#nieuwsbriefcontainer .paddingfix h2 {
border-bottom:0 none !important;
}
#nieuwsbriefnav {
background:#f0f0f0;
margin:0;
padding:6px 4px 4px;
}
#nieuwsbriefnav h2 {
font-size:1.1em;
border:0;
padding:0;
margin:0;
}
#nieuwsbriefnav ul {
padding:4px 0 4px 20px;
list-style-type:square;
}
#nieuwsbriefnav ul li {
margin:0 0 4px;
}
#nieuwsbriefnav .current a {
font-weight:bold;
}
#nieuwsbrief {
margin-top:5px;
}
#sitewrapper {
padding-top:20px;
}
* html #container {
margin-top:20px;
}
.articledesc {
width:500px;
overflow:hidden;
}
.articledesc img.small {
width:140px;
padding:0 0 2px 10px;
float:right;
}
#captcha input {
float:left;
margin:15px 5px 0 0;
}