* { padding: 0; margin: 0; }



body {
	margin: 0; 	padding: 0;
	font: normal 73%/1.5em 'Trebuchet MS', Tahoma, sans-serif;
	color: #555;
	background: #FFF ;
	text-align: left;		
}
he
/* links */


/* headers */
h1, h2, h3 { font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif; }
h1 { font-size: 1.4em; color: #555; }

h2 { font-size: 1.2em; text-transform: uppercase; }
h3 { font-size: 1.2em; }

p, h1, h2, h3 {
	margin: 10px 15px;
}
ul, ol {
		padding: 0 15px;
		padding-left:25px;		
}

/* images */
.img {
		 
}
img  A{
text-decoration: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}

a
{
color:#555;
}
code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 3px solid #fba01b;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px; 	padding: 0 0 0 20px;  	
  	background-color: #FAFAFA; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 3px solid #fba01b;  
	font: bold 1.2em/1.5em "Trebuchet MS", Tahoma, sans-serif; 
	color: #666666;	
}

/* start - table */
table {
	border-collapse: collapse;
	margin: 10px 15px;	
}
th strong {
	color: #fff;
}
th {
	background: #fba01b;
	height: 29px;
	padding-left: 11px;
	padding-right: 11px;
	color: #fff;
	text-align: left;
	border-left: 1px solid #B6D59A;
	border-bottom: solid 2px #FFF;
}
tr {
	height: 30px;
}
td {
	padding-left: 11px;
	padding-right: 11px;
	/* border-left: 1px solid #FFE1C3; */
	border-left: 1px solid #FFF;
	border-bottom: solid 1px #ffffff;
}
td.first,th.first {
	border-left: 0px;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;
}
/* end - table */

/* form elements */

/* search form */
.searchform {
	background-color: transparent;
	border: none;	margin: 0; padding: 0;	
}
.searchform p { margin: 10px; padding: 0; }
.searchform input.textbox { 
	width: 130px;
	color: #333; 
	height: 20px;
	padding: 2px;	
	vertical-align: top;
}
.searchform input.button { 
	font: bold 12px Arial, Sans-serif; 
	color: #333;	
	width: 60px;
	height: 26px;
	border: 1px solid #DADADA;
	padding: 3px 5px;	
	vertical-align: top;
}

/***********************
	  LAYOUT
************************/
#HeaderImage
{

clear:both;
}
#HeaderImage_wrapper
{
width:800px;
margin:0px auto;
}
#HeaderImage IMG
{
float:left;
}
#header-content, #content, #footer-content {
	width: 800px;
}

/* header */
#header {
	height: 40px;
	text-align: left;	
	clear:both;
}
#header-content {	
	margin: 0 auto; padding: 0;
	position: relative;
}
#header-content h1#logo {
	float:left;
	font: bold 45px 'Trebuchet MS', Sans-serif;
	letter-spacing: -2px; 
	color: #FFF;
	margin: 0; padding: 0;		
	
	/* change the values of left and top to adjust the position of the logo */
	top: 0; left: 0px;
}
#header-content h1#logo a {
	text-decoration: none;
	color: #FFF;
}
#header-content #slogan {
	position: absolute;	
	font: bold 12px 'Trebuchet Ms', Sans-serif;
	text-transform: none;
	color: #FFF;	
	margin: 0; padding: 0;
	
	/* change the values of left and top to adjust the position of the slogan */
	top: 55px; left: 40px;
}

/* header menu */
#header-content ul {
	position: absolute;
	right: -1px; top: 50px;
	font: bolder 1.3em 'Trebuchet MS', sans-serif;
	color: #FFF;
	list-style: none;
	margin: 0; padding: 0;		
}
#header-content li {
	display: inline;
}
#header-content li a {
	float: left;
	display: block;
	padding: 3px 12px;	
	color: #FFF;
	background-color: #333;
	text-decoration: none;
	border-right: 1px solid #272727;
}
#header-content li a:hover {
	background: #fba01b;
	color: #FFF;
}
#header-content li a#current  {
	background: #fba01b;
	color: #FFF;
}


/* header photo */
.headerphoto {
	margin: 0 auto;
	width: 770px;
	height: 200px;
	padding: 15px 10px 10px 10px; 
	background: #FFF url(headerphoto.jpg) no-repeat center;	
}

/* content */
#content-wrap {
	clear: both;
	float: left;
	width: 100%;
}
#content {
	text-align: left;	
	padding: 0;
	margin: 0 auto;	
	min-height:600px;


}

/* sidebar */
#sidebar {
	float: right;
	width: 30%;
	
	margin: 0 0 10px 0; padding: 0;	
}	
#sidebar h1 {
	padding: 10px 0px 5px 10px;
	margin: 0;	
	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}
