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



/*************/
/*** reset ***/
/*************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin:0px; padding:0px;}



/************/
/*** body ***/
/************/
/* background-image: url(../images/redutch_bg.jpg); background-repeat: repeat-y; background-position: center; */

body { background:#fff; font-family: Times, "Times New Roman", serif; font-size:13px; color:#8b8b8b; }
body, html { height: 100%; }
img { border:0px;}
.clear 		{ clear:both;}
.clearTen	{ clear:both; height: 10px; background-color: #FFF;}
.clearHigh 	{ clear:both; margin-bottom: 0px;}
.clearWhite	{ clear:both; margin-bottom: 0px; background-color: #fff; }
.clearHigher{ clear:both; margin-bottom: 0px;}

#container 	{ position:relative; width: 970px; margin: auto; min-height: 100%; }
#wrapper 	{ position:relative; width:970px; margin: auto; padding: 0px 0px 0px 0px; background-color: #fff; background-image: url(../images/redutch_bg.jpg); background-repeat: repeat-y; background-position: top center; }

#contactArea { width: 970px; margin: auto; height: 100px; border-bottom: 0px solid #02b6f1; overflow: hidden; background-color: #e2007a; z-index: -1; }

div { border: 0px solid #000; }

/**************/
/*** header ***/
/**************/
#header { position:relative; width:970px; height:110px; margin: auto; border-bottom: 1px solid #e8cfdd; background-color: #fff; z-index: 1000; }

	/*** titel ***/
	#header h1 a { position:absolute; left:0px; top:3px; background:url(../images/header_logo.jpg) no-repeat; width:151px; height:105px; text-indent:-100000px; overflow:hidden;}
	
	/*** menuBar ***/
	ul.menuBar { position: relative; width: 800px; left: 170px; top: 68px; height:30px; margin:0px; padding:23px 0px 0px 0px; list-style:none; z-index: 100; }
	ul.menuBar li { float:left; display:block; padding:0px 4px 5px 24px;}
	ul.menuBar h4 { font-size: 13px; font-weight: bold; padding-bottom: 5px;}
	ul.menuBar li.first { background:none;}
	ul.menuBar li a { color:#e2007a; font-family:Arial, Helvetica, sans-serif; font-size:13px; letter-spacing: 0px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding-bottom: 4px; margin-bottom: 4px; }
	ul.menuBar li a:hover, ul.menuBar li.active a { color:#00006b; border-bottom: 3px solid #e2007a; padding: 0px 0px 4px 0px; }
	
	.logon		{ position: absolute; top: 0px; right: 0px; height: 40px; width: 221px; padding-top: 3px; color: #FFF; background:url(../images/header_logon.jpg) no-repeat; }
	.logon a.login	{ font-family: arial; font-size: 13px; text-decoration: none; color: #FFF; padding: 10px 0px 1px 8px; border: 0px;}
	.logon p	{ font-family: arial; font-size: 10px; padding: 0px 0px 0px 8px; font-weight: normal; font-style: italic; }
	
	form 		{ float: left; width: 400px; padding: 4px; margin: 0 auto; padding-left: 17px; }
	input 		{ padding: 0px 0px; color: #4A4A4A; float: right; margin: 10px 0px 3px 0px; width: 300px; font-size: 13px; }
	textarea	{ width: 400px; color: #4A4A4A;  font-size: 13px; }
	input.submit 	{ background: #fff; color: #e2007a; border: 0px; float: right; width: 120px; font-size: 13px; }
	label 		{ font-family: Arial; margin-bottom: 5px; float: left; clear: both; position: relative; top: 5px; color: #555;  font-size: 13px; line-height: 28px;}


/*********************/
/*** overviewMenu ***/
/*********************/
#overviewMenu	{position: relative; width: 970px; margin: auto; padding: 10px 0px 0px 0px; font-family: Arial; background-color: #fff; display: inline-table; border: 0px solid #000; z-index: 10; }

	#overviewMenu .ProdsHeader { position: relative; width: 100px; height: 112px; z-index: 100;}

	/*** overviewMenu ***/
	/*** 194 org **/
	ul.overviewMenu { float:left; width:161px; list-style:none; font-family: Arial; background-color: #fff; margin: auto; }
	ul.overviewMenu li { width:161px; line-height:16px; text-transform:none; color: #636363; }
	ul.overviewMenu li.head a { width:161px; line-height:18px; text-transform:none; color: #e2007a; font-size: 12px; padding-bottom: 5px; }
	ul.overviewMenu li.head a:hover { width:161px; line-height:18px; text-transform:none; color: #e2007a; font-size: 12px; padding-bottom: 5px; }
	
	ul.overviewMenu li.headGrey a { width:194px; line-height:16px; text-transform:uppercase; color: #7d7d7d; font-size: 12px; padding-bottom: 5px; margin-right: 14px; }
	ul.overviewMenu li.headGrey a:hover { width:194px; line-height:16px; text-transform:uppercase; color: #7d7d7d; font-size: 12px; padding-bottom: 5px; margin-right: 14px; }
	
	ul.overviewMenu li a { color: #999; text-transform:none; text-decoration: none; font-family: Arial; font-size: 11px; }
	ul.overviewMenu li a:hover, ul.overviewMenu li.active a { color: #222; text-transform:none; text-decoration: none; font-family: Arial; font-size: 11px; }
	
	span.headGrey a { width:161px; line-height:18px; text-decoration: none; text-transform:uppercase; color: #777; font-size: 11px; padding-bottom: 5px; padding-right: 14px; }
	span.headGrey a:hover { width:161px; line-height:18px; text-decoration: none; text-transform:uppercase; color: #000; font-size: 11px; padding-bottom: 5px; padding-right: 14px; }
	
	span.headBlack a { width:161px; line-height:18px; text-decoration: none; text-transform:uppercase; color: #000; font-size: 11px; padding-bottom: 5px; padding-right: 14px; }
	span.headBlack a:hover { width:161px; line-height:18px; text-decoration: none; text-transform:uppercase; color: #000; font-size: 11px; padding-bottom: 5px; padding-right: 14px; }


/*************************/
/*** overviewPageTitle ***/
/*************************/
#overviewPageTitle		{ position: relative; width: 625px; padding: 94px 0px 0px 0px; font-family: Arial; background-color: #fff; z-index: 10; }
#overviewPageTitle h5	{ font-size: 30px; color: #00006b; }

#overviewPageTitleProds		{ position: relative; width: 970px; margin: auto; padding: 0px 0px 0px 0px; font-family: Arial; background-color: #fff; z-index: 10;  }
#overviewPageTitleProds h5	{ font-size: 30px; color: #00006b; }

#overviewPageTitleHigh		{ position: relative; width: 970px; margin: auto; padding: 94px 0px 0px 0px; font-family: Arial; background-color: #fff; z-index: 10;  }
#overviewPageTitleHigh h5	{ font-size: 30px; color: #00006b; }

/*********************/
/*** fotoContainer ***/
/*********************/
#fotoWrap		{width: 970px; margin: auto; background-color: #fff; }

/*********************/
/*** fotoContainer ***/
/*********************/
#fotoContainer { float: left; width:720px; height:334px; margin: 18px 0px 18px 0px; }

/*********************/
/***  fotoSlider   ***/
/*********************/
#fotoSlide 	{ float: left; width:8px; height:76px; margin: 18px 0px 0px 0px; background-color: #e2007a; }

/*********************/
/***  fotoTeksten  ***/
/*********************/
	ul.fotoBar { position: relative; float: right; right: 0px; top: 18px; margin:0px 0px 0px 0px; font-family: arial; padding:0px 0px 0px 0px; list-style:none; z-index: 100; }
	ul.fotoBar li { padding:0px 0px 18px 0px; width: 200px;}
	ul.fotoBar h3 { font-size: 14px; color: #363636; padding:0px 0px 0px 0px; }
	ul.fotoBar p { font-size: 11px; color: #959595; }
	ul.fotoBar li.first { background:none;}
	ul.fotoBar li a { color:#e2007a; font-family:Arial, Helvetica, sans-serif; font-size:13px; letter-spacing: 0px; font-weight:bold; text-transform:uppercase; text-decoration:none;}
	ul.fotoBar li a:hover, ul.fotoBar li.active a { color:#00006b; border-bottom: 3px solid #e2007a; padding-bottom: 4px; }


/***************/
/*** content ***/
/***************/
#contentContainer 	{ position: relative; width:970px; margin: auto; padding:0px 0px 190px 0px; vertical-align: top; }
#content 			{ position: relative; width:960px; margin: auto; padding:10px 0px 0px 10px; border: 0px solid #000; }

	#content .overviewColumnsStart { float: left; background-color: #FFF; width: 201px; height: 300px; margin-left: 0px; border: 1px solid #e2e2e2; padding: 7px; }
	#content .overviewColumns { float: left; background-color: #FFF; width: 201px; height: 300px; margin-left: 27px; border: 1px solid #e2e2e2; padding: 7px; }
	
	#content h3 { position:relative; left:0px; top:0px; text-indent: 5px; padding-top: 45px; font-size: 14px; background:url(../images/producten_h3_2.jpg) no-repeat; width:202px; height:32px; overflow:hidden; color: #fff; font-family: Arial; letter-spacing: 0px; font-weight: normal; }
	#content .overviewColumnsStart 	p { font-family: Arial; font-size: 11px; }
	#content .overviewColumns 		p { font-family: Arial; font-size: 11px; }
	#content a  		{ color: #e2007a; text-transform:none; text-decoration: none;}
	#content a:hover	{ color: #000; text-transform:none; text-decoration: none;}
	
	/*** leftColumn ***/
	#leftColumn		{ float: left; width: 590px; }
	#leftColumn	p	{ color: #555; font-family: Arial; font-size: 12px; line-height: 17px;  }
	#leftColumn	h6	{ color: #222222; font-family: Arial; font-size: 15px; font-weight: normal; margin-top: 20px; }
	#leftColumn	b	{ color: #222222; font-family: Arial; font-size: 15px; font-weight: normal; margin: 20px 0px 5px 0px; line-height: 24px; }
	#leftColumn a  		{ color: #e2007a; text-transform:none; text-decoration: none; font-family: Arial; font-size: 12px; }
	#leftColumn a:hover	{ color: #000; text-transform:none; text-decoration: none; font-family: Arial; font-size: 12px; }
	
	#leftColumn	ul { color: #636363; font-family: Arial; font-size: 12px; margin: 10px; line-height: 17px; }
	
	#leftColumn td	{ color: #555; font-family: Arial; font-size: 12px; line-height: 15px; }
	
	/*** rightColumn ***/
	#rightColumn 	{ position: relative; vertical-align: top; float: right; width: 300px; padding: 0px 17px 170px 17px; font-family: Arial; font-size: 11px; z-index: 100; top: -124px; border: 0px solid #000; }
	#rightColumn h2	{ color: #777; font-size: 13px;  margin-top: 20px; margin-bottom: 3px; }
	#rightColumn p	{ color: #949494; font-size: 11px; line-height: 14px; }
	
	#rightColumn ul { color: #555; font-family: Arial; font-size: 11px; margin: 0px 0px 0px 0px; line-height: 18px; list-style-type: none; margin-bottom: 5px; }
	#rightColumn li { margin-bottom: 0px; background-image: url(../images/rightColumnListicon.jpg); background-repeat: no-repeat; background-position: top left; padding-left: 20px; }
	#rightColumn li a { color: #888; font-family: Arial; font-size: 11px; margin: 0px 0px 0px 0px; text-decoration: none;  }
	#rightColumn li a:hover, #rightColumn li.active a { color: #000; font-family: Arial; font-size: 11px; margin: 0px 0px 0px 0px; text-decoration: none;  }	
	#rightColumn .ProdsHeader { width: 100px; height: 120px; }
	
	
	/*** rightColumn ***/
	.rightColumn2 	{ float: right; width: 305px; height: 180px; border: 1px solid #e2e2e2; border: 0px solid #e2e2e2; padding: 0px; font-family: Arial; font-size: 11px; margin-bottom: 14px;}
	.rightColumn2 h2	{ color: #555; font-size: 14px; margin: 5px 0px 10px 0px; }
	.rightColumn2 p	{ color: #555; font-size: 13px; }
	
	.rightColumn ul { color: #555; font-family: Arial; font-size: 11px; margin: 0px 0px 0px 0px; line-height: 18px; list-style-type: none; margin-bottom: 5px; }
	.rightColumn li { margin-bottom: 0px; background-image: url(../images/rightColumnListicon.jpg); background-repeat: no-repeat; background-position: top left; padding-left: 20px; }
	.rightColumn li a { color: #888; font-family: Arial; font-size: 11px; margin: 0px 0px 0px 0px; text-decoration: none;  }
	.rightColumn li a:hover, .rightColumn li.active a:hover { color: #000; font-family: Arial; font-size: 11px; margin: 0px 0px 0px 0px; text-decoration: underline;  }	
	
	#rightColumn .rightFiller { position: relative; background-color: #FFF; width: 340px; height: 124px; margin-left: -23px; z-index: 100; } 
	#rightColumn .rightColumnImage { position: relative; margin-left: -23px; z-index: 200; border: 0px solid #000; } 
	
/**********************/
/*** contentColumns ***/
/**********************/	
#contentColumns		{ width:945px; margin: auto; padding:0px 0px 0px 25px; border: 0px solid #000; }	
	
	#contentColumns #leftColumn		{ float: left; width: 575px; margin-top: 15px; border: 0px solid #000;}
	#contentColumns #leftColumn	p	{ color: #555; font-family: Arial; font-size: 13px; line-height: 18px; }
	#contentColumns #leftColumn	h6	{ color: #222222; font-family: Arial; font-size: 15px; font-weight: normal; margin-top: 0px; }
	#contentColumns #leftColumn	b	{ color: #222222; font-family: Arial; font-size: 15px; font-weight: normal; margin: 20px 0px 5px 0px; line-height: 24px; }
	#contentColumns #leftColumn a  		{ color: #e2007a; text-transform:none; text-decoration: none; font-family: Arial; font-size: 12px; }
	#contentColumns #leftColumn a:hover	{ color: #000; text-transform:none; text-decoration: none; font-family: Arial; font-size: 12px; }
	
	/*** rightColumn ***/
	/* #contentColumns .rightColumn 	{ float: right; background-color: #eff3f6; width: 305px; border-left: 6px solid #FFF; padding: 17px; font-family: Arial; font-size: 11px; display: block; } */
	#contentColumns .rightColumn 	{ float: right; width: 305px; padding: 17px; font-family: Arial; font-size: 11px;  }
	#contentColumns .rightColumn h2	{ color: #666; font-size: 13px; text-transform: uppercase; }
	#contentColumns .rightColumn p	{ color: #949494; font-size: 11px; line-height: 14px;}
	
	#contentColumns #leftColumn	ul { color: #555; font-family: Arial; font-size: 13px; margin: 10px 0px 0px 30px; line-height: 18px; }
	#contentColumns #leftColumn	li { margin-bottom: 10px; }
	
	
	#contentColumns .rightColumn	ul { color: #666; font-family: Arial; font-size: 11px; margin: 0px 0px 0px 25px; line-height: 18px; list-style-type: none; margin-bottom: 5px; }
	#contentColumns .rightColumn	li { margin-bottom: 0px; background-image: url(../images/rightColumnListicon.jpg); background-repeat: no-repeat; background-position: top left; padding-left: 30px; }
	#contentColumns .rightColumn	li a { color: #666; font-family: Arial; font-size: 11px; margin: 0px 0px 0px 0px; text-decoration: none;  }
	#contentColumns .rightColumn	li a:hover, #contentColumns .rightColumn	li.active a:hover { color: #000; font-family: Arial; font-size: 11px; margin: 0px 0px 0px 0px; text-decoration: underline;  }
	


/*******************/
/*** contentHome ***/
/*******************/
	
	/*** contentHome ***/
	ul.contentHome { position: relative; float:left; width:280px; list-style:none; font-family: Arial; padding: 13px 20px 30px 15px; }
	ul.contentHome li { float:left; width:280px; line-height:16px; text-transform:none; color: #636363; font-size: 12px; padding: 0px 0px 10px 0px; }
	ul.contentHome li.head { float:left; width:280px; height:18px; text-transform:none; color: #e2007a; font-size: 18px; padding-bottom: 10px; }
	ul.contentHome li.nieuws { text-transform:none; color: #a1a1a1; font-size: 12px; padding: 0px 0px 0px 0px ; }
	ul.contentHome li.nieuws a { text-transform:none; color: #363636; font-size: 12px; }
	ul.contentHome li.nieuws p { text-transform:none; color: #959595; font-size: 11px; padding: 0px 0px 0px 0px; }
	
	#content a.homeNieuws		{ color: #959595; font-size: 11px; }
	#content a.homeNieuws:hover	{ color: #000; font-size: 11px; }
	
	ul.contentHome .pink { color: #e2007a; }
	ul.contentHome li a { color: #7d7d7d; text-transform:none; text-decoration: none;}
	ul.contentHome li a:hover { color: #000; text-transform:none; text-decoration: none;}
	
	#content a.homeL		{ color: #7d7d7d; text-transform:none; text-decoration: none;}
	#content a.homeL:hover	{ color: #000; text-transform:none; text-decoration: none;}
	
	/*** contentHome ***/
	ul.contentHomeSub { position: relative; float:left; width:280px; list-style:none; font-family: Arial; padding: 13px 20px 10px 0px; }
	ul.contentHomeSub li { float:left; width:280px; line-height:16px; text-transform:none; color: #636363; font-size: 12px; padding: 0px 0px 10px 0px; background-image: url(../images/rightColumnListicon_home1.jpg); background-repeat: no-repeat; background-position: top left; padding-left: 20px; }
	ul.contentHomeSub li a { text-transform:none; color: #636363; font-size: 12px; }
	ul.contentHomeSub li a:hover { text-transform:none; color: #000; font-size: 12px; }
	
	/*** contentHomeRight ***/
	ul.contentHomeRight { position: relative; float:right; width:250px; list-style:none; font-family: Arial; padding: 0px 0px 30px 0px; }
	ul.contentHomeRight li { float:left; width:250px; height:55px; text-transform:none; color: #636363; font-size: 12px; padding: 0px 0px 10px 0px; }
	ul.contentHomeRight li.head { float:left; width:250px; height:18px; text-transform:none; color: #e2007a; font-size: 18px; padding-bottom: 10px; }
	ul.contentHomeRight li img 	{ float:left; width:65px; margin: 3px 0px 0px 0px; }
	ul.contentHomeRight li .h2 	{ float:left; width:170px; height:16px; font-weight: bold; color: #363636; font-size: 12px; padding: 0 0 0 15px; }
	ul.contentHomeRight li p 	{ float:left; width:170px; color: #959595; font-size: 11px; font-style: italic; padding: 0 0 0 15px; }
	ul.contentHomeRight .pink { color: #e2007a; }
	ul.contentHomeRight li a { color: #e2007a; text-transform:none; text-decoration: none;}
	ul.contentHomeRight li a:hover { color: #000; text-transform:none; text-decoration: none;}
		


/**************/
/*** footer ***/
/**************/
#footerContainer { position:absolute; bottom:0px; background:#fff; width: 970px; height: 190px; }
#footer { width:945px; margin: auto; padding:20px 0px 20px 25px; color: #999; border-top: 7px solid #FFF; background: #e6e6e6; font-size: 11px; font-family: Arial;clear: both; }

	/*** copyright ***/
	.copyright { text-transform:none; color: #a1a1a1; font-size: 11px;}
	
	/*** contactGegevens ***/
	ul.contactGegevens { float:left; width:220px; list-style:none;}
	ul.contactGegevens li { float:left; width:220px; height:18px; text-transform:none; color: #7d7d7d; }
	ul.contactGegevens li.head { float:left; width:220px; height:18px; text-transform:none; color: #363636; font-size: 14px; padding-bottom: 5px; }
	ul.contactGegevens li.copyright { text-transform:none; color: #a1a1a1; font-size: 11px;}
	ul.contactGegevens .pink { color: #e2007a; }
	ul.contactGegevens li a { color: #7d7d7d; text-transform:none; text-decoration: none;}
	ul.contactGegevens li a:hover { color: #000; text-transform:none; text-decoration: none;}
	
	/*** contactGegevensLong ***/
	ul.contactGegevensLong { position: absolute; bottom: 18px; width:945px; list-style:none; }
	ul.contactGegevensLong li { width:500px; height:23px; text-transform:none; color: #959595; display: inline; margin: 0px 18px 0px 0px; padding-bottom: 5px; }
	ul.contactGegevensLong li a { color: #959595; text-transform:none; text-decoration: none;}
	ul.contactGegevensLong li a:hover { color: #000; text-transform:none; text-decoration: none;}