/* Developed by U-Lab - www.u-lab.nl */

BODY {
	background-color:							#11C2D2;
    color:										#333333;
	
	font-family:								verdana, arial, sans-serif;
	font-weight:								normal;
	font-style:									normal;
	font-size: 									12px;

	margin-top:									45px;
	margin-bottom:								0px;
	margin-left:								0px;
	margin-right:								0px;

	text-align:									center;
}

IMG {
	border:										none;
}

P {
	margin-bottom:								10px;	
	margin-top:									10px;
	margin-left:								0px;
	margin-right:								0px;
}

h1
{
	font-size: 12px;
	font-weight: bold;
}

/* Lay-out */
#frame {
	background-image:							url('../images/bg_alpha2.gif');
	background-repeat:							repeat-y;

	margin:										0 auto;
	position:									relative;
	width:										765px;
	height:										703px;
	
	text-align:									left;
}

#frame #top {
	background-color:							#FFFFFF;

	width:										760px;
	height:										40px;
}

#frame #logo {
	position:									absolute;
	top:										40px;
	left:										0px;

	width:										165px;
	height:										32px;
	text-align:									right;
	
	padding-top:								8px;
	padding-right:								10px;
}
#frame #logo a:link{
text-decoration:none;
color:#FFFFFF;

}
#frame #logo a:active{
color:#666666;
text-decoration:none;
}
#frame #logo a:visited{
color:#FFFFFF;

}

#frame #content {
    color:										#333333;

	position:									relative;
	top:										40px;
	left:										0px;
	
	width:										762px;
	
	border-right:								2px #005A72 solid;
}

#frame #content .klanten_sub {
	font-size:									12px;
	line-height:								24px;
	
	color:										#00B3E3;
}

#frame #content .klanten_sub_overige {
	padding-top:								25px;
	font-size:									12px;
	
	color:										#00B3E3;
}

/* Navigation */
#frame #mainmenu {
	background-color:							#FFFFFF;
    color:										#333333;

	padding-top:								15px;
	padding-bottom:								15px;
	padding-left:								20px;
	padding-right:								20px;
	
	position:									absolute;
	top:										40px;
	left:										175px;

	width:										545px;
	height:										10px;
}

#frame #mainmenu .active {
	background-image:							url('../images/mainmenu_active.gif');
	background-repeat:							no-repeat;
	
	padding-top:								0px;
	padding-bottom:								0px;
	padding-left:								20px;
	padding-right:								5px;

	float:										left;
}

#frame #mainmenu .active a:link					{color: #333333; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 12px; text-decoration: none;}
#frame #mainmenu .active a:active				{color: #333333; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 12px; text-decoration: none;}
#frame #mainmenu .active a:visited				{color: #333333; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 12px; text-decoration: none;}
#frame #mainmenu .active a:hover				{color: #A6A6A6; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 12px; text-decoration: none;}

#frame #mainmenu .inactive {
	margin-top:									0px;
	margin-bottom:								0px;
	margin-left:								20px;
	margin-right:								5px;

	float:										left;
}

#frame #mainmenu .inactive a:link				{color: #333333; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 12px; text-decoration: none;}
#frame #mainmenu .inactive a:active				{color: #333333; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 12px; text-decoration: none;}
#frame #mainmenu .inactive a:visited			{color: #333333; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 12px; text-decoration: none;}
#frame #mainmenu .inactive a:hover				{color: #A6A6A6; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 12px; text-decoration: none;}

#frame #content #submenu {
	margin-top:									40px;
	margin-bottom:								0px;
	margin-left:								0px;
	margin-right:								0px;

	position:									absolute;
	top:										0px;
	left:										25px;
	overflow:									hidden;

	width:										150px;
	text-align:									right;
	line-height:								24px;
}

#frame #content #submenu .active a:link			{color: #4D4D4D; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 12px; text-decoration: none;}
#frame #content #submenu .active a:active		{color: #4D4D4D; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 12px; text-decoration: none;}
#frame #content #submenu .active a:visited		{color: #4D4D4D; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 12px; text-decoration: none;}
#frame #content #submenu .active a:hover		{color: #333333; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 12px; text-decoration: none;}

