﻿/*============================== HTML ==============================\*/
html{
	height:100%;
	}

body{
	background:#FFF url(../gfx/body_bottom_verloop.gif) bottom left repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#777;
	margin:0;
	padding:0;
	min-height:100%;
	height:100%;
	}

body.home{
	background:#FFF url(../gfx/body_bottom_verloop.gif) bottom left repeat-x;
	}

img{
	border:none;
	}
a {
	text-decoration:none;
	color:#9a141b;
	}
a.formopen{
	text-decoration:none; float:right; margin:417px 46px 0 0px;
}
	
a.bag,
a.bagHome {
	width:35px;
	height:39px;
	position:absolute;
	bottom:5px;
	left:899px;
	background:transparent url(../gfx/bag-logo.png) top left no-repeat;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/bag-logo.png', sizingMethod='image');
}
a.bag {
	left:920px;
	z-index:999;
}
	
table td {
	vertical-align:top;/*050208*/
}

/*============================== Layout ==============================\*/

.backDecoration{
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../gfx/back_decoration02.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/back_decoration02.png', sizingMethod='image');
	width:322px;
	height:625px;
	}
	
body.home .backDecoration{
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../gfx/back_decoration.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/back_decoration.png', sizingMethod='image');
	width:600px;
	height:625px;
	}
	
.container{
	min-height:100%;
	_height:100%;
	width:100%;
	position:relative;
	}
	
.frontDecoration{
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../gfx/front_decoration.png); 
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/front_decoration.png', sizingMethod='image');
	width:900px;
	height:825px;
	}
