/* @group Layout CSS */

/* @group Header - Top */

#wx-container {
	position: relative;
	text-align: left;
	margin: 0 auto;
	width: 950px;
	background: #fff;
}

#wx-top {
	width: 950px;
	height: 260px;
	margin: 0;
	z-index: 0;
	background: transparent;		
}

#wx-extra {
	width: 950px;
	height: 50px;
}

.wx-top-pattern {
	width: 950px;
	height: 15px;
	background: url(DesignerImages/pattern.gif) repeat;	
}

#wx-subnavigatie {
	float: left;	
	width: 380px;
	height: 35px;
	line-height: 35px;
	text-align: left;
	color: #7f7e7f;
	font-size: 12px;
	/*text-transform: uppercase;*/
	text-decoration: none;	
	background: transparent;
}

	#wx-subnavigatie ul {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#wx-subnavigatie li {
		display: inline;
		list-style: none;
		margin: 0;
		padding: 0;
		color: #7f7e7f;	
	}
	
	#wx-subnavigatie li a {
		color: #613220;
		font-size: 12px;
		/*text-transform: uppercase;*/
		text-decoration: none;
		padding-right: 10px;
	}
	
	#wx-subnavigatie li a:hover,
	#wx-subnavigatie li a.selected {
		color: #ECB2C8;
	}

#wx-vragen {
	float: left;
	width: 260px;
	padding-right: 20px;
	height: 20px;
	padding-top: 10px;
	line-height: 35px;
	*line-height: 15px;
	text-align: right;
	background: transparent;
	color: #ECB2C8;
	font-weight: bold;
}

/* @end */

/* @group Drilldown Huisartsen */

#wx-drilldown {
	float: left;
	/*position:absolute;
	right: 0;*/
	width: 300px;
	height: 45px;
	padding-left: 10px;
	padding-top: 5px;	
	background: url(DesignerImages/drilldown-f1.gif);
	display: block;
	color: #ECB2C8;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	/*text-transform: uppercase;*/
	cursor:pointer;
	cursor:hand;
}

#wx-drilldown-menu {
	display: block;
	position: absolute;
	top: 250px;
	right: 0;
	z-index: 10;
	width: 300px;
	height: auto;
	margin-left: 10px;
	padding-top: 10px;
	background: url(DesignerImages/quick-select.png) no-repeat;
}

#wx-drilldown-menu ul {
	margin: 0;
	padding: 0;
	background: #f9f9f9;
}

#wx-drilldown-menu ul li {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}

#wx-drilldown-menu ul ul {
	display: none;
	margin: 0;
	padding:0;
	background: #f9f9f9;
}

#wx-drilldown-menu ul ul li {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}


#wx-drilldown-menu a {
	width: 290px;
	height: 29px;
	border-top: 1px solid #ce95a2;
	padding-left: 10px;
	background: #5f2b1b;
	display: block;
	color: #ECB2C8;
	/*text-transform: uppercase;*/
	text-decoration: none;
	line-height: 30px;
	font-size: 12px;
	font-weight: bold;
}

#wx-drilldown-menu a:hover {
	color: #fff;
}

#wx-drilldown-menu ul ul a {
	width: 290px;
	height: 29px;
	border-top: 1px solid #ce95a2;
	padding-left: 10px;
	background: #ECB2C8;
	display: block;
	color: #642d1d;
	/*text-transform: uppercase;*/
	text-decoration: none;
	line-height:30px;
	font-size: 11px;
	font-weight: normal;
}

#wx-drilldown-menu ul ul a:hover {
	color: #fff;
}

/* @end */

/* @group Livesearch */

#wx-zoeken {
	float: left;
	width: 290px;
	height: 27px;
	padding-top: 8px;
	background: url(DesignerImages/zoek.gif);
	}

#wx-livesearch input {
	width: 150px;
	padding-left: 30px;
	height: 20px;
	border: none;
	color: #613220;
	background: transparent;
	/*text-transform: uppercase;*/
	font-weight: normal;
	line-height: 20px;
	*line-height: 15px;
}

