.highlight1{ color:Fuchsia;}
td.rightAlign{ text-align:left;}
button{ float:right;
margin-top:10px;
margin-right:10px;}
/*------------------------------------- Starts Sticky footer CSS--------------------------------------------------------- */
html, body 
{
 height: 100%;
 background-color:White;
 font-family:Arial;
}

#wrap 
{
    
 min-height: 100%;
 margin-left:auto;
 margin-right:auto;
 }

#mainz 
{
 overflow:auto;
 width:1250px;
 margin-left:auto;
 margin-right:auto;
 padding-bottom: 10px;

 } 
	 /* must be same height as the footer */

#footer 
{
color:White;
position: relative;
background-color:#737DB4;
margin-top: -20px; /* negative value of footer height */
margin-left:auto;
margin-right:auto;
width:1250px;
height: 20px;
font-size:0.75em;
font-family: AnonymousPro;
border-radius:3px;
	-moz-border-radius:3px; /* Firefox 3.6 and earlier */
	-moz-box-shadow: 3px 3px 3px #DCDCDC; /* Firefox 3.6 and earlier */
	-webkit-box-shadow: 3px 3px 3px #DCDCDC; /* Safari */
	box-shadow: 3px 3px 3px #DCDCDC; 

} 

/* -----------------------------------------------end sticky footer---------------------------------------------------------------- */

 

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, table, tr, td, form, input, address, img 
{
	margin: 0;
	padding: 0;
	line-height: 125%;
	font-size:100%;
	 font-family:Arial;
	font-family: AnonymousPro;
}


@font-face
{
font-family: AnonymousPro;
src: url('SEGOEUI.EOT');
}

@font-face
{
font-family: AnonymousPro;
src: url('SEGOEUI.TTF');
}






h1 {
	text-indent: 0px; 
	font-size:2em;
	font-family: AnonymousPro;
	color:White;
	 padding-bottom:10px;
	border-bottom:dotted 1px #C0C0C0  ;

}

h2 
{
  
	border-bottom:1px dotted #C6C6C6  ;
	color:#6E6E6E;
	font-size:1.6em;
	font-weight:normal;
	line-height:170%;
  display:block;
  margin-top:5px;
  margin-left:20px;
  width:700px;
	text-transform:capitalize;
}


h5{
color:#333333;
font-weight:normal;
font-size:14px;
}

p {	
	color: #666;
	font-size:  11px;
	font-family: AnonymousPro;
	color: #666;
	line-height: 125%;
	margin:5px; 
}

a{
font-family: AnonymousPro;
}



h3 {
	margin: 0 0 10px;
	color:#333333;
	font-size: 130%;
	line-height: 120%;
	font-weight: normal;
	text-transform: capitalize;
}

h4 {
	margin: 18px 0 5px;
	color: #333;
	font-size: 130%;
	font-weight: normal;
}

ul {
	list-style: none;
	margin: 0 0 0px;
}


#footer ul 
{ width:700px;
  height:30px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  border-bottom: 1px dotted grey;
}

#footer ul li
{
  display:inline;
  padding:0 20px 0 20px;
}   

#footer ul li a
{
  font-size:0.9em;
}   

#footer ul li a:hover
{
  color:White;
}   






/* HEADER ============================================================================================================ */

#header h1 {
	float: left;
	margin: 28px 0 0;
	text-indent: -9999px;
	background-image: url(../images/logo.png);
}

#header h1 a {
	display: block;
	width: 296px;
	height: 64px;
}



/* CONTENT ;============================================================================================================ */
/* promo */

/* Main Content ================================================================================================ */




	
/* GLOBALHEADER1 */	
#globalheader { width:1230px; 
height: 90px; 
margin: 0px auto 0px auto;
padding:10px;
position: relative; z-index: 5;
background-color:#737DB4;
border-radius:3px;
	-moz-border-radius:3px; /* Firefox 3.6 and earlier */
	-moz-box-shadow: 3px 3px 3px #DCDCDC; /* Firefox 3.6 and earlier */
	-webkit-box-shadow: 3px 3px 3px #DCDCDC; /* Safari */
	box-shadow: 3px 3px 3px #DCDCDC; 
 }	

	

		