#frame #content #submenu .inactive a:link		{color: #A6A6A6; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 12px; text-decoration: none;}
#frame #content #submenu .inactive a:active		{color: #A6A6A6; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 12px; text-decoration: none;}
#frame #content #submenu .inactive a:visited	{color: #A6A6A6; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 12px; text-decoration: none;}
#frame #content #submenu .inactive a:hover		{color: #333333; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 12px; text-decoration: none;}

#frame #content #news {
	position:									absolute;
	top:										85px;
	left:										25px;
	overflow:									hidden;

	width:										150px;
	height:										320px;
	text-align:									right;
}

#frame #content #news .active {
	margin-top:									15px;
	margin-bottom:								0px;
	margin-left:								0px;
	margin-right:								0px;

	line-height:								15px;
}

#frame #content #news .active a:link			{color: #00B3E3; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: none;}
#frame #content #news .active a:active			{color: #00B3E3; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: none;}
#frame #content #news .active a:visited			{color: #00B3E3; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: none;}
#frame #content #news .active a:hover			{color: #00B3E3; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: underline;}

#frame #content #news .inactive {
	margin-top:									15px;
	margin-bottom:								0px;
	margin-left:								0px;
	margin-right:								0px;

	line-height:								15px;
}

#frame #content #news .inactive a:link			{color: #00B3E3; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: none;}
#frame #content #news .inactive a:active		{color: #00B3E3; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: none;}
#frame #content #news .inactive a:visited		{color: #00B3E3; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: none;}
#frame #content #news .inactive a:hover			{color: #00B3E3; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: underline;}

#frame #content #download {
	position:									absolute;
	top:										415px;
	left:										215px;

	width:										200px;
	height:										16px;
}

#frame #content #numbers {
	position:									absolute;
	top:										415px;
	left:										415px;

	width:										225px;
	height:										16px;
	text-align:									right;
}

#frame #content #numbers .active a:link			{color: #4D4D4D; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: none;}
#frame #content #numbers .active a:active		{color: #4D4D4D; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: none;}
#frame #content #numbers .active a:visited		{color: #4D4D4D; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: none;}
#frame #content #numbers .active a:hover		{color: #4D4D4D; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: underline;}

#frame #content #numbers .inactive a:link		{color: #A6A6A6; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: none;}
#frame #content #numbers .inactive a:active		{color: #A6A6A6; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: none;}
#frame #content #numbers .inactive a:visited	{color: #A6A6A6; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: none;}
#frame #content #numbers .inactive a:hover		{color: #A6A6A6; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: underline;}

#frame #content #numbers_klanten {
	position:									absolute;
	top:										370px;
	left:										100px;

	width:										245px;
	height:										16px;
	text-align:									center;
}

#frame #content #numbers_klanten_vorige {
	position:									absolute;
	top:										370px;
	left:										10px;
	font-size: 11px;
	height:										16px;
	text-align:									left;
}

#frame #content #numbers_klanten_volgende {
	position:									absolute;
	top:										370px;
	left:										360px;
	font-size: 11px;

	height:										16px;
	text-align:									right;
}


#frame #content #numbers_klanten .active a:link			{color: #4D4D4D; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: none;}
#frame #content #numbers_klanten .active a:active		{color: #4D4D4D; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: none;}
#frame #content #numbers_klanten .active a:visited		{color: #4D4D4D; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: none;}
#frame #content #numbers_klanten .active a:hover		{color: #4D4D4D; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: underline;}

#frame #content #numbers_klanten .inactive a:link		{color: #A6A6A6; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: none;}
#frame #content #numbers_klanten .inactive a:active		{color: #A6A6A6; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: none;}
#frame #content #numbers_klanten .inactive a:visited	{color: #A6A6A6; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: none;}
#frame #content #numbers_klanten .inactive a:hover		{color: #A6A6A6; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: underline;}


/* Content */
#frame #content #main {
	position:									absolute;
	top:										40px;
	left:										215px;
	padding-bottom:                             0px;
	width:										425px;
	height:										540px;
	line-height:								24px;
	z-index:									1;
}

#frame #content #main .blue {
	font-style:									italic;
}

