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

/***** Portfolio *****/

#middle #containerMiddle #left .item { width:257px; height:123px; float:left; text-align:center; border-top:1px solid #cccccc; }
#middle #containerMiddle #left .itembottomLeft { width:257px; height:1px; float:left; border-top:1px solid #cccccc; }
#middle #containerMiddle #left .sep { width:40px; height:123px; float:left; }
#middle #containerMiddle #left .itembottomRight { width:257px; height:1px; float:left; margin:0 0 0 40px; border-top:1px solid #cccccc; }
#middle #containerMiddle #left #paginanummer { width:auto; height:auto; float:left; clear:both; margin:30px 0 0 0; font-size:12px; }
#middle #containerMiddle #left #paginanummer span { font-size:12px; color:#8ad12e; }
#middle #containerMiddle #left #paginanummer a { font-size:12px; color:#8ad12e; }
#middle #containerMiddle #left #paginanummer span.pagina { font-size:12px; color:#7f7f7f; }
#middle #containerMiddle #right { width:275px; float:right; margin:0; }
#middle #containerMiddle #right a.button { display: inline-block; height: 35px; width: 275px; float: left; margin: 10px 0 0 0; background: url('../images/button_portfolio.png') 0 0 no-repeat; }
#middle #containerMiddle #right a.button:hover { display: inline-block; height: 35px; width: 275px; float: left; margin: 10px 0 0 0; background: url('../images/button_portfolio.png') 0 -35px no-repeat; }
 
/***** Portfolio Detail *****/

#middle #containerMiddle #leftdetail { width:532px; height:436px; overflow:hidden; background:url(../images/portfolio_background.png) no-repeat; float:left; }
#middle #containerMiddle #leftdetail .svw {width: 50px; height: 20px; background: #fff;}
#middle #containerMiddle #leftdetail .svw ul {position: relative; left: -999em;}
#middle #containerMiddle #leftdetail .stripViewer { position: relative; overflow: hidden; margin: 0 auto; margin-top: 21px; height:370px; }
#middle #containerMiddle #leftdetail .stripViewer ul { margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; }
#middle #containerMiddle #leftdetail .stripViewer ul li { float:left; }
#middle #containerMiddle #leftdetail .stripTransmitter { overflow: auto; width: 200px; margin: 0 auto; margin-top: 12px; margin-left:180px; }
#middle #containerMiddle #leftdetail .stripTransmitter ul { margin: 0; padding: 0; width: 200px; position: relative; list-style-type: none; }
#middle #containerMiddle #leftdetail .stripTransmitter ul li{ width: 20px; float:left; margin: 0 1px 1px 0; }
#middle #containerMiddle #leftdetail .stripTransmitter a{ font: bold 12px Arial; text-align: center; line-height: 22px; color: #fff; text-decoration: none; display: block; }
#middle #containerMiddle #leftdetail .stripTransmitter a:hover, a.current{ background: #5a6164; color: #fff; }
#middle #containerMiddle #leftdetail .tooltip { padding: 0.5em; background: #fff; color: #000; }
#middle #containerMiddle #rightdetail { width:315px; float:right; }
#middle #containerMiddle #rightdetail p.datum { font-size:11px; color:#9d9d9d; }
#middle #containerMiddle #rightdetail a { font-size:12px; color:#8bc936; text-decoration:underline; }
#middle #containerMiddle #rightdetail p.detail { margin:0; padding:0; }
#middle #containerMiddle #rightdetail p.bold { margin:0; padding:0; }

/***** Klanttevredenheid *****/

#middle #containerMiddle #left .klantGroup { width:565px; height:auto; overflow:hidden; }
#middle #containerMiddle #left .klantGroup .left { width:150px; height:auto; float:left; text-align:right; margin:0 25px 0 0; }
#middle #containerMiddle #left .klantGroup .left h1 { padding:0; }
#middle #containerMiddle #left .klantGroup .left p { color:#97c147; margin:0; }
#middle #containerMiddle #left .klantGroup .left .image { width:150px; height:100px; margin:0 0 20px 0; }
#middle #containerMiddle #left .klantGroup .right p { margin:0; padding:0; }
#middle #containerMiddle #left .klantSep { width:565px; height:20px; float:left; }
#middle #containerMiddle #right .item { width:275px; height:50px; border-bottom: 1px solid #dddddd; margin:10px 0 0 0; }
#middle #containerMiddle #right .item p { margin:0; padding:0; }
#middle #containerMiddle #right .item p.titel a { font-size:12px; color:#585e62; font-weight:bold; text-decoration:underline; }
#middle #containerMiddle #right .item p.persoon a { font-size:11px; color:#8bc936; }