/*Zoekresultaten*/
#wx-spotlightresults {
	position: absolute;
	display: none;
	width: 298px;
	padding: 5px;
	*margin: 0;
	top: 50px;
	right: 0px;
	font-size: 12px;
	border: 1px solid #613220;
	font-weight: bold;
	line-height: 22px;
	background: #fff;
	z-index: 500;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	color: #613220;
}

#wx-spotlightresults ul, 
#wx-spotlightresults ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.wx-zoekhulp {
	border-bottom: 1px solid #613220;
	width: auto;
	height: auto;
	background: #fff;
	color: #613220;
}

#wx-spotlightresults .wx-zoekhulp {
	color: #613220;
}

#wx-spotlightresults .wx-zoekhulp a,
#wx-spotlightresults .wx-zoekhulp a:link,
#wx-spotlightresults .wx-zoekhulp a:visited,
#wx-spotlightresults .wx-zoekhulp a:active {
}

#wx-spotlightresults .wx-zoekhulp a:hover {
	border-bottom: none;
	display: block;
	color: #ECB2C8 !important;		
}

#wx-spotlightresults ul li {
	background: #613220;
	color: #fff;
	padding: 0;
	display: block;
	margin: 0;
}

#wx-spotlightresults ul ul {
	margin-bottom: 3px;
}

#wx-spotlightresults ul li ul li {
	background: #fff;
	padding: 0;
	margin: 0;
	display: block;
}

#wx-spotlightresults ul li ul li a {
	display: block;
	color: #613220 !important;
	text-decoration: none;
	background: #fff;

}

* html #wx-spotlightresults ul li ul li a {
	height: 15px;
}

#wx-spotlightresults ul li ul li a:hover {
	color: #ECB2C8 !important;	
}

#wx-logo-container {
	width: 950px;
	height: 150px;
	background: transparent;
}

#wx-logo {
	float: left;
	width: 480px;
	height: 150px;
	background: #fff url(DesignerImages/logo.gif) no-repeat;	
} 

/* Banner IMG */      
#wx-header {
	float: left;
	width: 470px;
	height: 150px;
}


/* @end */

/* @group Content */

.wx-news-shingle {
	display: block;
	padding: 0;
	height: 290px;
	overflow: hidden !important;
}
.wx-news-shingle div {
	padding: 10px;
	height:  80px;
	background: url(DesignerImages/pattern-light.gif) repeat;	
}
.wx-news-shingle a,
.wx-news-shingle a:link,
.wx-news-shingle a:active {
	display: block;
	color: #ECB2C8 !important;
	text-decoration: none;
	/*text-transform: uppercase;*/
	margin-top: 10px;
}
.wx-news-shingle a:hover {
	color: #805647;
}
#wx-content {
	display: inline-block;
	height: auto;
	width: 950px;
}

/* @group Home */

#wx-main-home {
	float: left;
	width: 640px;
	min-height: 420px;
	height: 100%;
	padding: 0;
	margin: 0;
}

#wx-main-home h1 {
	width: 630px;
	height: 30px;
	padding-left: 10px;
	margin-bottom: 10px;
	line-height: 40px !important;
	*line-height: 20px !important;
	padding-top: 10px;
	background: url(DesignerImages/pattern.gif) repeat;	
	/*text-transform: uppercase;*/
	font-weight: bold;
	font-size: 24px;
	color: #613220;
}

#wx-main-home-nieuws {
	/*background: pink;*/
}

/* @end */

/* @group Page no image */

#wx-main-no-image {
	float: left;
	width: 640px;
	min-height: 420px;
	height: 100%;
	padding: 0;
	margin: 0;
}

/* @end */

/* Maincontent "Home" and "No image template" */
.wx-maincontent-var {
	float: left;
	width: 610px;
	padding: 0px 20px 20px 10px;
	margin: 0;	
	background: transparent;
	}

#wx-main {
	float: left;
	width: 640px;
	min-height: 420px;
	height: 100%;
	padding: 0;
	margin: 0;
}