#frame #content #main .bluebold {
	color:										#FF0088;
}

#frame #content #main .small {
	font-size:									10px;
	line-height:								10px;
}

#frame #content #main .border {
	border:										1px solid #000000;						
	border-left:								0px;
	margin:										5px;
	vertical-align:								top;
}

#frame #content #main .verder A {
	padding-left:								330px;
	color:										#00B3E3;
	position:									absolute;
	bottom:										0px;
}

#frame #content #main .verder A:hover {
	color:										#00B3E3;
	text-decoration:							none;
	position:									absolute;
	bottom:										0px;
}

#frame #content #main .terug A {
	color:										#00B3E3;
	position:									absolute;
	bottom:										0px;
}

#frame #content #main .terug A:hover {
	color:										#00B3E3;
	text-decoration:							none;
	position:									absolute;
	bottom:										0px;
}

#frame #content #main .mensen_verder A {
	padding-left:								260px;
	color:										#00B3E3;
	position:									absolute;
	bottom:										-20px;
}

#frame #content #main .mensen_verder A:hover {
	color:										#00B3E3;
	text-decoration:							none;
	position:									absolute;
	bottom:										-20px;
}

#frame #content #main .mensen_terug A {
	color:										#00B3E3;
	position:									absolute;
	bottom:										-20px;
}

#frame #content #main .mensen_terug A:hover {
	color:										#00B3E3;
	text-decoration:							none;
	position:									absolute;
	bottom:										-20px;
}

#frame #content #main #download_case {
	text-align:									right;
	position:									absolute;
	bottom:										0px;
	width:										425px;
}


#frame #content #main #cases {
	text-align:									right;
}

#frame #content #main #cases .active a:link			{color: #4D4D4D; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: none;}
#frame #content #main #cases .active a:active		{color: #4D4D4D; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: none;}
#frame #content #main #cases .active a:visited		{color: #4D4D4D; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: none;}
#frame #content #main #cases .active a:hover		{color: #4D4D4D; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: underline;}

#frame #content #main #cases .inactive a:link		{color: #A6A6A6; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: none;}
#frame #content #main #cases .inactive a:active		{color: #A6A6A6; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: none;}
#frame #content #main #cases .inactive a:visited	{color: #A6A6A6; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: none;}
#frame #content #main #cases .inactive a:hover		{color: #A6A6A6; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 11px; text-decoration: underline;}

#frame #content #label {
	position:									absolute;
	top:										159px;
	right:										122px;
	z-index:									1;
	
	background-color:							#FFFFFF;
	width:										145px;
	height:										35px;
	
	font-size:									11px;
	color:										#666666;
	
	line-height:								15px;
	
	padding-top:								5px;
	padding-left:								20px;
}

#frame #content #label .year {
	color:										#FF0088;
}

#frame #content #random {
	position:									absolute;
	top:										360px;
	right:										122px;
	
	width:										425px;
	height:										200px;
}

#frame #content #label_bepositive {
	position:									absolute;
	top:										480px;
	right:										122px;
	z-index:									1;
	
	background-color:							#FFFFFF;
	width:										145px;
	height:										35px;
	
	font-size:									11px;
	color:										#666666;
	
	line-height:								15px;
	
	padding-top:								5px;
	padding-left:								20px;
}

#frame #content #random_mensen {
	position:									absolute;
	top:										360px;
	right:										122px;
	
	width:										425px;
	height:										200px;
}

#frame #content #label_mensen {
	position:									absolute;
	top:										480px;
	left:										215px;
	z-index:									1;
	
	background-color:							#FFFFFF;
	width:										145px;
	height:										35px;
	
	font-size:									11px;
	color:										#666666;
	
	line-height:								15px;
	
	padding-top:								5px;
	padding-left:								20px;
}

#frame #content #label_mensen .year {
	color:										#FF0088;
}


#frame #content #random_netwerk {
	position:									absolute;
	top:										360px;
	right:										122px;
	
	width:										425px;
	height:										200px;
}

#frame #content #label_netwerk {
	position:									absolute;
	top:										480px;
	right:										122px;
	z-index:									1;
	
	background-color:							#FFFFFF;
	width:										145px;
	height:										35px;
	
	font-size:									11px;
	color:										#666666;
	
	line-height:								15px;
	
	padding-top:								5px;
	padding-left:								20px;
}

