﻿/* USED COLORS
		oranje:     #ef8000
		groen:      #bed600
		purper:     #b0005b
		lilapaars:  #ba31c0
		rood:       #dc2723
		blauw:      #292baf
		lichtblauw: #0090cb
*/
/* - - */
            
html, body {
	
}
body {
	position:relative;
	text-align: center;
	background-attachment:fixed;
	font-family: Arial, Helvetica, sans-serif;
	}

/* --------------------CLEAREN VAN FLOATS------------------ */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-table;
}

/\* Hides from IE-mac \*/
\* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}
/* -------------------- ALGEMENE STYLES ------------------ */

a {
	text-decoration: underline;
	color: #b0005b; 
	}
a:hover { 
	text-decoration: none;
	color: #000; 
	}
p {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	margin: 7px 0;
	}
hr {
			height: 3px;
			width: 100%;
			overflow: hidden;
			border: 0;
			margin: 0;
			padding: 0;
		}
.floatRight {
	float: right;
	}
.floatLeft{
	float: left;
	}
/* --------------------hd------------------ */

.hd h1.logo {
	text-indent: -51111px;
	position: absolute;
	top: 43px;
	left: 34px;
	display: block;
	width: 300px;
	height: 175px;
	} 
	.hd h1.logo a {
		display: block;
		width: 100%;
		height: 100%;

		}	
	.hd p.overige a {
			text-decoration: underline;
			}
		.hd p.overige a:hover {
			text-decoration: none;
			}
		

			
		/*.hd ul	{
			margin-left: 10px;
			}
		.hd ul li			{
			position: relative;
			display: inline;
			float: left;
			list-style:square;
			margin: 0;
			}	
		.hd ul li a			{
			position: relative;
			text-decoration: none;
			display: block;
			padding: 15px 1px 15px 1px;
			margin: 0 2px;
			font-weight: bold;
			}
			.hd ul li a	span {
				display: none;
			}
			.hd ul li a:hover span{
				position: absolute;
				top: 15px;
				left: 150px;
				display: block;
				left: 149px;
				}
		.hd ul #active			{
			float: left;
			margin-right: 105px
		}
			.hd ul #active a			{
				font-weight: normal;
				}*/
	.sitemapurl {
		position: absolute;
		top: 10px;
		right: 25px;
	}

	.searchbox {
			position: absolute;
			top: 6px;
			right: 110px;
			width: 175px;
			text-align: right;	
			}
			.searchbox div div, .searchbox div div td {
				border: 0;
				background: none;
				}
				.ms-sbLastcell {
					background: red;
					}
				.searchbox div div table td a {
					background: none;
					}	
	
			input.ms-sbplain {
				border: 1px solid;
		 		border-color: #7d7d7d #c3c3c3 #DDD #c3c3c3;
				margin-right: 10px;
				}
			.ms-sbtext {
				display: none;
				}
	
	
			
			.hd form legend {
				display: none;
			}
			.hd .searchbox input {
				margin-top: -1px;
				}
			
			.fieldFocus {
				border: 1px solid #000;
				}
			/*.hd form div a {
				float: right;
				margin-top: 6px;
			}*/
/* --------------------CONTAINERS------------------ */

#GGzframe {
	position: relative;
	width: 80%; /*BREEDTE VOOR DE GEHELE SITE*/
	margin: 0 auto;
	text-align: left;
	}
	
.hd {
	position:relative;
	display: block;
	width: 100%;
	height: 259px;
	z-index: 9891111;
	}
	.hd .graphic {
		position:absolute;
		z-index: 9891111;
		top: 38px;
		right: 0px;
		width: 500px;
		height: 250px;
	}