#globalheader #subHeader1{
width:auto;
height:50px;

float:left;
margin:5px 5px 0px 5px;
}


#globalheader #subHeader2{
width:340px;
height:15px;
border:dotted thin #282736;
float:left;
margin:5px 5px 0px 5px;
}


#profile
{
 
width:250px;
height:auto;
float:right;
background-color:#737DB4;
border: 1px solid #483D8B;
padding:5px 10px 5px 10px;
  border-radius:3px;
	-moz-border-radius:3px; /* Firefox 3.6 and earlier */
	-moz-box-shadow: 1px 1px 1px 	#483D8B; /* Firefox 3.6 and earlier */
	-webkit-box-shadow: 1px 1px 1px 	#483D8B /* Safari */
	box-shadow: 1px 1px 1px #483D8B; 
}

#profile > p
{ font-size:13px;
  color:White;
    }
    
   #profile > p > a
{ 
  color:White;
    } 



#globalheader #subHeader2 #timer{
width:160px;
height:15px;
border-left:dotted thin #282736;
float:left;
font-size:8px;
}

#globalheader1 { width:700px; height: 10px;  position: relative; z-index: 5; float:right; }	
#globalheader1 #globalnav1 { margin:0; padding: 0; list-style-type:none; }	
#globalheader1 #globalnav1 li {   display: inline;  margin: 0px 0px 0px 0px; padding: 0;}

#globalheader #subHeader1 #globalnav1  li  {

    width:100px;
	height:10px;
	display: inline;
	float:right; 
    margin:auto; 
  
	}

 
#sideMenuBlock
{
margin-top:12px;
  width:1250px;
 height:auto;
  list-style:none;
  float:left;
  position:relative; 
 

 
    }
    	
	#sideMenuBlock ul 
{ 
	
	height:20px;
	 padding:10px;
	background-color:#B8C1E1;
	
}
	
#sideMenuBlock ul li 
	{ 
   height:10px;
	display:inline; padding:15px;
	border-radius:5px;
	-moz-border-radius:5px; /* Firefox 3.6 and earlier */
 } 
		
	
	
#sideMenuBlock ul li a
{
   text-decoration:none;
   font-size:13px;

 } 
	
 
 #sideMenuBlock ul li a:hover
{ 
  
	 color:#FFFFFF;
 } 
	
 
.btnCaseStudies
{
	text-decoration:none;
	font-size:25px;
}

.btnOffShelf   
{
	text-decoration:none;
	font-size:25px;
}

#sideMenuBlock .active{
border-bottom:#FF0000 thin solid;
}

#wrapperBlock
{   
    
    width:1249px;
    background-color:#EDE9FF;
   /*border-left:#CCCCCC 1px solid;*/
    float:left;
    position:relative;
    min-height:200px;
    height:auto;
    padding-bottom:10px;
    overflow:visible;
	border-radius:3px;
	-moz-border-radius:3px; /* Firefox 3.6 and earlier */
	-moz-box-shadow: 3px 3px 3px #DCDCDC; /* Firefox 3.6 and earlier */
	-webkit-box-shadow: 3px 3px 3px #DCDCDC; /* Safari */
	box-shadow: 3px 3px 3px #DCDCDC;    
}

#banner 
{
    width:1100px;
    height:120px;
    background: url(/Content/images/products/banner_product.png);
    background-position:center;
    background-repeat: no-repeat;
}



.productz .productzBox
{
  position:relative; 
  float:left;  
  width:95px; 
  margin-top:20px;
}

.productz .productzContent
{
height:auto; 
width:400px; 
margin-left:10px; 
position:relative; 
float:left;
}




.productz .productzContent > table
{ width:200px;
border-collapse:collapse;
font-size:12px;
}




.productz .productzContent  table  tr td
{ border-bottom: dotted thin #666666;
padding-top:5px;
padding-bottom:5px;

}


.productz > a

{
font-size:12px;
color:#FF6633;
position:absolute;
bottom:5px;
right:10px;
}

  



