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

body{
	margin: 0px;
}
body,td,div,p,input,select,textarea{
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	line-height: 18px;
	font-size: 11px;
}
TD{vertical-align: top;}

A	{ color: #4094e0;}
A:focus	{ outline: none;}
A:link		{ text-decoration: underline}
A:visited	{ text-decoration: underline}
A:hover		{ text-decoration: none }
A:active	{ text-decoration: underline}

H3{
font-weight: bold;
font-size: 11px;
color: #000000;
margin: 0px;
}


INPUT,TEXTAREA{
	background: url(../images/bg_form.png) -1px -51px;
	border: 1px solid #d5d5d5;
	padding: 3px 5px;
	*padding: 2px 5px;
	*height: 22px;
}

INPUT.submit{
	background-position: 0px -150px;
	border: none;
	display: block;
	width: 84px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	display: inline;}

INPUT.submit_wissen{
background-position: 0px -180px;
width: 62px;
margin-left: 0px;
}
INPUT.submit_verzenden{
background-position: 0px -210px;
margin-left: 0px;
}


DIV.error{
	color: #FF0000;
	font-weight: bold;
}



H2.titleImg{
	background: url(../images/bg_titles.png);
	margin: 5px 0px 10px 0px;
	text-indent: -1000px;
	height: 15px;
	border: 0px solid #000000;
}

h2.titleImg_contact		{background-position: 0px -25px}

TD.contentMain{
	background: #FFFFFF url(../images/bg_sfeer01.png) no-repeat 0px 0px ;
}
TD.contentMain_home{
background-position: 0px -35px;
}

TD.disclaimer{
vertical-align: bottom;
padding: 20px;
color: #999999;
text-align: right
}
TD.disclaimer A	{ color: #999999;}

TD.bedrijven{
0background: #cccccc;
padding: 10px;
vertical-align: top;
}


/* logo */
/* ########################################################*/ 
H1.logo{ margin: 0px}
H1.logo A{
display: block;
width:340px;
height: 50px;
background: url(../images/logo_tdx.gif);
border: 0px solid #000001;
}	
H1.logo A SPAN{
display: none;
}



/* bedrijfs logos */
/* ########################################################*/ 
DIV.bedrijf{
width: 170px;
border: 0px solid #000000;
float: left;
}
DIV.bedrijf H2 A SPAN{display: none;}
DIV.bedrijf H2{
margin: 0px;
}
DIV.bedrijf H2 A{
background: url(../images/bg_logobedrijven.png);
width: 170px;
height: 120px;
display: block;
}
DIV.bedrijf H2.measuremail A{ background-position: -170px 0px; }
DIV.bedrijf H2.sportadvertentie A{ background-position: -340px 0px; }
DIV.bedrijf H2.agimso A{ background-position: -510px 0px; }
DIV.bedrijf H2.trackr A{ background-position: -680px 0px; }

DIV.bedrijf H2.measuremail A:hover{ background-position: -170px -150px; }
DIV.bedrijf H2.sportadvertentie A:hover{ background-position: -340px -150px; }
DIV.bedrijf H2.agimso A:hover{ background-position: -510px -150px; }
DIV.bedrijf H2.trackr A:hover{ background-position: -680px -150px; }

DIV.bedrijf DIV.content{
padding: 5px 20px;
}


/* nieuwsbericht */
/* ########################################################*/ 
DIV.nieuwsbericht{
border: 0px solid #000000;
color: #ffffff;
margin: 0px;
width: 340px;
height: 80px;
float: right;
background: url(../images/txt_nieuwsbericht01.png);

}
DIV.nieuwsbericht SPAN{
display: none;
}
	



/* contentMain */
/* ########################################################*/ 
TD.contentMain,
TD.contentMain DIV.contentMain{

}
TD.contentMain_home,
TD.contentMain_home DIV.contentMain{
height: 230px;
}

DIV.contentMain{
	border: 0px solid #000000;
	padding: 10px 10px 0px 10px;
}



/* panels */
/* ########################################################*/ 


	DIV.panel{
		width: 340px;
		border: 0px solid #FFFFFF;
	}
	DIV.panel DIV{ 
		border: 0px solid #000000;
	}
	
	DIV.panel DIV.top{
		background: url(../images/bg_panel.png) 0px 0px;
		height: 10px;
		}
	DIV.panel DIV.content{
		background: url(../images/bg_panel.png) 0px 0px;
		padding: 20px 20px 10px 20px;
	}
	DIV.panel DIV.footer{
		background: url(../images/bg_panel.png) 0px bottom;
		height: 10px;
	}
	


/*contactgegevens */
/* ########################################################*/ 
	DIV.panel_contactgegevens{
		0clear: right;
		margin-top: 220px;
	}
	DIV.panel_contactgegevens TABLE TD{
		border: 0px solid #000000;
	}
	DIV.panel_contactgegevens TABLE TD.col1{ }
	DIV.panel_contactgegevens TABLE TD.col2{ width: 20px;}
	DIV.panel_contactgegevens TABLE TD.col3{ width: 150px;}
	
	DIV.panel_contactgegevens DIV.top{ display: none; }
	DIV.panel_contactgegevens DIV.content{
		padding: 20px 25px 10px 25px;
	}


/*contactform */
/* ########################################################*/ 
	DIV.panel_contactform{}	
	DIV.panel_contactform DIV.top{ background: url(../images/bg_panel-nobottom.png) 0px  0px;}
	DIV.panel_contactform DIV.content{
		padding: 10px 30px 10px 25px;
		background: url(../images/bg_panel-nobottom.png) 0px bottom;
	}
	DIV.panel_contactform DIV.footer{
		display: none;
	}



/*formulieren */
/* ########################################################*/ 
TABLE.form{}
TABLE.form TD.field{
text-align: right;
padding: 5px 20px 0px 0px
}
TABLE.form TD.value{
padding: 5px 0px 5px 0px;
0background: #cccccc;
}
TABLE.form TD.value,
TABLE.form TD.value INPUT.text,
TABLE.form TD.value TEXTAREA.textarea{
width: 170px;
}

TABLE.form TD.value_submit{
padding: 10px 0px 0px 0px;
text-align: center;
}




/* menu */
/* ########################################################*/ 
UL.mainmenu, UL.mainmenu LI{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
UL.mainmenu{
float: right;
margin: 10px;
}	
UL.mainmenu LI{
	float: left;
}
UL.mainmenu LI A SPAN{
display: none;
}
UL.mainmenu LI A {
border: 0px solid #000000;
display: block;
height: 28px;
width: 100px;
background-image: url(../images/bg_menu.gif);
}

UL.mainmenu LI#home A 		{ background-position: -100px 0px; width: 50px;}
UL.mainmenu LI#contact A	{ background-position: -200px 0px; width: 70px;}
UL.mainmenu LI#vacatures A 	{ background-position: -300px 0px; width: 80px;}

UL.mainmenu LI#home A:hover 		{ background-position: -100px -50px; }
UL.mainmenu LI#contact A:hover		{ background-position: -200px -50px; }
UL.mainmenu LI#vacatures A:hover 	{ background-position: -300px -50px; }

UL.mainmenu LI.active#home A 		{ background-position: -100px -50px; }
UL.mainmenu LI.active#contact A		{ background-position: -200px -50px; }
UL.mainmenu LI.active#vacatures A 	{ background-position: -300px -50px; }

UL.mainmenu LI#vacatures {display: none;}