body{
	background: url(images/bodybackground.jpg) repeat-x #ffffff;
	font-family: arial;
	font-size: 12px;
	color: #000000;
}

#logo{
	position: absolute;
	top: 0px;
	left: 50%;
	margin: 0 0 0 -491px;
	width: 200px;
	height: 90px;
        display: block;
	background: url(images/logo.jpg);
}

#logo img{
        border: 0;
}

#topheadermenu{
	position: absolute;
	top: 0px;
	left: 50%;
	margin: 0 0 0 33px;
	width: 458px;
	height: 90px;
	background: url(images/topmenubackground.jpg);
}

#topheadermenu a{
        color: #ffffff;
        text-decoration: none;
        margin: 0;
        padding: 0;
}

#topheadermenu img{
        border: 0;
}

/*VERWIJDEREN
#languagechoice{
        position: absolute;
        top: 0px;
        right: 48px;
        overflow: hidden;
}

#language-selector.ul{
  position: absolute;
  display: none;
  top: 0px;
  right: 0px;
  width: 100px;
  height: 40px;
  border: 2px solid white;
  background: #f58220;
}

#language-selector a.language-text{
  position: relative;
  float: left;
  display: block;
  width: 70px;
  height: 20px;
  margin: 0 0 0 3px;
  text-align: left;
  overflow: hidden;
}

#language-selector a.flag-image{
  position: relative;
  float: right;
  display: block;
  width: 25px;
  height: 18px;
  margin: 0;
  text-align: justify;
}

#language-selector img{
  margin: 2px 0 0 0;
}

*/

#topmenucontainer{
	position: absolute;
	top: 10px;
	left: 57px;
	width: 395px;
	height: 19px;
        font-size: 11px;
        word-spacing: 7px;
        color: #ffffff;
}

#topmenu{
	position: absolute;
	top: 85px;
	left: 50%;
	margin: 0 0 0 -501px;
	width: 1000px;
	height: 53px;
	background: url(images/menubackground.png) no-repeat;
        z-index: 80;
        overflow: display;
}

#topsearch{
	position: absolute;
	top: 15px;
	right: 14px;
	width: 210px;
	height: 22px;
        margin: 0;
        padding: 0;
        overflow: hidden;
}

  #topsearch input.arrow{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 22px;
    height: 23px;
    border: 0;
    background: url(/images/arrow.jpg) bottom left no-repeat transparent;
    overflow: hidden;
    cursor: pointer;
  }

  #topsearch input.searchfield{
    position: absolute;
    left: 0px;
    top: 0px;
    border: 1px solid #f58220;
    width: 183px;
    height: 22px;
  }

#breadcrumbs{
        position: absolute;
	top: 134px;
	left: 50%;
	margin: 0 0 0 -491px;
	width: 978px;
	height: 15px;
        text-indent: 20px;
        overflow: hidden;
	color: #7798b9;
        z-index: -1;
}

#breadcrumbs a{
	color: #7798b9;
}

#flashnieuws{
	position: absolute;
	top: 145px;
	left: 50%;
	margin: 0 0 0 -501px;
	width: 771px;
	height: 263px;
	/*border: 2px solid #ffffff;*/
	background: url(/images/flashbackground.png) no-repeat;
        z-index: 2;
}

#flashobject{
	position: absolute;
	top: 10px;
	left: 10px;
        z-index: -3;
}

#toprightbar{
	position: absolute;
	top: 145px;
	left: 50%;
        margin: 0 0 0 270px;
        width: 228px;
        height: 16px;
        background: url(/images/top-right-bar.png) top left no-repeat;
}

#bottomrightbar{
	position: absolute;
	bottom: -18px;
	left: 0px;
	width: 228px;
	height: 18px;
	background: url(images/bottom-right-bar.png) bottom left no-repeat;	
}