/* ---------------------- BODY ------------------ */
.bd {
	position: relative; 
	display: block;
	width: 100%;
}
	.bd .subNavCol {
		position: absolute;
		z-index:21111;
		top: 0px;
		left: 0;
		width: 250px;
		padding-top: 123px;
		
		}
		.bd .subNavCol h2 {
			font: bold 150% "Helvetica";
			padding: 0 0 10px 15px;
			}
	.bd .contentCol { /* deze maakt dat de achtergrond vult */
		position: relative; 
		/*min-height:500px;
   		* height:auto !important;
    	height:50px;*/
    	height: 100%;
		padding: 25px;
		margin: 0;
	}
	.cc-left {
		float: left;
		padding: 0;
		margin: 0;
		}
	.cc-right {
		float: right;
		padding: 0;
		margin: 0;
				}
	.ct-holder {
		text-align: left;
		/*position: relative;*/
		clear: both;
		}
	.ctMain div span img {
		float: left; 
		margin: 0 10px 10px 0;
		}
	.ctMain p {
		font: normal 92% Arial;
		line-height: 20px;
		}
		
		
		table.slm-layout-main {
			}		
		div.slm-layout-main {}
				

		.cbq-layout-main {
			/*border: 1px solid #000;*/
			}
	.contentTab {
		position: absolute;
		z-index: 9891112;
		top: 225px;
		right: 35%;
		width: 300px;
		background: none;
		border: 0;
		}
	.contentTab ul {
		background: none;
		border: 0;
		}
		.hd .contentTab ul li {
			float: right;
			background: none;
			width: 115px;
			height: 64px;
			margin: 0 0 0 15px;
			}
			.contentTab ul li a {
				display: block;
				width: 95px;
				height: 26px;
				font: bold 12px Arial;
				padding: 12px 10px 0 10px;
				text-decoration: none;
				}
				.contentTab ul li a.active {
					color: #000;
					background: url("../pics/tab_active.png");
					background-repeat: no-repeat;
					background-position: 0 0;
					* background: none; 
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Style%20Library/pics/tab_active.png', sizingMethod='image');					                		
					}
				.contentTab ul li a.inActive {
					color: #b0005b;
					margin-top: 5px;
					background: url("../pics/tab_inActive.png");
					background-repeat: no-repeat;
					background-position: 0 0;
					* background: none; 
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Style%20Library/pics/tab_inActive.png', sizingMethod='image');							                
					}
					.contentTab ul li a.inActive:hover {
						color: #000;
						}
/*//////////////////////// start linker contentvlak*/
		.bd .contentCol .cc-left {
			width: 69.8%;
			}
			.bd .contentCol t {
				display: none;
				}

			.bd .contentCol .cc-left .cc-left, .bd .contentCol .cc-left .cc-right {
				width: 49%;
				}
		h2.contentH2 {
			font: bold 170% Helvetica;
			padding-bottom: 10px;
			}
		/*.bd .contentCol h3 {
			font: bold 100% Helvetica;
			padding: 0;
			}*/
		
		/*.bd .contentCol img {
			width: 550px;
			}*/
					
			
		#vragenTrechter  h3 {
				padding: 8px 10px;
				font: bold 12px Arial;
				}
			.bd .contentCol h3 a {
				font-weight: normal;
				color: #000;
				}
		#vragenTrechter {
			display: block;
			margin: 15px 0 5px 0 ;
			padding-bottom: 30px;
			
			}
			#vragenTrechter .item {
				background: none;
				margin: 0;
				padding: 0;
				}
			.TerugLink 
				{
					float:right;
					margin: 7px 0 0 0;
					font: normal 12px Arial;
				}
				.bd #vragenTrechter h3 a.TerugLink {
					float:right;
					font: normal 12px Arial;
					margin: 0;
					background: url("../pics/raquo.gif") 0px 6px no-repeat;
					padding: 0 0 0 10px;
					color: #000;
					}
				
		#ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField {
	
			}
		#vragenTrechter .item { /* container voor de gehele teaser*/
			margin: 10px 10px 10px 10px;
			padding: 0;
			border: 0;
			}
			.contentCol .ct-holder .item .link-item a {
					color: #b0005b;	
				}
			.contentCol .ct-holder .item .link-item a:hover {
				color: #000;	
				text-decoration: none;
			}
			.item .link-item a { 
				color: #000;
			}
				.cc-right .ms-WPBody .link-item a {
					/*background: url("../pics/blok_zwart.gif") 0 5px no-repeat;*/
				}	
			.contentCol .ct-holder .item a.leesVerder {
				color: #b0005b;
				background: url("../pics/raquo.gif") 0 6px no-repeat;
			}
			.bd .subNavCol h2 {
						color: #FFF;
						border-bottom: 3px dotted #ef8000;
						}
			.contentCol .ct-holder #vragenTrechter .link-item a {
				margin: 0;
				padding: 0 0 0 10px;
				font: normal 12px Arial;
				text-decoration: underline;
				}
				.contentCol .ct-holder #vragenTrechter .link-item a:hover {
					text-decoration: none;
					} 
			.intro, #vragenTrechter .description { 
				font: normal 12px Arial;
				line-height: 22px;
	
				}
		#vragenTrechter #footer {
			display: none;
			}
			 #vragenTrechter a:hover, h4 a {
				text-decoration: none;
				}		
			.bd .contentCol ul li { /* list 4 all content */
				background: url("../pics/raquo.gif") 0px 7px no-repeat;
				/*padding-left:20px;*/
		}
			