#frame #content #label_netwerk .year {
	color:										#FF0088;
}

#frame #content #label_bepositive .year {
	color:										#FF0088;
}

#frame #content #main_flash {
	position:									absolute;
	top:										40px;
	left:										215px;
	padding-bottom:                             0px;
	z-index:									2;
}

#frame #content #main a:link					{color: #00B3E3; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 12px; text-decoration: none;}
#frame #content #main a:active					{color: #00B3E3; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 12px; text-decoration: none;}
#frame #content #main a:visited					{color: #00B3E3; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 12px; text-decoration: none;}
#frame #content #main a:hover					{color: #00B3E3; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; font-size: 12px; text-decoration: underline;}

#frame #content #main #photo {
	margin-top:									0px;
	margin-bottom:								0px;
	margin-left:								0px;
	margin-right:								0px;

	width:										425px;
	height:										200px;
}

#frame #content #main #small_photos {
	margin-top:									40px;
}

#frame #content #main .small_photo1 {
	width:										90px;
	height:										90px;
	
	margin-right:								21px;
	
	float:										left;
}

#frame #content #main .small_photo2 {
	width:										90px;
	height:										90px;
	
	margin-right:								21px;
	
	float:										left;
}

#frame #content #main .small_photo3 {
	width:										90px;
	height:										90px;
	
	margin-right:								21px;
	
	float:										left;
}

#frame #content #main .small_photo4 {
	width:										90px;
	height:										90px;
	
	float:										left;
}

#frame #content #main #client {
	padding-top:								5px;
	padding-bottom:								5px;
	padding-left:								5px;
	padding-right:								5px;

	border-color:								#4D4D4D;
	border-style:								solid;
	border-width:								1px;
	
	width:										415px;
	height:										355px;
}

/* Copyright */
#frame #copyright {
    color:										#FFFFFF;

    font-family:								verdana, arial, sans-serif;
    font-weight:								normal;
    font-style:									normal;
    font-size:									9px;

	position:									absolute;
	bottom:										-20px;
	left:										0px;
	
	width:										760px;
	text-align:									right;
	clear:										both;
}

#frame #copyright A:link						{color: #FFFFFF; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: font-size: 9px; text-decoration: none;}
#frame #copyright A:active						{color: #FFFFFF; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: font-size: 9px; text-decoration: none;}
#frame #copyright A:visited						{color: #FFFFFF; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: font-size: 9px; text-decoration: none;}
#frame #copyright A:hover						{color: #FFFFFF; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: font-size: 9px; text-decoration: underline;}

/* Set language */
#frame #language {
    color:										#FFFFFF;

    font-family:								verdana, arial, sans-serif;
    font-weight:								normal;
    font-style:									normal;
    font-size:									9px;

	position:									absolute;
	bottom:										-20px;
	left:										0px;
	
	width:										760px;
	text-align:									right;
	clear:										both;
}

#frame #language A:link						{color: #FFFFFF; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: font-size: 9px; text-decoration: none;}
#frame #language A:active						{color: #FFFFFF; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: font-size: 9px; text-decoration: none;}
#frame #language A:visited						{color: #FFFFFF; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: font-size: 9px; text-decoration: none;}
#frame #language A:hover						{color: #FFFFFF; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: font-size: 9px; text-decoration: underline;}

.input {										
	width:										180px;
	border:										solid 1px #000000;
	background-color:							#FFFFFF;
	font-size:									10px;
}

#frame #setlanguage {
    color:										#FFFFFF;

    font-family:								verdana, arial, sans-serif;
    font-weight:								normal;
    font-style:									normal;
    font-size:									11px;

	position:									absolute;
	bottom:										-20px;
	left:										0px;
	
	width:										760px;
	text-align:									right;
	clear:										both;
}

#frame #setlanguage A {
	color:										#FFFFFF;
	text-decoration:							underline;
}

#frame #setlanguage A.actief {
	color:										#FFFFFF;
	text-decoration:							none;
}

/* Developed by U-Lab - www.u-lab.nl */