#righthighlights{
	position: absolute;
	top: 160px;
	left: 50%;
	margin: 0 0 0 270px;
        width: 228px;
	/*height: 744px;*/
        height: auto;
	background: url(/images/background-right-bar.png) top left repeat-y;
}

	.righthighlightsitemcontainer{
		position: relative;
		width: 180px;
		height: 164px;
		margin: 15px 0 0 20px;
		border-bottom: 1px solid #f48221;
	}
		
		.righthighlightsitemcontainer h3{
			width: 200px;
			height: 19px;
			color: #f48221;
			font-size: 15px;
			font-weight: normal;
			margin: 0 0 2px 0;
			padding: 0;
                        overflow: hidden;
		}
		
		.righthighlightsitemcontainer h4{
			width: 180px;
			height: 12px;
			color: #f48221;
			font-size: 10px;
			margin: 0 0 3px 0;
			padding: 0;
                        overflow: hidden;
		}
		
		.righthighlightsitemcontainer p{
			width: 180px;
			height: 105px;
			color: #ffffff;
			margin: 0;
			padding: 0;
                        overflow: hidden;
		}

                .righthighlightsitemcontainer p.highlightlink{
			width: 180px;
			/*height: 105px;*/
			height: 14px;
			color: #f48221;
			margin: 0;
			padding: 0;
                        overflow: hidden;
		}

		
		.righthighlightsitemcontainer a{
			width: 180px;
			height: auto;
			color: #f48221;
			font-size: 10px;
			font-weight: bold;
			margin: 0 0 5px 0;
			padding: 0;
		}

	#lastrighthighlightsitemcontainer{
		position: relative;
		width: 180px;
		height: 220px;
		margin: 15px 0 0 20px;
	}

        #requestinfolink{
                position: absolute;
                top: 185px;
                left: 0px;
                width: 180px;
                height: 28px;
                border: 0;
                text-decoration: none;
        }
        
        #requestinfolink-img{
                border: 0;
        }

#righthighlightscallme{
	position: relative;
	width: 180px;
	height: 110px;
	margin: 15px 0 0 15px;
	border-bottom: 1px solid #f48221;
}

  #righthighlightscallme h4{
    width: 180px;
    height: 12px;
    color: #ffffff;
    font-size: 10px;
    margin: 0 0 3px 0;
    padding: 0;
    overflow: hidden;
  }

  #righthighlightscallme input.arrow{
    width: 22px;
    height: 23px;
    border: 0;
    background: url(/images/arrow.jpg) bottom left no-repeat transparent;
    overflow: hidden;
    cursor: pointer;
  }

  #righthighlightscallme input.searchfield{
    border: 1px solid #f58220;
    width: 140px;
    height: 22px;
    line-height: 22px;
    color: #8a8a8a;
    overflow: hidden;
  }

#phone-block{
		position: relative;
		width: 180px;
		height: 160px;
		margin: 15px 0 0 15px;
}

#logoscroller{
	position: absolute;
	top: 415px;
	left: 50%;
	margin: 0 0 0 -501px;
	width: 772px;
	height: 63px;
        padding: 5px 0 0 10px;
	background: url(/images/logosliderbg.png) no-repeat;
}

#scroller{
        position: absolute;
	top: 9px;
	left: 42px;
        margin: 0;
        padding: 0;
        width: 696px;
        height: 45px;
        border: 0;
}

  #fotocontainer{
     margin: 0; 
     padding: 0; 
     overflow: hidden;
     border: 1px solid black;
  }

#browse_left{
        position: absolute;
        display: block;
        top: 5px;
        left: 10px;
        width: 30px;
        height: 53px;
        background: url(images/left.jpg);
}

#browse_right{
        position: absolute;
        display: block;
        top: 5px;
        right: 15px;
        width: 28px;
        height: 53px;
        background: url(images/right.jpg);
}

#scrollgradient_left{
        position: absolute;
        display: block;
        top: 5px;
        left: 40px;
        width: 80px;
        height: 50px;
        background: url(images/scrollgradient-left.png);
}

#scrollgradient_right{
        position: absolute;
        display: block;
        top: 5px;
        right: 43px;
        width: 80px;
        height: 50px;
        background: url(images/scrollgradient-right.png);
}

#scrollobject{
        position: absolute;
        top: 4px;
        left: 40px;
        width: 712px;
        height: 53px;
        border: 0;
        margin: 0;
        padding: 0;
        overflow: hidden;
}