/*//////////////////////// start rechter contentvlak*/
	
	.bd .contentCol .cc-right {
			width: 28.8%;
			}
		.QuickNav {
			padding: 10px;
			margin-bottom: 15px;
			}
			.QuickNav .IkWilSnelSelector {
				width: 100%;
				}
			.cc-right ul#zorgfuncties {
				border-top: 1px solid #d6d6d6;
			}
		.bd .contentCol .cc-right ul#zorgfuncties li {
			background: url("../pics/list_bg_01.gif") bottom left repeat-x;
			border-bottom: 1px solid #d6d6d6;
			padding: 5px;
			}
			.cc-right ul#zorgfuncties li a {
				display: block;
				text-decoration: none;
				font: bold 92% Arial;
			}
				.cc-right ul#zorgfuncties li a.min {
					float: left;
					display: block;
					margin-right: 5px;
					}
			.cc-right ul#zorgfuncties li div {
				clear: both;
				margin: 5px -5px -6px -5px;
				border: 1px solid #d6d6d6;
			}
				.cc-right ul#zorgfuncties li div p {
					font: normal 77% Arial;
					padding: 5px;
					border: 2px solid #FFF;
					background: #f0efef;
				}
	.egg {
		position: absolute;
		width: 25px;
		height: 35px;
		display:block;
		}
	.rightEgg {
		right: -18px;
		bottom: 50px;
		}
/* ----------------------- masterFooter ------------------ */
.ft {
	clear:both;
	display: block;
	height: 30px;
	margin: 0 0 10px 0;
	padding-top: 70px;
	font: 92% Arial;	
	}
.ftul {
	float: left;
	margin: 0px 0 0 10px;
	list-style-type: none;
	}
	.ft a:hover {
		text-decoration: none;
		}
	.ft ul li {
		float: left;
	}
	.ft ul li a {
		padding: 0 5px;
		}
.vcard {
	float: right;
	margin: 0px 10px 10px 0;
	}
	.vcard div {
		display: inline;
		padding: 0 5px 0 0;
		}

		
/* ----------------------- CONTENTPANELS & TABS ------------------ */


table {
	vertical-align: top;
	border: 0;
	}
/*	tr th, tr td {
		padding: 5px 0;
		border-bottom: 1px solid #f0efef;
		}
*/	
}
#agenda th {
	width: 30%;
	vertical-align: top;
	}
#agenda td {
	
	width: 70%;
}
#agenda .item .link-item .date {
	border: 0;
	font: normal 10px Arial;
	padding: 2px;
	color: #999;
	float: left;
	width:55px;
	color: #FFF;
	background: #ef8000;
	}/* lokatie */
#locaties {
	
	}
#locaties select {
	margin-bottom: 5px;
	width: 100%;
		}
		#locaties select optgroup {
			background: #e8f1a5;
			}

	#locaties p  {
		background: url("../pics/groningen_kaartje.gif") right 50% no-repeat;
		}
	#locaties p a {
		display: block;
		width: 100%;
		height: 100px;
		border: 1px solid #FFF;
		text-indent: -125202px;
		}

		#locaties p a:hover {
			border: 1px solid #000;	
			font-style:normal;
		}
		
		
#ggzAuthoring {
	position: relative;
	width: 80%; /*BREEDTE VOOR DE GEHELE SITE*/
/*	height: 100%;*/
	height: 1%;
	margin: 0 auto;
	text-align: left;

}		
#ggzAuthoring #explitLogout{
	width:300px;
	float:right;
	color:white;
}

