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

*
{
	margin: 0px;
	padding: 0px;
}
html 
{
     overflow-y: scroll;
}
img
{
	border: 0px;
}
body
{
	background-color: #dbdbdb;
}
#container {
	width: 996px;
	margin: 0 auto;
	font-family: Verdana, Arial;
	font-size: 11px;
}
#inner {
	float: left;
	width: 980px;
	padding: 0 8px;
	background-image: url('tp_images/bg_inner.gif');
}
#top {
	width: 980px;
	height: 143px;
	background-image: url('tp_images/bg_top.gif');
}
#zoekbox {
	float: left;
	width: 220px;
	height: 45px;
	background-image: url('tp_images/bg_zoekbox.png');
	background-repeat: repeat-x;
}
#zoekbox form {
	height: 28px;
	width: 220px;
	border: 0;
	background-image: url('tp_images/bg_zoekbox_form.gif');
	background-repeat: no-repeat;
}
#zoekbox fieldset {
	width: 220px;
	height: 43px;
	border: 0;
}
#zoekbox #zoek_input {
	float: left;
	width: 170px;
	height: 16px;
	padding: 1px 5px;
	margin: 3px 0 0 8px;
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #fff;
	border-top: 1px solid #616161;
	border-left: 1px solid #696969;
	border-bottom: 1px solid #6f6f6f;
	border-right: 1px solid #696969;
	background-image: url('tp_images/zoek_input.gif');
}
#zoekbox #zoek_ok {
	float: left;
	width: 30px;
	height: 20px;
	margin-top: 3px;
}
#menu {
	float: left;
	width: 760px;
	height: 45px;
	background-image: url('tp_images/bg_menu.png');
	background-repeat: repeat-x;
}
#menu ul {
	float: left;
	width: 760px;
	background-image: url('tp_images/bg_menu_ul.gif');
	background-repeat: no-repeat;
	list-style-type: none;
}
#menu li {
	float: left;
	min-height: 28px;
	_height: 28px;
	position: relative;
	background-image: url('tp_images/bg_menu_li.gif');
	background-repeat: no-repeat;
	background-position: top right;
	display: block;
}
#menu li a{
	float: left;
	height: 28px;
	padding: 0 15px;
	line-height: 28px;
	color: #716412;
	text-decoration: none;
	display: block;
}
#menu li a.hover{
	height: 37px;
	position: relative;
	color: #000;
	background-image: url('tp_images/menu_selected.png');
	background-repeat: no-repeat;
	background-position: bottom;
	z-index: 5;
}
#menu li a:hover{
	color: #000;
}
#menu li a.selected {
	font-weight: bold;
	color: #000;
}
#menu ul ul {
	position: absolute;
	top: 28px;
	left: 0px;
	width: 144px;
	height: 105px;
	padding-top: 10px;
	background-image: none !important;
	z-index: 3;
	display: none;
}
#menu ul .vlak {
	position: absolute;
	background-color: #000;
	z-index: 0 !important;
	display: none;
}
#menu ul ul li{
	width: 144px;
	min-height: 16px;
	height: 16px;
	background-image: none;
}
#menu ul ul li a{
	float: left;
	width: 114px;
	height: 16px;
	font-size: 10px;
	line-height: 16px;
	color: #b0b0b0;
	display: block;
}
#menu ul ul li a:hover{
	height: 16px;
	color: #fff;
	background-image: none;
}
#menu ul ul li a.selected {
	height: 16px;
	font-weight: bold;
	color: #fff !important;
	background-image: none;
}
#logo {
	float: left;
	width: 140px;
	height: 90px;
	padding-top: 8px;
	padding-left: 60px;
	display: inline;
}
#logo a {
	float: left;
	width: 140px;
	height: 90px;
}
#logo a img {
	float:left;
	width: 140px;
	height: 90px;
	display: block;
}
#middle {
	position: relative;
	float: left;
	width: 980px;
	background-image: url('tp_images/bg_middle_bottom.png');
	background-repeat: repeat-x;
	background-position: bottom;
	min-height: 350px;
}
#middle h1,
#middle h2.spotlight{
	width: auto;
	padding-bottom: 10px;
	margin-bottom: 12px;
	font-size: 18px;
	border-bottom: 1px solid #c1c1c1;
}
#middle h2 {
	width: auto;
	font-size: 12px;
	line-height: 18px;
}
#middle p,
#downloadform p{
	width: auto;
	margin-bottom: 18px;
	line-height: 18px;
	color: #484848;
}
#middle .img_naast_txt
{
	float: right;
	clear: right;
	margin-bottom: 15px;
	margin-left: 15px;
}
#middle .product_afbeelding{
	float: left;
	padding-right: 25px;
	display: inline;
	margin: 0;
	background-image: url('tp_images/bg_softwarebox.gif');
	background-repeat: repeat-x;
}
#middle strong {
	color: #000;
}
#middle a {
	width: auto;
	line-height: 18px;
	color: #000;
}
#middle #portfolio ul
{
	width: 50%;
	padding-bottom: 18px;
}
#middle #portfolio h2
{
	clear: left;
}
.portfolio_image
{
	float: left;
	border: 1px solid #c1c1c1;
	margin-right: 20px;
}
#middle ul {
	width: 100%;
	margin: 5px 0;
	float: left;
}
#middle li {
	clear: left;
	margin: 0 0 0 17px;
	line-height: 18px;
	color: #484848;
}
#middle #portfolio-middle li {
	margin: 0 0 10px 17px;
}
#middle #portfolio-middle li ul li{
	margin: 0 0 0 17px;
}
#middle .linktooltip {
	width: auto;
	line-height: 18px;
	white-space: nowrap;
	text-decoration: underline;
	color: #000;
	cursor: pointer;
}
#middle .tooltip{
	position: absolute;
	top: 0;
	left: 0;
	width: 280px;
	padding: 15px 10px 10px;
	margin-top: 14px;
	font-size: 10px;
	color: #fff !important;
	line-height: 12px !important;
	background-image: url('tp_images/tooltip.png');
	border-bottom: 1px solid #000;
	display: none;
	text-align: left;
	z-index: 20;
}
#middle .tooltip h3{
	width: 100%;
	margin-bottom: 5px;
	font-size: 12px;
	color: #fff !important;
}
#middle .tooltip strong{
	float: none;
	width: auto !important;
	color: #fff !important;
}
#middle_left {
	float: left;
	width: 630px;
	padding: 55px 65px;
	background-image: url('tp_images/bg_middle_left.gif');
	background-repeat: repeat-x;
}
#middle_left form{
	float: left;
	width: 630px;
}
#middle_left fieldset {
	width: 630px;
	border: 0;
}
#middle_left label {
	float: left;
	width: 165px;
	height: 22px;
	margin: 4px 0;
	color: #484848;
}
#middle_left input {
	width: 230px;
	height: 18px;
	padding: 2px 2px;
	margin: 3px 0;
	border: 1px solid #c3c3c3;
	font-size:11px;
}
#middle_left .radiolabel {
	float: left;
	line-height: 24px;
	margin-right: 8px;
	margin-left: 2px;
}
#middle_left .radio {
	width: auto !important;
	border: 0 !important;
	float: left;
}
#middle_left select {
	width: 235px;
	height: 24px;
	padding: 2px 2px;
	margin: 3px 0;
	border: 1px solid #c3c3c3;
	font-size:11px;
}
#middle_left textarea {
	width: 230px;
	padding: 2px 2px;
	margin: 3px 0;
	border: 1px solid #c3c3c3;
	font-family:Verdana,Arial;
	font-size:11px;
	min-height: 100px;
}
#middle_left .submit {
	width: auto;
	height: 24px;
	padding: 0 10px;
	margin: 3px 0;
	border: 1px solid #c3c3c3;
	background-color: #fff;
}
#middle_left .valp
{
	margin-left: 165px;
	float:left;
	width: 230px;
	margin-right: 235px;
	color: red;
    display:inline !important ;
	margin-top: 8px !important;
	margin-bottom: auto !important;
}
.ajTitle,
.ajPad {
	float: left !important;
	font-size: 11px !important;
}
.ajTitle{
	font-weight: bold;
}
#producten {
	float: left;
	position: relative;
	width: 636px;
	min-height: 450px;
	_height: 450px;
	background-image: url('tp_images/productshadow.png');
	background-position: 0 80px;
	background-repeat: no-repeat;
}
.prod a{
	float: left;
	width: 105px !important;
	height: 216px;
}
.prod img {
	padding: 0 !important;
	display: inline !important;
	border: 0 !important;
	display: block;
}
.omschr {
	position: absolute;
	top: 125px;
	left: 0px;
	width: 630px;
	min-height: 230px;
	_height: 230px;
	padding-top: 60px;
	z-index: 100;
}
.omschr a{
    float: none;
	width: auto !important;
	height: auto;
}
.omschr p{
	margin: 0 !important;
}
#tabs
{
	float: left;
	position: relative;
	width: 630px;
	margin-top: 25px;
}

