/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

ul li { padding:0; }
#container { margin: 0 auto; width: 715px; /* moet 715 px worden */ }
.panelHeader h1 { width:500px; margin:0px; padding:2px; padding-left:0; font-size: 12px; color: #000000; height:15px; text-indent:5px; }
.logoAanbieding { float:right; margin-left: 0px; width:210px; text-align:right; }
#bottom { float:left; width: 715px; height: 200px; margin-top:5px; }
/* ------------------  CSS overview ----------------------- */
#overview { width:500px; float:left }
#visual { height:100px; background: #fff url(/images/provider/maand/block1.gif) no-repeat; margin: 0; padding: 0; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; }
#specs { margin-top:2px; height:320px; }
#specs p { width:420px; margin-left:5px; line-height:14px; }
#specs_detail { width:200px; height:220px; margin-left:1px; float:left; margin-top:2px; border: 1px solid #cccccc; }
#option { width:280px; height:150px; margin-left:5px; margin-top:2px; float:left; border: 1px solid #cccccc; }
.subbottom { float:left; width:161px; border:1px solid #cccccc; height:220px; margin-right:5px; }
.subbottomlast { float:left; width:162px; border:1px solid #cccccc; height:220px; margin-right:5px; }
.postcodecheck { float:left; width:208px; border:1px solid #9be132; height:220px; }
.pcpadding { padding-left:5px; }
/* ------------------ Einde CSS overview ----------------------- */

/* ------------------ CSS aanbiedingsblokken ----------------------- */
#aanbiedingen { width:210px; margin-left: 5px; float:left; color:#666666; }
.prijs { font-size:12px; font-weight:bold; width:208px; text-align:right; }
.prijstekst { font-size:10px; font-weight:normal; }
.bullets { margin-top:10px; margin-bottom:10px; color:#666666; }
ul.bullets li { padding:0; margin-left:-12px; }
#block { width: 208px; height: 100px; border: 1px solid #cccccc; margin-bottom:5px; background-color:#f3f3f3;/*	background-image:url(../../images/visuals/xs4all/maart/xs4all-aanbiedingspagina-bg.gif); 
	background-repeat:no-repeat; */ }
.cross-link { font-weight:bold; text-decoration:underline; padding:5px; font-size:10px; }
.speclist { list-style:square; }
/* ------------------ Einde CSS aanbiedingsblokken ----------------------- */


/* CSS voor de slider */

.stripViewer .panelContainer .panel ul { text-align: left; }
/* These 2 lines specify style applied while slider is loading */
.csw { width: 100%; height: 680px; background: #fff; overflow: scroll }
.csw .loading { margin: 200px 0 300px 0; text-align: center }
.stripViewer { /* This is the viewing window */ position: relative; overflow: hidden; float:left; width: 498px; /* Also specified in  .stripViewer .panelContainer .panel  below */ min-height:600px !important; clear: both; border:1px solid #cccccc; }
/* Hoogte hack voor IE7 */
*:first-child+html .stripViewer { position: relative; overflow: hidden; float:left; width: 498px; /* Also specified in  .stripViewer .panelContainer .panel  below */ min-height:730px; height:auto !important; clear: both; border:1px solid #cccccc; }
/* Hoogte hack voor IE6 */
* html .stripViewer { position: relative; overflow: hidden; float:left; width: 498px; /* Also specified in  .stripViewer .panelContainer .panel  below */ min-height:710px; height:auto !important; clear: both; border:1px solid #cccccc; }
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */ position: relative; left: 0; top: 0; width: 100%; list-style-type: none;/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */ }
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float:left; height: 100%; position: relative; width: 500px; /* Also specified in  .stripViewer  above */ }
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */ padding: 0px; }
.stripNav ul { /* The auto-generated set of links */ display:block; visibility:hidden; list-style: none; padding:0; margin:-12px; }
.stripNav ul li { float: left; margin-left:0; }
.stripNav a { /* The nav links */ font-size: 10px; font-weight: regular; text-align: center; line-height: 32px; background: #fff; color: #0066ff; text-decoration:underline; padding:5px; margin:2px 2px 2px 0; border:1px solid #ccc; }
.stripNav li.tab1 a { background-image:url(../../images/visuals/xs4all/maart/xs4all-aanbiedingspagina-bg2.gif); background-repeat:repeat-x; }
.stripNav li.tab2 a { background-image:url(../../images/visuals/xs4all/maart/xs4all-aanbiedingspagina-bg2.gif); background-repeat:repeat-x; }
.stripNav li.tab3 a { background-image:url(../../images/visuals/xs4all/maart/xs4all-aanbiedingspagina-bg2.gif); background-repeat:repeat-x; }
.stripNav li.tab4 a { background-image:url(../../images/visuals/xs4all/maart/xs4all-aanbiedingspagina-bg2.gif); background-repeat:repeat-x; }
.stripNav li.tab5 a { background-image:url(../../images/visuals/xs4all/maart/xs4all-aanbiedingspagina-bg2.gif); background-repeat:repeat-x; }