.sidebox {
	background: #F5F5F5;
	border: 1px solid #EFEDED;
	margin-bottom: 10px;
}

/* sidebar menu */
#sidebar ul.sidemenu {
	list-style:none;
	margin: 10px 0 15px 0;
	padding: 0;
	background: #F2F2F2;
	padding-bottom:10px;
	padding-top:10px;
	
			
}
#sidebar ul.sidemenu li {
	padding: 0px 10px;
}
#sidebar ul.sidemenu a {
	display:block;
	font-weight:normal;
	color: #333;
	height: 1.5em;	
	padding:.3em 0 .3em 15px;
	line-height: 1.5em;
	border-bottom: 1px dashed #D4D4D4;
	text-decoration:none;
}
#sidebar ul.sidemenu a.top{	
	border-top: 1px dashed #D4D4D4;
}
#sidebar ul.sidemenu a:hover {
	padding: .3em 0 .3em 10px;
	border-left: 5px solid  #fba01b;
	color: #fba01b;		
}

/* main */

#main {
	float: left;
	width: 100%;	
	margin: 0 0 10px 0; padding: 0;	
}

#Main .post{min-height:300px;clear:inherit;}
#main h1 {
	padding: 10px 0px 0px 5px;
	margin: 0 0 0 10px;
	border-bottom: 1px solid #f2f2f2; 	
	font: normal 1.5em 'Trebuchet MS', Tahoma, Sans-serif;
}



#main h1 A{font: normal 1.2em 'Trebuchet MS', Tahoma, Sans-serif;}
#main ul li {
	list-style-image: url(../images/double_arrow.png);
}


#Main blockquote {width:500px;}
#Main ol {width:500px;}

.post {
	margin: 0; padding: 0;
	background: #FFF url(gradientbg.jpg) repeat-x;
	border: 1px solid #EFEDED;
	margin-bottom:10px;
}
.post .post-footer {
	background-color: #FAFAFA;
	border: 1px solid #f2f2f2;
	padding: 5px; margin-top: 20px;
	font-size: 95%;
}
.post .post-footer .date {
	background: url('clock.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .comments {
	background: url('comment.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .readmore {
	background: url('page.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

/* footer */
#footer {
	TEXT-ALIGN: center; PADDING-BOTTOM: 10px; MARGIN: 15px auto; PADDING-LEFT: 0px; WIDTH: 800px; PADDING-RIGHT: 0px; DISPLAY: block; FONT: 10px Verdana, Arial, Helvetica, sans-serif; background: url(../images/footer_bg.png) #fcfcfc no-repeat; HEIGHT: 190px; PADDING-TOP: 0px;
	clear:both;
}
#footerbar {
	MARGIN: 0px; WIDTH: 775px;
}
#footerbar li {
	text-align: left; PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; WIDTH: 150px; PADDING-RIGHT: 0px; DISPLAY: inline; FLOAT: left; PADDING-TOP: 0px
}
#footerbar LI a {color:#555;}
#foothead {
	PADDING-LEFT: 25px; WIDTH: 134px; DISPLAY: block; FONT: bold 11px/32px Verdana, Arial, Helvetica, sans-serif; background: url(../images/foothead.png) no-repeat; HEIGHT: 30px; COLOR: #333
}
#signet {
	WIDTH: 30px; DISPLAY: inline; FLOAT: left; HEIGHT: 30px;background: url(http://www.smartsharepointsolutions.nl/images/sss2.png) no-repeat;
}
#footerbar LI LI {
	PADDING-BOTTOM: 0px;PADDING-LEFT: 20px; WIDTH: 132px;  PADDING-RIGHT: 0px; DISPLAY: block; FONT: 11px/20px Geneva, Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; HEIGHT: 15px; OVERFLOW: hidden; PADDING-TOP: 4px; -o-text-overflow: ellipsis
}
.footer {
	LINE-HEIGHT: 40px; MARGIN: 10px auto 0px; HEIGHT: 40px; COLOR: #666666
}
.footer_inner {
	MARGIN: 0px auto; WIDTH: 980px; BORDER-TOP: #f0f0f0 1px solid
}
.footer_left {
	WIDTH: 490px; FLOAT: left; FONT-SIZE: 10px
}
.footer_right {
	TEXT-ALIGN: right; WIDTH: 490px; FLOAT: left; HEIGHT: 22px; FONT-SIZE: 10px
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { 
clear: both; 
}
.clear h2 
{
font-size: 1.4em;
}
.gray  { color: #BFBFBF; }

/* Box */
.box
{
	float:left;
	width: 30%;
	margin: 0 0 10px 0; padding: 0;	
	 background: #F5F5F5; 
	border: 1px solid #EFEDED;
	margin-bottom: 10px;
	min-height:200px;
	margin-left:15px;
}

#boxWrap
{
	margin: 0 auto;
	width: 770px;
	height: 200px;	
	padding: 15px 10px 10px 10px; 
}

ul.boxmenu {
	list-style:none;
	margin: 10px 0 15px 0;
	padding: 0;
	 background: #F2F2F2; 
			
}
ul.boxmenu li {
	padding: 0px 10px;
}
ul.boxmenu a {
	display:block;
	font-weight:normal;
	color: #333;
	height: 1.5em;	
	padding:.3em 0 .3em 15px;
	line-height: 1.5em;
	border-bottom: 1px dashed #D4D4D4;
	text-decoration:none;
}
ul.boxmenu a.top{	
	border-top: 1px dashed #D4D4D4;
}
ul.boxmenu a:hover {
	padding: .3em 0 .3em 10px;
	border-left: 5px solid  #fba01b;
	color: #fba01b;		
}

ul.boxmenu a:active {
	padding: .3em 0 .3em 10px;
	border-left: 5px solid  #fba01b;
	color: #fba01b;		
}


/* Slider Header */
#slides_container
{
height:297px; 
position:relative;  
background-image:url(../images/bg_slides_container.jpg); 
background-repeat:no-repeat; 
clear:left;
margin-bottom:10px;
}

/* Easy Slider */
#slider
{ 
position:relative;  
margin:0px auto; 
width:855px; 
padding:40px 0px 0px 0px; 
color:#010101; 
height:267px; 
overflow:hidden;
}

#slider h2{color:#fff}
#slider p{color:#010101}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:700px;
	height:240px;
	overflow:hidden;
	margin:0px;
	padding:0px 0px 0px 0px;
}
#prevBtn, #nextBtn{ 
	display:block;
	width:50px;
	height:52px;
	position:absolute;
	top:135px;
}
#prevBtn{left:10px;}	
#nextBtn{left:760px;}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:50px;
	height:52px;
	background:url(../images/slide-prev.png) no-repeat 0 0;
	cursor:pointer;
	}
