﻿@import url(system.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
}

body {
background-color: #ffffff;
font-family: "Arial", "sans-serif";
font-size: 12px;
color: #003366;
height:100%;
}

html, body {
height: 100%;
}

fieldset {
	border:0px none;
	display:inline-block;
	margin:0px;
	padding:0px;
}
/* Definitions ------------------------------ */

a {
color: #003366;
}

a:hover,
a:visited {
color:#003366;
}
.fontsize-normal #content-main,
.fontsize-huge #content-additional{
font-size:12px;
}
.fontsize-big #content-main,
.fontsize-huge #content-additional{
font-size:14px;
}
.fontsize-huge #content-main,
.fontsize-huge #content-additional{
font-size:16px;
}
.fontsize-big .choose_entry {
font-size:20px;
}


.fontsize-big .choose_entry li div a {
font-size:16px !important;
}
.fontsize-huge .choose_entry li div a {
font-size:19px !important;
}













#content-main {
font-size: 12px;
margin-bottom:10px;
line-height:1.5em;
}
#content-additional {
font-size: 16px;
margin-bottom:10px;
}


h1 {
font-size: 18px;
font-weight:bold;
margin-bottom: 0.8em;
text-transform:uppercase;
margin-bottom:10px;
}

h2 {
font-size: 18px;
font-weight:bold;
margin-bottom:10px;
}

h3 {
font-size: 16px;
font-weight:bold;
margin-bottom:10px;
}

h6 {
font-size: 11px;
font-weight:normal;
margin-bottom:10px;
margin-left:10px;
}

#content-additional hr{
	border:0px none;
	margin:15px 0px;
	width:250px;
	height:1px;
	position:relative;
	left:-17px;
	background:transparent url(/_layouts/IMAGES/brachytherapy/seperator_fade.jpg) no-repeat left top;
}

a img{
	border:0px none;
}
.clearboth{
	clear:both;
	float:none;
}
.floatleft{
	float:left;
}
.floatright{
	float:right;
}
.hidden{
	display:none;
}
.bold{
	font-weight:bold;
}
/* page layout ------------------------------ */
#wrapper{
	background:#ffffff url(/_layouts/IMAGES/brachytherapy/navigatie_background.jpg) repeat-x left 125px;
	*background-position: left 180px;
	border-bottom:30px #006cbb solid;
	min-height:100%;
	height:auto !important;
	height:100%;	
	margin:-30px auto;
}
#homepage #content-wrapper {
	/*background: url(/_layouts/IMAGES/brachytherapy/right_img.jpg) right 45px no-repeat;*/
}
#container{
	width:960px;
	margin:30px auto 0px;
}


	#header{
		height:125px;
		position:relative;
	}
		#header h1{
			display:none;
		}
		#logo{
			position:absolute;
			right:7px;
			top:60px;
		}
		#logo_brachytherapy{
			position:absolute;
			top:15px;
		}
			
		#metanavigatie{
			float:right;
			padding-top:24px;
			padding-right:20px;
			font-size:11px;
		}
			#metanavigatie a:link,
			#metanavigatie a:visited{
				color:#000000;
				text-decoration:none;
			}
			#metanavigatie a:hover{}
			
			
			#fontsizemenu,
			#menuitems{
				float:left;
			}
				#fontsizemenu ul,
				#menuitems ul{
					margin:0px;
					padding:0px;
				}
				#fontsizemenu{
					padding-right:15px;
				}
				
					#fontsizemenu li,
					#menuitems li{
						list-style-type:none;
						padding-left:0px;
						display:inline;
					}
					#fontsizemenu li a:hover,
					#menuitems li a:hover{
						text-decoration:underline;
					}	
						#fontsizemenu li a{
							padding:0px 2px;
						}
						#fontsizemenu .normal{font-size:10px;}
						#fontsizemenu .big{font-size:12px;}
						#fontsizemenu .huge{font-size:14px;}
				
				
				#menuitems li{
					background:transparent url(/_layouts/IMAGES/brachytherapy/seperator_blue.gif) no-repeat left top;
					padding:0px 15px;
				}
				
				#zoekbox{
					background:transparent url(/_layouts/IMAGES/brachytherapy/zoekbox.jpg) no-repeat right top;
					width:140px;
					height:20px;
					display:inline-block;
					float:left;
				}
					#zoekbox fieldset{
						width:140px;
					}
						#zoekbox input{
							background-color:transparent;
							border:0 none;
							height:14px;
							padding:2px 0 0 5px;
							*padding:2px 0 0 7px;
							width:115px;
							color:#939393;
							font-style:italic;
							font-size:11px;
						}

						#zoekbox input.zoekknop{
							width:17px;
							padding:0px;
							cursor:pointer;
							font-size:1%;
							color:#ffffff;
							position:relative;
							top:-2px;
							left:5px;
						}
	
.siteactionsbutton {
	font-size:11px;
	text-decoration:none;
}
#ctl00_authoringcontrols{
	position:absolute;
	right:15px;
	top:110px;
	z-index:40;
}



