/* Start of CMSMS style sheet 'style' */
html {
overflow: -moz-scrollbars-vertical;
}

body {
	background-color: #dadada;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-image: url(images/bg.png);
	background-repeat: repeat-x;
	font-family: Arial, Verdana;
	font-size:13px;
line-height: 18px;
color: #333;
}

#bannerstyle img {
width: 295px;
height: 69px;
}

p { display: inline; 
}

A:link {
color: #ee8100;
text-decoration: none;
}

A:visited {
color: #ee8100;
text-decoration: none;
}

A:hover {
color: #333333;
text-decoration: none;
}

h1 {
	font-size: 17px;
font-weight: bold;
	color: #000;
margin: 1px 0 5px 1px;
padding: 0;
border-bottom: 1px #bbb dotted;
height: 19px;
}
h2 {
	font-size: 17px;
font-weight: bold;
	color: #000;
margin: 1px 0 5px 1px;
padding: 0;
border-bottom: 1px #bbb dotted;
height: 19px;
}

h3 {
	text-align: left;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	font-size: 14px;
	color: #333333;
margin-left: 8px;
margin-top: 7px;
margin-bottom: 6px;
padding: 0;
border-bottom: 1px #bbb dotted;
padding-bottom: 4px;
width: 625px;
}

h4 {
	font-size: 17px;
font-weight: bold;
	color: #000;
margin: 7px 0 5px 7px;
padding: 0;
width: 625px;
border-bottom: 1px #bbb dotted;
height: 20px;
font-style:italic;
}
h5 {
	font-size: 14px;
font-weight: bold;
	color: #000;
margin: 0;
padding-top: 3px;
height: 15px;
}

div#pagewrapper {
width: 955px;
margin: 0 auto;
}
div#header {
width: 955px;
height: 115px;
background:url(images/header-bg.png) no-repeat;
}

.headerleft{
float: left;
height: 75px;
width: 425px;
padding-left: 25px;
padding-top: 30px;
}

.headerright {
float: right;
height: 75px;
width: 280px;
padding-right: 15px;
padding-top: 17px;
font-family:Arial, Verdana;
font-size:11px;
color: #555555;
line-height: 14px;
}
.adres {
float: left;
}
.adrese {
float: left;
text-align: left;
width: 280px;
}
.adresl {
width:180px;
padding-bottom: 4px;
float: left;
font-weight: bold;
}
.adresr {
width:100px;
padding-bottom: 4px;
float: left;
text-align: right;
}
#devider {
background:url(images/main-bg.png) repeat-y;
padding-top: 1px;
padding-bottom: 1px;
}
#devider2 {
background:url(images/main-bg.png) repeat-y;
padding-top: 0px;
padding-bottom: 1px;
}
.line {
height: 1px;
border-bottom: 1px #ccc solid;
margin-left: 5px;
width: 945px;
}
.line2 {
height: 1px;
border-bottom: 1px #ccc solid;
width: 100%;
margin: 0px 0 1px 0;
}
#menu {
background:url(images/main-bg.png) repeat-y;
height: 50px;
padding-left: 6px;
}
#intro {
background:url(images/main-bg.png) repeat-y;
overflow: auto;
padding-left: 6px;
}
.introleft {
width: 645px;
height: 234px;
border: 1px #ccc solid;
background: #f7f7f7 url(images/shade.jpg) repeat-x;
float: left;
}
#slider {
background: #ddd;
width: 645px;
height: 190px;
}
.introright {
width: 279px;
height: 220px;
border: 1px #ccc solid;
float: right;
padding: 7px;
background: #f7f7f7;
margin-right: 6px;
overflow: hidden;
}

#main {
background:url(images/main-bg.png) repeat-y;
overflow: auto;
width: 955px;
}

.mainleft {
width: 628px;
float: left;
padding-left: 15px;
padding-top: 5px;
border-right: 1px #ccc solid;
padding-right: 9px;
}
.mainleftleft {
width: 305px;
float: left;
}
.mainleftcontent {
width: 625px;
float: left;
padding-bottom: 10px;
}
.mainleftright {
width: 305px;
float: right;
}
.mainleftbottom {
width: 625px;
height: 234px;
border-top: 1px #ccc dotted;
float: left;
margin-top: 5px;
}

.imgl{
float: left;
margin-top: 10px;
border: 1px #ee8100 solid;
}
.imgr{
float: right;
margin-top: 10px;
border: 1px #ee8100 solid;
}


