html, body, form, select, table, input, P, H1, H2, H3, H4 
{
    margin:0; 
    padding: 0;
    text-transform:lowercase;
}


* html body { behavior:url("csshover.htc"); }

a:link {color:#ff7400;text-decoration:none;}
a:visited {color:#999; text-decoration:none;}
a:hover {color:#111; text-decoration:none}
a:active {text-decoration:none; border:none;}

a:active, a:focus {
outline-color:invert;
outline-style:none;
outline-width:0pt;
text-decoration:none;
}

img {border:none}

/* Op tekstgrootte makelijk over en site in te kunnen stellen dient het formaat ingegeven te worden in % */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-color: #fff;
	color: #313131;
	margin-bottom:10px;
}


P {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
}


#main {
	width:730px;
	position:relative;
	margin: 0 auto;
	margin-top:10px;
	height:900px;
}


#header {
	position:relative;
	height:111px;
	width:712px;
}

#logo {
	width:305px;
	position:relative;
	float:left;
}

#adres {
	width:220px;
	position:relative;
	float:right;
	text-align:right;
	margin-top:27px;
	font-size: 1.1em;
	color:#999;
}

#menu {
	clear:both;
	
	padding-top:5px;
}

#mainmenu {
	width:400px;
	float:left;
	position:relative;
	margin-bottom:20px;
}

#mainmenu ul {display:inline;margin:0; padding: 0;}
#mainmenu ul li {margin:0; padding: 0;display:inline;}
#mainmenu ul li a {color:#999; font-weight:bold}
#mainmenu ul li a:hover {color:#ff7400; }

#nieuwsbrief {
	width:255px;
	position:relative;
	float:right;
	text-align:right;
	margin-top:2px;
	font-size: 1.2em;
	padding-right:17px;
}

/*#nieuwsbrief a {
display:block;
color:#ff3400;
xpadding-right:43px;
xbackground-image:url(../images/button_nieuwsbrief.gif);
xbackground-position:218px 0px;
height:16px;
background-repeat:no-repeat;

}*/


#home {
	clear:both;
	width:190px;
	float:left
}

#home ul {
	margin:0; 
	padding: 0;
	list-style:none;
}

#home ul li a { 
	display:block;
	height:65px;
	width:192px;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	padding-top:35px;
}

#home ul li a:hover { 
	display:block;
	color:#ffdbca;
}

#home ul li.home_inactive1, #home ul li.home_inactive2, #home ul li.home_inactive3, #home ul li.home_inactive4, #home ul li.home_inactive5{
	background-image:url(../images/home_but_off.gif);
	background-repeat:no-repeat;
	text-align:center;
}

#home ul li.home_inactive1 a:hover {
	background-image:url(../images/home_but_1_on.gif);
	background-repeat:no-repeat;
	text-align:center;
	color:#FFFFFF;
}

#home ul li.home_inactive2 a:hover {
	background-image:url(../images/home_but_2_on.gif);
	background-repeat:no-repeat;
	text-align:center;
	color:#FFFFFF;
}

#home ul li.home_inactive3 a:hover {
	background-image:url(../images/home_but_3_on.gif);
	background-repeat:no-repeat;
	text-align:center;
	color:#FFFFFF;
}

#home ul li.home_inactive4 a:hover {
	background-image:url(../images/home_but_4_on.gif);
	background-repeat:no-repeat;
	text-align:center;
	color:#FFFFFF;
}

#home ul li.home_inactive5 a:hover {
	background-image:url(../images/home_but_5_on.gif);
	background-repeat:no-repeat;
	text-align:center;
	color:#FFFFFF;
}


#home ul li.home_medewerkers {
	background-image:url(../images/home_but_1_on.gif);
	background-repeat:no-repeat;
	text-align:center;
	text-indent:-4px;
}

/*#home ul li.home_medewerkers a:hover {
	background-image:url(../images/home_but_5_on.gif);
	background-repeat:no-repeat;
	text-indent:33px;
}*/

#home ul li.home_portfolio {
	background-image:url(../images/home_but_2_on.gif);
	background-repeat:no-repeat;
	text-align:center;
	text-indent:-4px;
}

/*#home ul li.home_portfolio a:hover {
	background-image:url(../images/home_but_4_on.gif);
	background-repeat:no-repeat;
	text-indent:55px;
}*/

#home ul li.home_diensten {
	background-image:url(../images/home_but_3_on.gif);
	background-repeat:no-repeat;
	text-align:center;
	text-indent:-4px;
}

