/*
	Styles voor TWA Website
	Versie:	1.6
	Door:		Elian Ebbing
	Laatste wijziging: 2003-06-23

	Elke template heeft zijn eigen prefix wat betreft stylesheet definitions. Een template mag
	alleen stylesheet definities gebruiken met zijn eigen prefix, of een een algemene definitie
	(zonder prefix). Als een template gebruikt maakt van een algemene definitie, moet dit vermeld
	worden in de lijst hieronder. Een prefix bestaat uit 3 of 4 letters. De definities zien er
	dan als volgt uit (using EBNF notation):

	Element "." Prefix ("-" Name)?					(vb: .tbar, p.tbar, p.tbar-top)

	Externe modules gebruiken stylesheet definities met de prefix van zijn wrapper-template.

	-------------------------------------------------------------------------------------------
	template								functie							prefix			opmerking
	-------------------------------------------------------------------------------------------
	onbekend (all)					Global							<none>			Algemene instellingen voor de site
	breadcrumb.xsl					Breadcrumb					brcr
	documenttitle.xsl				Documenttitle				titl
	topbar.xml							"										"
	page-error.xml					"										"						page-error.xml is geen definitieve template
	eyecatcher.xsl					Eyecatcher					eyec
	factsheet.xml						Factsheet						fact
	textasset.xsl						Factsh. Textasset		text
	icon.xsl								Icon								icon
	leftmenu.xsl						Left menubar				left
	listbox.xsl							Listbox							lbox
	<webcontrol>						Medisch AZ					meaz				Deze style wordt gebruikt door een webcontrol
	newsitem.xsl						NewsItem						news
	sitemap.xml							Sitemap							smap
	simpletext.xsl					Special							spec
	special.xsl							"										"						Special asset = Highlight asset
	homepage.xml						"										"						voor het lege balkje onder de highlights
	tussenpagina.xml				"										"						voor het lege balkje onder de highlights
	themapagina.xml					"										"						voor het lege balkje onder de highlights
	tabbar.xsl							Tabbar							tbar
	sitemap.xml							"										"
	searchpage.xml					Searchpage					zoek
	searchresults.xsl				"										"
	page-error.xml					Error template			fout
	error.xml								"										fout
	<webcontrol>						Statistics					stats				Statistics = Management Info Report
	gezondleven.xml     		Gezond Leven    		gezo				Deze style wordt gebruikt door een module
	-------------------------------------------------------------------------------------------

	Hieronder staan de stylesheet definities gegroepeerd op functie. De kleurendefinities zijn
	opgenomen in founder specifieke stylesheets. Deze stylesheet is niet founder specifiek. Founder
	specifieke definities staan in color.css. Tot nu toe zijn alleen kleur-instellingen founder
	specifiek.
*/


/* Global */

body,html {

}

body
{
	margin: 0px;
	font-family: Verdana;
}

p {
	font-family: Verdana;
	font-size: 11px;
}

.divider2 {
	line-height: 4px;
}

/* bullet en numbered list vertical alignment fix */
ol *, ul * { vertical-align:top; }

li { vertical-align: middle; }

/* Breadcrumb */
td.brcr {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
}
a.brcr {
	text-decoration: none;
}

/* Documenttitle */
td.titl {
	font-family: Verdana;
	font-size: 16pt;
	font-weight: bold;
}

/* Eyecatcher */
.eyecatcher-title {
	/*font-family: Verdana;*/
	font-weight: bold;
	font-size: 16px;	
	padding: 0px;
	margin: 0px;
}

.eyecatcher-text *,
.eyecatcher-text {
	/*font-family: Verdana;*/
	font-size: 12px;	
	/*font-style: italic;*/
	line-height: 15px;
}

td.eyecatcher-title a.eyec {
	/*font-family: Verdana;*/
	font-weight: bold;
	font-size: 14px;
}

/* Error template */
div.fout-head {
	font-family: Verdana;
	font-size: 11px;
	padding-bottom: 20px;
}

td.fout {
	font-family: Verdana;
	font-size: 11px;
	padding: 4px;
}

a.fout {
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}

/* Factsheet */
div.fact-title *,
div.fact-title {
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	padding-bottom: 5px;
}