.mainright {
width: 297px;
float: right;
margin-right: 4px;

overflow: auto;
}

.mainright img{
border: 0;
}

#footer {
background:url(images/footer-bg.png) no-repeat;
font-size:11px;
color: #888;
padding-top: 5px;
width: 955px;
}
.footerleft {
width: 500px;
float: left;
padding-left: 5px;
}
.footerleft a{
color: #666;
}
.footerleft a:visited{
color: #666;
}
.footerleft a:hover{
color: #ee8100;
}
.footerright {
width: 350px;
float: right;
text-align: right;
padding-right: 5px;
color: #666;
}
.footerright a{
color: #0096d7;
}
.footerright a:visited{
color: #0096d7;
}
.footerright a:hover{
color: #666;
}
.leesverder {
float: right;
}


/* SLIDE */
#slideshow {
	margin:0 auto;
	width:645px;
	height:195px;
	position:relative;
}
#slideshow #slidesContainer {
	margin:0 auto;
	width:645px;
	height:195px;
	overflow:auto;
	position:relative;
}
#slideshow #slidesContainer .slide {
	margin:0 auto;
	width:210px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
	height:195px;
}
/** 
 * Slideshow controls style rules.
 */
.control {
	width:55px;
	height:59px;
	text-indent:-10000px;
	position:absolute;
	cursor: pointer;
}
#leftControl {
	top:75px;
	left:0;
	background:transparent url(images/arrow_left-55.png) no-repeat 0 0;
	z-index: 500;
}
#rightControl {
	top:75px;
	right:0;
	background:transparent url(images/arrow_right-55.png) no-repeat 0 0;
	z-index: 501;
}
#pageContainer {
	margin:0 auto;
	width:645px;
}
.slide h2, .slide p {
	margin:0;
}
.slidepic {
	float:left;
	margin-left:7px;
}
.slidepic img{
border:1px #ee8100 solid;
}

.slidepic img:hover{
border: 1px #ccc solid;
}
.slidemerkmodel {
	width: 200px;
	float: left;
	padding-left: 7px;
	padding-bottom: 2px;
	color: #333;
	font-weight: bold;
font-size: 12px;
	font-family: "Segoe UI";
}
.slideprijs {
	width: 90px;
	float: right;
	text-align: right;
	padding-right: 6px;
	padding-top: 2px;
	color: #333;
	font-weight: bold;
	font-family: "Segoe UI";
}
.slidetype {
	width: 100px;
	float: left;
	padding-left: 7px;
	padding-top: 2px;
	font-family: "Segoe UI";
	color: #333;
}
.devider {
width: 100%;
border-top: 1px #ccc solid;
margin-top: 10px;
margin-bottom: 10px;
}

#actie {
border: 1px #ddd solid;
width: 305px;
height: 150px;
margin: 0 auto;
overflow: hidden;
float: left;
background: #fff;
margin-bottom: 5px;
margin-left: 3px;
margin-right: 2px;
position: relative;
}

.actie {
position: absolute;
background:transparent url(images/actie.png) no-repeat 193px 82px;
z-index: 3;
width: 305px;
height: 150px;
display: block;
}

.actie a{
display: block;
margin-left: 5px;
margin-top: 129px;
outline: none;
}

.actietitel {
font-size: 15px;
font-weight: bold;
color: #444;
padding: 5px 5px 5px 5px;
height: 35px;
font-family: Arial;
}

.actiepic {
padding: 0 1px 0 1px;
width: 305px;
height: 80px;
overflow: hidden;
}
.actiepic img{
width: 303px;
height: 80px;
overflow: hidden;
}

.actiemore {
width: 304px;
height:180px;
display: block;
left: 0;
top: 0;
position: absolute;
z-index: 200;
}

#slide {
height: 70px;
overflow: hidden;
}

#slide ul{
list-style-type: none;
margin: 0;
padding: 0;
}
#slide img{
width: 295px;
height: 69px;
}
#logosright {
background: #fff;
}
.logoleft {
background: #fff;
text-align: center;
width: 144px;
padding-top: 5px;
float: left;
border: 1px #ccc solid;
margin: 0 1px 1px 0;
}
.logoright {
background: #fff;
text-align: center;
width: 146px;
height: 80px;
float: left;
border: 1px #ccc solid;
padding-top: 9px;
}
.logoright a{
outline: none;
}
.logoleft a{
outline: none;
}
/* End of 'style' */