#ggzAuthoring #siteActionMenu{
	float:left;
}
#zz7_Menu {
	
	color:white;
}
p.breadCrumb, p.breadCrumb a, .breadCrumb a {
	position: relative;
	/*top: -10px;*/
	font: normal 10px Arial;
	/*border: 1px solid #D6D6D6;*/
}
.date { 
	font: bold 10px Arial; 
	padding: 2px;
	margin: 0 5px 0 0;
	}
	
	.contentCol .cc-left .item .link-item .date {
		border: 0;
		padding: 2px;
		margin: 0 0 5px 0;
		display: block;
		background: #ef8000;
		color: #FFF;
		}
		.contentCol .cc-left .date {
			border-top: 3px dotted #ef8000;
			font: normal 11px Arial;
			padding: 5px 5px 5px 0;
			color: #999;
			}
			
		.contentCol .cc-right .date  {
			float: left;
			width:55px;
			color: #FFF;
			background: #ef8000;		
			}

/* containers e.d. voor de content */
.ms-WPHeader  {
	border: 0;
	}
.ms-WPBody {
	/*margin-top: 15px;
	padding: 0 0 4px 0;*/
	}
	div#nieuws .ms-WPBody, div#agenda .ms-WPBody, div#vacatures .ms-WPBody {
		margin-top: 0px;
		}
	.cc-right .ms-WPBody {
			margin-top: 0px;
			}
		.ms-WPBody table #footer {	
			display: none;
			}
	.cc-right h3, h3.ms-standardheader {
		font: bold 13px Arial;
		padding: 8px 0px 8px 5px;
		margin: 0 0 0px 0;
		color: #000;
		background: #e4e4e4;
		/*border-bottom: 1px solid #e4e4e4;*/
	}
		
	.intro p{
			padding: 0;
			margin: 0;
			}
	.item { /* container voor de gehele teaser*/
			
		}
		.cc-left .item {
				padding: 5px;
				margin: 0 0 15px 0;
				border: 1px solid #e4e4e4;
				background: #f8f8f8;
				
				}

		.cc-right .ms-WPBody .item {
			border-bottom: 1px solid #e4e4e4;
			background: none;	
			margin: 0;
		}
		
					div.slm-layout-main .item {
						border-bottom: 1px solid #ececec;
						padding: 5px;
						}
						.cc-right .link-item   {
							padding: 5px 0;
							}
						table .item .link-item a {
							background: url("../pics/raquo.gif") 0px 6px no-repeat;
							padding: 0 0 0 10px;
							font: normal 12px Arial;
							color: #b0005b;
							}
							.cc-left .item .link-item a{
								font-weight: bold; 
								}
							.cc-right table .item .link-item a {
									background: none;
									text-decoration: underline;
									padding: 0
									}
			.item .link-item a:hover, a.teaserTitle:hover,  {
				color: #b0005b;
				text-decoration: underline;
				}
			.item .link-item a:active, .a.teaserTitle:active {
				color: #b0005b;
				text-decoration: underline;
				}
			.item .link-item a:visited, a.teaserTitle:visited {
				color: #b0005b;
				text-decoration: none;
				}
				
				/* no &raque; for teaserTitle*/
				a.teaserTitle {
					background:none!important;
					padding-left:0!important;
				}
				

.item-more { /*LIJST MET LINKS ONDERAAN EEN OVERZICHTPAGINA */
	}
	.item-more .link-item-more, .leesVerder {
		margin-bottom: 5px;
		background: url("../pics/raquo.gif") 0 6px no-repeat;
		padding: 0 0 0 10px;
		font: normal 12px Arial;
		}
		.item-more .link-item-more a.teaserTitleMore {
			/*font: bold 12px Georgia;*/
			clear: both;
			color: #b0005b;
			text-decoration: underline;
			}	
		.item-more .link-item-more a.teaserTitleMore:hover  {
			color: #bed600;
			}
		.item-more .link-item-more a.teaserTitleMore:active {
			color: #e03d39;
			}
		.item-more .link-item-more a.teaserTitleMore:visited {
			color: #e03d39;
			
			}
			.contentCol .ct-holder .item .description { 
				font: normal 12px Arial;
				line-height: 22px;
				color: #000;
				}
			.contentCol .ct-holder .item a.leesVerder {				
				font: normal 12px Arial;
				text-decoration:underline;
				padding-left: 10px;
				margin-top: 5px;
			}
			
				
	.item .image-area-left a { 
		width: 150px;
		float: left;
		padding: 4px;
		border: 1px solid #D6D6D6;
		}
		.item .image-area-left a img { 
			width: 150px;
			clear:both;
			}
		.item .image-area-left a:hover { 
			border: 1px solid #000;			
			}
	
	.locatieContent {
		float: right;
		width: 69%;
	}	
	.locatieContent p, .locatieContent  p font {
			font-family: Arial, Helvetica, sans-serif;
			line-height: 20px;
			margin: 7px 0;
			}
	div.address {
		width: 25%;
		line-height: 20px;
		display: block;
		margin: 5px 0 0 0;
		padding: 10px;
		font: normal 12px Arial;
		background: #f8f8f8;
		}
		div.address div {
			margin: 5px 0;
			}