.productz h3 a 
{ 
  margin-top:10px;
  color:Black;
  font-size:26px;
  border-bottom:solid thin grey;
  float:left;
  font-style:italic;
  margin-right:10px;
   font-family: AnonymousPro;
 }
    
.productz h3 a:hover 
{
  color:grey;
  border-bottom:solid thin red;
}
    
 .productz h5 a
 {
  display:block;
  clear:left;
  }
    
li.productz
 {
 
 border:1px solid #8C8C8C;
 width:450px;; 
 height:220px; 
 margin-left:25px; 
 margin-top:10px; 
 margin-bottom:50px;  
 float:left;  
 position:relative;
 background-color:white;
 padding:10px;
 font-family: AnonymousPro;
 border-radius:8px;
-moz-border-radius:8px; /* Firefox 3.6 and earlier */

-moz-box-shadow: 4px 4px 10px #888888; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 4px 4px 10px #888888; /* Safari */
box-shadow: 4px 4px 10px #888888;



 
  }

.productz:hover
{
  background-color:#EBEBEB;
 }

 #wrapperBlock .productTittle
 {
 font-size:50px; 
display:block;
 width:660px;
 height:auto;    
 margin-top:15px;  
 margin-bottom:20px; 
 float:left;
 }
 
 
#tableTitle
{ 

  padding:5px 5px;
  border:1px solid #D8D8D8  ;
  background-color:#E8E8E8;
 }
 
 #tableContent
 {  padding:5px 5px;
    border:1px solid #D8D8D8  ;
  }
 
  .productSubtittle 
 {
     display:inline;
     width:660px;   
     margin-top:25px;  
     margin-bottom:10px; 
     float:left; 
     clear:left;
 }

div.one 
{   width: 658px;
    display:block;
    position:relative;
    float:left;
    
}

a.more

{  
    text-align:  center;
    padding:4px;
    width:80px;
    height:20px;
    background-color:#E8E8E8;
    float:left;
    position:relative;
    margin-top:25px;
    font-size:12px;
    color:grey;
    
}
    



#sideMenuBlock ul li ul li.selectedMenu 
{
 background-color:#E00000;
margin-left:-10px;
} 


#sideMenuBlock ul li ul li.selectedMenu a
{
 color:White;
 } 
 

.highlight { background:#EDE9FF;}

ul#projectenMenu {

position:relative;
float:right;
color:#333333;
margin: 10px 20px;
}

ul#projectenMenu li {
display:inline;
position:relative;
float:left;
color:#333333;
margin: 0px 20px;
}

#wrapperBlock h1 {
color:#333333;
width:auto;
height:auto;}

#wrapperBlock #projectenContent #projectenListHeader{
float:left;
margin-left:30px;
color:#333333;
}






#wrapperBlock #projectenContent div#projectenList{

margin-left:30px;
width:950px;
height:auto;
overflow:auto;
position:relative;
float:left;

}

#wrapperBlock #projectenContent div#projectenList table{

width:450px;

overflow:scroll;
position:relative;
float:left;
font-size:14px;
border-collapse:collapse;
}





#wrapperBlock #projectenContent div#projectenList table td, #wrapperBlock #projectenContent div#projectenList table th  {

font-size:13px;
border:1px solid #D2D2D2;
padding:3px 7px 2px 7px;

}


#wrapperBlock #projectenContent div#projectenList table th
{
font-size:13px;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:	#989898 ; 
color:#ffffff;
}



#wrapperBlock #projectenContent div#projectenList table tr.alt td 
{
color:#000000;
background-color:#FFFFFF;

}

#wrapperBlock #projectenContent div#projectenList table tr td 
{ text-indent:5px;
}


#projectContentLeft button {

width:120px;
position:absolute;
bottom:20px;
right:10px;
font-size:14px;
margin-bottom:10px;
}

#projectContentLeft button#Rekenen {

margin-top:10px;
position:relative;
float:right;

}



#wrapperBlock #projectenContent div#projectenList table tr td ul  {
margin:5px;
float:right;
}

#wrapperBlock #projectenContent div#projectenList table tr td ul li  {

display:inline;
color:#006699;
}