#wx-main h1,
#wx-main-no-image h1 {
	width: 630px;
	height: 30px;
	padding-left: 10px;
	margin-bottom: 10px;
	line-height: 40px !important;
	*line-height: 20px !important;	
	padding-top: 10px;
	background: url(DesignerImages/pattern.gif) repeat;	
	/*text-transform: uppercase;*/
	font-weight: bold;
	font-size: 24px;
	color: #613220;
}

#wx-content-img {
	width: 640px;
	height: 190px;
}

	#wx-maincontent {
		float: left;
		width: 610px;
		padding: 10px 20px 20px 10px;
		margin: 0;	
		background: transparent;
	}
	
#wx-right {
	float: left;
	width: 310px;
	min-height: 420px;
}

/* @group Snelmenu (DIRECT) */

/*Snelmenu "Ik wil graag informatie over" BUTTON */
#wx-snelnaar {
	width: 310px;
	height: 40px;
	background: url(DesignerImages/info-f1.gif);
	cursor:pointer;
	cursor:hand;
}

#wx-snelnaar-menu {
	margin-left: 10px;
	padding-top: 10px;
	background: url(DesignerImages/quick-select.png) no-repeat;
}

#wx-snelnaar-menu ul {
	margin: 0;
	padding: 0;
	background: #f9f9f9;
}

#wx-snelnaar-menu ul li {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}

#wx-snelnaar-menu a {
	width: 290px;
	height: 29px;
	border-top: 1px solid #7f5549;
	padding-left: 10px;
	background: #5f2b1b;
	display: block;
	color: #ECB2C8;
	/*text-transform: uppercase;*/
	text-decoration: none;
	line-height: 30px;
	font-size: 12px;
	font-weight: bold;
}

#wx-snelnaar-menu a:hover {
	color: #fff;
}

/* @end */

#wx-footer {
	float: left;
	display: block;
	margin-left: 10px;
	margin-bottom: 20px;
	width: 940px;
	height: 166px;
	color: #805647;
	font-size: 12px;
	border-top: 1px solid #ECB2C8;
	background: #fff;
	line-height: 20px;
	background: url(DesignerImages/pattern-light.gif) repeat;	
}


/*Crumbtrail - kruimelpad*/
#wx-before-crumb {
	float: left;
	height: 35px;
	line-height: 35px;	
	font-weight: bold;
	color: #805647;
	background: #fff;
}

#wx-crumb {
	float: left;
	width: 824px;
	padding-left: 5px;
	height: 35px;
	line-height: 35px;
	color: #805647;
	background: #fff;	
}

		#wx-crumb a,
		#wx-crumb a:link,
		#wx-crumb a:visited,
		#wx-crumb a:active {
			font-size: 12px;
			color: #805647;
			text-decoration: none;
			border: none;
			font-weight: normal;
}

#wx-crumb a:hover {
	color: #ECB2C8;
	text-decoration: none;
}

/*Containers voor kolommen */
.wx-footer-left {
	float: left;
	border-top: 10px solid #5f2b1b;
	padding-left: 10px;
	width: 319px;
	background: transparent;
	border-right: 1px solid #fff;		
}

.wx-footer-center {
	float: left;
	border-top: 10px solid #5f2b1b;	
	width: 299px;
	padding-left: 10px;
	background: transparent;
	border-right: 1px solid #fff;				
}

.wx-footer-right {
	float: left;
	border-top: 10px solid #5f2b1b;	
	width: 290px;
	padding-left: 10px;
	background: transparent;		
}

/*Titels footer kolommen */
.wx-footer-left h1,
.wx-footer-center h1,
.wx-footer-right h1 {
	margin-top: 15px;
	margin-bottom: 15px;
}

/*Container voor kolommen in kolommen */
.wx-footer-coll {
	float: left;
	width: 130px;
	margin-bottom: 15px;
}

/*Container voor iconen*/
.wx-footer-icon {
	float: left;
	margin-top: 5px;
	width: 33px;
	height: 33px;
	margin-right: 10px;
	background: transparent;
}