#nextBtn a{ 
	background:url(../images/slide-next.png) no-repeat 0 0;	
	}

.imgleft{float:left; padding-right:15px;}
.imgright{float:right; padding-left:15px;}

/*einde slider */


/* Utilities */
#main2 {
	float: left;
	width: 50%;	
	margin: 0 0 10px 0; padding: 0;	
}

/* SiteFeature Css */
/* siteFeature CSS */

//* siteFeature CSS */

/* ---------------------------------------------------------------------- 
	In the name of Progressive Enhancement, this is the default style for 4 "tabs" that will be seen by users with Javascript turned off.
	Notice that the width/height match the plugin defaults.
 ---------------------------------------------------------------------- */
#preFeature{width:645px; height:265px; overflow:hidden; border-left:1px solid #000000;}
	#preFeature *{padding:0px; margin:0px; border:none;}
	#preFeature div{width:24.8%; height:99.25%; float:left; background:#606060; color:#ffffff; font-size:11px; line-height:15px; border-right:1px solid #000000; border-top:1px solid #000000; border-bottom:1px solid #000000;}
	#preFeature div.clear{float:none; clear:both; width:auto; border:none;}
	#preFeature div h3{font-size:1.1em; padding:0.5em 1em; font-weight:normal; background:#333333;}
	#preFeature div p{font-size:1em; margin: 0.5em 1em 1em 1em;}
	#preFeature div img{width:100%; display:block;}
	#preFeature div a:link{font-size:1em; margin:1em; color:#00ccff; text-decoration:none;}
	#preFeature div a:visited{font-size:1em; margin:1em; padding:0.25em; color:#00ccff; text-decoration:none;}
	#preFeature div a:hover{background:#333333;}

/* ---------------------------------------------------------------------- 
	The default output id is "siteFeature". If you changed this in the $.makeFeature() call you'll need to update the CSS below.
	As a general rule, I tried to clump like-declarations.  Because of the tab side (left/right) and text layout options (horizontal/vertical) inheritance can get messy. 
	FireBug - http://getfirebug.com/ (Joe Hewitt / Firebug Working Group) is strongly recommended.
 ---------------------------------------------------------------------- */