/*#home ul li.home_diensten a:hover {
	background-image:url(../images/home_but_3_on.gif);
	background-repeat:no-repeat;
	text-indent:55px;
}*/

#home ul li.home_tools {
	background-image:url(../images/home_but_4_on.gif);
	background-repeat:no-repeat;
	text-align:center;
	text-indent:-4px;
}

/*#home ul li.home_tools a:hover {
	background-image:url(../images/home_but_2_on.gif);
	background-repeat:no-repeat;
	text-indent:70px;
}*/

#home ul li.home_facts {
	background-image:url(../images/home_but_5_on.gif);
	background-repeat:no-repeat;
	text-align:center;
	text-indent:-4px;
}

/*#home ul li.home_facts a:hover {
	background-image:url(../images/home_but_1_on.gif);
	background-repeat:no-repeat;
	text-indent:70px;
}*/

#footer {
	color:#999; 
	font-size:10px; 
	margin-top:10px;
	text-transform:none;
	position:absolute;
	margin-left:-362px; 
	left:50%; 
	top:659px; 
}


#contentpage {
	width: 490px;
	position:absolute;
	margin-left:-142px; 
	left:50%; 
	top:159px; 
	background-color:#ececec;
	z-index:400;
	min-height:486px; 
	height:auto;
	background-image:url(../images/contentpagetopbg.gif);
	background-repeat: no-repeat;
}

#contentpageend {
	height:40px;
	background-color:#FFF;
}

* html #contentpage {
	height: 486px;
	top:159px; 
}


*+html #contentpage {
	top:159px; 
} 

#contents {
	min-height:378px; 
	height:auto;
	padding:60px 25px 10px 25px;
	font-size:1.2em;
}

#contents p{
	margin-bottom:10px;
	line-height:150%;
	color:#777;
	text-transform:none;
}

#contents a:link, #contents a:visited, #contents a:active {color:#ff7400;text-decoration: none;}
#contents a:hover {color:#ff7400;text-decoration: underline;}

#contents h1{
	color:#979797;
	margin-bottom:10px;
	font-size:3em;
}

#contents h1.contenttext {
	margin-bottom:5px;
}	


#contents h2{
	color:#333;
	margin:20px 0 3px 0;
	padding:0;
	font-size:1.2em;
}

* html #contents {
	height: 378px;
}


#contents ul {
	margin:0; 
	padding: 0;
	list-style:none;
	margin:5px 0;
}

#contents li {
	border:1px solid white;
}

#contents ul li a:link, #contents ul li a:visited { 
	display:block;
	color: #FF3400;
	font-weight:bold;
	text-decoration:none;
	line-height:150%;
}

#contents ul li a:hover { 
	display:block;
	color: #FF3400;
	text-decoration:underline;
	font-weight:bold;
}


#contentsnav {
	margin-bottom:20px;

}

#contentsnav li {
	display:inline;
	padding-right:8px;
}

#contentsnav ul {
	margin:0; 
	padding: 0;
	list-style:none;
	margin:5px 0;
	
}


#contentsnav ul li a:link, #contentsnav ul li a:visited { 
	display:inline;
	color: #FF3400;
	font-weight:bold;
	text-decoration:none;
	line-height:150%;
}

#contentsnav ul li a:hover { 
	display:inline;
	color: #FF3400;
	text-decoration:underline;
	font-weight:bold;
}

#contentoverzicht { 
	float:right;
	font-weight:bold;
	margin-top:10px;
}

#contentoverzicht a:link, #contentoverzicht a:visited, #contentoverzicht a:active {color:#FF3300;text-decoration: none;}
#contentoverzicht a:hover {color:#FF3300;text-decoration: underline;}


#contentpagebot {
	height:60px;
	background-image:url(../images/contentpagebotbg.gif);
	background-repeat:no-repeat;
	margin-top:10px;
	}


#content_nav_left {
	position: fixed;
	margin-left:-175px; 
	left:50%; 
	top:270px; 
	width: 30px; 
	height: 88px; 
	background: #fff; 
	z-index: 405; 
	vertical-align:top
}

* html #content_nav_left  {
	position: absolute;
}

#content_nav_right {
	position: fixed;
	margin-left:350px;
	width: 30px; 
	height: 88px; 
	top: 270px; 
	left: 50%; 
	background: #fff; 
	z-index: 405; 
	vertical-align:top
}