/*Links in footer*/
a.footer-link {
	color: #7e5246;
	text-decoration: none;
}

	a.footer-link:hover {
		color: #ECB2C8;
	}

/*Patroon lijnen in footer*/
.wx-footer-pattern {
	float: left;
	width: 940px;
	height: 15px;
	background: url(DesignerImages/pattern.gif) repeat;	
}

/* @end */

/* @end */

/* @group Category CSS */

/* Links in content - Alleen links */
.wx-category-links {
	margin: 10px 0 0 0;
	padding: 0;
}

/* Links in content */
.wx-category-links ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.wx-category-links li {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #efeae8;	
}

/* Alleen links */
.wx-category-links ul li a.wx-only-links {
	color: #613220;
	text-decoration: none;
	font-weight: normal;
	line-height: 30px;
	display: block;
	margin: 0;
	padding: 0;		
}

.wx-category-links ul li a.wx-only-links:hover  {
	color: #ECB2C8 !important;
}

/* Links en Inleidende tekst */
.wx-category-links h3 {
	display: block;
	height: 30px;
	line-height: 30px;
}

.wx-category-tekst {
	display: block;
	margin-bottom: 5px;
}

/* Links in content - Thumbnail */

.wx-category-links-thumb {
	margin: 10px 0 0 0;
	padding: 0;
	border-bottom: 1px solid #a1a0a2;	
}

.wx-category-tekst-thumb {
	float: left;
	display: block;
	margin-bottom: 5px;
	width: 250px;
}

.wx-category-image {
	width: 120px;
	height: 120px;
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* Links in content - Button - alleen met thumb */
.wx-button-thumb {
	float: right;
	display: block;
	margin: 5px 0 5px 0;	
}

/* Links in content - Button */
a.wx-button  {

}

a.wx-button:hover {
}


/* @end */

/* @group Page CSS */

.wx-bronvermelding {
	float: left;
	margin-right: 5px;
	color: #613220;
	font-weight: bold;
}

/* @end */

/* @group Highlight CSS */

/* @group Afspraak maken */

/*Container Afspraak maken Bij Prima*/
#wx-highlight-contact{
	float: left;	
	width: 300px;
	display: block;
	border: 1px solid #ddcdcc;
	margin-left: 10px;
	background: url(DesignerImages/pattern-light.gif) repeat;	
	margin-bottom: 10px;	
}

/*Header Afspraak maken Bij Prima*/
#wx-highlight-head {
	width: 300px;
	height: 60px;
	background: url(DesignerImages/bij-prima.png) no-repeat;
}

/*Content Afspraak maken Bij Prima*/
.wx-highlight-afspraak {
	width: 280px;
	padding: 10px 10px 20px 10px;
	background: transparent;
	font-size: 12px;
}

.wx-highlight-afspraak ul {
	list-style-type: none;
}

.wx-highlight-afspraak li {
	padding-left: 25px;
	background: url(DesignerImages/bij-prima-arrow.png) no-repeat left 7px;
}

/*Button afspraak maken*/
a.wx-afspraak {
	width: 280px;
	height: 40px;
	display: block;
	padding: 0 10px 0 10px;	
	background: url(DesignerImages/buttons-afspraak.gif);
}

/*Button afspraak maken*/
a.wx-afspraak:hover {
	background: url(DesignerImages/buttons-afspraak-f2.gif
);
}

/* @end */

/* @group Citaat Right */

#wx-highlight-citaat {
	float: left;	
	width: 300px;
	display: block;
	margin-left: 10px;
	background: transparent;	
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 30px;
	/*text-transform: uppercase;	*/
	font-weight: bold;
	color: #ECB2C8;
}

.wx-citaat-pattern {
	width: 300px;
	height: 10px;
	background: url(DesignerImages/pattern.gif) repeat;	
	margin-bottom: 10px;
	margin-top: 10px;
}

/* @end */

/* @group Algemene Highlights - Site / Categoriën */

a.wx-empty-link {
	text-decoration: none;
	color: #613220;
}

