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


	body {
		margin : 0 0 0 0;
		padding : 0 0 0 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color:#FFFFFF;
	}
	
	#logo{
		margin-left: 25px;
	}
	
	#bannertop{
		/*border: 1px solid #FF0000; */
		float:left;
		padding:0px;
		margin:0px;
		width:741px;
	}
	
	#normalcol{
		float:left;
		width:500px;
		padding:0px;
		/*background:#000000;*/
	/*	border: 1px solid #ff0000;*/
		font-size:11px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	#rightcol{
		float:left;
		width:210px;
		/*padding:0 0 0 20px;*/
		margin:0 0 0 20px;
		float:left;
		background:#fff;
	/*	border: 1px solid #ff0000;*/
		font-size:11px;
	}
	
	#searchbox{
		/*border: 1px solid #FF0000;*/
		float:left;
		display:inline;
		padding: 10px 10px 0 0;
		width: 210px;
		/*color:#FFFFFF;*/
	}

	#searchbox form{
		padding:0px;
		margin:0px;
	}

	#searchbox-button{
		color:#FFFFFF;
	}
	
	/*********************************************************
	*
	*	TT NEWS LIST LATEST
	*
	**********************************************************/
	
	        
		div.news-latest-item div.csc-header {
			background-image:url(../images/leftblock_title_bg.png);
			background-repeat:repeat-x;
			font-family:  Verdana, Lucida, Geneva, Arial, sans-serif;
			padding: 5px 0 0 0;
			font-size:11px;
			font-weight:bold;
			color: #ededed;
			height: 18px;
			text-align:center;
		}
		
	 	div.news-latest-item div.csc-header h1{
			padding:0;
			margin:0;
			font-family:  Verdana, Lucida, Geneva, Arial, sans-serif;
			font-size:10px;
			font-weight:bold;
		}
		div.news-latest-item div.csc-header h1 a{
			color:#FFFFFF;
			text-decoration:none;
		}
		div.news-latest-item div.csc-header h1 a:hover{
			color:#FFFFFF;
		}		
        
		.news-latest-item{
			background-image:url(../images/leftblock_list_bg.png);
			background-repeat:repeat-x;
			background-position:50% 25px;
			/*margin-left:15px;*/
			/* margin-right:auto; */
			left:50%;
			text-align: center;
			background-color:#ededed;
			width:210px;
			margin-bottom:25px;
			/*border:1px solid #FF0000;*/
		}


		
	   div.news-latest-item div.csc-image{
			width:80px;			
			height:66px;
			background-color:#FFFFFF;
			border:1px solid #97974f;
			text-align:center;
			margin-left:5px;
			margin-right:0px;
			padding-top:5px;
			margin-top:15px;
			float:left;
			}
			
  		/* root level */	   
	   div.news-latest-item div.csc-text{
		/*	background:#f1f1f1;*/
			margin: 0px;
		/*	border:1px solid #f00;*/
			width:120px;
			float:left;
			margin-top:10px;	
			padding:0px;
			text-align:left;
		}
		
	 div.news-latest-item div.news-list-clear{
			clear:both;
			/*background-color:#FFFFFF;*/
			height:7px;
		} 
	 div.news-latest-item div.news-latest-morelink{
		 text-align:right;
		 padding-right:10px;
		 padding-bottom:5px;
		 margin-bottom:5px;
		}  
			 
	
	/*********************************************************
	*
	*	TT NEWS LIST LATEST
	*
	**********************************************************/
	
	/* root level */
		  div.news-list-container div.news-list-root-image_twistedminds{
		   width:88px;
		   background-repeat:repeat-x;
		   height:22px;
		   float:left;
			text-align:left;
			margin-bottom: 5px;
			color:#FFFFFF;
			
	   
	   }

	/* root level */	      
	   	div.news-list-container p.news-root-text{
			padding:5px;
	   }
	   
   /* root level */	   
	   div.news-list-container div.news-list-root-text_twistedminds{
			width:403px;
			background-repeat:repeat-x;
			height:22px;   
			float:left;
			margin-left: 2px;
			margin-right:0px;
			text-align:left;
			margin-bottom: 5px;
			color:#FFFFFF;			

	   }
	
	/* list level */
	div.news-list-item div.news-list-image_twistedminds{
			width:88px;			
			width:82px !important;
			height:66px;
			background-color:#FFFFFF;
			border:3px solid #f1f1f1;
			text-align:center;
			margin-left:0px;
			margin-right:0px;
			padding-top:0px;
			float:left;
			}
			
	div.news-list-item div.news-list-nonarchived-image_twistedminds{
			width:88px;			
			width:82px !important;
			height:88px;
			background-color:#FFFFFF;
			border:3px solid #f1f1f1;
			text-align:center;
			margin-left:0px;
			margin-right:0px;
			padding-top:0px;
			float:left;
			}
			/* list level */   
		 div.news-list-container div.news-list-nonarchived-image_twistedminds div.new_product{
		 background-image:url(../images/new_product.png);
		 background-repeat:no-repeat;
		   width:82px;
		   height:22px;
		   padding:0px;
		   margin:0px;
		   margin-bottom:5px;
	   }	
	   
	/* list level */			
		div.news-list-item div.news-list-text_twistedminds{
			background:#f1f1f1;
			margin-left: 2px;
			margin-right:0px;
			/*border:1px solid #000;*/
			width:400px;
			float:left;
			margin-bottom:0px;	
			padding:2px;	
		}
	/* list level */		
		div.news-list-item div.news-list-morelink{
			/*border:1px solid #FF0000;*/
			width:380px;
			text-align:right;
			float:left;
			margin-top:0px;
			background:#f1f1f1;
			padding:2px;
		}		
	/* list level */		
		div.news-list-item div.news-list-clear{
			clear:both;
			background-color:#FFFFFF;
			height:7px;
		}    
	/* list level */		
		div.news-list-item div.news-list-text_twistedminds p.news-list-header_twistedminds a{
			font-weight:bold;
			font-size:14px;			
			text-decoration: none;
		}
	/* list level */		
		div.news-list-item div.news-list-text_twistedminds p.news-list-header_twistedminds a:visited{
			font-weight:bold;
			font-size:14px;				
			text-decoration: none;
		}
	/* list level */		
		div.news-list-item div.news-list-text_twistedminds p.news-list-header_twistedminds a:hover{
			font-weight:bold;
			font-size:14px;				
			text-decoration:underline;
		}
				 
				 
				 
				 
	/* single level */

	    div.news-single-item h2 {
			padding:0px;
			margin:0px;
			padding-left:5px;
			padding-top:3px;
			font-size:14px;	
	   		
	   }
	   
   /* single level */	   
	   div.news-single-item div.news-list-root-text_twistedminds{
			width:500px;
			background-repeat:repeat-x;
			height:22px;   
			float:left;
			margin-left: 2px;
			margin-right:0px;
			text-align:left;
			margin-bottom: 5px;
			color:#FFFFFF;			
	   }		

	   
	   
	div.news-single-item div.news-single-img{
		width:150px;
		float:left;
		/*border:2px solid #FF0000;*/
	}
	
	div.news-single-item div.news-single-content{
		width:300px;
		margin-left:5px;
		float:left;
		/*border:2px solid #FF0000;*/
	}
	
	div.news-single-item div.news-single-backlink{
		width:300px;
		float:left;
		text-align:left;
	}
	div.news-single-item div.news-list-clear{
		clear:both;
		background-color:#FFFFFF;
		height:7px;
	
	}
	
		div.news-single-item hr{

			height: 5px;
		}		 
	
	
	/*********************************************************
	*
	*	TT NEWS
	*
	**********************************************************/
	
	
	
	
	/*********************************************************
	*
	*	PROMO BANNER ON THE LEFT
	*
	**********************************************************/
	
	#leftcol{
		margin-top: 55px;
		margin-left: 25px;
		width:240px;		
		/*border:1px solid #FF0000;*/
	}
	
	#leftcol div.csc-frame-frame1, #rightcol div.csc-frame-frame1{
		background-image:url(../images/leftblock_list_bg.png);
		background-repeat:repeat-x;
		background-position:50% 25px;
		margin-left:15px;
	/*  margin-right:auto; */
		left:50%;
		text-align: center;
		background-color:#ededed;
		width:210px;
		/*border:1px solid #FF0000;*/
	}
	
	#leftcol div.csc-frame-frame1 div.csc-header, #rightcol div.csc-frame-frame1 div.csc-header {
		background-image:url(../images/leftblock_title_bg.png);
		background-repeat:repeat-x;
		font-family:  Verdana, Lucida, Geneva, Arial, sans-serif;
		padding: 5px 0 0 0;
		font-size:11px;
		font-weight:bold;
		color: #ededed;
		height: 18px;
	}
	
	#leftcol div.csc-frame-frame1 div.csc-header h1, #rightcol div.csc-frame-frame1 div.csc-header h1{
		padding:0;
		margin:0;
		font-family:  Verdana, Lucida, Geneva, Arial, sans-serif;
		font-size:11px;
		font-weight:bold;
		color: #ededed;
	}
	
	#leftcol div.csc-textpic-text, #rightcol div.csc-textpic-text{
		padding:10px 5px 0px 5px;
		margin:0;
		font-family:  Verdana, Lucida, Geneva, Arial, sans-serif;
		font-size:11px;
		text-align: left;
	}
	
		#leftcol div.csc-frame-frame1 p.bodytext, #rightcol div.csc-frame-frame1  p.bodytext{
		text-align: left;
	}

	
	/*********************************************************
	*
	*	PROMO BANNER ON THE LEFT
	*
	**********************************************************/
	
	
	/*********************************************************
	*
	*	QUICK NAVIGATIE ON THE LEFT
	*
	**********************************************************/
	
	#quickbrowserwrap{
		margin-top: 55px;
		margin-left: 25px;
		width:240px;		
		/*border:1px solid #FF0000;*/
	}

	#quickbrowserwrap #prodlist li {
		border-bottom: 1px solid #999951;
		margin: 0;
		}

	#quickbrowserwrap #prodlist li a {
	background-color: #727d26; 
		}
	#quickbrowserwrap #prodlist li a:hover {
	background-color: #999951;
		}
	#quickbrowserwrap #prodlist li a:hover {
		border-left: 10px solid #999000;
		border-right: 10px solid #999900;
		background-color: #999951;
		color: #fff;
		}
		


	/*********************************************************
	*
	*	QUICK NAVIGATIE ON THE LEFT
	*
	**********************************************************/
	
	
	
	/*********************************************************
	*
	*	PRODUCT NAVIGATIE ON THE LEFT
	*
	**********************************************************/
	
	#productnavigatie{
		margin-top: 55px;
		margin-left: 25px;
		width:240px;		
		/*border:1px solid #FF0000;*/
	}
	
	.leftblock{
		background-image:url(../images/leftblock_list_bg.png);
		background-repeat:repeat-x;
		background-position:50% 25px;
		margin-left:15px;
		/* margin-right:auto; */
		left:50%;
		text-align: center;
		background-color:#ededed;
		width:210px;
		/*border:1px solid #FF0000;*/
	}
	
	#prodbrowser{
		background-image:url(../images/leftblock_title_bg.png);
		background-repeat:repeat-x;
		font-family:  Verdana, Lucida, Geneva, Arial, sans-serif;
		padding: 5px 0 0 0;
		font-size:11px;
		font-weight:bold;
		color: #ededed;
		height: 18px;
	}
	
	
	#prodlist {
		margin-left:auto;
		margin-right:auto;
		left:50%;
		width: 200px;
		padding: 0 0 1em 0;
		margin-top: 10px;
		margin-bottom: 5px;
		font-family:  Verdana, Lucida, Geneva, Arial, sans-serif;
		font-size:11px;
		background-color: #ededed;
		color: #333;
	}
	
	#prodlist ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#prodlist li {
		border-bottom: 1px solid #ededed;
		margin: 0;
		}
		
		
	#prodlist li a {
		display: block;
		padding: 3px 5px 3px 0.5em;
		background-color: #2175bc;
		color: #333;
		text-decoration: none;
		width: 100%;
		}
		
	#prodlist li#menuitem18 a {
	background-color: #00CC66; /*#99ccff;*/
		}	
	#prodlist li#menuitem19 a {
		background-color: #ff9900;
		}	
	#prodlist li#menuitem20 a {
	background-color: #99CCCC /*#ac7b9f;*/
		}	
	#prodlist li#menuitem21 a {
	background-color: #9966CC;
		}	
	#prodlist li#menuitem22 a {
	background-color: #FFFF33;
		}	
	#prodlist li#menuitem23 a {
	background-color: #3399CC;
		}												

	html>body #prodlist li a {
		width: auto;
		}

	#prodlist li a:hover {
		border-left: 10px solid #1c64d1;
		border-right: 10px solid #5ba3e0;
		background-color: #2586d7;
		color: #fff;
		}		
		
	#prodlist li#menuitem18 a:hover {
		border-left: 10px solid #009900;
		border-right: 10px solid #00FF00;
		background-color: #00CC66;
		color: #fff;
		}	
		
	#prodlist li#menuitem19 a:hover {
		border-left: 10px solid #FF6600;
		border-right: 10px solid #FFCC00;
		background-color: #ff9900;
		color: #fff;
		}	
	#prodlist li#menuitem21 a:hover {
		border-left: 10px solid #663399;
		border-right: 10px solid #CC66CC;
		background-color: #9966CC;
		color: #fff;
		}	
	#prodlist li#menuitem22 a:hover {
		border-left: 10px solid #FFCC33;
		border-right: 10px solid #ffffff;
		background-color: #FFFF33;
		color: #333;
		}						
								
	
	
	/*********************************************************
	*
	*	PRODUCT NAVIGATIE ON THE LEFT
	*
	**********************************************************/
	
	
	
	/*********************************************************
	*
	*	UTILITY NAVIGATIE
	*
	**********************************************************/
	
	
	
	
	#utilitywrapper{
	margin-top:0px;
	padding-top:0px;
			margin-left: 25px;
			height:85px;
			width:240px;
			/* border: 1px solid #FF0000; */
	}     
	
	
	#utilitynavigation {
		margin-top:0px;
		padding-top:0px;
		margin-left:auto;
		margin-right:auto;
		left:50%;
		text-align: center;
		padding-bottom: 25px;
		/* border: 1px solid #00FF00;		*/
	}
	
	
	#utilitynavigation ul { /*utility navigation*/
		font-size:10px;
		color:#FFFFFF;
		display: inline;
		
		margin:0px; /* uitschakelen voor het centreren*/
		padding:0px; /* uitschakelen voor het centreren*/
		/* border: 1px solid #6699CC;	*/
	} 
	

	#utilitynavigation ul li { /*utility navigation*/
			margin-top:0px;
		padding-top:0px;
		background-color:#31596b;
		margin-left: 1px;
		margin-bottom: 0;
		padding: 0px 5px 7px;
		/*margin: 0px 5px 7px;*/
		list-style: none;
		display: inline;
	}
	
	#utilitynavigation dd  { /*utility navigation*/
		padding:0px;
		margin:0px;
		display: inline;
	}
	

	#utilitynavigation ul li#first { /*utility navigation*/
			margin-top:0px;
		padding-top:0px;
		margin-left: 0px;
	}


	#utilitynavigation ul li#firstcorner { /*utility navigation*/
		background-image: url(../images/utility_first.gif);
		background-repeat:no-repeat;
		background-color:transparent;
		width:18px;
	}
	
	#utilitynavigation ul li#lastcorner { /*utility navigation*/
		background-image: url(../images/utility_last.gif);
		background-repeat:no-repeat;
		background-color:transparent;
		margin-left: 0px;		
	}
	
	

	#utilitynavigation ul li a{ 	/*utility navigation*/	
		color:#ffffff;
		text-decoration:none;

	}
	



	#utilitynavigation ul li a:hover{ 	/*utility navigation*/	
		color:#ffffff;
		text-decoration: underline;
	}
	
	
	/*********************************************************
	*
	*	UTILITY NAVIGATIE
	*
	**********************************************************/
	
	
	
	
	

	#frame {
		width:650px;
		margin-right:auto;
		margin-left:auto;
		margin-top:10px;
		padding:0px;
		text-align:left;
		}
		
	#contentleft {
		width:175px;
		padding:0px;
		float:left;
		background:#fff;
		}
	
	#contentcenter {
		width:300px;
		padding:0px;
		float:left;
		background:#eee;
		}
	
	#contentright {
		width:175px;
		padding:0px;
		float:left;
		background:#fff;
		}
	
	#contentheader {
		background:#fff
		}
		
	p,h1,h2,h3,h4,pre {
		margin:0px 10px 10px 10px;
		}
		
	h1 {
		font-size:18px;
		padding-top:10px;
		color: #157253;
		}
	h2 {
		font-size:14px;
		padding-top:10px;
		color: #157253;		
		}		
	h3 {
		font-size:12px;
		padding-top:10px;
		color: #157253;		
		}			
	#contentheader h1 {
		font-size:14px;
		padding:10px;
		margin:0px;
		}
	
	#contentright p { font-size:10px}

A:link { color: #157253 }       /* unvisited link */
A:visited { color: #157253 }   /* visited links */
A:active { color: #157253 }    /* active links */