/* Start of CMSMS style sheet 'carousel' */
/* Global Reset */
html,body,div,span,applet,object,iframe,
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,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td { margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;vertical-align:baseline; }

div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,.span-half{float:left;margin-right:20px;}
div.last{margin-right:0;}
.span-1{width:280px;}
.span-2{width:138px;}
.span-3{width:217px;}
.span-4{width:226px;}
.span-5{width:375px;}
.span-6{width:454px;}
.span-7{width:533px;}
.span-8{width:612px;}
.span-9{width:691px;}
.span-10{width:770px;}
.span-11{width:849px;}
.span-12{width:928px;}

#carousel_container{width:960px;margin:0 auto;}
#carousel{width:960px;float:left; margin:0;}
#pane-navigation{width:100%;float:left;margin:0;padding:0;}
#pane-navigation ul{width:960px;float:left;border-right:1px solid #d3d3d3;margin:0;list-style:none;}
#pane-navigation ul li{float:left; width:24,25%; border-left:1px solid #d3d3d3;list-style:none;margin:0;padding:0;}

#pane-navigation ul li a{line-height:2.5em;float:left;width:231px;background:#f6f6f6;display:block;border-bottom:1px solid #d3d3d3;
padding:10px 8px 10px 0;border-top:1px dotted #d9d9d9;font-family:"Trebuchet MS","Lucida Grande","Lucida Sans",arial,sans-serif;font-size:13px;text-decoration:none; color: #162C42; font-weight:bold;}

#pane-navigation ul li a em{float:left;margin-top:0px;font-style:normal;margin-left:5px;}
#pane-navigation li a.active{background:#eb8a00 url(uploads/images/ousel.png) repeat-x; color:#ffffff;border-bottom:1px solid #eb8a00;border-top:1px solid #d3c3b4;font-weight:bold;}

#pane-navigation ul li a img.icon_offerte{float:left;margin-left:15px;padding:0;}
#pane-navigation ul li a img.icon_bel{float:left;margin-left:16px;padding:0;}
#pane-navigation ul li a img.icon_fav{float:left;margin-left:48px;padding:0;}
#pane-navigation ul li a img.icon_blog{float:left;margin-left:50px;padding:0;}

#screen{overflow:hidden;clear:left;background:#eb8a00;position:relative;}
#pane-container{width:9000px;}
#containerul li.slide {float:left;width:960px;display:block;list-style:none;margin:0;padding:0;list-style:none;}

/*
.carousel-screenshot p{margin-top:-15px;padding:6px 7px;min-height:32px;text-align:center;vertical-align:middle;line-height:1.2em;background:#CCE0F1;color:#369;font-family:"Trebuchet MS",Arial,sans-serif;font-size:13px;font-weight:bold;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;border-radius-bottomleft:4px;border-radius-bottomright:4px;-webkit-border-radius-bottomleft:4px;-webkit-border-radius-bottomright:4px;margin-right:2px;}
*/

.carousel-screenshot p { padding: 10px; line-height:1.8em;}

.span-page-1 { background: #fff url(uploads/images/offertebg.png) top left no-repeat; width:930px; height: 230px; margin: 15px; padding: 0;}
.span-page-2 { background: #fff url(uploads/images/beloftesbg.png) top right no-repeat; ; width:930px; height: 230px; margin: 15px; padding: 0;}
.span-page-3 { background: #fff url(uploads/images/onzevoordelenbg.jpg) top right no-repeat; width:930px; height: 230px; margin: 15px; padding: 0;}
.span-page-4 { background: #fff; width:930px; height: 230px; margin: 15px; padding: 0;}

#page-1 { background: #eb8a00; width: 960px }
#page-2 { background: #eb8a00; width: 960px }
#page-3 { background: #eb8a00; width: 960px }
#page-4 { background: #eb8a00; width: 960px }


/******* Voordelen van Car Class Block *******/

.iconlist
{
list-style: none;
margin: 0;
padding: 0;
margin-left: 2em;
}

.iconlist li {
border-bottom: 1px solid #d3d3d3;
background-repeat: no-repeat;
background-position: 0 50%;
margin: .3em 0;
}

.iconlist li span.homesub{
font-size: 75.01%;
color: #555;
font-weight: normal;
}

.iconlist li a {
color: #162C42;
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
display: block;
padding: 10px 0 10px 38px;
}

.iconlist li a:hover {
color: #2f5f8e;
text-decoration: underline;
}

.klok { background-image: url(uploads/images/klok.png);}
li.euro {background-image: url(uploads/images/euro.png);}
li.land {background-image: url(uploads/images/land.png);}
li.foon {background-image: url(uploads/images/foon.png);}
li.veilig {background-image: url(uploads/images/veilig.png);}
li.account {background-image: url(uploads/images/account.png);}

li.belofte1 {background-image: url(uploads/images/belofte1.png);}
li.belofte2 {background-image: url(uploads/images/belofte2.png);}
li.belofte3 {background-image: url(uploads/images/belofte3.png);}
li.belofte4 {background-image: url(uploads/images/belofte4.png);}
li.belofte5 {background-image: url(uploads/images/belofte5.png);}
li.mening {background-image: url(uploads/images/mening.png);}

/******* Nieuws en Blog Block *******/

ul.bloglines              { width: 400px; line-height: 2.5em; }
ul.bloglines li           { display: block; width: 400px; background: url(uploads/images/li.png) no-repeat; }
ul.bloglines li a         { display: block; padding: 0px 10px 0px 30px; color: #162C42; text-decoration: none; }
ul.bloglines li a:visited { color: #162C42; text-decoration: none; }
ul.bloglines li a:active  { color: #162C42; text-decoration: none;}
ul.bloglines li a:hover   { color: #162C42; text-decoration: underline;}

#pane-container h2  { font-size: 1.2em; color: #eee;}
#pane-container h2.orange  { font-size: 1.2em; color: #eb8a00; padding: 10px;}

div.margin65        { margin-left: 65px; }
div.margin40        { margin-left: 40px; }
div.margin25        { margin-left: 25px; }

a.more { margin-left: 1em; color: #fff; text-decoration: none; }
a.more:hover { color: #fff; text-decoration: underline; }

/* End of 'carousel' */