.wx-highlight-site,
.wx-highlight-maincategory {
	float: left;	
	width: 298px;
	display: block;
	border: 1px solid #ddcdcc;
	margin-left: 10px;
	background: url(DesignerImages/pattern-light.gif) repeat;	
	margin-bottom: 10px;
}

.wx-highlight-site h1,
.wx-highlight-maincategory h1 {
	font-size: 19px;
	line-height: 25px;
	color: #613220;
	width: 298px;
	padding-left: 10px;
	padding-top: 10px;
	/*text-transform: uppercase;*/
}

.wx-highlight-content {
	width: 278px;
	padding: 10px 10px 20px 10px;
	background: transparent;
	font-size: 12px;}
	
.wx-highlight-content ul {
	list-style-type: none;
}

.wx-highlight-content  li {
	padding-left: 25px;
	background: url(DesignerImages/bij-prima-arrow.png) no-repeat left 7px;
}

.wx-highlight-image {
	width: 276px;
	height: 100px;
	margin: 10px 0 5px 10px;
	display: block;
	border: 1px solid #ddcdcc;
}

/* @end */

/* @group Kalender */

#calendar {
	position: relative;
	margin-bottom: 10px;
	width: 228px;
}

#kalender h1 {
	font-size: 17px;
	font-weight: normal;
	margin: 0;
	padding-top: 5px;
	font-family: Georgia, Times New Roman;
	color: #5794B0;
	text-align: left;
	padding-left: 10px;
}

.eventhilitedate {
	color: #5794B0;
	font-size: 12px;
	font-weight: normal;
	font-family: Georgia, Times New Roman;
	padding-left: 20px;
}

#calendarwidget table {
	font-size: 10px;
	width: 228px;
	display: table;
	_display: block;
	border-collapse: collapse;
}

#calendarwidget tr {
	width: 228px;
	_height: 23px;
	_text-align: center;	
}

#calendarwidget td {
	margin:1px;
	padding-left: 1px;
	*padding-left: 3px;
	vertical-align: middle;
	color: #5794B0;
	_height: 23px;
	height:2em;
	width: 2em;
	border-bottom: 1px solid #B6D5E9 !important;
}

#calnext {
	width: auto;
	height:20px;
	cursor:  pointer;
	margin-right: 5px;
	display: block;
	background: transparent url(DesignerImages/cal-next_f1.jpg) no-repeat right center;
	vertical-align: middle;
}

#calnext:hover {
	background: transparent url(DesignerImages/cal-next_f2.jpg) no-repeat right center;
	vertical-align: middle;
}

#calprev {
	width: auto;
	height:20px;
	margin-left: 5px;
	cursor:  pointer;
	display: block;
	background: transparent url(DesignerImages/cal-prev_f1.jpg) no-repeat left center;
	vertical-align: middle;
}

#calprev:hover {
	background: transparent url(DesignerImages/cal-prev_f2.jpg) no-repeat left center;
	vertical-align: middle;
}

#calendarwidget td.current {
	color: #FFFFFF;
	text-align:center;
	background: transparent url(DesignerImages/cal_current.jpg) no-repeat center center;
	/*background: #B6D5E9;*/
}

#calendarwidget .event {
	color: #256E5D;
	font-weight:  bold;
	background: transparent url(DesignerImages/cal_event.jpg) no-repeat center center !important;
	cursor: pointer;
}

#calendarwidget td.current.event {
	background: transparent url(DesignerImages/cal_current.jpg) no-repeat center center;
	cursor: pointer;
}

#calendarwidget td.selected {
	text-align:center;
	color:white;
	font-weight: bold;
}

#calendarwidget td.calhead {
	text-align:center;

}
#calendarwidget td.calweekhead {
	text-align:center;
	color: #256E5D;
	font-weight: bold !important;
}
#calendarwidget td.caldayhead {
	text-align:center;
	color: #256E5D;
}
#calendarwidget td.calwedayhead {
	text-align:center;
	color: #256E5D;
}
#calendarwidget td.calweek {
	text-align:center;
	color: #256E5D;
}
#calendarwidget td.calday {
	text-align:center;
}
#calendarwidget td.calweday {
	text-align:center;
}