#top-contentcontainer{
	position: absolute;
	top: 478px;
	left: 50%;
	margin: 0 0 0 -501px;
	width: 772px;
	height: 20px;
	background: url(images/top-content-background.png) top left no-repeat;	
	overflow: hidden;
}

#bottom-contentcontainer{
	position: absolute;
	bottom: -20px;
	left: 5px;
	width: 772px;
	height: 20px;
	background: url(images/bottom-content-background.png) bottom left no-repeat;
}

#contentcontainer{
	position: absolute;
	top: 498px;
	left: 50%;
	margin: 0 0 0 -501px;
	width: 771px;
	min-height: 450px;
	background: url(images/testbackground.png) top left repeat-y;
}

	#contentcontainer h1{
		position: relative;
		margin: 20px 0 0 28px;
		width: 515px;
		height: 26px;
		font-size: 22px;
		font-weight: normal;
		padding: 0;
	}

	#contentimage{
		position: absolute;
		top: 50px;
		right: 23px;
		width: 145px;
		height: 145px;
		/*background: #ECF1F5;*/
		font-size: 22px;
		font-weight: normal;
		color: #023d79;
	}

	#content{
		position: relative;
		margin: 5px 0 190px 28px;
		width: 555px;
		height: auto;
		color: #023d79;
		padding: 0;
                line-height: 20px;
	}
	
	#content p{
		margin: 10px 0 0 0;
		padding: 0;
	}

	#content a{
		color: #f58220;
                text-decoration: none;
        }

	#content a:hover{
		color: #023d79;
        }

	#content h2{
		position: relative;
		margin: 20px 0 0 0;
		width: 515px;
		height: 14px;
		font-size: 12px;
		font-weight: bold;
		color: #f58220;
		padding: 0;
	}

        #content h3{
		position: relative;
		margin: 20px 0 0 0;
		width: 515px;
		height: 26px;
		font-size: 14px;
		font-weight: normal;
		color: #023d79;
		padding: 0;
	}

        #content ul{
                margin: 0; /*10px 0 0 0;*/
                padding: 10px 0 0 18px; /*padding top was uit... gevolgen? Uitlijning bij infor brak zonder top 10px*/
        }

        @-moz-document url-prefix() { #content ul{
                margin: 0; /*10px 0 0 0;*/
                padding: 10px 0 0 15px;
        }
        }

        #screenshotcontainer{
                margin:0;
                padding:0;
                width:525px;
        }
        
        #content ul.thumbs{
                margin: 0;
                padding: 0;
        }

        #content ul.thumbs li{
                margin: 0;
                padding: 0;
        }

        #content ul.contactpage{
                padding: 5px 0 0 18px;
        }

        #screenshotcontainer p.fotoonderschrift{
                margin: 0 0 10px 0;
                padding: 0;
                line-height: 13px;
        }


        #content ul.LSM_0, #content ul.LSM_1, #content ul.LSM_2 {
                padding-top:0;
                padding-bottom:0;
        }

/*
        #content ul.LSM_0 li a{
                color: #023d79;
                font-weight: bold;
        }

        #content ul.LSM_1 li a{
                color: #f58220;
                font-weight: normal;
        }
        
        #content ul.LSM_2 li a{
                color: #f58220;
                font-style: italic;
        }
*/

        #content img.processmodel{
                margin: 10px 0 0 0;
                width: 555px;
                border: 0px;
        }

        #content a.processmodellink{
                display: block;
                width: 515px;