a.fact {
	text-decoration: none;
	font-family: Verdana;
	font-size: 11px;
}

a.fact-toc {
	text-decoration: none;
	font-family: Verdana;
	font-size: 12px;
}

a.fact-meer {
	font-size: 12px;
/*	padding-left: 2px;*/
	line-height: 15px;
	text-decoration: none;
}

div.fact {
	font-family: Verdana;
	font-size: 11px;
}

div.fact-meer {
	font-weight: bold;
	font-size: 13px;
	padding: 0px;
	margin: 0px;
}

td.fact-meer {
	padding: 0px;
	margin: 0px;
	padding-right: 10px;
	padding-top: 10px;
}

ul.fact-meer li {
	margin-bottom: 0px;
}

ul.fact-meer {
	padding: 5px 0px 15px 0px;
	margin: 0px;
	margin-left: 0px;
}

/* Factsh. Textasset */
div.text-title {
	margin-top: 12px;
	margin-bottom: 0px;

	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
}

ul.text {
	font-family: Verdana;
	font-size: 12px;
}

p.text {
	font-family: Verdana;
	font-size: 12px;
}

div.text {
	font-family: Verdana;
	font-size: 12px;
	padding-left: 2px;
}

a.text {
	text-decoration: none;
}

table.showborder {
	border-collapse: collapse;
	margin-top: 4px;
	border-left-style: solid;
	border-top-style: solid;
	border-left-width: 2px;
	border-top-width: 2px;
}

table.hideborder {
	border: none;
}

table.showborder td {
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-width: 2px;
	border-bottom-width: 2px;
	font-size: 11px;
	padding: 2px;
	padding-left: 4px;
	padding-right: 6px;
	text-align: left;
	vertical-align: center;
}

td.hideborder {
	padding: 2px;
	padding-right: 5px;
	text-align: left;
	vertical-align: center;
}

/* Left menubar */
table.left
{
	background-repeat:no-repeat;
}

p.left {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
}

a.left {
		text-decoration: none;
}