/* --------- lijst met links, bij o.m. Actueel ---------*/
.yui-content .item {
	padding: 5px;
	margin: 0 0 5px 0;
	}	

/* STIJLEN GEBRUIKT DOOW WYSIWYG */

.ContentStyles  {
	font: normal 12px Arial;
	line-height: 20px;
	}
	/*.ContentStyles div p span {
		font: normal 12px Arial;
		line-height: 20px;
		}*/
	.ContentStyles p a{
	
		}
.ContentStyles  p {
	margin: 5px 0 15px 0;
	}
	.contentForms p {
		margin: 0;
		padding: 0;
	}
	.ContentStyles p img {
	border: 1px solid #FFF;
	background: #FFF;
	padding: 10px;
	} 
.ContentStyles ul {
	margin: 5px 0 15px 18px;
	}

	.ContentStyles  ul li {
		margin: 5px 0;
		padding: 0 0 0 18px;
		background: url("../pics/raquo.gif") 0px 5px no-repeat;
		}

.ContentStyles ol {
	list-style-type: decimal;
	margin: 5px 0 15px 40px;
	}
	.ContentStyles ol li {
		margin: 5px 0;
		list-style-type: decimal;
		}
.ContentStyles p span.ms-rteCustom-ArticleHeadLine {
			font: normal 100% Arial;
			color: #000;
			}
.ContentStyles p span.ms-rteCustom-ArticleTitle {
			font: bold 114% Arial;
			color: #000;
			}

.ContentStyles blockquote {
	background: #e8f1a5;
	border: 1px solid #bed600;	
	border-left-width: 10px;
	margin: 0 0 0 18px;
	}
	.ContentStyles blockquote p {
		padding: 10px;
		}
.ContentStyles a:link {
	
	}
.ContentStyles a:visited {
	
	}
.ContentStyles a:hover {
	
	}
.ContentStyles  dl {
	border: 1px solid #bed600;
	margin: 0 0 0 18px;
	}
	.ContentStyles  dt {
		line-height: 20px;
		background: #bed600;
		padding: 5px 10px;
		font-weight: bold;
		color: #FFF;
	}
	.ContentStyles  dd {
		line-height: 20px;
		background: #e8f1a5;
		padding: 10px;
	}
.ContentStyles h1, .ContentStyles h2, .ContentStyles h3,.bd .contentCol .cc-left .ContentStyles h3, .ContentStyles h4, .ContentStyles h5, .ContentStyles h6 {
	background: none;
	}
.ContentStyles h1 {
	font: bold 150% Arial;
	color: #000;
	}
.ContentStyles h2 {
	font: bold 140% Arial;
	color: #000;
	}
.ContentStyles h3 {
	font: bold 130% Arial;
	color: #000;
	background: none;
	}
.ContentStyles h4 {
	font: bold 120% Arial;
	color: #000;
	}
.ContentStyles h5 {
	font: bold 110% Arial;
	color: #000;
	}
.ContentStyles h6 {
	font: bold 100% Arial;
	color: #000;
	}

.ContentStyles strong, strong {
	font-weight: 900;	
	}
.ContentStyles em, em {
	font-style:italic; 
	 }
	 .yui-nav em {
	 	font-style:normal;
	 	}
.ContentStyles u, u {
	}
/*== SEARCH ==*/	 
.search table, .search table div {
	margin: 0;
	padding: 0;
	font: normal 12px Arial;
	
	}
.search .ms-WPBody .srch-Page { /* balk waarin de paging staat */
	margin: 10px 0 0 0;
	padding: 5px 5px 15px 5px;
	border-bottom: 3px dotted #ef8000;
	background: none;
	}
.srch-stats {
	border: 1px solid #000;
	padding: 5px;
	
	}