* html #content_nav_right  {
	position: absolute;
}

#homenav1 {width: 540px;height: 104px;position:absolute;margin-left:-170px; left:50%; top:158px; background-color:#FFF;z-index:400}
#homenav2 {width: 540px;height: 104px;position:absolute;margin-left:-170px; left:50%; top:258px; background-color:#FFF;z-index:401}
#homenav3 {width: 540px;height: 104px;position:absolute;margin-left:-170px; left:50%; top:358px; background-color:#FFF;z-index:402}
#homenav4 {width: 540px;height: 104px;position:absolute;margin-left:-170px; left:50%; top:458px; background-color:#FFF;z-index:403}
#homenav5 {width: 540px;height: 104px;position:absolute;margin-left:-170px; left:50%; top:558px; background-color:#FFF;z-index:404}

*+html #homenav1 {top:163px;} * html #homenav1 {top:163px;} 
*+html #homenav2 {top:263px;} * html #homenav2 {top:263px;} 
*+html #homenav3 {top:363px;} * html #homenav3 {top:363px;} 
*+html #homenav4 {top:463px;} * html #homenav4 {top:463px;} 
*+html #homenav5 {top:563px;} * html #homenav5 {top:563px;} 

.model_nav{position: absolute; overflow: hidden; width: 545px; height: 104px; z-index: 10;}
.model_nav_left {position: absolute; width: 30px; height: 100px; top: 0px; left: 0px; background: #fff; z-index: 30; vertical-align:top}
.model_nav_right {position: absolute; width: 30px; height: 100px; top: 0px; left: 522px; background: #fff; z-index: 30; vertical-align:top}

* html .model_nav_left 
{
    padding-left: 3px;
}
* html .model_nav
{
   width: 548px
   }
* html .model_nav_right a  
{
    position: absolute;
    left: 4px;
    width: 40px;
}

 #model_thumbnails_container1,#model_thumbnails_container2, #model_thumbnails_container3, #model_thumbnails_container4, #model_thumbnails_container5  
{

 position: absolute; 
 clip: rect(0, 502, 90, 0); 
 overflow: hidden; 
 min-width: 502px; 
 width: 8000px;
 height: 104px;
 top: 0px; 
 left: 30px; 
 background-color: #fff; 
 z-index: 15;
 }

 #model_thumbnails1,
 #model_thumbnails2, 
 #model_thumbnails3, 
 #model_thumbnails4, 
 #model_thumbnails5 
{
 position: absolute; 
 height:108px; 
 overflow: hidden; 
 --top: -2px; 
 left: 0px; 
 z-index: 20;
 cursor:pointer; 
 cursor:hand;
 }
 


.model_thumbnail_cat, 
.model_thumbnail1, 
.model_thumbnail2, 
.model_thumbnail3, 
.model_thumbnail4, 
.model_thumbnail5 
{
 float: left; 
 display: block; 
 height: 100px; 
 margin: 0px 2px; 
 background-color: #fff;
 width: 161px; 
 text-align:center; 
 line-height: 20px;
 overflow: visible;
 }
 
 
 table td tr 
 {
     padding: 0px;
     margin: 0px;
 }

.model_thumbnail_cat td, 
.model_thumbnail1 td, 
.model_thumbnail2 td, 
.model_thumbnail3 td, 
.model_thumbnail4 td, 
.model_thumbnail5 td
{   
    height: 104px;
    padding-left: 10px;
    padding-right: 10px;
    background-image: url(../images/home_but_item.gif); 
    background-repeat:no-repeat;
    background-color: #fff;
    vertical-align:middle;
    width: 160px; 
 }
 
.model_thumbnail_cat td a, 
.model_thumbnail1 td a, 
.model_thumbnail2 td a, 
.model_thumbnail3 td a, 
.model_thumbnail4 td a, 
.model_thumbnail5 td a
{
    
    padding: 15px 0px;
    margin-top: -15px;
    margin-left: -7px;
    display: block;
    /*border: 1px solid red;*/
    color:#999; 
    font-weight:bold; 
    font-size:16px; 
  
}
 
 .model_thumbnail_cat td
 {
 background-image: url(../images/home_but_filter.gif);
 }


.model_thumbnail1 td:hover {background-repeat:no-repeat}
.model_thumbnail1 td:hover a{color:#fff;text-indent:-5000px;}

.model_thumbnail2 td:hover {color:#fff;background-image: url(../images/home_but_item_2.gif); background-repeat:no-repeat;}
.model_thumbnail2 td:hover a{color:#fff;}

.model_thumbnail3 td:hover {color:#fff;background-image: url(../images/home_but_item_3.gif); background-repeat:no-repeat;}
.model_thumbnail3 td:hover a{color:#fff;}

.model_thumbnail4 td:hover {color:#fff;background-image: url(../images/home_but_item_4.gif); background-repeat:no-repeat;}
.model_thumbnail4 td:hover a{color:#fff;}

.model_thumbnail5 td:hover {color:#fff;background-image: url(../images/home_but_item_5.gif); background-repeat:no-repeat;}
.model_thumbnail5 td:hover a{color:#fff;}

/* .model_thumbnail_cat td:hover {background-image: url(../images/home_but_item_2.gif); background-repeat:no-repeat;}
.model_thumbnail_cat td:hover a{color:#fff;} */
 
.boxdisplayshow {
	padding: 4px 7px 4px 7px;
	display:block;
	height:130px;
	width: 300px;
	background: #FFF;
	position: absolute;
	top:16px;
	left:50%;
	margin-left:52px;
	z-index:500;
	background-image: url(../images/nieuwsbriefboxbg2.gif); 
	background-repeat:no-repeat;
}

* html .boxdisplayshow  {margin-left:56px;}

.boxdisplaynone {
	display:none;
}


.boxveld {
	color:#666;
	font-size:1.2em;
	background-image: url(../images/icon_boxveld.gif);
	background-repeat:no-repeat;
	background-position: left 5px;
	padding-left:12px;
}
.boxclose {
	color: #ff7400;
	font-size:1.2em;
	font-weight:bold;
}

.voorbeeld {
	text-align:right;
	padding-right:22px;
	font-size:1.2em;
}


.voorbeeld a:link, .voorbeeld a:visited, .voorbeeeld a:active {color:#ff7400;text-decoration: none;}
.voorbeeld a:hover {color:#ff7400;text-decoration: underline;}

.boxbut {
	color: #ff7400;
	font-size:1.2em;
	background:#ff7400;
	border:1px solid #ff7400;
	color:#FFFFFF;
	padding:1px;
	font-weight:bold;
	
}


.formbut {
	background:#ff7400;
	font-size:11px;
	border:1px solid #ff7400;
	color:#FFFFFF;
	padding:1px;
	font-weight:bold;
	cursor:pointer;
}

.formbutover {
	background:#DDD;
	font-size:11px;
	border-left:1px solid #DDD;
	border-top:1px solid #DDD;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	color:#333;
	padding:1px;
	font-weight:bold;
	cursor:pointer;
}



.boxinput {
	width:157px;
	height: 14px;
	margin:0;
	padding:0;
	background:#FFF;
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	border-right:1px solid #EEE;
	border-bottom:1px solid #EEE;
	padding:0px 3px;
	color:#666;
}

#overview {
	float:right;
	width:505px; 
	margin-bottom:15px;
}

#overview .model_thumbnail1 {
height:100px;
}

#overview .model_thumbnail_cat {
height:100px;
}

div#gegevens 
{
   display: block;
   height: auto;
   
}

div#gegevens p 
{
    float: left;
}

div#gegevens img 
{
    border: 1px solid red;
    float: right;
}
div#gerelateerd
{
    float: left;
}
div#gerelateerd ul li a:link, div#gerelateerd ul li a:visited,
div#gerelateerd ul li a:hover, div#gerelateerd ul li a:active
{

    line-height: 12px;
}

h1#portfoliotitel
{
    display: block;
    
    margin-bottom: -8px;
}

ul.gerelateerd
{
 
    display: block;
    height: 20px;
    margin-top: 0px;
    padding-bottom: 20px;
}

ul.gerelateerd li 
{
    display: inline;
    float: left;
    margin-right: 10px;
}

.summary 
{
    display: block;
    width: 280px;
    float: left;
}
.thumbnail 
{
    float: right;
}

#img1
{
    display: block;
}

#img2, #img3, #img4, #img5
{
    display: none;
}

#productenlist 
{
    display: block;
    padding: 0px;
    margin: 0px;
}

#productenlist li
{
    display: inline;
}

#dienstenlist 
{
    display: block;
    padding: 0px;
    margin: 0px;
}

#dienstenlist li
{
    display: inline;
}