td.left-spec {
	font-family: Verdana, Verdana;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

a.left-spec {
	text-decoration: none;
}


/* Medisch AZ */
div.meaz-head {
	font-family: Verdana;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}

div.meaz-sect {
	font-family: Verdana;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 3px;
}

div.meaz-item {
	font-family: Verdana;
	font-size: 13px;
}
div.meaz-grouptitle {
	font-size: 12pt;
}

a.meaz {
	text-decoration: none;
}

/* NewsItem */
p.news {
	font-family: Verdana;
	/* font-size: 12px; */
	font-size: 8.4pt;
	line-height: 15px;
}

a.news {
	font-family: Verdana;
	/* font-size: 12px; */
	/*font-size: 8.4pt;
	text-decoration: none;*/
}

a.news-head,
p.news-head {
	font-family: Verdana;
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
}

a.news-head {
	text-decoration: none;
}

/* Searchpage */
p.zoek-pagehead {
	font-family: Verdana;
	font-size: 14pt;
	font-weight: bold;
}

div.zoek-head
{
	font-family: Verdana;
	font-size: 13px; /* dit weet ik niet zeker */
	font-weight: bold;
}

a.zoek-head
{
	text-decoration: none;
}

a.zoek-head:hover
{
	text-decoration: underline;
}

.zoek
{
	font-family: Verdana;
	font-size: 11px; /* dit weet ik niet zeker */
}

div.zoek-bar {
	font-family: Verdana;
	font-size: 11px;
	padding: 3px;
}

p.zoek-goto {
	font-family: Verdana;
	font-size: 11px;
}

a.zoek-goto {
	text-decoration: none;
}

/* Sitemap */
table.smap-secthead {
	background-image: url(/img/section_head_bg.gif);
	background-repeat: repeat-x;
}

td.smap-chapter {
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
	font-family: Verdana;
	font-size: 11px;
}

a.smap {
	text-decoration: none;
	font-weight: bold;
}

/* Special */
table.spec {
	margin-bottom: 1px;
}

td.spec {
	font-family: Verdana;
	font-size: 11px;
	padding-bottom: 0px;
	padding-top: 0px;
}

td.spec-header {
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	vertical-align: bottom;
}

td.spec-image {
	padding-top: 10px;
}

a.spec {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

/* Tabbar */
td.tbar-active {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
}
a.tbar {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

/* Themepage */
/* De themepage styles bevatten alleen maar kleurendefinities */

/* Statistics (Management Info Report) */
input.stats-date {
	/* date value */
  border-style: outset;
  border-width: 1;
	font-family: Verdana;
	font-size: 11px;
	text-align: center;
	width: 141px;
}

input.stats-date-button {
	/* date button*/
  border-style: outset;
  border-width: 1;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	text-align: center;
	width: 30px;
}

input.stats-button {
	/* standard stats button*/
  border-style: outset;
  border-width: 1;
	font-family: Verdana;
	font-size: 11px;
	height: 20px;
	text-align: center;
	width: 105px;
}

input.stats-login {
	/* login value */
  border-style: outset;
  border-width: 1;
	font-family: Verdana;
	font-size: 11px;
	padding-left: 5px;
	width: 200px;
}

input.stats-login-button {
	/* login value */
  border-style: outset;
  border-width: 1;
	font-family: Verdana;
	font-size: 11px;
	height: 20px;
	text-align: center;
	width: 100px;
}

input.stats-login {
	/* login value */
	border-style: outset;
	border-width: 1;
	font-family: Verdana;
	font-size: 11px;
	padding-left: 5px;
	width: 200px;
}

input.stats-login-button {
	/* login value */
	border-style: outset;
	border-width: 1;
	font-family: Verdana;
	font-size: 11px;
	height: 20px;
	text-align: center;
	width: 100px;
}

select.stats {
	/* dropdown lists */
	font-family: Verdana;
	font-size: 11px;
	width: 175px;
}

span.stats-text {
	/* labels */
	font-family: Verdana;
	font-size: 11px;
}

td.stats-cell  {
	/* grid cell */
	font-family: Verdana;
	font-size: 11px;
	padding-left: 5px;
}

td.stats-header {
	/* grid header */
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	padding-left: 5px;
}


/* Enquete Gezond leven */
.gezo-content
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}

.gezo-contentsmall
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial
}

.gezo-contenttitel
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    FONT-FAMILY: Arial
}
.gezo-smalllink
{
    FONT-SIZE: 11px;
    CURSOR: hand;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}

.gezo-colomheader
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial;
}

.gezo-linkpassed
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial;
}

.gezo-linkcurrent
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial;
}

.gezo-linkfuture
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial;
}

/* Form Engine */
td.news-head {
	font-family: Verdana;
	font-size: 12px;
	font-weight: 600;
	padding-top: 10px;
}

td.text {
	font-family: Verdana;
	font-size: 12px;
}

td.formlabel {
	font-family: Verdana;
	font-size: 8pt;
}

p.fact-title {
	font-family: Verdana;
	font-size: 15pt;
	font-weight: bold;
	line-height: 22px;
}

p.fact-title p.news-head {
	padding-top: 10px;
}

/* buttonbar menu */

.buttonbar-container {
	background-image: url(/img/buttonbar_background.jpg);
	background-repeat: repeat-y;
	width: 82px;
	vertical-align: top;
}

.buttonbar {
	padding: 0px 9px 3px 9px;
	margin: 0px;
	background-image: url(/img/buttonbar_top_background.jpg);
	background-repeat: no-repeat;
}

.button-home {
	padding: 10px 0px 30px 30px;
	margin: 0px;	
}

.topmenu-container {
	background-image: url(/img/background_top.jpg);
	background-repeat: repeat-y;	
}

H1,
H2,
H3,
H4,
H5,
H6,
H7 {
	padding: 0px;
	margin: 0px;
}

H2.topmenu {
	padding: 5px 0px;
	margin: 0px;
	font-size: 16px;
}

H2.brcr {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	display: inline;
}


H3 {
	padding: 5px 0px;
	margin: 0px;
	font-size: 16px;
}

.themaimage {
	text-align: center;
	width:100%;
}

.breadcrumb {
	background-image: url(/img/background_breadcrums.jpg);
	background-repeat: repeat-y;			
}