#navigatie{	
	position:relative;
	/*background: #007AC5 url(/_layouts/IMAGES/brachytherapy/navigatie_background.jpg) repeat-x left top;*/
	font-size:14px;
	z-index: 30;	
	
	height:40px;
}
	#navigatie ul{
		margin:0;
		padding:0px;
		width:960px;
	}
		#navigatie li{
			list-style-type:none;
			display:inline-block;
			height:48px;
			background:transparent url(/_layouts/IMAGES/brachytherapy/seperator_white.gif) no-repeat left center;
			float:left;
		}
		#navigatie li.nobg{
			background-image:none;
		}
		
			#navigatie li a{
				padding:15px 20px 10px;
				height:23px;
			}
			#navigatie li a:link,
			#navigatie li a:visited{
				color:#FFFFFF;
				display:block;								
				text-decoration:none;
				_display:inline-block;
				white-space:nowrap; 
			}

		
			#navigatie li a:hover,
			#navigatie li a.hover{
				color:#003366 !important;
				background:#A1D7FB url(/_layouts/IMAGES/brachytherapy/navigatie_hover.jpg) repeat-x left top;
			}
			#navigatie a.active{
				background:transparent url(/_layouts/IMAGES/brachytherapy/navigatie_active.jpg) no-repeat center bottom;
			}
			
		#navigatie ul li.level1{
			_position:relative;
		}
		#navigatie ul.level2{
			display:none; 
			_left:0px;
			_top:48px;
			_width:100%;
		}
		#navigatie  ul.level2.hover{
			display:block;
		}
		
		#navigatie ul ul{
			width:auto;
			position:absolute;
			z-index:10;
			background-color:#A1D7FB;
			padding:10px 0px;
			margin-top:-2px;
			font-size:12px;
			border-bottom:3px solid #005DAA;
			border-right:3px solid #005DAA;			
		}
		#navigatie ul .whiteblock {
			background: white;
			height: 3px;
			width: 3px;
			position: absolute;
			left: 0;
			bottom: -3px;
		}
		
		#navigatie ul ul li{
			background-image:none;
			height:auto;
			float:none;
			display:block;
		}
		#navigatie ul ul li a{
			padding:5px 20px;
		}
		#navigatie ul ul li a:link,
		#navigatie ul ul li a:visited{color:#003366; background:transparent url(/_layouts/IMAGES/brachytherapy/arrow-right.gif) no-repeat 10px 11px;}
		#navigatie ul ul li a:hover{
			background-image:url(/_layouts/IMAGES/brachytherapy/arrow-right.gif);
			text-decoration:underline;
		}


	#siteactionsmenu{
		padding:0px;
	}