#tabs h4
{
	float: left;
	line-height: 29px;
	display: block;
	cursor: pointer;
	color: #565656;
	font-size: 11px;
	font-weight: normal;
	width: auto;
	margin-right: 3px;
}

#tabs h4 .lft,
#tabs h4 .rght
{
	display: block;
	line-height: 29px;
	width: 6px;
	height: 29px;
	background-position: bottom;
	background-repeat: no-repeat;
}
#tabs h4 .cntr
{	
	float: left;
	display: block;
	line-height: 29px;
	height: 29px;
	padding: 0 10px;
	background-image: url('tp_images/tab.gif');
	background-position: bottom;
	background-repeat: repeat-x;
}
#tabs h4 .lft
{
	float: left;
	background-image: url('tp_images/tab_left.png');
}

#tabs h4 .rght
{
	float: left;
	background-image: url('tp_images/tab_right.png');
}

#tabs .active .lft
{
	float: left;
	background-image: url('tp_images/tab_left_act.png');
}
#tabs .active .cntr
{
	float: left;
	background-image: url('tp_images/tab_act.gif');
}
#tabs .active .rght
{
	float: left;
	background-image: url('tp_images/tab_right_act.png');
}
#tabs_inhoud
{
	float:left;
	width: 630px;
	margin-top: -1px;
	margin-bottom: -54px;
	background-image: url('tp_images/tabs_inhoud_top.png');
	background-repeat: no-repeat;
}
#tabs_inhoud div
{
	float:left;
	width: 600px;
	min-height: 200px;
	_height: 200px;
	padding: 14px;
	margin-top: 5px;
	border-right: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	background-color: #fff;
	background-image: url('tp_images/bg_tabs.png');
	background-position: bottom;
	background-repeat: repeat-x;
}
#tabs_inhoud .thickbox
{
	float: left;
	width: 110px;
	height: 110px;
	padding: 11px;
	margin: 9px;
	background-image: url('tp_images/bg_thumb.png');
	overflow: hidden;
}
#tabs_inhoud .thickbox:hover
{
	background-image: url('tp_images/bg_thumb.png');
	background-position: bottom;
}
#tabs_inhoud .thickbox img
{
	margin: 0 auto;
	padding: 0;
	display: block;
}
#tabs_inhoud table
{
	float:left;
	width: 600px;
	color: #565656;
}