/*                height: 100%;*/
                height: auto;
        }

        .ditto{
                margin: 10px 0 0 0;
                width: 515px;
                height: auto;
        }
        
        .icon_td{
                width: 75px;
                vertical-align: top;
                text-align: left;
        }

        .title_td{
                width: 465px;
                vertical-align: top;
        }

        .text_td{
                width: 465px;
                vertical-align: top;
        }

        .title_td h4{
        	margin: 0;
		width: 465px;
		height: 16px;
		font-size: 12px;
		font-weight: bold;
		color: #f58220;
		padding: 0;
        }
        
        .contacttablecell{
                height: 25px;
        }
        
        #content p.contacttable{
                line-height: 14px;
                margin: 0;
                padding: 0;
        }

        .icon{
                float: left;
                clear: left;
                width: 60px;
                height: 60px;
                /*background: #ddd;*/
        }

        div.ditto h2.ditto_pageTitle{
                width: 440px;
        }

        .ditto_introText{
                width: 440px;
        }

        #content p.ditto_link_haakjes{
                padding: 0;
                margin: 0;
                color: #f58220;
        }

        #content a.ditto_link{
                color: #f58220;
                text-decoration: underline;
        }

        #content a.ditto_link:hover{
		color: #023d79;
        }
        
        .partnerlogocontainer{
                margin: 3px 5px 2px 0px;
                float: left;
                border: 2px solid #f58220;
                width: 110px;
                height: 110px;
        }

        .partnerlogocontainer img{
                border: 0;
                margin: 5px 5px 5px 5px;
        }

        .featureimage{
                width: 45px;
                height: 45px;
                float:left;
                margin: 2px 0 2px 0;
                border:0px;
        }

	#bottomhighlightscontainer{
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 720px;
		height: 159px;
		margin: 0 0 0 28px;
	}
	
	#bottomhighlightscontainer h3{
		width: 180px;
		height: 17px;
		color: #f48221;
		font-size: 16px;
		font-weight: normal;
		margin: 0 0 5px 0;
		padding: 0;
	}
	
	#bottomhighlightleft{
		position: absolute;
		top: 30px;
		left: 0px;
		width: 355px;
		height: 120px;
		background: #ecf1f5;
	}
	
	#bottomhighlightright{
		position: absolute;
		top: 30px;
		right: 0px;
		width: 355px;
		height: 120px;
		background: #ecf1f5;
	}
	
	.bottomhighlightimage{
		width: 100px;
		height: 100px;
		margin: 10px 0 0 10px;
		/*background: #000;*/
	}
	
	#bottomhighlightleft h5, #bottomhighlightright h5{
		position: absolute;
		left: 120px;
		top: 5px;
		width: 220px;
		height: 12px;
		color: #023d79;
		font-size: 11px;
		margin: 0;
		padding: 0;
	}
	
	#bottomhighlightleft h4, #bottomhighlightright h4{
		position: absolute;
		left: 120px;
		top: 18px;
		width: 220px;
		height: 12px;
		color: #f48221;
		font-size: 11px;
		margin: 0;
		padding: 0;
	}
	
	#bottomhighlightleft p, #bottomhighlightright p{
		position: absolute;
		left: 120px;
		top: 33px;
		width: 220px;
		height: 70px;
		color: #023d79;
		font-size: 11px;
		margin: 0;
		padding: 0;
                overflow: hidden;
	}

                #bottomhighlightleft p.highlightlink, #bottomhighlightright p.highlightlink{
			position: absolute;
		        left: 120px;
               		top: 103px;
        		width: 220px;
	        	height: 14px;
			margin: 0 0 5px 0;
			padding: 0;
                        overflow: hidden;
                        color: #f48221;
		}

                #bottomhighlightleft p.highlightlink a, #bottomhighlightright p.highlightlink a{
                        text-decoration: underline;
                }
	
	#bottomhighlightleft a, #bottomhighlightright a{
		width: 220px;
		height: 12px;
		color: #f48221;
		font-size: 10px;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}

td.industry-column{
        width: 105px;
        border-bottom: 1px solid #023d79;
}

td.company-column{
        width: 410px;
}

.company-container{
        position: relative;
        float: left;
        width: 95px;
        height: 60px;
        margin: -1px 0 0 -1px;
        text-align: center;
        border: 1px solid #023d79;
}

.company-container img{
        position: relative;
        margin: 2px 5px 2px 5px;
        border: 0;
}

img.customer-logo{
        margin-top: 3px;
        margin-bottom: auto;
        width: 75px;
}

#top-contentcontainer-vervolg{
	position: absolute;
	top: 145px;
	left: 50%;
	margin: 0 0 0 -501px;
	width: 772px;
	height: 20px;
	background: url(images/top-content-background.png) top left no-repeat;	
	overflow: hidden;
}

