@charset "utf-8";
/* CSS Document */

* { 
margin: 0; 
padding: 0; 

}  

#topscreen {
	
	
	
	
}
#container {
	position:relative;
	top:0px;
	width: 941px;
	margin: 0 auto 0 auto;
	/*margin: 0 auto;*/
	



}
body {
	margin: 0px;
	margin: 0 auto;
	background: url(../images/topbalk.gif);
	background-repeat:repeat-x;
	width: 100%;
	/*background:url(../images/backgroundnew.jpg);*/
	background-color: #000;
	padding: 0px ;
	/*line-height:0px;*/
	font-family: "Arial", Helvetica, sans-serif;
	/*background-color: #333333;*/
	font-size:10pt;
    
}
#under{
	   background: url(../images/blokmenu.png);
	background-repeat:repeat-x;
	width: 100%;
	height:5px;
	   }
h1 {
	font-size:22px;
}
h2 {
	font-size:18px;
}
h3{
	font-size:16px;
}
h4 {
	font-size:14px;
}
img {
	border:0px;
}
hr {
	margin-top:2px;
	margin-bottom:2px;
	
}
#content {
	background:#FFF;
	margin-top:-50px;
	min-height:200px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	color: #000;

}
#content_form
{
	background:#FFF;
	background:url(../images/background.jpg);
	margin-top:-50px;
	min-height:200px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	color: #000;

}
#contentofferte {
	margin-top:-50px;
	min-height:200px;
	padding-top:10px;
	padding-left:0px;
	padding-right:10px;
	color: #000;
}
#contentidlogin {
	background:url(../images/achtergrong0001.jpg);
	margin-top:-50px;
	min-height:200px;
	padding-top:10px;
	padding-left:0px;
	padding-right:10px;

	color: #000;
}

#contentportfolio {
	margin-left:15px;
	width:920px;
	text-align:center;
	background:#000;
	margin-top:-50px;
	min-height:200px;
	padding-top:2px;
	padding-left:0px;
	padding-right:0px;
	

	color: #000;
}
#searchresults {
	padding:10px;
	margin-left:20px;
	font-size:12px;
	
	
}
.error {
	color:#F00;
}
#errorscreen {
	background:#FFF;
	padding:30px;
	font-size:18px;
}
/* ==============================================================*/
/*                  Template vieuw                               */
#header {
	width:941px;
	height:161px;
	
	
}

#headerimg {
	position:absolute;
	margin-left:0px;
	margin-top:0px;
 	width:941px;
	height:110px;
	z-index:2;

}

	#menu {
		color:#FFFFFF;
		width:700px;
		position:absolute;
		margin-left:5px;
		margin-top:88px;
		z-index:5;
	
		}
#searchbox {
	
	position:absolute;
	
	width:200px;
	height:40px;
	margin-top:50px;
	left:713px;
	z-index:5;
	
}

.buttontop {
	background: url(../images/home.gif);
	width:60px;
	height:16px;
	border:none;
	float:left;
	
}
.buttontop2 {
	background: url(../images/contact.gif);
	width:50px;
	height:16px;
	border:none;
	float:left;
	
}
.urltop {
	margin-left:18px;
	color:#FFF;
	text-decoration:none
}

		
#footermenu {
	background:#000;
	width: 941px;
	height:45px;
	background:url(../images/footer.png);
	text-align:center;
	background-repeat:no-repeat;
	font-size:12px;
	color: #999;
	padding:4px;
	padding-top:10px;
	z-index:20;
}
#footermenuright {
margin-left:400px;
padding-top:66px;

}
#footermenustart {
	background:#FFF;
	font-size:12px;
	color:#06C;
	font-weight:bold;
	padding-top:0px;
	padding-bottom:10px;
	z-index:20;
}
.urlfoot{
	font-size:12px;
	text-decoration:none;
	color: #999;
	
}
#footer {
	 color:#999;
	font-size:11px;
	font-weight:bold;
}
.footerdate{
	margin:3px;
	float:left;
	}
.footerurldeveloper {
	margin:3px;
	float:right;
}
.urlfooterweb {
	color:#999;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	
}
ul{
text-align:left;
margin:1em 0;
padding:2
} 
ul li{
	margin-left:10px;
	/*display:inherit;*/
	list-style: inside;
	/*white-space:nowrap;*/
} 
ul li.prev{

float:left} 
/*===============================================================*/
/*                  start=>css=>menu                                  */

	
	
		.breadcrumbs
		{
			background:#EFEFEF;
			padding-top: 10px;
			padding-left: 5px;
		}
	
		.menuitem {
			font-size:14px;
			font-weight:bold;
			font-style:italic;


		}

		.menuitemsub {
		margin:3px;
		font-size:12px;
		font-weight:bold;

		}
		.topnav
		{
			padding: 10px ;
		}
	
/*                  end=>css=>menu                                  */
/*===============================================================*/
.textinput{
	width:200px;
	
}
.required , .optional {
	font-size:12px;
	
}
.errors {
	color:#F00;
	font-size:10px;
	margin-left:100px;
}

/*===================================================================*/
/*                    tabellen content website                       */
/* sitemap tabellen */