#content-container{
	padding:0px 0px 40px;
	z-index: 20;
	/*position: relative;*/
}
	#breadcrumb{
		/*height:30px;*/
		font-size:11px;
		padding:20px 0px 0px 3px;
		color:#003366;
	}
		#breadcrumb ul{
			margin:0px;
		}
			#breadcrumb li{
				padding:0px;
				list-style-type:none;
				display:inline;
			}
			
		#breadcrumb a{
			background:transparent url(/_layouts/IMAGES/brachytherapy/arrow-right.gif) no-repeat right center;
			padding-right:10px;
			margin-right:4px;			
		}
		
		#breadcrumb a:link,
		#breadcrumb a:visited{
			color:#003366;
			text-decoration:none;
		}
		#breadcrumb a:hover{
			text-decoration:underline;
		}
	
	
		
	#content-main{
		width:615px;
		float:left;
		/*position:relative;*/
	}
		#pagetitle{
			position:absolute;
			top:95px;
			font-family:"century gothic", tahoma, helvetica;
			font-size:16px;		
			display:block;
			width:500px;
			clear:both;
			float:none;
		}
		#content-main #intro{
			background:#d9ecf6;			
			position:relative;
			margin-bottom:15px;
		}
		#content-main #intro{
			height:269px;
		}
			#content-main #intro .afbeelding{
				height:269px;
				width:300px;
				float:left;
			}
			
				#content-main #intro .afbeelding img{
					width:100%;
					height:100%;
				}
			#content-main #intro .content,
			.content_wide.blue{
			}
			#content-main #intro .content{
				float:left;
			}
			.content h2 {
			width:400px;
			}
			#content-main #intro .content h2,
			.content_wide.blue h2{
				font-size:18px;
				margin-bottom:10px;
				
			}
				.hoekje{
					height:10px;
					width:10px;
					display:block;
					position:absolute;
				}
				.hoekje.linksboven{
					background:transparent url(/_layouts/IMAGES/brachytherapy/hoekje_linksboven.png) no-repeat left top;
					top:0px;
					left:0px;
				}				
				.hoekje.rechtsboven{
					background:transparent url(/_layouts/IMAGES/brachytherapy/hoekje_rechtsboven.png) no-repeat right top;
					top:0px;
					right:0px;
				}
				.hoekje.linksonder{
					background:transparent url(/_layouts/IMAGES/brachytherapy/hoekje_linksonder.png) no-repeat left bottom;
					left:0px;
					bottom:0px;
				}
				.hoekje.rechtsonder{
					background:transparent url(/_layouts/IMAGES/brachytherapy/hoekje_rechtsonder.png) no-repeat right bottom;
					right:0px;
					bottom:0px;
				}
				#content-main #intro .hoekje.linksonder,
				#content-main #intro .hoekje.rechtsonder{
					top:260px;
				}
				#content-main #intro .hoekje.rechtsboven,
				#content-main #intro .hoekje.rechtsonder{
					left:606px;
				}

			
			#content-main .content{
				width:275px;
				margin:20px 0px 20px 20px;
			}
			#content-main .content p{
				padding-bottom:10px;
			}
			#content-main .content_wide{
				float:none;
				clear:both;
			}
			#content-main .content_wide .content{
				width:575px;
				margin-left:15px;
				padding:0px 0px 20px;
			}
			#homepage #content-main .content_wide .content{				
				margin-left:0px;
			}
			#homepage #content-main .content_wide .content {
				width: 613px;	
			}
				.display_mode #content-main .content img,
				.display_mode #content-main .content_wide img{
					float:left;
					margin:0px 10px 10px 0px;
				}
				
				.content_buttons{
					text-align:right;
					height:15px;
					display:block;
					margin-bottom:0px;
					*margin-bottom:-15px;
					margin-right:-7px;
				}
					.content_buttons a{
						display:inline-block;
						color:#ffffff;
						font-size:1%;
						height:15px;
			
					}
					.content_buttons a.print{
						position:relative;
						top:-5px;
					}
					.content_buttons a.addthis_button{}
					a.print{
						background:transparent url(/_layouts/IMAGES/brachytherapy/print.jpg) no-repeat left center;
						width:45px;
						margin-right:10px;
					}
					a.share{
						background:transparent url(/_layouts/IMAGES/brachytherapy/share.jpg) no-repeat left center;
						width:90px;
					}
					
					
			.readmore{
				font-style:italic;	
				padding-right:20px;				
				height:17px;
				display:inline-block;
				text-decoration:none;
				background:transparent url(/_layouts/IMAGES/brachytherapy/readmore.gif) no-repeat right center;
				margin-bottom:10px;
			}
			a.readmore:hover{
				text-decoration:underline;
			}
			
			#content-main .block{
				padding:0px 15px 0 0;
				width:275px;
				margin-bottom:20px;
				display:block;
				height:80px;
			}
	
	#content-additional{
		width:300px;
		float:left;
		position:relative;
		display:block;
		margin-left:25px;
		margin-bottom:50px;
	}
		#content-additional .afbeelding{
			/*width:125px; 
			height:205px;*/
			position: absolute;
			right:-1px;
			top:0px;
			z-index:1;
			overflow:hidden
		}
		
		#content-additional .masker{
			background:transparent url(/_layouts/IMAGES/brachytherapy/masker_other.png) no-repeat left top;
			height:214px;
			display:block;
			width:301px;
			position:absolute;
			z-index:2;
		}
		
		#content-additional.cervical .masker{
			background:transparent url(/_layouts/IMAGES/brachytherapy/masker_cervical.png) no-repeat left top;
			/*yellow*/
		}
		#content-additional.breast .masker{
			background:transparent url(/_layouts/IMAGES/brachytherapy/masker_breast.png) no-repeat left top;
			/*pink*/
		}
		#content-additional.prostate .masker{
			background:transparent url(/_layouts/IMAGES/brachytherapy/masker_prostate.png) no-repeat left top;
			/*green*/
		}
		#content-additional.skin .masker{
			background:transparent url(/_layouts/IMAGES/brachytherapy/masker_skin.png) no-repeat left top;
			/*red*/
		}
		#content-additional.other .masker{
			/*blue*/
			background:transparent url(/_layouts/IMAGES/brachytherapy/masker_other.png) no-repeat left top;
		}
		
		#content-additional .content{
			margin:50px 0px 0px;
			position:relative;
			z-index:3;
			width:269px;
			padding:0px 15px 5px;
			border-left:1px #acbac9 solid;
			border-right:1px #acbac9 solid;
			min-height:160px;
			font-size:12px;
		}
		#homepage #content-additional .content {
			padding:0px 0px 5px 25px;
			width: 240px;
		}
		.edit_mode #content-additional .content{
			top:140px;
		}
		.edit_mode #content-additional .bottom{
			position:relative;
			top:140px;
		}
		.edit_mode #content-additional .masker{
			top:80px;
		}
		.edit_mode #content-additional .afbeelding .ms-formfieldcontainer{
			left:-144px;
			position:relative;
		}
		.edit_mode #content-additional .afbeelding img.afbeelding{
			left:141px;
			top:77px;
		}	
		.edit_mode #content-additional .afbeelding{
			overflow:visible;
		}		
		
		
		#content-additional .bottom{
			width:301px;
			height:13px;
			display:block;
			font-size:12px;
			background:transparent url(/_layouts/IMAGES/brachytherapy/additional_footer.gif) no-repeat left top;
		}
		#content-additional .bottom img{
			position:relative;
			top:30px;
			float:left;
			padding:0px 5px 5px 0px;
		}
		#content-additional .bottom span{
			position:relative;
			top:30px;
			width:180px;
			float:left;
		}
		
		.content ul,
		.content ol{
			margin-left:25px;
		}
		.content table{}
		#content-additional .content table{
			max-width:270px;
		}
		
		
#footer{
	background-color:#006cbb;
	font-size:10px;
	position:relative;
	padding-top:9px;
	width:960px;
	margin:0px auto;
	height:20px;	
}
	#footer ul{
		margin:0px;
		padding:0px 0px 0px 10px;
	}
	#footer li{
		list-style-type:none;
		display:inline;
		padding-right:30px;
		padding-top:4px;
	}
		#footer,
		#footer a:link,
		#footer a:visited{
			color:#ffffff;
			text-decoration:none;
		}
		#footer a:hover{
			text-decoration:underline;
		}
		
		
		
/* webparts ********************************************************/

/*cancer_types*/
.cancer_types{
	width:269px;
}
.content_wide .cancer_types{
	margin:0px auto;
}
	.cancer_types ul{
		margin:10px 0px 0px 0px;
	}
	.cancer_types li{
		display:inline;
	}
	.cancer_types li a{
		color:white;
		width:130px;
		height:25px;
		display:inline-block;
		text-decoration:none;
		font-size:12px;
		text-align:center;
		padding-top:5px;
		margin-bottom:5px;
	}
	.cancer_types li a:hover{text-decoration:underline;}
	
	.cancer_types .cervical a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_cervical.jpg) no-repeat left top; margin-right:6px;}
	.cancer_types .Breast a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_Breast.jpg) no-repeat left top; position:relative; left:3px;}
	.cancer_types .Prostate a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_Prostate.jpg) no-repeat left top; margin-right:6px;}
	.cancer_types .Skin a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_skin.jpg) no-repeat left top; position:relative; left:3px;}
	.cancer_types .Other a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_other.jpg) no-repeat left top; width:272px;}		


	
	
	
	