#wrapperBlock #projectenContent div#projectenList table tr td div  {
float:right;

width:350px;

}

#wrapperBlock #projectenContent div#projectenList table tr td img  {

margin-top:10px;
margin-left:10px;
width:95px;
height:70px;
border: thin solid #FFFFFF;	

-moz-box-shadow: 2px 2px 2px #888888; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 2px 2px 2px #888888; /* Safari */

}

table
{
    text-align:right;
    vertical-align:top;
}
td
{
    vertical-align:top;
}

th
{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    vertical-align:top;
}

button{ 

	text-align:center;
	background-color:#CCCCCC;
	color:#000033;
	font-size:11px;
	
	border-top:#CCCCCC solid thin;
	border-left:#CCCCCC solid thin;
	
	border-bottom:#666666 solid thin;
	border-right:#666666 solid thin;
	
	
	 border-radius:3px;
	-moz-border-radius:3px; /* Firefox 3.6 and earlier */
	
	-moz-box-shadow: 4px 4px 3px #888888; /* Firefox 3.6 and earlier */
	-webkit-box-shadow: 4px 4px 3px #888888; /* Safari */
}

button:hover {
	background-color:#FFFFFF;
	-moz-box-shadow: 6px 6px 5px #888888; /* Firefox 3.6 and earlier */
	-webkit-box-shadow: 6px 6px 5px #888888; /* Safari */
}

#projectenListBar{
	float:right; 
	margin-right:24px;  
	height:50px; 
	width:870px; 
	padding-top:10px;
}

#projectenListBarContent{
 width:350px;
 height:35px; 
 background-color:#F4F4F4;
 padding:5px;
 
 border-radius:3px;
 -moz-border-radius:3px; /* Firefox 3.6 and earlier */
 
 -moz-box-shadow: 2px 2px 2px #888888; /* Firefox 3.6 and earlier */
 -webkit-box-shadow: 2px 2px 2px #888888; /* Safari */
 }
 
#projectenListBar button{
width: 150px; height:25px;
 margin-left:20px;
 margin-top:10px;
 float:right;
 }
 
div#rekenkamerUpdate {
background-color:#FFFFFF;

width:550px;
position:relative;
float:right;
color:#333333;
margin: 10px 20px 20px 0px;
padding:5px;

 border-radius:3px;
 -moz-border-radius:3px; /* Firefox 3.6 and earlier */
 
 -moz-box-shadow: 2px 2px 2px #888888; /* Firefox 3.6 and earlier */
 -webkit-box-shadow: 2px 2px 2px #888888; /* Safari */

}

div#rekenkamerUpdate p { display:inline;
margin-bottom:0px;
padding-bottom:0px;
line-height:100%;
float:left;
}

div#rekenkamerUpdate h5 { display:inline;

float:right;
}

div#rekenkamerUpdate button{
float:right;
margin-bottom:4px;
}


#rekenKamerLijst tr td h5{
font-size:12px;
}

#rekenKamerLijst tr.alt td h5 { text-indent:-5px;
}

#financeSom{
margin-top:10px;
width:400px;
height:autopx;
border-collapse:collapse;
font-size:13px;
background-color:#FFFFFF;
 border-radius:3px;
 -moz-border-radius:5px; /* Firefox 3.6 and earlier */
 
 -moz-box-shadow: 2px 2px 2px #888888; /* Firefox 3.6 and earlier */
 -webkit-box-shadow: 2px 2px 2px #888888; /* Safari */





}

#financeSom tr{
border-bottom: dotted thin #666666;
}


#financeSom h5{ font-size:12px;
}

#financeSom tr td{ padding:2px;
}

.buttonOpslaan
{ margin-top:10px;
  margin-right:10px;
  float:left;
  margin-bottom:10px;
 background-color:transparent;
   background-image:url('buttonOff.png');
  width:140px;
  height:51px;
  font-size:15px;
  border:none;
  font-size:15px;
  color:#666666;
    }
    
.buttonOpslaan:hover
{  background-image:url('buttonHover.png');
    
    }
    
    
        .buttonOpslaan:active
{
  background-image:url('buttonActive.png');
    }