.tdsitem1 {
	height:48px;
	background-image: url(../images/achtergrong0001.jpg);
	background-repeat: no-repeat;
	background-color: #5732D8;
	border: 0px solid #E9E9E9;
border-spacing: 0px;

	
		
	
}
.tdsitem2 {
	
	background-image: url(../images/achtergrong0001.jpg);
	background-repeat: no-repeat;
	background-color: #5732D8;
	border: 0px solid #E9E9E9;
border-spacing: 0px;
	
		
}
.tdsitem3 {

	background-image: url(../images/achtergrong0001.jpg);
	background-repeat: no-repeat;
	background-color: #5732D8;
}
.tdsitem4{
	width:800px;
		background-color: #FFFFFF;
		border: 0px solid #E9E9E9;
border-spacing: 0px;
}
.tdsitem5{
	width:220px;
	border: 1px solid #E9E9E9;
	border-spacing: 0px;
		
}
.tdsitem6{
	width:251px;
		border: 1px solid #E9E9E9;
	border-spacing: 0px;
		
}
.tablesitem1 {
width: 941px;
background-color: #5732D8;
border: 0px solid #E9E9E9;
border-spacing: 0px;
}
/*width="100%" height="87"  border="1" cellpadding="9" cellspacing="0" bordercolor="#E9E9E9"*/
.tablesitem2 {
width: 100%;
border: 1px solid #E9E9E9;
border-spacing: 0px;
}
.tdsitem7{
	border: 1px solid #E9E9E9;
	border-spacing: 0px;	
}
.fontsitem {
color:#FFFFFF;
margin-left:50px;

}
.fontsitem2 {
color:#0000FF;


}

/* content tabellen */

.tablecreative {
width:894px;

margin-right:auto;
margin-left:auto;
}
.tdcreative {
width: 494 px;
}
.tdcreative2 {
width: 380px;
}
.tablecreativeq {
width:782px;
margin-right:auto;
margin-left:auto;

}

.tdcreativeq {
width: 424 px;
}
.tdcreative2q {
width: 235px;
}
.tablecreativeqp { /* bedrijfsprofiel */
width:920px;
margin-right:auto;
margin-left:auto;
}
.tdcreativeqp {
width: 431px;
}
.tablecreativevs { /* visitekaartjes */
width:941px;
height:400px;
margin-right:auto;
margin-left:auto;
}
.tdcreativevs {
width:351px;

}
.tdcreativevs1 {
width:386px;

}
.tablecreativefq { /* faq */
width:840px;
margin-right:auto;
margin-left:auto;
}
.tdcreativefq {
height:235px;

}

.style1 {
margin-left:5px;
font-size:12px;
}
/*               einde content map                                      */
/*======================================================================*/
/*                start pagina flash/buttons                             */

#contentstart{
	position: absolute;
	padding-left:10px;
	top: 420px;
	width:942px;
	height:173px;
	background-image: url(../images/onderbalk.png);
	background-repeat: no-repeat;
	z-index: 3;
}
#startbloktxt {
	position: absolute;
	padding-top:105px;
	padding-left:40px;
	width: 200px;
	height:120px;
	margin-left:23px;
	float:left;
	text-align: left;
	display: block;
	
}
#contentstart .groupproduct {
	
	z-index:5;
	color:#FFF;
	padding-top:8px;
	padding-left:2px;
	float:left;
	background:#3F0;
	background:url(../images/optionlay.png);
	width:182px;
	height:173;
	
	
}
#contentstart .imageoption {
	padding-top:17px;
	padding-left:0px;
	
}
.startitem {
		color:#FFF;
		text-decoration:none;
}
.urlstart {
	color:#FFF;
}
.imagearow {
	border:0px;
	
}
.startitemtxt {
	font-size:24px;
}
#buttonstart1 {
	background-image: url(../images/startcontentblok.png);
	background-repeat: no-repeat;
	margin-left:37px;
	margin-top:35px;
	text-align:center;
	/*padding-left:38px;*/
	padding-top:7px;
	font-size:24px;
	width:183px;
	height:41px;
	z-index: 4;
	float:left;
}
#buttonstart2 {
	background-image: url(../images/startcontentblok.png);
	background-repeat: no-repeat;
	margin-left:33px;
	margin-top:35px;
	text-align:center;
	/*padding-left:34px;*/
	padding-top:7px;
	font-size:24px;
	width:183px;
	height:41px;
	z-index: 4;
	float:left;
}
#buttonstart3 {
	background-image: url(../images/startcontentblok.png);
	background-repeat: no-repeat;
	margin-left:33px;
	margin-top:35px;
	text-align:center;
	/*padding-left:26px;*/
	padding-top:7px;
	font-size:24px;
	width:183px;
	height:41px;
	z-index: 4;
	float:left;
}
#buttonstart4 {

	margin-left:800px;
	margin-top:-50px;
	padding-left:52px;
		width:100px;
	height:38px;
	z-index: 4;
	float:left;
	
}
#webinzicht {
	position:absolute;
	margin-top:60px;
	margin-left:20px;
	
}
/*                      einde start pagina flash button                     */
/* ==========================================================================*/

/* ===============portfolio=======================*/

.screenshow {
	background:url(../images/portfolio-imagebg.png);
	height: 438px;
	width:430px;
	background-repeat:no-repeat;
	padding:0px;
}
.screenshow .viewmonitor{
	margin-top:31px;
	margin-left:22px;
	height:207px;
	width:407px;
	overflow:hidden;
}
.screenshow .viewmonitorcase {
	font:10px;
	color:#FFF;
	
	margin-left:3px;
	margin-top:40px;
	padding:10px;
	
		height:120px;
	width:422px;
}
.screenshow .viewmonitorcase td{
	font:10px;
	color:#FFF;

}
#underbeam {
	background:url(../images/underbeamportfolio.png);
	background-repeat:no-repeat;
	
	
	width:927px;
	height:133px;
	
	
}
.headertxtport {
	padding-top:0px;
	height:5px;
	width:930px
	
}
#underbeam .textbeam {
	/*background: url(../images/achtergrong0001.jpg);*/
	width:900px;
	height:98px;
	overflow:hidden;
	padding-top:20px;
	padding-left:10px;
	
	text-align:center;
	color:#FFF;
}