.srch-results {
		border-bottom: 3px dotted #ef8000;
		margin: 0;
		padding: 0;
		}
	.search .srch-results .srch-sort {
		position: relative;
		margin: 10px 0;
		padding: 0;
	
		}
		.contentCol .search .srch-results .srch-sort a {
			color: #b0005b;
			text-decoration: underline;
			}	
		.search .srch-results .srch-sort a:hover {
			color: #000;
			text-decoration: none;
			}						
	.srch-Metadata {}
	.search .srch-results .srch-URL {
		color: bed600;
		}
	.srch-Icon  {	}
		.srch-Icon a img {
			display: none;
			}
	.search .srch-results .srch-Title a { /*titel*/
		font: bold 13px Arial;
		color: #b0005b;
		background: url("../pics/blok_groen.gif") 0px 6px no-repeat;
		padding: 0 0 0 10px;
 	 }
 	 	.search .srch-results .srch-Title a:hover {
 	 		color: #bed600;
 	 		}
 	 	.search .srch-results .srch-Title a:active {
 	 		color: #b0005b;
 	 		}
 	 	.search .srch-results .srch-Title a:visited {
 	 		font: normal 13px Arial;
 	 		color: #b0005b;
 	 		} 	 
 	.srch-Description { /*regel onder titel*/
		}
div.ms-WPBody div.srch-WPBody div.srch-Page-bg {
	text-align:center;
	}
		.srch-Page-bg a  {
			background: #e8f1a5;
			border: 1px solid #bed600;
			margin: 0;
			padding: 3px 5px 2px 5px;
			color: #000;
			}
			.srch-Page-bg a:hover  {
				background: #bed600;
				color: #FFF;
				}
	#SRP_Next, #SRP_Prev {
		background: none;
		border: 0;
		color: #000;
		text-decoration: underline;
		}
		#SRP_P1, #SRP_P2, #SRP_P3, #SRP_P4, #SRP_P5, #SRP_P6, #SRP_P7, #SRP_P8, #SRP_P9, #SRP_P10 {
			color: #000;
			}
	#SRP_Next:hover, #SRP_Prev:hover {
		color: #bed600;
		text-decoration: none;
		}
/* STYLES 4 FORMS */
legend {
		display: none;
		}
label {
	font: bold 12px Arial;
	margin: 5px;
	}
input {
	padding:5px;
	background: url("../pics/input_bg_01.gif") #FFF top left no-repeat;
	border: 1px solid;
	border-color: #7d7d7d #c3c3c3 #DDD #c3c3c3;
	font-weight: bold;
	}
/* hh: removed for editorpart of XsltForm webpart
select  {
	width: 100%;
	}
*/
.input.radio {
		border: 0;
		background: none;
		}
	input.small {
		width: 35%;
		}
	input.medium, input.large  {	
		width: 96.5%;
		}
	 .submit {
		float: left;
		width: 74px;
		height: 22px;
		background: url("../pics/button_bg_02.gif") #FFF bottom right no-repeat;
		margin: 5px 0 0 8px;
		padding: 0 0 3px 0;
		border: 0px;
		color: #FFF;
		cursor:pointer;
		}
fieldset.inlineForm {
	position: relative;
	/*border: 1px solid #e4e4e4;*/
	padding: 15px 0 15px 0;
	border-top: 3px dotted #ef8000;
	}
	fieldset.inlineForm legend {
		display: inline;
		padding: 0 5px;
		margin: 0 0 0 15px;
		font: bold 12px Arial;
		color: #ef8000;
		background: #FFF;
		}	
	.inlineForm table {
  		width: 100%;
  		margin: 10px 0 0 0;
  		padding: 5px;
  		background: #f8f8f8;
  		border: 1px solid #e4e4e4
  		}
	.inlineForm th {
		width: 150px;
		vertical-align: top;
		background: #e4e4e4;
		border: 1px solid #f8f8f8;
		padding: 10px 5px 0px 5px;
		}
	.inlineForm td {
		padding: 5px 5px 2px 5px;
		}
		.inlineForm label {
			/*padding: 5px;
			background: #e4e4e4;	*/	
			}
		.inlineForm td textarea.medium {
			height: 150px;
			width: 98.5%;
			}
		.inlineForm .submit {
			float: right;
			margin: 10px 5px 15px 5px;
			}
	   /*.inlineForm .submitRow td, .inlineForm .submitRow th {
			background: #F6F6F6;	
			}*/