#calendarwidget #titlehead {
	font-weight: bold !important;
	color: #256E5D;
	width: auto;
	text-align: center;
}

#kalender_specials {
	width: 228px;
}

#kal-nav {
	height: 25px;
	width: 220px;
	margin: 10px 5px 10px 5px;
	display: block;
	color: #006ab3;
	font-size: 10px;
}

#kal-nav a.terug-n-vandaag,
#kal-nav a.terug-n-vandaag:link,
#kal-nav a.terug-n-vandaag:visited,
#kal-nav a.terug-n-vandaag:active {
	cursor: pointer;
	width: 105px;
	height: 25px;
	text-align: left;
	float: left;
	text-decoration: none;
	background: transparent url(DesignerImages/butt-maand-f1.jpg) no-repeat 0 0;
}

#kal-nav a.terug-n-vandaag:hover {
	color: #9ad3ff;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(DesignerImages/butt-maand-f2.jpg) no-repeat 0 0;
}

#kal-nav a.meld-event,
#kal-nav a.meld-event:link,
#kal-nav a.meld-event:visited,
#kal-nav a.meld-event:active {
	cursor: pointer;
	width: 105px;
	height: 25px;
	text-align: right;
	float: right;
	text-decoration: none;
	background: transparent url(DesignerImages/butt-activiteit-f1.jpg) no-repeat 0 0;
}

#kal-nav a.meld-event:hover {
	color: #9ad3ff;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(DesignerImages/butt-activiteit-f2.jpg) no-repeat 0 0;
}

.datumkalender {
	color: #000000;
	font-size: 12px;
}

/* @end */


/* @end */

/* @group Huisartsen */

#praktijknaam {
	width: 630px;
	height: 40px;
	padding-left: 10px;
	margin-bottom: 10px;
	line-height: 40px;
	background: url(DesignerImages/pattern.gif) repeat;	
	/*text-transform: uppercase;*/
	font-weight: bold;
	font-size: 24px;	
}

#wx-praktijk,
#wx-specialisatie,
#wx-aanwezigheid,
#wx-medewerker {
	float: left;
	width: 578px;
	height: auto;	
	padding: 10px 20px;
	background: url(DesignerImages/pattern-light.gif) repeat;	
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #ddcdcc;
}

	#wx-medewerker img {
		float: left;
		border: 1px solid #ddcdcc;	
		margin-right: 20px;
		background: #fff;
	}

.wx-medwerker-specialisatie {
	margin-top: 40px;
	margin-bottom: 20px;
	display: block;
	width: 578px;
	background: transparent;
}

	#wx-medewerker h2 {
		font-size: 13px;
		display: block;
	}

#wx-aanwezigheid {
	display: none;
}
.wx-medewerker-aanwezigheid {
	display: none;
}
/* @end */

/* @group Kalender */

/* ---- KALENDER MODULE ---- */

/* ---- MAAND TITEL DIV ---- */

#datechooser {
	margin-top: 10px;
	padding: 15px;
	border: solid #e5dac0 1px;
	background: url(DesignerImages/pattern-light.gif) repeat;		
}

/* ---- MAAND TITEL TEKST ---- */

#datechooser h1 {
	margin: 0;
	padding: 0;
	background: none;
}

/* ---- VORIGE / VOLGENDE MAAND links ---- */

#datechooser a {
	background: none !important;
}

#datechooser a:hover {
	background: none;
}

#eventinfo {
	border: solid #e5dac0 1px;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 12px;
}

.wx-event-links {
	float: left;
	width: 638px;
	background: url(DesignerImages/pattern-light.gif) repeat;	
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	border-left: solid #e5dac0 1px;	
	border-right: solid #e5dac0 1px;	
	border-bottom: solid #e5dac0 1px;	
}

.wx-event-links ul, 
.wx-event-links li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.wx-event-links li a {
	padding-left: 25px;
}

/* @end */