/*additional_menu*/
.additional_menu{
	font-size:10px;
}
.additional_menu ul{
	margin:0px;
	position:relative;
	left:-15px;
	margin-bottom:50px;
}
.additional_menu li{
	list-style-type:none;
	padding-bottom:2px;
	background:transparent url(/_layouts/IMAGES/brachytherapy/arrow-right.gif) no-repeat 30px 12px;
}

.additional_menu a{
	line-height:18px;
	display:block;
	padding:5px 0px 5px 20px;
}
.additional_menu li a:link,
.additional_menu li a:visited{
	text-decoration:none;
}
.additional_menu li a:hover{
	text-decoration:underline;
} 
.cervical .additional_menu a:link,
.cervical .additional_menu a:visited{
	border-left:20px #FFFBCB solid;
	background:transparent url(/_layouts/IMAGES/brachytherapy/cervical_border.jpg) no-repeat -5px bottom;
}
.cervical .additional_menu .active a,
.cervical .additional_menu a:hover{
	border-left:20px #F2C008 solid !important;
	background:transparent url(/_layouts/IMAGES/brachytherapy/cervical_border_active.jpg) no-repeat -13px bottom;
}
.cervical .additional_menu .active a:hover{
	border-color:#F2C008;
}
.breast .additional_menu a:link,
.breast .additional_menu a:visited{
	border-left:20px #FCDFEB solid;
	background:transparent url(/_layouts/IMAGES/brachytherapy/breast_border.jpg) no-repeat -5px bottom;
}
.breast .additional_menu .active a,
.breast .additional_menu a:hover{
	border-left:20px #EC008C solid !important;
	background:transparent url(/_layouts/IMAGES/brachytherapy/breast_border_active.jpg) no-repeat -13px bottom;
}
.breast .additional_menu .active a:hover{
	border-color:#EC008C;
}
.prostate .additional_menu a:link,
.prostate .additional_menu a:visited{
	border-left:20px #E0EBCF solid;
	background:transparent url(/_layouts/IMAGES/brachytherapy/prostate_border.jpg) no-repeat -5px bottom;
}
.prostate .additional_menu .active a,
.prostate .additional_menu a:hover{
	border-left:20px #00984A solid !important;
	background:transparent url(/_layouts/IMAGES/brachytherapy/prostate_border_active.jpg) no-repeat -13px bottom;
}
.prostate .additional_menu .active a:hover{
	border-color:#00984A;
}
.skin .additional_menu a:link,
.skin .additional_menu a:visited{
	border-left:20px #FEE8E0 solid;
	background:transparent url(/_layouts/IMAGES/brachytherapy/skin_border.jpg) no-repeat -5px bottom;
}
.skin .additional_menu .active a,
.skin .additional_menu a:hover{
	border-left:20px #9D032A solid !important;
	background:transparent url(/_layouts/IMAGES/brachytherapy/skin_border_active.jpg) no-repeat -13px bottom;
}
.skin .additional_menu .active a:hover{
	border-color:#9D032A;
}
.other .additional_menu a:link,
.other .additional_menu a:visited{
	border-left:20px #C1E4F5 solid;
	background:transparent url(/_layouts/IMAGES/brachytherapy/other_border.jpg) no-repeat -5px bottom;
}
.other .additional_menu .active a,
.other .additional_menu a:hover{
	border-left:20px #005daa solid !important;
	background:transparent url(/_layouts/IMAGES/brachytherapy/other_border_active.jpg) no-repeat -13px bottom;
}
.other .additional_menu .active a:hover{
	border-color:#005daa;
}

/*choose_entry*/
.choose_entry{
	margin:-10px 0 20px 0px;
}

	.choose_entry h3 {
		background: url(/_layouts/IMAGES/brachytherapy/Header_background_blue.png) left top no-repeat;		
		height: 30px;
		line-height: 26px;
		padding-left:10px;
		color: #FFF;
	}
	
	.display_mode .choose_entry h2{
		margin-left:20px;
	}
	.display_mode .choose_entry ul{
		margin:20px 0px 0px;
		font-size:12px;
	}
		.display_mode .choose_entry li{
			list-style-type:none;
			float:none;
			margin:0px 0px 10px 0px;
		}
			.display_mode .choose_entry li a{
				display:block;
				width:300px;
				text-align:left;				
				position:relative;		
				background:transparent url(/_layouts/IMAGES/brachytherapy/arrow_bullet.jpg) no-repeat 202px 25px;
			}
			.display_mode .choose_entry li a:link,
			.display_mode .choose_entry li a:visited{
				text-decoration:none;
			}
			.display_mode .choose_entry li a{outline:0;}
			.display_mode .choose_entry li a:hover{}
			.display_mode .choose_entry  li a span{
					position:absolute;
					top:2px;
					left:10px;
					display:block;
				}
				.display_mode .choose_entry li a:hover span{
					text-decoration:underline;
				}
				.display_mode .choose_entry h2{
					margin-left:0px;
				}
				.display_mode .choose_entry li div{
					display:block !important;
					height:86px;
					width:325px;
					position:relative;
					*position:absolute;
					*margin-left:-320px;
				}
				.display_mode .choose_entry li div a{
					float:none;
					position:absolute;
					height:1px;
					padding-left:222px;
					padding-top:25px;
					padding-bottom:60px;
					top:0px;
					width:100px;
					right: 0px;
				}