#siteFeature{position:relative; overflow:hidden;}
	#siteFeature *{padding:0px; margin:0px; border:none;}
	
	#siteFeature #imgBgContainer{position:absolute;}
		#siteFeature.left #imgBgContainer{right:0px;}
		#siteFeature.right #imgBgContainer{left:0px;}
			#siteFeature #imgBgContainer div{position:absolute;}
		
		
	#siteFeature #txtBoxContainer{position:absolute; height:100%; width:100%; color:#ffffff; font-size:12px; line-height:16px;}
			#siteFeature.left #txtBoxContainer{right:0px;}
			#siteFeature.right #txtBoxContainer{left:0px;}
		#siteFeature #txtBoxContainer div{position:absolute; overflow:hidden;}
		#siteFeature #txtBoxContainer div span{display:block; width:100%; height:100%; position:absolute; background:#000000;}
		#siteFeature #txtBoxContainer div div{}
		
		#siteFeature #txtBoxContainer div div h3{font-size:24px; line-height:24px; margin:25px 0px 15px 0px;}
		#siteFeature #txtBoxContainer div.horizontal div h3{font-size:24px; line-height:normal; margin:5px 0px 0px 0px;}
		#siteFeature.left #txtBoxContainer div div h3{padding:0px 0.5em 0px 0.5em;}
		#siteFeature.right #txtBoxContainer div div h3{padding:0px 0.5em 0px 0.5em;}
		#siteFeature.right #txtBoxContainer div.horizontal div h3{padding:0px 0.5em 0px 0.5em;}
		
		#siteFeature #txtBoxContainer div div p{margin:0px 0px 15px 0px;}
		#siteFeature #txtBoxContainer div.horizontal div p{width:320px; margin:0px 0px 0px 0px;}
		#siteFeature.left #txtBoxContainer div div p{padding:0px 1em 0px 1em;}
		#siteFeature.right #txtBoxContainer div div p{padding:0px 1em 0px 1em;}
		#siteFeature.right #txtBoxContainer div.horizontal div p{padding:0px 1em 0px 1em;}
			
		#siteFeature #txtBoxContainer div div a:link,
		#siteFeature #txtBoxContainer div div a:visited{background:#345594; color:#ffffff; padding:2px 5px 2px 5px; text-decoration:none; margin:0px 0px 0px 1em;}
		#siteFeature #txtBoxContainer div div a:hover{background:#5d77a9; color:#ffffff;}
		#siteFeature #txtBoxContainer div.horizontal div a:link{position:absolute; right:25px; bottom:10px; /*IE6|7*/ *bottom:5px;}
		#siteFeature #txtBoxContainer div.horizontal div a:visited{position:absolute; right:25px; bottom:10px; /*IE6|7*/ *bottom:5px;}

		#siteFeature.left #txtBoxContainer div{right:0px;}
		#siteFeature.left #txtBoxContainer div.horizontal div{left:25px; height:100%;}
		
		#siteFeature.right #txtBoxContainer div.horizontal{left:0px; bottom:0px;}
		#siteFeature.right #txtBoxContainer div{left:0px;}
		#siteFeature.right #txtBoxContainer div.horizontal div{left:0px; height:100%; width:100%;}


	#siteFeature #tabContainer{position:absolute; border-top:1px solid #cccccc;}
		#siteFeature.left #tabContainer{left:0px; border-left:1px solid #cccccc;}
		#siteFeature.right #tabContainer{right:0px; border-right:1px solid #cccccc;}
			#siteFeature #tabContainer a p {color:#000000;}
			#siteFeature #tabContainer a:link,
			#siteFeature #tabContainer a:visited{display:block; width:100%; background:#ffffff; border-bottom:1px solid #cccccc; font-size:11px; text-decoration:none; position:relative;}
			#siteFeature #tabContainer a:hover{background:#e7eef7;}
			#siteFeature #tabContainer a:active{outline:none;}
			#siteFeature #tabContainer a:focus{outline:none;}
			#siteFeature #tabContainer a.selected{background:transparent;}
/* ---------------------------------------------------------------------- 
	The 2 declarations below style the text in the tabs. If you have more/less than the default 4 tabs, you'll likely need to tweak the padding.
	Be aware of the IE6,7 specific padding on the h4.
 ---------------------------------------------------------------------- */
			#siteFeature #tabContainer a h4{padding:1em 1em 0px 1em; color:#000000; position:relative; /*IE6|7*/ *padding:10px 11px 0px 11px;}
			#siteFeature #tabContainer a p{padding:2px 1em 0px 1em; color:#000000; position:relative;}


			#siteFeature #tabContainer a span{display:none;color:#000000;}
			#siteFeature #tabContainer a.selected span{overflow:hidden; display:block; position:absolute; top:0px;}
			#siteFeature #tabContainer a.selected span span{background:#fba01b; height:100%;}
			#siteFeature #tabContainer a.selected p{color:#FFFFFF;};
			#siteFeature #tabContainer a.selected h4{color:#FFFFFF;};
				#siteFeature.left #tabContainer a.selected span{left:0px;}
				#siteFeature.right #tabContainer a.selected span{right:0px;}
			#siteFeature #tabContainer a span img{height:100%; position:absolute; top:0px;}
				#siteFeature.left #tabContainer a span img{left:0px;}
				#siteFeature.right #tabContainer a span img{left:0px;}