.content-gezondheid {
	background-image: url(/img/background_gezondheid.jpg);
	background-repeat: repeat-y;				
}

/* **** ICON **** */

.icon ol {
	margin: 0px;
	padding: 0px;
	margin-left: -2px;
	list-style-position: inside;
}

.icon ul {
	margin: 0px;
	padding: 0px;
	margin-left: -2px;
	list-style-position: inside;
}

.icon li {
	font-weight: normal;
}

.icon li a {	
	cursor: hand;
	width: 100%;
	font-de
}

.icon a {
	text-decoration: none;
	cursor: hand;
}

/* **** MARGIN LIST **** */

.margin-list-item ul,
.margin-list-item ol {
	margin: 0px;
	padding: 0px;
	margin-left: 52px;
	list-style-position: inside;
}

.margin-list-item li {
	font-weight: normal;
}

.margin-list-item li a {
	text-decoration: none;
	cursor: hand;
}

.margin-list-item a {
	text-decoration: none;
	cursor: hand;
}

/* **** MARGIN TEXT **** */
.margin-list-header,
.margin-text-header {
	font-weight: bold;
	font-size: 13px;
	padding: 0px 0px 3px 2px;
}

.margin-text-item a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

.margin-text-item ol {
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
}

.margin-text-item ul {
	margin: 0px;
	padding: 16px;
	list-style-position: outside;
}

.margin-text-item li {
	font-weight: normal;
}

/* ********************* */

.margin-text-item p,
.margin-list-item p,
.highlight-text p,
.margin-text-item *,
.margin-list-item *,
.highlight-text * {
	font-size: 12px;
	line-height: 15px;
}

.button-text,
.margin-text-item,
.margin-list-item,
.highlight-text {
	font-size: 12px;
	padding-left: 2px;
	line-height: 15px;
}

.highlight-header a,
.highlight-title a {
	cursor: hand;
	text-decoration: none;
}

.highlight-header {
	font-size: 13px;
	font-weight: bold;
	padding: 7px 0px 0px 0px;
}

.button-title,
.highlight-title {
	font-size: 13px;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
}

/* ********************* */
.button-image {
	padding: 0px 0px 3px 0px;
	margin: 0px;
}

.homepage .news-title {
	font-style: normal;
	font-size: 20px;
	padding-bottom: 2px;
	font-weight: bold;
}

.news-title {
	font-style: normal;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;	
}

H1.news-title {
	padding: 0px;
	margin: 0px;	
}

.homepage .richtext-container p,
.homepage .richtext-container {
	font-size: 12px;
	line-height: 14px;
	font-style: italic;
	font-weight: normal;
	padding-top: 2px;	
}



.page-title *,
.page-title {
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
}

.titleinline {
	font-size: 12px;
	font-weight: bold;
	line-height: 17px;
}


.readmore {
	padding: 0px;
	margin: 0px;
	vertical-align: bottom;	
}
.readmore a{
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
}

a.readmore
{	
	text-decoration:underline;
}

 .basepage {
	background-image: none;
}


h2.simpletext-title {
	font-size: 16px;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
}

/********************************* 
* page : My Page		 			*
* ------------------------------ *
* default page styles				*
* page specific asset alteration	*
*********************************/

#myPage {
	padding: 0px;
	margin: 0px;
}

#myPage .highlight-header {
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
}

#myPage .highlight-text{
	font-size: 12px;
	line-height: 15px;
}

#myPage .theme-highlights {
	padding: 5px 5px 5px 5px;
	border-bottom: 2px solid;
}

#myPage #sidebar {
	padding-top: 15px;
	vertical-align: top;
	padding-left: 10px;
	width:220px;
}

#mypage #kolom1 {
	margin-top: 15px;
}

#mypage .margin-list-item,
#mypage .margin-text-item,
#mypage .margin-text-item li {
	padding: 0px;
	margin: 0px;
	margin-left: -16px;
}

#mypage .margin-text-item ul {
	padding-top: 0px;
	margin-top: 0px;	
}

#myPage .margin-list-header,
#myPage .margin-text-header {
	padding-left: 0px;
	margin-left: -2px;
}

