/*
/	version		:	1.0
/	author		:	T.Willems
/	company		:	BestMedia
/	url			:	www.bestmedia.nl
*/

/***** Homepage *****/

#middle #containerMiddle #maintext { width:505px; height:auto; float: left; }
#middle #containerMiddle #maintext p { text-align:justify; }
#middle #containerMiddle #slideshow { width:303px; height:168px; padding:20px; float:right; overflow:hidden; background:url(../images/middle_container_slideshow_background.png); }
#middle #containerMiddle #slideshow .svw {width: 50px; height: 20px; background: #fff;}
#middle #containerMiddle #slideshow .svw ul {position: relative; left: -999em;}
#middle #containerMiddle #slideshow .stripViewer { position: relative; overflow: hidden; margin: 0 auto; height:138px; }
#middle #containerMiddle #slideshow .stripViewer ul { margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; }
#middle #containerMiddle #slideshow .stripViewer ul li { float:left; }
#middle #containerMiddle #slideshow .stripTransmitter { overflow: auto; width: 200px; margin: 0 auto; margin-top: 12px; }
#middle #containerMiddle #slideshow .stripTransmitter ul { margin: 0; padding: 0; width: 200px; position: relative; list-style-type: none; }
#middle #containerMiddle #slideshow .stripTransmitter ul li{ width: 20px; float:left; margin: 0 1px 1px 0; }
#middle #containerMiddle #slideshow .stripTransmitter a{ font: bold 12px Arial; text-align: center; line-height: 22px; color: #fff; text-decoration: none; display: block; }
#middle #containerMiddle #slideshow .stripTransmitter a:hover, a.current{ background: #5a6164; color: #fff; }
#middle #containerMiddle #slideshow .tooltip { padding: 0.5em; background: #fff; color: #000; }

#middle #containerMiddle #group { width:900px; height:auto; clear:both; float:left; margin:50px 0 0 0; }
#middle #containerMiddle #group .item { width:274px; height:auto; float:left; overflow:hidden; }
#middle #containerMiddle #group .item  p { text-align:justify; margin:0 0 0 5px; }
#middle #containerMiddle #group .item .title { width:284px; height:37px; line-height:37px; background:#d5d4d2; margin:0 0 10px 0; }
#middle #containerMiddle #group .item .title h1 { padding:0 0 0 20px; }
#middle #containerMiddle #group .item .text { width:160px; height:auto; float:left; overflow:none; }
#middle #containerMiddle #group .item .text ul { float:left; margin:0; list-style:disc; }
#middle #containerMiddle #group .item .text ul li { line-height:22px; padding:1px 0 1px 0; }
#middle #containerMiddle #group .item .imageStarters { width:100px; height:100px; margin:0 0 10px 0; float:right; background:url(../images/homepage/homepage_actie_starters.png); }
#middle #containerMiddle #group .item .imageLite { width:100px; height:100px; margin:0 0 10px 0; float:right; background:url(../images/homepage/homepage_actie_lite.png); }
#middle #containerMiddle #group .item .imageBasis { width:100px; height:100px; margin:0 0 10px 0; float:right; background:url(../images/homepage/homepage_actie_basis.png); }
#middle #containerMiddle #group .item .imagePro { width:100px; height:100px; margin:0 0 10px 0; float:right; background:url(../images/homepage/homepage_actie_pro.png); }
#middle #containerMiddle #group .item .imageShop { width:100px; height:100px; margin:0 0 10px 0; float:right; background:url(../images/homepage/homepage_actie_shop.png); }
#middle #containerMiddle #group .sep { width:35px; height:165px; float:left; }
#middle #containerMiddle #group .leesmeer { width:auto; height:15px; overflow:hidden; clear:both; background:url(../images/button_leesmeer_background.png); }
#middle #containerMiddle #group .leesmeer a { display:inline-block; clear:both; height:15px; width:71px; float:right; margin:0 0 0 5px; background:url('../images/button_leesmeer.png') 0 0 no-repeat; }
#middle #containerMiddle #group .leesmeer a:hover { display:inline-block; clear:both; height:15px; width:71px; float:right; margin:0 0 0 5px; background:url('../images/button_leesmeer.png') 0 -15px no-repeat; }
#middle #containerMiddle #group .leesmeer a.active { display:inline-block; clear:both; height:15px; width:71px; float:right; margin:0 0 0 5px; background:url('../images/button_leesmeer.png') 0 -15px no-repeat; }