#contentcontainer-vervolg{
	position: absolute;
	top: 165px;
	left: 50%;
	margin: 0 0 0 -501px;
	width: 771px;
	min-height: 800px;
	background: url(images/testbackground.png) top left repeat-y;
}

#contentcontainer-vervolg h1{
		position: relative;
		margin: 20px 0 0 28px;
		width: 515px;
		height: 26px;
		font-size: 22px;
		font-weight: normal;
		color: #023d79;
		padding: 0;
	}

#footer{
        position: absolute;
        left: 0px;
        bottom: -28px;
	width: 978px;
	height: 25px;
        color: #f48221;
        font-size: 10px;
}

#footerbalk{
        position: absolute;
        left: 50%;
        top: 0px;
        margin: 0 0 0 -483px;
	width: 750px;
	height: 50px;
        color: #f48221;
        text-indent: 10px;
        font-size: 10px;
}

#footerbalk a{
        color: #f48221;
}

/* CONTACT */

.contactveld{
       border: 0px solid #000;
       height: 30px;
}
.contactnaam{
       border: 0px solid #ccc;
       width: 120px;    
       float: left;  
}
.forminput{
      border: 1px solid #F68121;
      margin-left: 0px;
      font-family: Arial;
      font-size: 12px;
      color: #013D79;
      width: 265px;
}
.formtextarea{
      border: 1px solid #F68121;
      font-family: Arial;
      font-size: 12px;
      color: #013D79;
     width: 390px;
      overflow: auto;
}
@-moz-document url-prefix() {.formtextarea{
      border: 1px solid #F68121;
      font-family: Arial;
      font-size: 12px;
      color: #013D79;
     width: 388px;
      overflow: auto;
}}
.formbutton{
     float: left;
     margin-top: 10px;
     width: 390px;
     border: 1px solid #F68121;
     color: #013D79;
     background: #fff;
}
.formselect{
     float: left;
     margin-top: 0px;
     width: 265px;
     border: 1px solid #F68121;
     color: #013D79;
}
#contactformuliercontainer{
     width:500px;
     height: 470px;
}
#contactformuliercontainer ul{
margin: 0;
padding: 0;
list-style-type: none;
}
#contactformuliercontainer ul li ul{
margin-top: 0;
padding: 0;
margin-left: 20px;
}
#contactformuliercontainerrequest{
     width:500px;
     height: 790px;
}
#contactformuliercontainerrequest ul{
margin: 0;
padding: 0;
list-style-type: none;
}
#contactformuliercontainerrequest ul li ul{
margin-top: 0;
padding: 0;
margin-left: 20px;
}
#contactformuliercontainerbrowse{
     width:500px;
     height: 400px;
}
#contactformuliercontainerbrowse ul{
margin: 0;
padding: 0;
list-style-type: none;
}
#contactformuliercontainerbrowse ul li ul{
margin-top: 0;
padding: 0;
margin-left: 20px;
}
#requestlinks{
float: left;
}
#requestrechts{
float: right;
}

/*##################################*/
/*###### AJAX SEARCH STYLES ########*/
/*##################################*/

       #ajaxSearch_form fieldset {
               border: 0;
       }
       #ajaxSearch_input {
               position: absolute;
               left: 0px;
               top: 0px;
               border: 1px solid #f58220;
               width: 183px;
               height: 22px;
               color: #cdcdcd;
               padding: 3px 0 0 5px;
       }
       #ajaxSearch_submit {
               position: absolute;
               top: 0px;
               right: 0px;
               width: 22px;
               height: 23px;
               border: 0;
               background: url(/images/arrow.jpg) bottom left no-repeat transparent;
               overflow: hidden;
               cursor: pointer;
       }

.ajaxSearch_result{
       margin: 15px 0 5px 0;       
}


.ajaxSearch_resultLink{
 	width: 555px;
	height: 14px;
	font-size: 12px;
	font-weight: bold;
	color: #f58220;
        margin: 0;
	padding: 0;
}

#content .ajaxSearch_resultExtract{
       margin: 0 0 15px 0;       
}

#content .ajaxSearch_resultExtract p{
       margin: 0;       
}