/*---------------------------------------------------------------------------*/
/*Partnerlijst*/
#listportfolio {
clear:both;

}

#content UL {
padding-left:10px;
padding-right:10px;

}

#listportfolio LI {
	BORDER-BOTTOM: #e1e1e1 1px solid; BORDER-LEFT: #e1e1e1 1px solid; PADDING-BOTTOM: 16px; MARGIN: 0px 0px 16px;  PADDING-RIGHT: 16px; BACKGROUND: #fff; BORDER-TOP: #e1e1e1 1px solid; BORDER-RIGHT: #e1e1e1 1px solid; PADDING-TOP: 16px
}
.portfolioleft {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 400px; PADDING-RIGHT: 10px; FLOAT: left; PADDING-TOP: 0px
}
.portfolioleft H3 {
	COLOR: #333; FONT-SIZE: 1.4em
}
.linkportfolio {
	WIDTH: 365px; FLOAT: right; HEIGHT: 220px
}
.linkportfolio:link {
	WIDTH: 365px; FLOAT: right; HEIGHT: 220px
}
.linkportfolio:visited {
	WIDTH: 365px; FLOAT: right; HEIGHT: 220px
}

.portfolioright {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 300px; PADDING-RIGHT: 10px; FLOAT: right; PADDING-TOP: 0px
}
/* Call to action knaop */


.CallToAction:hover {
   color:#000000;
      padding-left:10px;
	  padding-right:10px;
   }

.CallToAction{
   min-width::50px;
   padding:2px;
   max-width:100px;
   padding-left:10px;
padding-right:10px;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background:#fba01b;
   color:#FFFFFF;

   }

	
	.CallToActionNotOrange:hover {
	background-color:#CCCCCC;
   color:#000000;
      padding-left:10px;
	  padding-right:10px;
   }

.CallToActionNotOrange{
   min-width::50px;
   padding:2px;
   max-width:100px;
   max-height:10px;
   padding-left:10px;
padding-right:10px;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
 background-color:#000000;
   color:#FFFFFF;

   }
	
/* Columns */
.col1 {
	WIDTH: 50%; FLOAT: left;padding-left:10px;
word-wrap: break-word ;
}

.col3 
{
WIDTH: 65%; FLOAT: left;padding-left:10px;
}
.col4 
{
WIDTH: 75%; FLOAT: left;padding-left:10px;
}

.col1 p {widht:50%;}
.col2 {
	WIDTH: 45%; FLOAT: right;
word-wrap: break-word;
}

.col5 
{
WIDTH: 65%; FLOAT: left;padding-left:10px;min-height:300px;margin-bottom:10px;
}

/* Checklist */
UL.checklist {
	MARGIN-LEFT: 5px;
	PADDING-LEFT: 20px;
}
UL.checklist LI {
	LIST-STYLE-TYPE: none; PADDING-LEFT: 20px;  BACKGROUND: url(../images/checkmark.png) no-repeat 0px 3px; FONT-SIZE: 14px
}

/* === Sub Boxes === */
#sub_boxes {

width: 800px;
margin: 0 auto;
}

.sub_boxes2 {
min-height:300px;
width: 800px;
margin: 0 auto;
clear:both;
margin-bottom:20px;
BORDER: #e1e1e1 1px solid; PADDING-BOTTOM: 16px;
}

.SpacerHeight 
{
min-height:50px;
}
.sub_box {
border-right:1px solid #DDDDDD;
float:left;
padding:15px 20px 10px 25px;
width:200px;
margin-bottom:20px;
min-height:170px;
}

.sub_box2 {
border-right:1px solid #DDDDDD;
float:left;
padding:15px 20px 10px 25px;
width:220px;
margin-bottom:20px;
min-height:180px;
}
.sub_box_right {
background-image:url(images/vert_separator.gif);
background-position:left center;
background-repeat:no-repeat;
float:left;
padding:15px 20px 10px 30px;
width:200px;

}

.sub_box_right2 {
background-image:url(images/vert_separator.gif);
background-position:left center;
background-repeat:no-repeat;
float:left;
padding:15px 20px 10px 30px;
width:200px;
}

.Sub_box2_CalltoAction
{
padding-left:22px;
clear:both;
}
.Sub_box2_CalltoAction h1
{
color:red;
}

.sub_box_text p {
font-size:12px;
line-height:18px;
padding-bottom:6px;
min-height:50px;
margin:0px;
}
.sub_box_image {
float:left;
padding:8px 14px 8px 4px;
}
.sub_box ul, .sub_box_right ul {
padding:10px 80px 10px 80px;
}
.sub_box li, .sub_box_right li {
line-height:25px;
}