/*SITEMAP*/
table.toc-layout-main {
	margin: 25px 0 0 0 0;
	}
	.level-section {}
		.level-header {
			background: url("../pics/raquo.gif") 0 6px no-repeat;
			padding: 0 0 0 10px;	
			}
			.level-section .level-header .headertitle a {
				font: normal 12px Arial;
				color: #b0005b;
				text-decoration: underline;
				}
				.level-section .level-header .headertitle a:hover  {
					color: #000;
					text-decoration: none;
					}
				.level-section .level-header .headertitle a:active  {
					color: #b0005b;
					text-decoration: underline;
					}
				.level-section .level-header .headertitle a:visited  {
					color: #b0005b;
					text-decoration: underline;
					}



/*///////////////////////START SPECIFIEKE OPMAAK \\\\\\\\\\\\\\\\\\\\\\\\*/
/* USED COLORS
		oranje:     #ef8000
		groen:      #bed600
		purper:     #b0005b
		lilapaars:  #ba31c0
		rood:       #dc2723
		blauw:      #292baf
		lichtblauw: #0090cb
*/
/* - - */

body.bodyLinis {
	background: #dc2723;
	}
	.hd {
		background:  url("../pics/Linis_header.gif") #FFF 0 -1px no-repeat;
		}
		.hd h1.logo {
			background:  url("../pics/Linis_logo.png") top right no-repeat;
			* background: none; 
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Style%20Library/pics/Linis_logo.png', sizingMethod='image'); 
			background-position: right top;
			}
		p.overige a:hover			{
			background-color: #0090cb;
			color: #FFF;
			border-bottom: 10px solid #292baf;
		}
		.graphic {
			background:  url("../pics/Linis_graphic.png") top right no-repeat;
			* background: none; 
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Style%20Library/pics/Linis_graphic.png', sizingMethod='image'); 
			background-position: right top;
			}
	.bd {
		background:  #dc2723;
		}
		/*-quicknav-*/
		.bd .subNavCol {
			background:   url("../pics/Linis_cirkel_onder.gif") top left no-repeat;
			}
											
		.bd .contentCol {
			border-left: 250px solid #b0005b;
			background-color: #FFF;
			}		
			h2.contentH2  {
				color: #ef8000;
				border-bottom: 3px dotted #ef8000;
				}
			#vragenTrechter  h3 {
				background: #bed600;
				color: #000;
				}
			#vragenTrechter {
				background: url("../pics/Linis_vragentrechter.gif") #e8f1a5 bottom center no-repeat;
				border-bottom: 3px dotted #ef8000;
				}
				.bd #vragenTrechter a {
				color: #000;
				}
		hr {
			border-bottom: 3px dotted #ef8000;
			height: 3px;
			width: 100%;
			overflow: hidden;
			border: 0;
			padding: 0;
		}	
		.QuickNav {
			background: #ef8000;
			}
		.ft {
			background:  url("../pics/Linis_footer.gif") #ef8000 top left no-repeat;
			}	
			 .ft * {
				color: #FFF;
				}
			 .ft a:hover {
				color: #FFF
				;
				text-decoration: none;
				}
	.rightEgg {
		background:url("../pics/Linis_spiegelei_rechts.png");
		background-position: right top;
		background-repeat: no-repeat;
		* background: none; 
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Style%20Library/pics/Linis_spiegelei_rechts.png', sizingMethod='image'); 
		}
/* navigatie */
#topNavMenu {
	position: absolute;
	top: -1px;
	z-index: 9891113;
	left: 0px;
	padding: 0;
}
table.topNav, table.topNavItem {
	margin: 0;
	padding: 0;
	height: 100%;
}
.topNavSelected a {
	color: #FFF;
	background: #b0005b;
}
.topNavItem {
	font: bold 100% Arial;
	color: #b0005b;
}
.topNavItem a {
	display: block;
	padding: 10px 10px 12px 10px;
	/*height: 28px;*/
}
.topNavItem a:hover {
	background: #bed600;
	color: #000;	
}
.topNavHover {
	background: #bed600;
	color: #000;
}
div.topNavFlyOuts /* table.topNavFlyOutsItem )ba31c0 eecbef*/{
		border-top: 10px solid #bed600;
	}