#tabs_inhoud .lijntjes
{
	background-image: url("img/stippellijn.jpg");
	background-repeat: repeat-x; 
	background-position: bottom;
}

#tabs_inhoud table tr
{
	line-height: 28px;
}

#tabs_inhoud .lijntjes tr
{
	background-image: url("img/stippellijn.jpg");
	background-repeat: repeat-x; 
}

#tabs_inhoud table img
{
	margin-bottom: 2px;
}

#tabs_inhoud sup
{
	font-size: 8px;
}
#tabs_inhoud br
{
	clear: both;
}
#googlemap{
	float: left;
	width: 628px;
	height: 300px;
	margin-top: 15px;
	border: 1px solid #c4c4c4;
}
#googlemap a{
	color: #000 !important;
}
#referenties .referentie {
	border:1px solid #CCCCC8;
	float:left;
	height:98px;
	margin-right: 30px;
	margin-bottom: 17px;
	position:relative;
	width:208px;
}
#referenties .referentie h2 {
	position: absolute;
	top: 0;
	left: 0;
	color:#484848;
	font-weight:normal;
	font-size: 11px;
	height:20px;
	line-height:15px;
	padding-left:8px;
	padding-top:78px;
	text-align:left;
	text-decoration:none;
	width:200px;
}
#referenties .referentie img {
	padding: 0;
}
#referenties .referentie a {
	bottom:8px;
	color:#000;
	display:block;
	font-size:11px;
	line-height:11px;
	position:absolute;
	right:8px;
	text-align:right;
	width:auto;
	z-index:3;
}
#middle_right {
	float: left;
	width: 170px;
	padding: 55px 25px;
	font-size: 10px;
	background-image: url('tp_images/bg_middle_right.png');
	background-repeat: repeat-x;
}
#footer {
	float: left;
	width: 980px;
	height: 60px;
	padding-top: 15px;
	text-align: center;
	line-height: 24px;
	color: #999;
	background-image: url('tp_images/bg_top.gif');
}
#footer strong{
	float: left;
	width: 100%;
	color: #fff;
	font-size: 18px;
}
#footer p{
	float: left;
	width: 100%;
	font-size: 10px;
	text-transform: uppercase;
}
#footer span{
	font-weight: bold;
	color: #ffc908;
}
#footer a
{
	color: #999;
}
#downloadform
{
	float:left;
	width: 480px;
	font-size: 11px;
}
#downloadform fieldset
{
	border: 0px;
}
#downloadform label
{
	width: 150px;
	float: left;
	margin-bottom: 4px;
}
#downloadform input
{
	width: 325px;
	float: left;
	margin-bottom: 4px;
}
#downloadform input.radio {
	width: auto !important;
	border: 0 !important;
}
#downloadform .radiolabel {
	float: left;
	margin-right: 8px;
	margin-left: 2px;
}
#downloadform .checkbox
{
	width: auto;
	margin-top: 3px;
	margin-right: 5px;
}
#downloadform  .checkboxlabel
{
	width: 450px;
}
#downloadform .submit
{
	height: 24px;
	padding: 0 10px;
	margin: 3px 0;
	border: 1px solid #c3c3c3;
	background-color: #fff;
}
#downloadform .valp
{
	margin-left: 150px;
	float:left;
	width: 325px;
	color: red;
	padding: 0px;
	line-height: 11px;
	margin-bottom: 6px;
}
.nietafbreken,
.nobreak 
{
	white-space: nowrap;
}
#TB_prev
{
	float: left;
	margin-left: 15px;
	margin-bottom: 10px;
	font-weight: bold;
}
#TB_prev a
{
	float:left;
	text-decoration: none;
}
#TB_next
{
	float: right;
	margin-right: 15px;
	margin-bottom: 10px;
	font-weight: bold;
}
#TB_next a
{
	float:right;
	text-decoration: none;
}
.brclear
{
	clear: left;
}