/* Call to action Knop (kleur nog wel ff aanpassen)*/

.buthelp, .buthelp:link, .buthelp:visited {
	width: 161px;
	height: 21px;
	display: inline;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	background: url(../images/buthelp.png) no-repeat;
	padding: 7px 0 0 0;
	text-align: center;
}

/* TMP */

#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	
	
}
#sitemap{}
#sitemap li{

	line-height:200%;
	margin-top:1px;
	position:relative;
	width:100%;
}

/* IE leaves a blank space where span is added so this is to avoid that */
#sitemap li{
	float:left;
	display:inline;
}

#sitemap li a{padding-left:28px;color:black;}
#sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}


/* second level */

#sitemap li li{
	background:#fff;
}
#sitemap li li a{padding-left:56px;}
#sitemap li li span{left:28px;}

/* third level */

#sitemap li li li a{padding-left:84px;}
#sitemap li li li span{left:56px;}




/* NIEUWE NAVIGATIE */

.top_navigation {
	MARGIN: 0px auto; WIDTH: 800px; DISPLAY: block; BACKGROUND: url(../images/bg_navi.png) no-repeat; HEIGHT: 30px
}
.top_search A {
	WIDTH: 25px; DISPLAY: block; BACKGROUND: url(../images/topsearch.png) no-repeat 0px 0px; FLOAT: left; HEIGHT: 25px
}
.top_search A:hover {
	BACKGROUND: url(../images/topsearch.png) no-repeat 0px -25px
}

.dropdown {
	LINE-HEIGHT: 25px
}
.dropdown A {
	MIN-WIDTH: 40px; TEXT-ALIGN: center; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; DISPLAY: block; LETTER-SPACING: 1px; COLOR: #333333; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none; PADDING-TOP: 0px
}
.dropdown A:hover {
	BACKGROUND-COLOR: #FF9900; COLOR: #ffffff;
}
.selected2{
BACKGROUND-COLOR: #FF9900;
}

