/* CSS Basic Document */
body
{
margin:0px auto;
padding:0px;
background-color:#333333;
}
.header_table
{
margin-top:6px;
}
.logo
{
margin-left:10px;
}
.body_box
{
padding:9px;
color: #5C5C5C;
background-color:#FFFFFF;
}
.header_banner
{
background:url(../images/header_banner3.jpg) center top no-repeat;
height:196px;
}
.services_bg
{
background:url(../images/services_bg.gif) left top no-repeat;
height:117px;
padding:10px;
}
.services_teable
{
margin-top:8px;
margin-bottom:12px;
}
.left_line
{
border-left:1px solid #E6E6E6;
}
.right_line
{
border-right:1px solid #E6E6E6;
}
.bottom_line
{
border-bottom:1px solid #E6E6E6;
}
.footer_table
{
margin-bottom:25px;
}




/* CSS Background Image Document */
.top_line
{
background:url(../images/line_bg.jpg) left top repeat-x;
height:4px;
}
.top_menu_bg
{
background:url(../images/top_menu_bg.jpg) left top repeat-x;
height:26px;
padding-right:12px;
}
.bottom_menu_bg
{
background:url(../images/bottom_nenu_bg.jpg) left top repeat-x;
height:22px;
padding-right:13px;
}
.box_top_bg
{
background:url(../images/box_top_bg.gif) left top repeat-x;
height:32px;
text-align:center;
}
.footer_bg
{
background:url(../images/footer_bg.gif) left top no-repeat;
height:25px;
}




/* CSS Text Document */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #5C5C5C;
	text-decoration: none;
}
.menu_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 26px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #5C5C5C;
	background-color:inherit;
	text-decoration: none;
}
.menu_link:hover
{
color:#0099FF;
text-decoration:none;
background-color:inherit;
}
.menu_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 26px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color:#FFFFFF;
	background-color:inherit;
	text-decoration: none;
}
.menu_link2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color:#FFFFFF;
	background-color:inherit;
	text-decoration: none;
}
.menu_link2:hover
{
color:#FFE89C;
text-decoration:none;
background-color:inherit;
}
.menu_link3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color:#5C5C5C;
	background-color:inherit;
	text-decoration: none;
}
.menu_link3:hover
{
color:#0099FF;
text-decoration:none;
background-color:inherit;
}
.bottom_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	background-color:inherit;
	text-decoration: none;
}
.bottom_link:hover
{
color:#C6C6C6;
text-decoration:underline;
background-color:inherit;
}
.white_text
{
color:#FFFFFF;
text-decoration:none;
background-color:inherit;
}
.body_link
{
color:#5C5C5C;
text-decoration:underline;
background-color:inherit;
}
.body_link:hover
{
text-decoration:none;
color:#212121;
background-color:inherit;
}
/* portfolio overzicht */



#Content a.pf_pos1{

	display: block;

	position: relative;

	margin: 0px 39px 3px 39px;

	height: 112px;

	background: #EFEFEF;

	border-top: 1px solid #CCCCCC;

	border-bottom: 1px solid #CCCCCC;

}



#Content a.pf_pos2{

	display: block;

	position: relative;

	margin: 0px 39px 3px 39px;

	height: 112px;

	background: #CCCCCC;

	border-top: 1px solid #A6A6A6;

	border-bottom: 1px solid #A6A6A6;

}



#Content a.pf_pos1:hover, #Content a.pf_pos2:hover{

	background: #999999;

	border-top: 1px solid #666666;

	border-bottom: 1px solid #666666;

	text-decoration: none;

	cursor: pointer;

}



#Content a.pf_pos1 img, #Content a.pf_pos2 img{

	position: absolute;

	top: 5px;

	left: 5px;

	border: 1px solid #333333;

}



#Content a.pf_pos1 h1, #Content a.pf_pos2 h1{

	position: absolute;

	top: 5px;

	left: 100px;

	width: 360px;

	margin: 0;

	padding: 0;

	font: bold 10px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;

	letter-spacing: 1px;

	color: #333333;

	text-decoration: none;

	background: none;

}



#Content a.pf_pos1 p, #Content a.pf_pos2 p{

	position: absolute;

	top: 25px;

	left: 100px;

	width: 360px;

	margin: 0;

	padding: 0;

	font: 10px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;

	color: #333333;

	text-decoration: none;

}
/* portfolio case */

#Screens{

	margin: 0px 0px 30px 39px;

	position: relative;

	width: 480px;

	height: 268px;

}



#Screens a.p1 { display: block; position: absolute; padding-top: 2px; height: 13px; width: 15px; border: 1px solid #252525; background-color: #F0F0F0; font: 10px/normal Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; text-decoration: none; color: #333333; top: 255px; left: 0px;}

#Screens a.p2 { display: block; position: absolute; padding-top: 2px; height: 13px; width: 15px; border: 1px solid #252525; background-color: #F0F0F0; font: 10px/normal Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; text-decoration: none; color: #333333; top: 255px; left: 20px;}

#Screens a.p3 { display: block; position: absolute; padding-top: 2px; height: 13px; width: 15px; border: 1px solid #252525; background-color: #F0F0F0; font: 10px/normal Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; text-decoration: none; color: #333333; top: 255px; left: 40px;}

#Screens a.p4 { display: block; position: absolute; padding-top: 2px; height: 13px; width: 15px; border: 1px solid #252525; background-color: #F0F0F0; font: 10px/normal Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; text-decoration: none; color: #333333; top: 255px; left: 60px;}

#Screens a.p5 { display: block; position: absolute; padding-top: 2px; height: 13px; width: 15px; border: 1px solid #252525; background-color: #F0F0F0; font: 10px/normal Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; text-decoration: none; color: #333333; top: 255px; left: 80px;}





#Screens a:hover{

	text-decoration: none;

	background-color: #BBBBBB;

}



#Screens a img {

	display: block;

	position: absolute;

	width: 0px;

	height: 0px;

	border: 0px;

	top: 0px; 

	left:0px;

}



#Screens a.p1:hover img { display: block; position: absolute; width: 480px; height: 250px; border: 1px solid Black; top: -256px; left: -1px;  }

#Screens a.p2:hover img { display: block; position: absolute; width: 480px; height: 250px; border: 1px solid Black; top: -256px; left: -21px; }

#Screens a.p3:hover img { display: block; position: absolute; width: 480px; height: 250px; border: 1px solid Black; top: -256px; left: -41px; }

#Screens a.p4:hover img { display: block; position: absolute; width: 480px; height: 250px; border: 1px solid Black; top: -256px; left: -61px; }

#Screens a.p5:hover img { display: block; position: absolute; width: 480px; height: 250px; border: 1px solid Black; top: -256px; left: -81px; }



#Screens a img#ScreenShot{

	display: block;

	position: absolute;

	top: 0px;

	left: 0px;

	width: 480px;

	height: 250px;

	border: 1px solid Black;

}



#Screens img#ScreenShot{

	position: absolute;

	top: 0px;

	left: 0px;

	border: 0;

}



#PFLogo{

	margin: 40px 0px 40px 0px;

	text-align: center;

}



#PFLogo img, #PFLogo img a{

	border: 0;

}