.homePhoto{
	position:absolute;
	top:109px;
	left:92px;
	background-image:url(../gfx/home_photo.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/home_photo.png', sizingMethod='image');
	width:425px;
	height:332px;
	}


.logoSMC{
	position:absolute;
	top:25px;
	left:103px;
	background-image:url(../gfx/logo_smc_yz.png);
	
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/logo_smc_yz.png', sizingMethod='image');
	width:200px;
	height:69px;
	}

.content{
	position:absolute;
	background-color:#FFF;
	top:450px;
	left:92px;
	width:425px;
	}
	.content span{
		display:block;
		margin:0 10px 0 10px;
		}
	.content b{
		color:#9a141b;
		}

.subContent{
	position:absolute;
	background:url(../gfx/sub_content_border_y.gif) top left repeat-y;
	/*top:86px;*/
	top:0px;
	margin-top:86px;
	left:322px;
	width:589px;
	}
	.subContent .margin{
		display:block;
		margin:0 15px 0 15px;
		padding-bottom:36px;
		}
	.subContent b{
		color:#9a141b;
		}

.breadcromb {
	margin:0 0 0 15px;
	font-size:11px;
	padding:0 0 15px 0;
}

.subContentBorder{
	position:absolute;
	top:54px;
	left:322px;
	width:589px;
	height:32px;
	background:url(../gfx/sub_content_border.gif) top left no-repeat;
	}

.routeKaart {
	margin:0px 0px 10px 15px;
	}
	.headerText{
	position:absolute;
	top:55px;
	left:525px;
	width:400px;
	}
	
.homeLeft{
	position:absolute;
	left:92px;
	top:30%;
	height:70%;
	width:425px;
	background-color:#FFF;
	}
.homeRightBlock{
	background-color:#FFF;
	height:200px;
	}
.subVulling{
	position:absolute;
	background:#FFF url(../gfx/sub_content_border_y.gif) top left repeat-y;
	top:15%;
	height:85%;
	left:322px;
	width:589px;
	}
	
.navigation{
	position:absolute;
	top:0px;
	/*left:462px;*/
	left:548px;
	height:26px;
	}
	.navigation a{
		display:block;
		padding:5px 0 0 10px;
		background:url(../gfx/nav_button.gif) 0px 0px no-repeat;
		text-align:left;
		text-decoration:none;
		margin-left:6px;
		height:26px;
		width:80px;
		float:left;
		color:#FFF;
		}
	.navigation a:hover{
		background-position:-250px 0px;
		text-decoration:underline
		}
	
	body.home .navigation a.home{background-position:-250px 0;}
	body.contact .navigation a.contact{background-position:-250px 0;}
	body.route .navigation a.route{background-position:-250px 0;}
	body.over .navigation a.over{background-position:-250px 0;}


.rightMenu{
	position:absolute;
	top:122px;
	left:920px;
	}
.rightMenu div a {
	display:block;
	width:100px;
	height:30px;
	}
.rightMenu div div {
	display:none;
	width:100px;
	height:30;
	}
	
.fitblijvers,
.patienten,
.verwijzers,
.sporters,
.werkgevers {height:30px;}
	
.fitblijvers .visual {background:#ec7009;}
.patienten .visual {background:#e86014;}
.verwijzers .visual {background:#c03a18;}
.sporters .visual {background:#a02027;}
.werkgevers .visual {background:#FF0000;}
	
	
.visual {height:25px;}
.visual img {display:none;}
	
/* .fitblijvers a {
	background:#ec7009 url(../gfx/menu_fitblijvers.png) top left no-repeat;
	}
.patienten a {
	background:#e86014 url(../gfx/menu_patienten.png) top left no-repeat;
	}
.verwijzers a{
	background:#c03a18 url(../gfx/menu_verwijzers.png) top left no-repeat;
	}
.sporters a{
	display:block;
	background:#a02027 url(../gfx/menu_sporters.png) top left no-repeat;
	}
.werkgevers a{
	height:30px;
	background:transparent url(../gfx/menu_werkgevers.png) top left no-repeat;
	} \*/
	
body.sporters .sporters .visual{height:100px;}
body.sporters .sporters .visual img {display:block;}

.homeButtons {
	background:url(../gfx/buttons_back.gif) no-repeat;
	position:absolute;
	top:173px;
	overflow:hidden;
	left:403px;
	width:550px;
	height:129px;
	white-space:nowrap;
	text-align:left;
	padding-left:7px;
	}
	
	.homeButtons a {
		position:relative;
		display:block;
		width:100px;
		float:left;
		margin-top:6px;
		margin-right:7px;	
		}

.leftMenu{
	position:absolute;
	top:120px;
	left:92px;
	width:230px;
	height:400px;
	}
body.contact div.leftMenu {
	background:url(../gfx/menu_contact.gif) bottom left no-repeat;
	}
body.route div.leftMenu {
	background:url(../gfx/menu_route.gif) bottom left no-repeat;
	}
body.over div.leftMenu {
	background:url(../gfx/visual_links_8.gif) bottom left no-repeat;
	}
	
	
	
	
body.programma div.leftMenu {
	background:url(../gfx/visual_links_1.gif) bottom left no-repeat;
	}
body.vergoeding div.leftMenu {
	background:url(../gfx/visual_links_12.gif) bottom left no-repeat;
	}
body.werkwijze div.leftMenu {
	background:url(../gfx/visual_links_10.gif) bottom left no-repeat;
	}
body.verwijzer div.leftMenu {
	background:url(../gfx/visual_links_3.gif) bottom left no-repeat;
	}
body.vergoeding div.leftMenu {
	background:url(../gfx/visual_links_2.gif) bottom left no-repeat;
	}
body.vergoeding2 div.leftMenu {
	background:url(../gfx/visual_links_7.gif) bottom left no-repeat;
	}
body.advies div.leftMenu {
	background:url(../gfx/visual_links_15.gif) bottom left no-repeat;
	}	
body.klachten div.leftMenu {
	background:url(../gfx/visual_links_14.gif) bottom left no-repeat;
	}
body.verzuim div.leftMenu {
	background:url(../gfx/visual_links_16.gif) bottom left no-repeat;
	}	
body.medisch div.leftMenu {
	background:url(../gfx/visual_links_5.gif) bottom left no-repeat;
	}	
body.verzuim2 div.leftMenu {
	background:url(../gfx/visual_links_17.gif) bottom left no-repeat;
	}	
	
.leftMenuList{
	background:url(../gfx/left_menu_top.gif) left top no-repeat;
	}
	.leftMenuList ul{
		position:relative;
		top:15px;
		list-style:none;
		padding:0;
		margin:0;
		color:#FFF;
		font-weight:bold;
		}
		.leftMenuList ul li{
			display:block;
			margin:10px 0 0 20px;
			}
			.leftMenuList ul li a{
				color:#FFF;
				}
.leftMenuBottom{
	background:url(../gfx/left_menu_bottom.png) top left no-repeat;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/left_menu_bottom.png', sizingMethod='image');
	width:230px;
	height:36px;
	}
		
.frame{
	background-image:url(../gfx/frame.png);
	position:absolute;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/frame.png', sizingMethod='image');
	width:430px;
	height:333px;
	top:173px;
	left:403px;
	}
	
.homeRight{
	background:#e85f0f url(../gfx/home_right_verloop.gif) bottom left repeat-x;
	position:absolute;
	left:517px;
	width:425px;
	height:100%;
	}
	
.footer{
	position:absolute;
	background:#e85f0f;
	bottom:0px;
	left:323px;
	height:36px;
	width:587px;
	background:transparent url(../gfx/bag-logo.gif) bottom left no-repeat
	}
	
body.home .footer {
	background:none;
	color:#FFF;
	left:517px;
	height:27px;
	width:425px;
	font-size:10px;
	}
	.footer .margin{
		display:block;
		margin:0 10px 0 10px;
		}
		.footer .margin a{
			text-decoration:none;
			color:#FFF;
			}
		.footer .margin a:hover{
			text-decoration:underline;
			}

/*============================== Layers ==============================\*/
.homePhoto{z-index:30;}

.logoSMC{z-index:20;}

.content{z-index:150;}

.backDecoration{z-index:5;}

.frontDecoration{z-index:100;}

.homeLeft{z-index:10;}

.homeButtons{z-index:400}

.frame{z-index:110;}

.footer{z-index:500;}

.headerText{z-index:150}

.navigation {z-index:600;}

.leftMenu {z-index:10;}

.subContent{}


