/*******************************************************************************
 * ALGEMENE STYLESHEET ZORGKANTOOR
 *******************************************************************************
 * DIT STYLESHEET BEVAT ALGEMENE STYLEN VOOR DE WEBSITE
 * VAN HET ZORGKANTOOR (GEDEELTEN VAN) STYLEN DIE VOOR BEIDE DELEN
 * (ZORGVRAGER / PROFESSIONAL) GELDEN.
 *
 * SPECIFIEKE KLEUR COMBINATIES VOOR ZORGVRAGER / PROFESSIONAL
 * IS TE VINDEN IN DE STYLESHEET IN DE APP_THEMES
 *
 *******************************************************************************
 * ZORGKANTOOR (C) 2007
 *******************************************************************************/

html, body
{
	margin: 0;
	padding: 0;
	text-align: center; /* center wrapper div for IE5 */
	font-family:Arial;
	font-size: 10px;
}
body 
{
	background-image: url(../Images/background.gif);
	background-position:left 96px;
	background-repeat:repeat-x;	
}

/* -- headings -- */
h1 { font-size: 1.5em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }

/* -- tables -- */
td { vertical-align:top; }

/* -- pagina breedte -- */

div.pageWrapper
{	
	width: 700px;
	margin: 0px auto; /* auto width margins */
	margin-top: 29px;
}
div.page 
{ 
	text-align: left; /* reset text align from parent */		
}

/* -- header van de pagina, logo zorgkantoor, titel en groot plaatje --*/
#headerSite 
{
	width: 658px;	
	height: 241px;
}
.leftColumn 
{
	float:left;	
	width:403px;
	height:241px;
}
div.headerLeftLogo
{
	height: 35px;
	width: 403px;
	background-image: url(../Images/Zorgkantoor_logo.gif);
	background-repeat: no-repeat;	
}
div.headerTitle
{
	height:32px;
	line-height: 32px;	
	vertical-align:middle;		
	width: 403px;
}
div.headerLargeImage    	           
{
	height: 174px;
	width: 403px;
}

/* -- header rechterkant, subsite, link andere part -- */
div.rightColumn
{
	float:left;
	width:255px;
	height:241px;
}
div.headerRightLink 
{
	width: 214px;
	height: 35px;
	text-align: center;	
	float:left;
}
div.headerRightLink a
{
	display:block;
	vertical-align:middle;
	line-height: 35px;	
	text-decoration:none;
	width: 100%;
	height: 100%;
	font-size:14px;
}
div.headerRightLink span {
	display: block;
	color: #ffffff;
	background-image: url(../Images/pijl_rechts.gif);
	background-repeat:no-repeat;
	background-position: 90% center;
}
div.headerFor2images 
{
	clear:left;
	width: 255px;
	height:174px;
}
div.headerRightImage
{
	width: 214px;
	height: 206px;
	float:left;
}
div.headerSubsite   	        
{
	float:left;
	width: 41px;
	height: 206px;
}
/* -- content section -- */
.contentPart 
{
	float:left;
}
.imgButtons 
{
	float:left;
	margin-top:1px;
	margin-left:1px;
}
.imgButton
{
	padding-bottom:1px;
}
.contentSectionHome 
{
	width: 389px;
	padding: 5px 5px 5px 5px;
	font-size: 1.2em;
}
.contentSectionNormal 
{
	padding: 5px 5px 5px 5px;
	width: 646px;
	font-size: 1.2em;
	min-height:82px;
}
.rightSectionNormalpage
{
	vertical-align:middle;
	width:219px;
	height:48px;
	padding-left:35px;
	border-left:solid 1px #ffffff;
	text-align:center;	
	color:#ffffff;
	font-size:1.1em;
}
/* -- content section homepage :: right section -- */
.rightSectionHomepage 
{
	width:243px;
	padding: 10px 5px 10px 5px;
	text-align:left;
	vertical-align:top;
}
.rightItem 
{
	width:100%;
	margin-bottom:5px;
}
.rightTitle 
{
	font-size: 1.8em;
	margin-top:0px;
}
.rightItemText 
{
	font-size:1.14em;	
}
.rightItemTitle 
{
	font-size:1.32em;
	font-weight:bold;
}
/* -- homepage :: left bottom section -- */
.contentHomeBottom 
{
	width:403px;
	height:228px;
	vertical-align:bottom;
	color:#ffffff;
	border-spacing: 0px;
	padding: 0;
	font-size:11px;
}
#divBottomSectionHome
{
	vertical-align:bottom;
}
.contentHomeBottomTableLeft 
{
	width: 60%;
	padding: 7px 7px 7px 7px;
	vertical-align: top;
}
.contentHomeBottomTableRight 
{
	width: 40%;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
}
.right
{
	text-align: right;
}
.contentHomeBottomTable 
{
	border-collapse: collapse; 
	margin-top:1px;
}
.contentHomeBottomTableTitle
{
	height:20px;
	line-height:20px;
	vertical-align:middle;
	font-size:15px;
	font-weight:bold;	
}

/* -- footer -- */
.footerLeft
{
	text-align:left;
	float:left;
	width:403px;
	height:32px;
}
.footerRight 
{
	margin-left:2px;
	float:left;
	font-size:12px;
	width:253px;
	height: 32px;
	vertical-align:middle;
	text-align: center;
	line-height: 32px;
}
/* normal pages additional stripe*/
.footerLeftStripe 
{
	float:left;
	width: 403px;
	height:18px;
	margin-top:1px;
} 
.footerRightStripe
{
	float:left;
	margin-left:2px;
	width: 253px;
	height:18px;
	margin-top:1px;	
}