/*Events webpart*/
.events{
	margin-bottom:30px;
}
	.events ul{
		padding:0px;
		margin:0px;
	}
		.events li{
			list-style-type:none;
			float:none;
			clear:both;
			margin:10px 0px;
		}
			.events .date{
				border:1px red solid;
				width:35px;
				float:left;
				margin-right:10px;
			}
				.events .date span{
					color:red;
					width:100%;
					display:block;
					text-align:center;
					/*font-size:*/
					/*font-family:*/
				}
				.events .day{
					font-weight:bold;
				}
				.events .month{}
			.events .event-title{}
			.events p{}
			
/*Webpart newsfeed*/
#newsfeeds{}
	#newsfeeds ul{
		margin:0px;
	}
		#newsfeeds li{
			list-style-type:none;
			margin-bottom:10px;
		}
      #newsfeeds .icon { 
        float: left;
      }
      .content_wide #newsfeeds .newscontent { 
        float: left;
        width: 500px !important;
      }
			#newsfeeds a.title:link,
			#newsfeeds a.title:visited{
				text-decoration:none;
				padding-bottom:5px;
			}
			#newsfeeds a.title:hover{
				text-decoration:underline;
			}
			
			#newsfeeds .datum{}
			#newsfeeds .summary{
				padding-bottom:20px;
			}
#content-additional #newsfeeds {
  width: 204px;
}
			
			
			
/*zoekresulaten*/
.content #zoeken{
	background:transparent url(/_layouts/IMAGES/brachytherapy/zoekbox.jpg) no-repeat left top;
	width:140px;
	height:20px;
	display:inline-block;
	float:left;
	margin-bottom:10px;
	margin-left:-2px;
	_margin-left:0px;
}
	.content #zoeken fieldset{
		width:140px;
	}
		.content #zoeken input{
			background-color:transparent;
			border:0 none;
			height:14px;
			padding:2px 0px 0px 5px;
			*padding:2px 0 0 7px;
			width:115px;
			color:#939393;
			font-style:italic;
			font-size:11px;
			*font-style:normal;
			*color:#003366;
			_padding-left:5px;
		}
		.ms-vb input{
			color:#939393;
			font-style:italic;
			font-size:11px;
			margin-bottom:0px !important;
			border:1px #ACBAC9 solid;
			*font-style:normal;
			*color:#003366;
		}
		.content select{
			color:#939393;
			font-style:italic;
			font-size:11px;
			border:1px #ACBAC9 solid;
			*font-style:normal;
			*color:#003366;
		}
		table.ms-vb{margin-top:20px;}
		#zoeken input:focus,
		#zoekbox input:focus,
		.ms-vb td input:focus,
		.content select:focus{
			font-style:normal;
			color:#003366;
		}

		.content #zoeken input.zoekknop{
			width:17px;
			padding:0px;
			cursor:pointer;
			font-size:1%;
			color:#ffffff;
			position:relative;
			top:-2px;
			left:5px;
		}
	.content #aantalzoekresultaten{
		float:left;
		margin-bottom:20px;
	}
	.content #paging{ 
		float:right;
		margin-bottom:20px;
	}
		.content #paging li{
			display:inline;
			list-style-type:none;
			padding:0px 10px 0px 0px;
		}
		.content #paging div{display:inline;}
		.content #paging .volgende{ padding-left:10px;}
		.content #paging .vorige{padding-right:10px;}
	.content #zoekresultaten{
		float:none;
		clear:both;
	}
	.content_wide #zoekresultaten .resultaat .title{
		display:inline-block;
		width:540px;
	}
	.content #zoekresultaten .resultaat .description{
		display:block;
		margin-left:30px;
		margin-bottom:10px;
	}
	
	
	

/*web part edit form*/

div.webpartformholder
{
    position: absolute;
	margin-top:0px !important;
}  
div.webpartform
{
    background: url(/_layouts/images/toolgrad.gif) #d6e8ff repeat-x;
    border: #83b0ec 1px solid;
    padding: 3px 6px 6px 22px;
    display: none;
    text-align: right !important;
}
.webparteditbutton
{
    background: url(/_layouts/images/wpqaM.gif) #ffe6a0 repeat-x;
    border:  #003f5e 1px solid;
    border-top: 0px;
    padding: 1px 3px 0px 3px;
    display: block;
    font-family: Verdana;
    text-decoration: none;
    width: 80px;
    text-align: center !important;
    line-height: normal !important;
    font-weight: bold !important;
    cursor: pointer;
    height: 18px;
    z-index: 10;
    position: absolute;
    width: 20px;   
}
#WebPartEditMenuItem 
{
    font-weight: bold;
}
table.webpartformtable
{
    width: auto !important;
    background-color: transparent !important;
    border-collapse: collapse;
    margin-bottom: 3px;
}
table.webpartformtable td
{
    border-bottom: dotted 1px #fff !important;
}
table.webpartformtable td.control
{
    padding: 3px 0px 3px 0px !important;
}
table.webpartformtable td.label
{
    padding: 4px 10px 2px 0px !important;
    font-weight: bold;
}
.webpartpreviewbutton
{
    text-align: center !important;
}
.webpartformspacer 
{
    height: 24px;
}
table.webpartformtable td.control span.wpfTextBox input
{
    width: 150px !important;
    padding-top: 0px; 
    height: 20px;
}
table.webpartformtable td.control span.wpfDropDownList select
{
    width: 150px !important;
}
table.webpartformtable td.control span.wpfRadioButton input
{
    vertical-align: middle;
}
table.webpartformtable td.control span.wpfRadioButton label
{
    font-weight: normal !important;
}
div.webpartformholder{
    *position:static;
}