.topNavFlyOutsItem {
	border-bottom: 1px solid #d4e459;
	color: #000;
	font: normal 12px Arial;
	padding: 2px;
}
.topNavFlyOutsItem a {
	background: #e8f1a5;
	width: 250px;
	display: block;
	padding: 8px 25px 8px 8px;
}
.topNavFlyOutsHover a {
	background-color: #ddea7f;
	color: #000;
}
.topNavRoundLeft, .topNavRoundRight {
	width: 0px;
}
.leftNav {
	/*background-color: red;*/
	width: 250px;
	border-bottom: 1px solid #c45d92;
}
.leftNavSpacer {
	width: 160px;
}
.leftNavSelected {
	background: none;
	color: #F4F5F9;
	line-height: 14pt;
	}
.leftNav1, .leftNav2, .leftNav3 {
	color: #354260;
}
.leftNav1 a, .leftNav2 a, .leftNav3 a {
	display: block;
	line-height: 14pt;
	padding-top: 8px;
	padding-bottom: 8px;
	font: normal 12px Arial;
	color: #FFF; 
	}
	
.leftNav1 {
	font: bold 100% Arial;
	border-top: 1px solid #c45d92;
	margin-top: 1px;
	}
	.leftNav1 a {
		padding-left: 10px;
		font-weight: bold;
	}
		.leftNav1 a:hover {
			background: #bb4381;
			color: #FFF;
			}

.leftNav2 {
	border-top: 1px solid #c45d92;
	background:  url("../pics/blok_wit.gif") 15px 15px no-repeat;
}
	.leftNav2 a {
		padding-left: 30px;
		background-color: #b81a6c;
	}
		.leftNav2 a:hover, table.leftNav3 a:hover {
			background-color: #bb4381;
			color: #FFF;
			}
.leftNav3 {
	border-top: 1px solid #c45d92;
	background-color: #b81a6c;
	}
	.leftNav3 a {
		padding-left: 45px;
		border-top: 1px solid #bb4381;
		}

.leftNavHover {
	/*background-color: #e03d39;*/
	color: #bed600;
}
.leftNavFlyOuts {
	border-top: 1px #CBD1E0 solid;
	border-left: 1px #CBD1E0 solid;
	border-right: 1px #CBD1E0 solid;
}
.leftNavFlyOutsItem {
	border-bottom: 1px #CBD1E0 solid;
	background-color: #ECEFF3;
}
.leftNavFlyOutsItem a {
	padding: 1px 5px 1px 5px;
	display: block;
	color: #354260;
	width: 100px;
	min-width: 100px;
}
.leftNavFlyOutsHover {
	background-color: #B2BCD3;
}
.cc-right table.cbq-layout-main {
	/*border-bottom: 1px solid #e4e4e4;'*/
	}
		

	#leftNav ul li a:hover {
		background-color:#BB4381;
			}

	#leftNav ul li a.active {
		background-color:#BB4381;
			}

	#leftNav {
		z-index:21111;
		top: 0;
		left: 0;
		width: 250px;
		}
		#leftNav ul li {
			display: inline;
			}
			#leftNav ul li a {
				color: #FFF;
				border-bottom: 1px solid #B81A6C;
				display: block;
				text-decoration: none;
				font: 92%/1.6em Helvetica, sans-serif ;
				font-weight: bold;
				padding: 5px 0 5px 15px;
				}
				#leftNav ul li ul li a {
					padding: 5px 0 5px 30px;
					font-weight: normal;
					}
					#leftNav ul li ul li ul li a {
						padding: 5px 0 5px 45px;
						font-weight: normal;
						}

/*zorgfuncties */
	.ZorgFunctiesOverzicht h3 {
		
		font: bold 15px Arial;
		margin: 15px 0;
	}
		.ZorgFunctiesOverzicht ul.SubItem {
			margin: 15px 0;
			}
		.ZorgFunctiesOverzicht ul.SubItem li a.link {
			font: normal 12px Arial;
			padding: 0 0 0 15px;
			}
			
.ZorgFuntiesSubMenu{
	
	
	} 
	.ZorgFuntiesSubMenu .title{
		font-weight:bold;
}
	.ZorgFunctionSub li {
		display: block;
		font-weight: bold;
		padding: 5px 0 5px 15px;
		font-family:Arial;
			font-size:12px;

		}
		.ZorgFunctionSub li a.link{
			
			font-size-adjust:none;
			font-stretch:normal;
			font-style:normal;
			font-variant:normal;
			font-weight:normal;
			line-height:normal;
			color:#B0005B;
			text-decoration:underline;
			}