/* -- sitemap path -- */
div.SiteMapPath
{
	color:#ffffff;
}
div.SiteMapPath A
{
	color:#ffffff;	
	text-decoration:none;
	font-weight:normal;
}
div.SiteMapPath A:hover
{
	color:#ffffff;	
	text-decoration:underline;
	font-weight:bold;
}
div.SiteMapPath 
{
	color:#ffffff;
	text-decoration:none;
	font-size: 12px;	
	padding:5px;
	margin-bottom:10px;
}

/* -- templates -- */
.fullTable 
{	
	width:100%;
	vertical-align: top;
	text-align:left;
}
.tableLeft
{
	width: 399px;
}
.tableRight
{
	width:251px
}
.background_light
{
	vertical-align: top;
	text-align:left;
	width:100%
}
.gray
{
	width: 100%;
	background-color: #e2e2e2;
}
.contentPageTable
{
	width: 100%;
	text-align:left;
}
.contentPageRight
{
	width: 20%;
	vertical-align:bottom;
	padding-left:5px;
	font-size:0.95em;
}
.contentPageLeft
{
	width: 80%;	
	vertical-align:top;
}
.contentMetLinksPageTable 
{
	width: 100%;
	text-align:left;
}
td.contentMetLinksPageRight
{
	width: 20%;
	vertical-align:bottom;
	text-decoration:none;
	color:#ffffff;
}

div.hrefBox a
{
	display:block;
	color:#ffffff;
	text-decoration:none;
	width: 100%;
	height: 100%;
	padding: 5px 5px 5px 5px;
	background-image: url(../Images/pijl_rechts.gif);
	background-repeat:no-repeat;
	background-position: 80% center;
}
div.hrefBox a:hover
{
	text-decoration:none;	
	color:#ffffff;		
} 
.contentMetLinksPageLeft
{
	width: 60%;	
	vertical-align:top;
}
.contentMetLinksHeading
{
	background-color: #e2e2e2;
	padding: 5px 5px 5px 5px;
	font-weight:bold;
}

/* -- zoeken -- */
.zoekPijl 
{
	color: #ffffff;
	background-image: url(../Images/pijl_rechts.gif);
	background-repeat:no-repeat;
	background-position: 5px center;	
	height:10px;
	padding: 5px 5px 5px 20px;	
}
.zoekPijl A
{
	text-decoration:none;
}

#divShowEditorPane input
{
	border: none;
}
.VersionInformation 
{
	text-align: left;
	font-size:10px;	
}


/* -----------------------------------------------------------------------*/

/* editor */
.divEditorPane
{
	position:absolute;
	right:0px;
	width:245px;
	top:0px;
	background-color: #e2e2e2;
	font-size:small;
	font-family:Arial;
	padding: 5px;
	font-size:12px;
}
/* editor */
.editpaneToggle
{
	position: absolute;
	z-index: 3; 
	right: 20px; 
	bottom: 28px; 
	width: 150px; 
	height: 25px; 
	background-color: #f8fafc;
	border: 1px solid #c0c0c0; 
	padding: 1px 4px 1px 4px;
	color: #a0a0a0;
	font-size:12px;
}

/*general settings*/
.columnsTable
{
	width: 100%;	
}

.columnsTable td 
{
	vertical-align: top;
	padding: 0px;
}

.columnsTable .nextcol 
{
	padding-left: 20px;
}

/***************************************************
 ** MENU LAYOUT ALGEMEEN  - OMGEVING ONAFHANELIJK **
 ***************************************************/
.menu 
{
	/*margin-top:1px; TODO: IE - strange bug: menucontrol has padding of 1*/
}
.menuSection 
{
	width:403px;
	text-align:center;
	vertical-align:top;
	line-height:50px;
	height:50px;
	border-bottom:solid 1px #ffffff;
}
.MenuBar 
{
	height:50px;
	width:100%;
	color:#ffffff;
	
}
.MenuBar table
{
	border-spacing:0px;
}
.StaticMenuItemStyle 
{
	color:#ffffff;
	text-decoration:none;
	font-size: 12px;
}
.StaticHoverStyle
{
	text-decoration:none;
	color:#ffffff;
}
.DynamicMenuStyle 
{	
	color:#ffffff;
	text-decoration:none;
	font-size: 12px;
	text-align:left;			
}
.DynamicMenuItemStyle
{
	color:#ffffff;
	height:25px;
	line-height:25px;		
}
.menuitem
{	
	vertical-align:middle;
	padding: 0px 5px 0px 5px;
}
.MenuItemTopBorder 
{
	border-left:1px solid #ffffff;
}
.menuitem
{	
	vertical-align:middle;
	padding: 0px 5px 0px 5px;
}

.bottomSpace
{
	margin-bottom: 12px;
}

/* misc */
.semitransparant
{
	filter: alpha(opacity=33);
}

table .zorgatlasTable
{
	border-collapse: collapse;
}

td .zorgatlasLabel
{
	width: 120px;
}

.greyed
{
	color: #aaa;
	font-size: 0.85em;
}


/***************************************************
 ** PRINT LAYOUT                                  **
 ***************************************************
 ** WELKE GEDEELTES VAN DE PAGINA MOETEN NIET     **
 ** GETOOND WORDEN                                **
 ***************************************************/

@media print 
{
	#headerSite, #divFooter, #divMenu, #divRightButton, #divBottomSectionHome
	{
		display:none;
	}
	div.contentSectionNormal, div.rightSectionHomepage, td.contentSectionHome 
	{
		border: none;
	}
}
/* ---------------------------------------*/