/*Webpart maps*/
#content-container select,
#content-container input{
	margin-bottom:10px;
}
#vewp_map_div{
	border:1px solid #ACBAC9;
	margin-bottom:20px;
	width: 575px !important;
}

/*FAQ*/
.display_mode #content-main .content .faq_question {
	margin-left:18px;
}
.display_mode #content-main .content .faq_question img,
.display_mode #content-main .content_wide .faq_question img{
	float:none;
	margin:0px;
	position:relative;
	top:2px;
}
.display_mode #content-main .content_wide .faq_question a{
	display:block;
	text-decoration:none;
	text-indent:-18px;
}
.faq_answer {
	border: 0px none !important;
	padding-left:20px !important;
}






/*************************************************************************
*************************************************************************
						HOMEPAGE EDIT
*************************************************************************
*************************************************************************/
#homepage #content-main .content_wide .content{
	padding:0px;
}
#homepage #content-additional .content{
	margin-top:19px;
	border:0px none;
}
#homepage #navigatie ul,
#homepage #zoekbox{
	display:none;
}
#homepage #metanavigatie{
	padding-right:5px;
}
#homepage #content-additional{
	left:-330px;
	top:40px;
	*top:-8px;
}

/*Issue: RED-19045*/
.content .floatleft .block,
.content .floatright .block {
  width: 270px !important;
  height: auto !important;
}

.content .floatright .block {
   width:275px !important;
}

.eventoverview {}
  .eventoverview h2 { font-size: 1.2em; }
  .eventoverview .eventdetails { float:left; width: 560px; margin-bottom: 15px; }
  .eventoverview .eventdetails .date { float:left; border: solid 1px #585b62; height: 34px; width: 25px; color: #585b62; text-align: center; padding: 3px; }
  .eventoverview .eventdetails .date span { font-weight: bold; }
  .eventoverview .eventdetails .title { float:left; padding-left: 5px; width: 520px; margin-bottom: 4px; }
  .eventoverview .eventdetails .intro { float:left; padding-left: 5px; width: 520px; }
  .eventoverview .eventdetails .title a:link,
  .eventoverview .eventdetails .title a:visited,
  .eventoverview .eventdetails .title a:active { color: #003366; text-decoration: none; font-weight: bold; }
  .eventoverview .eventdetails .title a:hover { text-decoration: underline; }
  
.eventteaser {}
  .eventteaser h2 { font-size: 1.2em; }
  .eventteaser .eventdetails { float:left; width: 230px; margin-bottom: 15px; }
  .eventteaser .eventdetails .date { float:left; border: solid 1px #585b62; width: 25px; color: #585b62; text-align: center; padding: 3px; }
  .eventteaser .eventdetails .date span { font-weight: bold; }
  .eventteaser .eventdetails .title { float:left; padding-left: 5px; width: 190px; margin-bottom: 4px; }
  .eventteaser .eventdetails .intro { float:left; padding-left: 5px; width: 190px; }
  .eventteaser .eventdetails .title a:link,
  .eventteaser .eventdetails .title a:visited,
  .eventteaser .eventdetails .title a:active { color: #003366; text-decoration: none; font-weight: bold; }
  .eventteaser .eventdetails .title a:hover { text-decoration: underline; }


#content-additional .content h2 {
  width: auto !important;
}





/*Find a center webpart*/
#find-a-center{ width:275px; _width:265px; }
	#find-a-center p { }
	#find-a-center fieldset,
	.centresearch fieldset {
		margin:10px 0px;
		background:transparent url(/_layouts/IMAGES/brachytherapy/zoekbox-groot.jpg) no-repeat left top;
		*background:transparent url(/_layouts/IMAGES/brachytherapy/zoekbox-groot.jpg) no-repeat left 2px;
    display:inline-block;
    float:none;
    position:relative;
    clear:both;
	}
      #find-a-center fieldset a,
      .centresearch fieldset a {
        cursor:pointer;
        display:block;
        font-size:1%;
        height:17px;
        left:120px;
        padding:0;
        position:relative;
        top:-25px;
        width:17px;
        color:#ffffff;
      }
		#find-a-center input,
		.centresearch input {
			color:#939393;
		}
		#find-a-center .zoekterm,
		.centresearch .zoekterm {
			font-size:11px;
			width:180px;
			height: 12px;
			padding:4px 5px;
			border: 0px; 
			margin-left: 3px;
			margin-top: 1px;
		}
		#find-a-center .zoekknop,
		.centresearch .zoekknop {
			font-size:1%;
			border:0px none;
			background-color:transparent;
			width:30px;
			height:25px;
			cursor:pointer;
			position:relative;
			top:-5px;
			left:-2px;
		}
		#find-a-center .checkboxen{
			margin:20px 0px 0px;
		}
			#find-a-center .checkboxen li{
				list-style-type:none;
				font-size:11px;
				color:#939393;
				width:130px;
				display:inline-block;
				margin:0px 0px 5px 0px;
			}
				#find-a-center .checkboxen input{
					position:relative;
					top:2px;
				}
				
#find-a-center .left-list { float: left; display: block; width: 120px; }
#find-a-center .right-list { float: left; display: block; width: 120px; }
#find-a-center .left-list input,
#find-a-center .right-list input { margin-bottom: 0px !important;  float: left;}
.radios input { margin-bottom: 0px !important; }
.radios label { margin-right: 10px; }
#find-a-center .left-list label,
#find-a-center .right-list label { 
color: #666666; 
display:block;
line-height:21px;
min-height:20px;}


