/* Css style sheet www.kijkindezorg.nl */
/* general */
body{
	font-family: Arial, Helvetica, sans-serif; color: #333333 ;
	font-size: 10pt;
	color:	#006699;
	background: url(/gfx/background.gif);
	padding:0px;
	margin:0px;
}

a:active, a:link, a:visited{
	color: #006699;
	text-decoration:underline;
	font-weight:bold;
}
a:hover {
	color: #339900;
	text-decoration:underline;	
}

/* Leftside */
.leftContent{
	position:absolute;
	top:0px;
	left:1px;
	width:415px;
	height:600px;
	background: url(/gfx/menuBackground.jpg);	
	background-repeat:no-repeat;
	background-position:left top;
}
.leftContent .menu{
	position:relative;
	top: 33px;
	left:146px; 
	width:300px;
	height: 25px;
}
.leftContent .menu a{
	padding-left:0;
	margin-right:-4px;

}
.leftContent .menu a.firstLink{
	padding-left:0;
	margin-right:-4px;
	background: none;
}
.leftContent .testemonial{
	position: relative;
	top:226px;
	left:105px;
	background: url(/gfx/blueSkware.gif);
	width:315px;
	float:left;
}

.leftContent[class] .testemonial{
	top:236px;
	left:105px;
}
.testemonial .testemonialContent{
	margin:20px 0 0 0;
	width:280px;	
}
.testemonialContent a:link, .testemonialContent a:active, .testemonialContent a:visited{
	color:#66CCFF;
}
.testemonialContent a:hover{
	color:white;
}
.testemonial div.T{
	margin:0 0 0 10px;
	float:left;
	width: 280px;
	background: url(/gfx/testemonial_T.jpg) no-repeat;
}

.testemonial .T img{
	margin:15px 0 0 15px;
	float:left;
	background: #FFF;
}
.testemonial .B{
	margin:0 0 0 10px;
	width: 280px;
	height:15px;
	background: url(/gfx/testemonial_B.jpg) no-repeat;
	float:left;
}
.testemonial[class] div.T, .testemonial[class] .B{
	margin:0 0 0 19px;
}

.testemonial .content{
	width: 248px;
	margin:0 0 0 2px;
	padding: 2px 30px 0 32px;	
	color:white;
	line-height:140%;
	float:left;
	display:inline;
	background: url(/gfx/blueSkwareline.gif) repeat-y;		
}
.testemonial .content p{
		margin-top:0;
}
.testemonial .content a{
	
}

.testemonial .testemonialEnd{
	float:left;
	width:100%;
	height:20px;
	background: url(/gfx/blueSkware_end.gif) no-repeat;
	clear:both;
	margin:2px 0 -4px 0px;
}


/* ****************************** right side ************************ */
.rightContent{
	width:455px;
	position:absolute;
	top:25px;
	left:425px;
/*	height: 600px;*/
	background: url(/gfx/dotlineGreen2.gif) left bottom  no-repeat;
}
.rightContent[class]{
	background: url(/gfx/dotlineGreen.gif) 20px bottom  no-repeat;
}
.rightContent .unselected{
	width:225px;
	height:60px;
	float:left;
	
}
.rightContent div.selected{
	width:225px;
	height:60px;
	float:left;
	background: url(/gfx/rightSelected.gif) no-repeat;
	
}
.rightContent .rightMenuBlock{
	width:450px;
	height:180px;
	float:left;
	margin:-10px 0 0;
}
.rightContent .rightMenuBlock ul{
	list-style:none;
	padding:0;
	margin:10px 29px 0 30px;	
}
.rightContent .rightMenuBlock ul li{
	padding-left: 30px;
	color: white;
	line-height:204%;
	font-size: 11pt;
	background: url(/gfx/dotlineBlue.gif) top left repeat-x;
	margin:2px 0;
}
.rightContent[class] .rightMenuBlock ul li{
	margin:0;
}
.rightContent .rightMenuBlock ul li a:link, .rightContent .rightMenuBlock ul li a:active, .rightContent .rightMenuBlock ul li a:visited {
	text-decoration:none;
}
.rightContent .rightMenuBlock ul li a:hover{
	text-decoration:none;
}
/* IE */
.rightContent .rightMenuBlock ul li a.selected{ margin-left: -5px; color:#006699; }
/* FF */
.rightContent[class] .rightMenuBlock ul li a.selected{ margin-left: 0; }

.rightContent .rightMenuBlock ul li a{	color: white;	}
.rightContent .rightMenuBlock ul li a:hover{ color:#66CCFF; }
.rightContent .rightMenuBlock ul li.First{
	background:none;
}
.rightContent .rightMenuBlock ul li div.selected{
	position:relative;
	width:18px;
	height:20px;
	left: -32px;
	margin-right:-45px;
	background: url(/gfx/arrow.gif) left bottom no-repeat;
}
.rightContent[class] .rightMenuBlock ul li div.selected{
	position:relative;
	width:18px;
	height:20px;
	left: -32px;
	margin-right:-40px;
}
/* ************************* Content ************************ */
.rightContent .content{
	float:left;
	margin:30px 50px 30px 15px;
	line-height:140%;
	height:270px;
}
.rightContent[class] .content{
	margin:30px 35px 30px 30px;
	min-height:270px;
	height:auto;
}
.rightContent .content H1{
	color: #339900;
	font-size:14pt;
	padding:0;
	margin:0;
}
.rightContent .content .sitemap a{
	text-decoration:none;
}
.rightContent .content ul.sitemap{
	margin: 0;
	padding:0;
	list-style:none;
}
.rightContent .content ul.sitemap ul{
	margin: 0;
	padding:0px 10px 10px;
}
.opendag{
	position:absolute;
	top:680px;
	left:250px;
	overflow:hidden;
	width:480px;
	
}
.opendag a{
	text-decoration:none;
	border-bottom: 3px solid #0099CC;
}
.opendag a:hover{
	border-bottom: 3px solid #339900;
}