.selected2 a{ color: #ffffff;}
.dropdown UL {
	TOP: 32px
}
.dropdown LI UL A {
}
.dropdown LI UL {
	WIDTH: 147px; BORDER-TOP: #333 1px solid
}
.dropdown LI UL LI {
	WIDTH: 147px
}
.dropdown LI UL LI A {
	BORDER-BOTTOM: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-RIGHT: #333333 1px solid
}
.dropdown LI UL LI A:hover {
	BACKGROUND: #FF9900;
}
.dropdown {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.dropdown UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.dropdown A {
	DISPLAY: block
}
.dropdown LI {
	POSITION: relative; DISPLAY: block; FLOAT: left
}
.dropdown UL {
	POSITION: absolute; DISPLAY: none
}
.dropdown LI UL A {
	FLOAT: left
}
.dropdown LI UL {
	FLOAT: left
}
.dropdown LI UL LI {
	POSITION: relative; FLOAT: left
}
.dropdown UL UL {
	TOP: 0px; LEFT: 100%
}
.dropdown LI UL UL {
	MARGIN: -1px 0px 0px; WIDTH: auto; FLOAT: left; BORDER-TOP: #333333 1px solid
}
.dropdown LI:hover UL UL {
	DISPLAY: none
}
.dropdown LI:hover UL UL UL {
	DISPLAY: none
}
.dropdown LI:hover UL UL UL UL {
	DISPLAY: none
}
.dropdown LI:hover UL {
	DISPLAY: block
}
.dropdown LI LI:hover UL {
	DISPLAY: block
}
.dropdown LI LI LI:hover UL {
	DISPLAY: block
}
.dropdown LI LI LI LI:hover UL {
	DISPLAY: block
}


/* Producten Prijzen etc */

#placepriceslide {
	margin: 4px 0 0 0;
}
.ProductBox {
	width: 240px;
	height: 200px;
	float: left;
	display: inline;
	background: url(../images/box_price.png) no-repeat;
	margin: 0 6px 0 0;
}
.last {
	width: 240px;
	height: 200px;
	float: left;
	display: inline;
	background: url(../images/box_price.png) no-repeat;
	margin:0
}
.boxprice {
	width: 210px;
	height: 120px;
	position: relative;
	padding: 13px 15px;
	margin: 4px 0 0 0;
}
.boxprice h2 {
	font-size: 1.4em;
	color: #5c5c5c;
}
.boxprice p {
	font-size: 1.1em;
	color: #919191;
	padding: 8px 0 0 0;
	line-height: 1.4em;
	height: 64px;
}
.boxprice h3 {
	float: left;
	font-size: 2.4em;
	color: #3a6309;
	
}
.boxprice h3 span {
	font-size: 0.5em;
	color: #949494;
}
.butorder, .butorder:link, .butorder:visited {
	width: 83px;
	height: 22px;
	float: right;
	background: url(../images/but_order.png) no-repeat;
	text-align: center;
	font-size: 1.1em;
	color: #545454;
	font-weight: bold;
	text-transform: uppercase;
	padding: 6px 0 0 0;
	display: inline;
}
.butorder:hover {
	color: #000;
	text-decoration: none;
}
.ribbon1, .ribbon2, .ribbon3 {
	width: 65px;
	height: 65px;
	position: absolute;
	z-index: 10;
	background: url(../images/ribbon_1.png) no-repeat;
	top: -1px;
	right: -1px;
}
.ribbon2 {
	background: url(../images/ribbon_2.png) no-repeat;
}
.ribbon3 {
	background: url(../images/ribbon_3.png) no-repeat;
}


/* InfoBoxen */

#infoboxWrapper
{
 padding-top:10px;
}
.infobox
{
	margin: 0px 0px 0px 17px;
	width: 157px;
	background: url(http://www.smartsharepointsolutions.nl/images/bg-infobox-strip.gif) repeat-y;
	float: right;
}
.infobox .holder
{
	padding-bottom: 21px;
	padding-left: 0px;
	width: 100%;
	padding-right: 0px;
	background: url(http://www.smartsharepointsolutions.nl/images/bg-infobox-bottom.gif) no-repeat 0px 100%;
	overflow: hidden;
	padding-top: 0px;
}
.infobox H3
{
	padding-bottom: 7px;
	line-height: 14px;
	margin: 0px;
	padding-left: 18px;
	
	background: url(http://www.smartsharepointsolutions.nl/images/bg-infobox-heading.gif) no-repeat;
	color: #fff;
	font-size: 11px;
	padding-top: 7px;
}
.infobox UL
{
	padding-bottom: 8px;
	line-height: 22px;
	list-style-type: none;
	margin: 0px;
	padding-left: 18px;
	padding-right: 0px;
	color: #36c;
	font-size: 11px;
	list-style-image: none;
	padding-top: 5px;
}
.infobox LI
{
	line-height: 17px;
}
.infobox LI.email
{
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 0px;
	background: url(http://www.smartsharepointsolutions.nl/images/icn_email.png) no-repeat 0px 4px;
	padding-top: 0px;
}
.infobox LI.join
{
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 0px;
	background: url(http://www.smartsharepointsolutions.nl/images/icn_discussion.png) no-repeat 0px 4px;
	padding-top: 0px;
}
.infobox LI.download
{
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 0px;
	background: url(http://www.smartsharepointsolutions.nl/images/icn_pdf.png) no-repeat 0px 4px;
	padding-top: 0px;
}
.infobox LI.demo
{
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 0px;
	background: url(http://www.smartsharepointsolutions.nl/images/icn_webcast.png) no-repeat 0px 4px;
	padding-top: 0px;
}
LI.email
{
	padding-bottom: 0px;
	line-height: 17px;
	padding-left: 20px;
	padding-right: 0px;
	background: url(http://www.smartsharepointsolutions.nl/images/icn_email.png) no-repeat 0px 4px;
	padding-top: 0px;
}
LI.download
{
	padding-bottom: 0px;
	line-height: 17px;
	padding-left: 20px;
	padding-right: 0px;
	background: url(http://www.smartsharepointsolutions.nl/images/icn_pdf.png) no-repeat 0px 4px;
	padding-top: 0px;
}
LI.join
{
	padding-bottom: 0px;
	line-height: 17px;
	padding-left: 20px;
	padding-right: 0px;
	background: url(http://www.smartsharepointsolutions.nl/images/icn_discussion.png) no-repeat 0px 4px;
	padding-top: 0px;
}
LI.demo
{
	padding-bottom: 0px;
	line-height: 17px;
	padding-left: 20px;
	padding-right: 0px;
	background: url(http://www.smartsharepointsolutions.nl/images/icn_webcast.png) no-repeat 0px 4px;
	padding-top: 0px;
}



/* TABS */
.ui-tabs .ui-tabs-hide {
     display: none;
    background-color:red;
}
.ui-helper-reset
{
	border-bottom: 0px;
	border-left: 0px;
	padding-bottom: 0px;
	line-height: 1.3;
	list-style-type: none;
	margin: 0px;
	outline-style: none;
	outline-color: invert;
	padding-left: 0px;
	outline-width: 0px;
	padding-right: 0px;
	font-size: 100%;
	border-top: 0px;
	border-right: 0px;
	text-decoration: none;
	padding-top: 0px;
}
.ui-helper-clearfix:after
{
	display: block;
	height: 0px;
	visibility: hidden;
	clear: both;
}
.ui-helper-clearfix
{
	display: inline-block;
}
.ui-helper-clearfix
{
	width:100%;
}
.ui-tabs
{
	padding-bottom: 0.4em;
	padding-left: 0.2em;
	padding-right: 0.2em;
				
	zoom: 1;
	padding-top: 0.2em;
	margin-bottom:50px;
	min-height:200px;

}
.ui-tabs .ui-tabs-nav
{
	position: relative;
	padding-bottom: 0px;
	list-style-type: none;
	padding-left: 0.2em;
	padding-right: 0.2em;
	padding-top: 0.2em;
}
.ui-tabs .ui-tabs-nav LI
{
	position: relative;
	padding-bottom: 0px;
	margin: 0px 0.2em -1px 0px;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	border-bottom-width: 0px !important;
	padding-top: 0px;
}
.ui-tabs .ui-tabs-nav LI A
{
	padding-bottom: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
	float: left;
	text-decoration: none;
	padding-top: 0.5em;
}
.ui-tabs .ui-tabs-nav LI.ui-tabs-selected
{
	padding-bottom: 1px;
	border-bottom-width: 0px;
}
.ui-tabs .ui-tabs-nav LI.ui-tabs-selected A
{
	cursor: text;
}
.ui-tabs .ui-tabs-nav LI A
{
	cursor: pointer;
}
.ui-widget
{
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget-content
{

}
.ui-widget-content A
{
	
}
.ui-widget-header
{
	border-bottom: #aaaaaa 1px solid;
	border-left: #aaaaaa 1px solid;
	background: url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) #cccccc repeat-x 50% 50%;
	color: #222222;
	border-top: #aaaaaa 1px solid;
	font-weight: bold;
	border-right: #aaaaaa 1px solid;
}
.ui-widget-header A
{
	color: #222222;
}
.ui-state-default
{
	border-bottom: #d3d3d3 1px solid;
	border-left: #d3d3d3 1px solid;
	outline-style: none;
	outline-color: invert;
	outline-width: medium;
	background: url(images/ui-bg_glass_75_e6e6e6_1x400.png) #e6e6e6 repeat-x 50% 50%;
	color: #555555;
	border-top: #d3d3d3 1px solid;
	font-weight: normal;
	border-right: #d3d3d3 1px solid;
}
.ui-widget-content .ui-state-default
{
	border-bottom: #d3d3d3 1px solid;
	border-left: #d3d3d3 1px solid;
	outline-style: none;
	outline-color: invert;
	outline-width: medium;
	background: url(images/ui-bg_glass_75_e6e6e6_1x400.png) #e6e6e6 repeat-x 50% 50%;
	color: #555555;
	border-top: #d3d3d3 1px solid;
	font-weight: normal;
	border-right: #d3d3d3 1px solid;
}
.ui-state-default A
{
	outline-style: none;
	outline-color: invert;
	outline-width: medium;
	color: #555555;
	text-decoration: none;
}
.ui-state-default A:link
{
	outline-style: none;
	outline-color: invert;
	outline-width: medium;
	color: #555555;
	text-decoration: none;
}
.ui-state-active
{
	border-bottom: #aaaaaa 1px solid;
	border-left: #aaaaaa 1px solid;
	outline-style: none;
	outline-color: invert;
	outline-width: medium;
	background: url(images/ui-bg_glass_65_ffffff_1x400.png) #ffffff repeat-x 50% 50%;
	color: #212121;
	border-top: #aaaaaa 1px solid;
	font-weight: normal;
	border-right: #aaaaaa 1px solid;
}
.ui-widget-content .ui-state-active
{
	border-bottom: #aaaaaa 1px solid;
	border-left: #aaaaaa 1px solid;
	outline-style: none;
	outline-color: invert;
	outline-width: medium;
	background: url(images/ui-bg_glass_65_ffffff_1x400.png) #ffffff repeat-x 50% 50%;
	color: #212121;
	border-top: #aaaaaa 1px solid;
	font-weight: normal;
	border-right: #aaaaaa 1px solid;
}
.ui-state-active A
{
	outline-style: none;
	outline-color: invert;
	outline-width: medium;
	color: #212121;
	text-decoration: none;
}
.ui-state-active A:link
{
	outline-style: none;
	outline-color: invert;
	outline-width: medium;
	color: #212121;
	text-decoration: none;
}
.ui-corner-top
{
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
}
.ui-corner-all
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* BreadCrumb */

.BreadCrumb
{
	text-decoration:none;
	font: normal 73%/1.5em 'Trebuchet MS', Tahoma, sans-serif;
	color: #555;
}








































































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
.checklist  {

}