.centreoverview_list .address_details  
{
    margin-bottom: 10px; 
    padding: 7px;
    border: solid 1px #005076;
    width: 561px;
}
.centreoverview_list .address_details .name { font-weight: bold; } 

#pagemodified
{
    font-style:italic;
}

.regular_forms .field_control input,
.regular_forms .field_control textarea
{
    width:300px;
}

/* issue 19296*/
#content-main .content_wide #other .pageheading
{    
    padding-left:5px;
    color:#FFFFFF;
    text-align:left;
    background:transparent url(/_layouts/IMAGES/brachytherapy/Header_background_blue.png) no-repeat left top;
    display:block;
    font-size:18px;
    font-weight:bold;
    height:29px;
    padding-top:5px;
}
#content-main .content_wide #breast .pageheading
{    
    padding-left:5px;
    color:#FFFFFF;
    text-align:left;
    background:transparent url(/_layouts/IMAGES/brachytherapy/Header_background_pink.png) no-repeat left top;
    display:block;
    font-size:18px;
    font-weight:bold;
    height:29px;
    padding-top:5px;
}
#content-main .content_wide #cervical .pageheading
{    
    padding-left:5px;
    color:#FFFFFF;
    text-align:left;
    background:transparent url(/_layouts/IMAGES/brachytherapy/Header_background_yellow.png) no-repeat left top;
    display:block;
    font-size:18px;
    font-weight:bold;
    height:29px;
    padding-top:5px;
}
#content-main .content_wide #skin .pageheading
{    
    padding-left:5px;
    color:#FFFFFF;
    text-align:left;
    background:transparent url(/_layouts/IMAGES/brachytherapy/Header_background_red.png) no-repeat left top;
    display:block;
    font-size:18px;
    font-weight:bold;
    height:29px;
    padding-top:5px;
}
#content-main .content_wide #prostate .pageheading
{    
    padding-left:5px;
    color:#FFFFFF;
    text-align:left;
    background:transparent url(/_layouts/IMAGES/brachytherapy/Header_background_green.png) no-repeat left top;
    display:block;
    font-size:18px;
    font-weight:bold;
    height:29px;
    padding-top:5px;
}

/* issue 19298*/
#content-main #other .block h3 
{
    background:transparent url(/_layouts/IMAGES/brachytherapy/Header_background_blue.png) no-repeat left top;
    padding-left:5px;    
    height:29px;   
    margin-bottom:5px;
}
#content-main #prostate .block h3 
{
    background:transparent url(/_layouts/IMAGES/brachytherapy/Header_background_green.png) no-repeat left top;
    padding-left:5px;    
    height:29px; 
    margin-bottom:5px;  
}
#content-main #skin .block h3 
{
    background:transparent url(/_layouts/IMAGES/brachytherapy/Header_background_red.png) no-repeat left top;
    padding-left:5px;    
    height:29px;  
    margin-bottom:5px;   
}
#content-main #cervical .block h3 
{
    background:transparent url(/_layouts/IMAGES/brachytherapy/Header_background_yellow.png) no-repeat left top;
    padding-left:5px;    
    height:29px;  
    margin-bottom:5px;    
}
#content-main #breast .block h3 
{
    background:transparent url(/_layouts/IMAGES/brachytherapy/Header_background_pink.png) no-repeat left top;
    padding-left:5px;    
    height:29px; 
    margin-bottom:5px;    
}

#content-main #other .block h3 div 
{
    background:transparent url(/_layouts/IMAGES/brachytherapy/Header_background_blue.png) no-repeat right top;
    font-size:16px;
    font-weight:bold;
    padding-left:5px;
    padding-top:5px;
    color:#FFFFFF;
    height:29px;   
}
#content-main #prostate .block h3 div
{
    background:transparent url(/_layouts/IMAGES/brachytherapy/Header_background_green.png) no-repeat right top;
    font-size:16px;
    font-weight:bold;
    padding-left:5px;
    padding-top:5px;
    color:#FFFFFF;
    height:29px;   
}
#content-main #skin .block h3 div
{
    background:transparent url(/_layouts/IMAGES/brachytherapy/Header_background_red.png) no-repeat right top;
    font-size:16px;
    font-weight:bold;
    padding-left:5px;
    padding-top:5px;
    color:#FFFFFF;
    height:29px;   
}
#content-main #cervical .block h3 div
{
    background:transparent url(/_layouts/IMAGES/brachytherapy/Header_background_yellow.png) no-repeat right top;
    font-size:16px;
    font-weight:bold;
    padding-left:5px;
    padding-top:5px;
    color:#FFFFFF;
    height:29px;   
}
#content-main #breast .block h3 div
{
    background:transparent url(/_layouts/IMAGES/brachytherapy/Header_background_pink.png) no-repeat right top;
    font-size:16px;
    font-weight:bold;
    padding-left:5px;
    padding-top:5px;
    color:#FFFFFF;
    height:29px;   
}
#content-main .content .block p
{
    padding-bottom:3px;
}
#content-main .content .block h3 a
{
    text-decoration:none;    
    color:#FFFFFF;    
}

#homepage #content-main {
  width: 950px;
}
#homepage #content-main .content_wide .content {
  width: 950px;
}


/****** Language menu ***/
/*#ctl00_labelmenu1_ctl01
{
	
	border:1px solid red;
}

#msomenuid22 .ms-MenuUIIcon
{
	display:none;
}
#msomenuid22 .ms-MenuUISubmenuArrow
{
	display:none;
}

#msomenuid22 .ms-MenuUIItemTable *{
	
	margin:0px; padding:0px;
	
}

#msomenuid22  .ms-MenuUILabel,
{
}
.ms-MenuUIPopupBody .ms-MenuUILabel *
{
	
	border:1px solid red; width:40px; margin:0px; padding:0px;
		
}

*/
.ms-MenuUIItemTable *{
	
	margin:0px; padding:0px; 
}
/*transparent language menu for languag*/
div.ms-MenuUIPopupBody
{
	background:#FFFFFF;
}