/********************************* 
* page : My Page Welcome 			*
* ------------------------------ *
* default page styles				*
* page specific asset alteration	*
*********************************/

#myPageWelcome {
	padding-left: 20px;
}

#myPageWelcome .page-title {
	padding-bottom: 12px;
	padding-top: 25px;

}

/********************************* 
* asset : Faq							*
* ------------------------------ *
* default asset styles				*
*********************************/
.faq-answer {
	color: white;
	padding: 8px;
	font-family: Verdana;
	font-size: 12px;
}

.faq-arrow {
	width: 24px;
}

.faq-container {
	line-height: 15px;
	margin-top: 10px;
}

.faq-container-hi {
	line-height: 15px;
	margin-top: 10px;
	width: 100%;
}

.faq-container {
	cursor: hand;
}

.faq-container-hi {
	display: none;
}
@media print {
	.faq-container-hi {
		display: block;
	}
}

.faq-question {
	font-size: 10pt;
	font-weight: normal;
}

.faq-container-hi .faq-question {
	background-position: right top;
	background-repeat: no-repeat;
	font-size: 10pt;
	font-weight: bold;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-top: 2px;
}

/*** LEGACY ***/
td.eyec {
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
}

td.eyec a.eyec {
	font-family: Verdana;
	font-weight: bold;
	font-size: 14px;
}

img.eyec {
	margin-right: 10px;
}

a.eyec {
	font-family: Verdana;
	font-size: 12px;
	text-decoration: none;
}

.highlight-text,
.margin-list-item,
.margin-text-item {
	padding: 0px 0px 10px 2px;
}

.bg-asset-divider {
	margin: 0px;
	padding: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
}

/* legacy */

.fact-meer-header {
	font-size: 10pt;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 35px;
}

.fact-meer-container {
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	width: 100%;
}

.fact-meer a {
	text-decoration: none;
/*	height: 10px;*/
}

.fact-meer {
	font-size: 12px;
/*	height: 10px;*/
	padding: 0px;
	padding-left: 5px;
	margin: 0px;
}

.navigation-right {
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 36px;
	width: 225px;
}

#virtueleoogartsthema td.fact-meer {
	padding: 0px 0px 0px 5px;
	margin: 0px;
}

#virtueleoogartsthema .highlight-header,
#virtueleoogartsthema .highlight-text {
	padding-left: 20px;
	padding-right: 10px;
}


/**************** Wem styles ******************/
.wem_question, .wem_finished_message, .wem_text
{
	font-size: 12px;
	font-family: Verdana;
}

a.wem_text
{
	font-size: 12px;
	text-decoration: none;
	font-family: Verdana;
}

.wem_answerlink
{
	font-size: 12px;
	text-decoration: none;
	font-family: Verdana;
}

.wem_heading1
{
	font-size: 16pt;
	font-weight: bold;
	padding-top: 10px;
}

.wem_heading2
{	font-size: 15px;
	font-weight: bold;
	padding-top: 5px;
}

/********************************************/

/****************tell a friend*****************/

div.tellafriend-sendbutton {	
	background-image: url(/img/btn_send.gif);
	background-repeat: no-repeat;	
	cursor: hand;
	cursor: pointer;
	height: 12px;	
	width: 57px;
}

td.tellafriend-button {
	text-align: right;
}

td.tellafriend-label {
	font-size: 12px;
	height: 27px;
	vertical-align: top;
	width: 150px;
}

td.tellafriend-value input {
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
	height: 22px;
	margin: 0px 5px 0px 2px;
	padding-left: 4px;
	width: 220px;
}

td.tellafriend-value textarea {
	font-family: Arial;	
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
	height: 85px;
	margin: 0px 5px 0px 2px;
	padding-left: 4px;
	width: 220px;
}

td.tellafriend-title {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 20px;
}

td.tellafriend-title {	
	font-size: 16px;
	font-weight: bold;
}

.content-afsluiter {
	background-color: #ff9c08;
}

/**********************************************/


.new_thema_top
{
	border-bottom: 1px solid #AAAAAA;
}

div.flashplayer
{
    margin-top:20px;
}

.trimbos-summary
{
    font-size:12px;
}