#ctl00_labelmenu1_ctl01
{
	
	margin:0px; padding:0px;
	width:40px !important; 
}



#languagemenu
{
float:left;
	background: url(/_layouts/IMAGES/brachytherapy/seperator_blue.gif) no-repeat left top;
	width:69px;
	padding-left:15px;
	text-align:right;
}
/*
#ctl00_labelmenu1_varlabelmenu1
{
	float:left;
}*/

/********* Metanavigatie Menu changes *******/

#zoekbox
{
	margin-left:15px;
}


/************ CANCER BUTTONS ************/
	.cancer_types .cervical a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_cervical.gif) no-repeat left top; margin-right:6px;}
	.cancer_types .Breast a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_Breast.gif) no-repeat left top; position:relative; left:3px;}
	.cancer_types .Prostate a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_Prostate.gif) no-repeat left top; margin-right:6px;}
	.cancer_types .Skin a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_skin.gif) no-repeat left top; position:relative; left:3px;}
	.cancer_types .Other a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_other.gif) no-repeat left top; width:272px;}		

    .cancer_types .cervical_NL a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_cervical_NL.gif) no-repeat left top; margin-right:6px;}
	.cancer_types .Breast_NL a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_Breast_NL.gif) no-repeat left top; position:relative; left:3px;}
	.cancer_types .Prostate_NL a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_Prostate_NL.gif) no-repeat left top; margin-right:6px;}
	.cancer_types .Skin_NL a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_skin_NL.gif) no-repeat left top; position:relative; left:3px;}
	.cancer_types .Other_NL a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_other_NL.gif) no-repeat left top; width:272px;}	
	
	.cancer_types .cervical_DE a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_cervical_DE.gif) no-repeat left top; margin-right:6px;}
	.cancer_types .Breast_DE a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_Breast_DE.gif) no-repeat left top; position:relative; left:3px;}
	.cancer_types .Prostate_DE a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_Prostate_DE.gif) no-repeat left top; margin-right:6px;}
	.cancer_types .Skin_DE a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_skin_DE.gif) no-repeat left top; position:relative; left:3px;}
	.cancer_types .Other_DE a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_other_DE.gif) no-repeat left top; width:272px;}	
	
	.cancer_types .cervical_ES a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_cervical_ES.gif) no-repeat left top; margin-right:6px;}
	.cancer_types .Breast_ES a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_Breast_ES.gif) no-repeat left top; position:relative; left:3px;}
	.cancer_types .Prostate_ES a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_Prostate_ES.gif) no-repeat left top; margin-right:6px;}
	.cancer_types .Skin_ES a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_skin_ES.gif) no-repeat left top; position:relative; left:3px;}
	.cancer_types .Other_ES a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_other_ES.gif) no-repeat left top; width:272px;}
	
	.cancer_types .cervical_IT a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_cervical_IT.gif) no-repeat left top; margin-right:6px;}
	.cancer_types .Breast_IT a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_Breast_IT.gif) no-repeat left top; position:relative; left:3px;}
	.cancer_types .Prostate_IT a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_Prostate_IT.gif) no-repeat left top; margin-right:6px;}
	.cancer_types .Skin_IT a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_skin_IT.gif) no-repeat left top; position:relative; left:3px;}
	.cancer_types .Other_IT a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_other_IT.gif) no-repeat left top; width:272px;}
	
	.cancer_types .cervical_FR a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_cervical_FR.gif) no-repeat left top; margin-right:6px;}
	.cancer_types .Breast_FR a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_Breast_FR.gif) no-repeat left top; position:relative; left:3px;}
	.cancer_types .Prostate_FR a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_Prostate_FR.gif) no-repeat left top; margin-right:6px;}
	.cancer_types .Skin_FR a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_skin_FR.gif) no-repeat left top; position:relative; left:3px;}
	.cancer_types .Other_FR a{background:transparent url(/_layouts/IMAGES/brachytherapy/btn_other_FR.gif) no-repeat left top; width:272px;}

/********** Page title width for dutch titles *****************/
#pagetitle{

	width:600px;
}
			
/********* Overig Soort kanker Find a clinick check boxes ****/
#find-a-center .left-list LABEL
{
line-height:16px; 
padding-top:2px;
}

#find-a-center .right-list,
#find-a-center .left-list
{
  /*.....*/
}
/* 
#ctl00_labelmenu1_varlabelmenu1
{
	width:400px !important;
	border:1px solid red;
}

td.ms-MenuUIItemTableCell
{
	border:1px solid blue;
		width: 80px !important;
}

table.ms-MenuUI
{
	width:100px;
	border:1px solid lime;
	width:100px !important;
}

div.ms-MenuUIPopupBody 
{

	
	border:1px solid red;
	width: 80px !important;
	padding:0px; margin:0px;
}

td..ms-MenuUILabel
{
	border:1px solid black;
	width: 80px !important; display:none;

}

td .ms-MenuUIItemTableCell
{
	width: 80px !important;

	border:1px solid pink;

}
.ms-MenuUILabel div
{
	border:1px solid aqua; display:none;
}

div #msomenuid3
{
	
	border:2px solid gray;
	width:30px;
}
td.ms-MenuUIIcon
{
	display:none;
}
td.ms-MenuUISubmenuArrow
{
	display:none;
}*/
/* 2010-03-18 v1 */
