@font-face {
  font-family: 'sybillashadepro-reg';
  src: url('fonts/sybillashadepro-reg-webfont.woff2') format('woff2'),
         url('fonts/sybillashadepro-reg-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


BODY {
  font-size: 14px;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  max-width: 1220px; 
  display: inline-block;
}

P {
  font-size:14px;
  font-weight:normal;
  font-family : "Helvetica Neue", Helvetica, sans-serif;
  text-align: left;
  margin-top: 5px; 
  margin-bottom: 5px; 
}

.center {
  text-align: center;
}

TABLE.contact TR {
  vertical-align: top;
}

UL.menu P {
  margin-bottom: 10px;
}

A.menu {
  line-height:90%;
}

A.menu:hover {
  text-decoration: none;
  color: black;
}

A.menu:link {
  text-decoration: none;
  color: black;
}
A.menu:visited {
  text-decoration: none;
  color: black;
}

A {
  text-decoration: none;
  color: black;
}

IMG {
  margin-left: 5px;
  margin-right: 5px;
}

H1 {
  font-size: 20px;
  font-weight: normal;
  text-align: center;
}

H2 {
  font-size: 16px;
  font-weight: bold;
}
H2.centercolor {
  text-align: center;
  color: #3366ff;
}

H3 {
  font-size: 12px;
  font-weight: normal;
  text-align: center;
}

H4 {
  font-size: 10px;
  font-weight: bold;
  text-align: center;
}
	
P.sml {
  font-size:9px;
  font-family:arial narrow;
  font-weight:normal;
}

DIV.lined P {
  margin-top: 2px; 
  margin-bottom: 2px; 
}

DIV.lined P.titel {
  font-size: 12px;
  font-weight: bold;
  padding-right: 0px;  
}


/* de nieuwe zaken */
DIV.carrousel {
  height: 300px;
  width: 300px;
  border: 1px solid black;
  overflow-y: scroll;
}

TD.showitem {
  width: 50px;
  height: 50px;
  border: 0px solid #484848;
}

DIV.leftfiller {
  float: left;
  width: 16%;
}

DIV.logo {
  width: 268px;
  float: left;
}
DIV.header {
  width: 190px;
  height: 49px;
  float: left;
}
DIV.header P {
  font-size: 12px;
  font-weight: bold;
}

DIV.menu {
  float: left;
  width: 224px;
  padding-right: 20px;
}
DIV.menu A {
  margin: 0px;
  padding: 0px;
  display: block;
}
DIV.menuspace {
  height: 34px;
  width: 317px;
  float: left;
}
DIV.menuitem, DIV.menuitemselected {
  height: 26px; /* 34px; */
  width: 223px;
  background-image: url(pict/menu-item-achter1.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
  float: left;
}
DIV.menuitemselected P {
  color: #808080;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  padding-top: 0px;
  padding-left: 8px;
}
DIV.menuitem P {
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 0px;
  padding-left: 8px;
}

DIV.contentlined {
  /* height: 432px; */
  width: 916px;
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 22px;
  padding-bottom: 22px;
}
DIV.contentlined {  /* waar de echte content in staat */
  float: left;
  /* height: 432px; */
  background-image: url(pict/line.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
}
DIV.artwhite {
  height: 0px;
  background-image: none;
}


DIV.contentondermenu {
  float: left;
  width: 320px;
  padding-bottom: 30px;
}
DIV.homegroot {
  padding-top: 22px;
  padding-left: 22px;
  float: left;
  width: 580px;
}

DIV.contentondermenu P {
  padding-left: 8px;
  padding-right: 40px;
  margin-bottom: 8px;
}
DIV.contentondermenu TABLE P {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
}

DIV.innerfloat {
  display: block;
  width: 1300px;
}

DIV.floating {
  float: left;
}
DIV.clearfloating {
  clear: both;
}

DIV.lined {
  width: 320px;
  height: 250px;
  float: left;
  background-image: url(pict/line.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
}
DIV.lined P {
  padding-right: 36px;
}
DIV.lined P.prijs {
  font-family: "Arial Rounded MT Bold", "Comic Sans MS", Courier;
  font-weight: 500;
  font-size: 12px;
  padding-right: 4px;  
}
DIV.lined P.xomschr {
  font-size: 12px;
  text-align: right;
  padding-right: 0px;  
}
DIV.lined P.omschr {
  font-size: 10px;
  padding-right: 4px;  
}
DIV.overons {
  padding-top: 20px;
  padding-right: 20px;
  width: 300px;
  height: 230px;
}
DIV.overons IMG {
  padding-top: 20px;
  height: 200px;
}
DIV.reparatie {
  padding-top: 30px;
  padding-left: 30px;
  height: 220px;
  width: 290px;
}

DIV.artimgblok IMG {
  max-height: 100%;
  max-width: 100%;
  width: auto; /* These two are added only for clarity, */
  height: auto; /* as the default is auto anyway */

  margin-left: 0px;
  margin-right: 0px;
}

DIV.xpcs {
  width: 780px;
  height: 240px;
}

DIV.pcs {
  padding-left: 22px;
  display: block;
}
DIV.pcs H2 {
  font-family: "Arial Rounded MT Bold", "Comic Sans MS", Courier;
  font-size: 24px;
  margin-top: 4px;
  margin-bottom: 8px;
}
DIV.pcs P {
  font-size: 12px;
}

DIV.pcs TABLE TR TD:nth-child(1) {
  min-width: 10px;
  max-width: 10px;
  width: 10px;
}
DIV.pcs TABLE TR TD:nth-child(2) {
  min-width: 130px;
  width: 130px;
}
DIV.pcs TABLE TR TD:nth-child(2) IMG {
  min-width: 104px;
  width: 104px;
}
DIV.pcs TABLE TR TD:nth-child(3) {
  min-width: 240px;
  width: 240px;
}
DIV.pcs TABLE TR TD:nth-child(3) IMG {
  width: 180px;
}
DIV.pcs TABLE TR TD:nth-child(4) {
  min-width: 200px;
  width: 200px;
}
DIV.pcs TABLE TR TD:nth-child(4) IMG {
  width: 50px;
  height: auto;
}
DIV.pcs TABLE TR TD:nth-child(4)  TABLE TR TD {
  min-width: 60px;
  width: 60px;
}
DIV.pcs TABLE TR TD:nth-child(4)  TABLE TR TD IMG {
  width: 50px;
  min-width: 50px;
  height: auto;
}
DIV.overgarantie {
  position: absolute;
  left: 220px;
  top: 42px;
}
DIV.overprijs {
  position: absolute;
  left: 199px;
  top: 124px;
}
DIV.overgarantie P, DIV.overprijs P {
  font-family: "Arial Rounded MT Bold", "Comic Sans MS", Courier;
  font-weight: bold;
  color: white;
  /*
  text-shadow: 2px 2px #606060,
     -1px -1px 0 #e0e0e0,  
     1px -1px 0 #e0e0e0,
     -1px 1px 0 #e0e0e0,
     1px 1px 0 #e0e0e0;
  */
}
DIV.overgarantie P {
  font-size: 24px;
}
DIV.overprijs P {
  font-size: 36px;
}



DIV.fotoblok {
  width: 800px;
  float: left;
}

BODY {
    margin-left: 300px;
}

DIV.nav {
  height: 22px;
  width: 960px;
  margin: 0px;
  float: left;
  background-color: #707070;
  padding-left:4px;
}
DIV.nav P {
  cursor: default;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
}
DIV.nav P A {
  color: #ffffff;
}
DIV.nav P A:hover {
  text-decoration: underline;
}
DIV.smallmenu {
  display: none;
}

IMG.smlonphone {
  height: 32px;
}

@media all and (max-width:1550px) {
BODY {
  margin-left: 80px;
}
}
@media all and (max-width:1500px) {
BODY {
  margin-left: 60px;
}
}
@media all and (max-width:1470px) {
BODY {
  margin-left: 40px;
}
}
@media all and (max-width:1300px) {
BODY {
  margin-left: 20px;
}
}
@media all and (max-width:1240px) {
DIV.logo {
  width: 400px;
}
DIV.nav {
  height: 44px;
  width: 652px;
}
DIV.contentlined {
  width: 612px;
}
DIV.homegroot {
  width: 580px;
  min-height: 720px;
}
DIV.homegroot IMG {
  width: 509px;
  height: 720px;
}

DIV.header {
  width: 210px;
  height: 31px;
}
IMG.smlonphone {
  height: 16px;
}
DIV.empty {
  visibility: hidden;
  height: 0px;
}
}
@media all and (max-width:950px) {
DIV.smallmenu {
  display: block;
}
DIV.largemenu {
  display: none;
}
}
@media all and (max-width:650px) {
DIV.innerfloat {
  display: block;
  width: 500px;
}
DIV.contentlined {
  width: 363px;
  padding-left: 2px;
}
DIV.contentlined IMG {
  max-width: 440px;
}
DIV.nav {
  height: 44px;
  width: 363px;
}

DIV.xpcs {
  width: 480px;
  max-width: 480px;
  height: 240px;
}

DIV.pcs TABLE TR TD:nth-child(4)  TABLE TR TD {
  min-width: 50px;
  width: 50px;
}
DIV.pcs TABLE TR TD:nth-child(4)  TABLE TR TD IMG {
  align: center;
  min-width: 48px;
  width: 48px;
}
DIV.pcs {
  width: 400px;
  padding-left: 2px;
  display: block;
}
DIV.pcs P {
  padding-right: 4px;
}
DIV.xpcs {
  height: 200px;
}
DIV.pcs TABLE TR TD:nth-child(1) {
  min-width: 10px;
  max-width: 10px;
  width: 10px;
}
DIV.pcs TABLE TR TD:nth-child(2) {
  min-width: 110px;
  width: 110px;
}
DIV.pcs TABLE TR TD:nth-child(2) IMG {
  min-width: 84px;
  max-width: 84px;
  width: 84px;
}
DIV.pcs TABLE TR TD:nth-child(3) {
  min-width: 158px;
  width: 158px;
}
DIV.pcs TABLE TR TD:nth-child(3) IMG {
  width: 148px;
}
DIV.pcs TABLE TR TD:nth-child(4) {
  min-width: 50px;
  width: 50px;
}
DIV.pcs TABLE TR TD:nth-child(4) IMG {
  width: 40px;
  height: auto;
}

DIV.overgarantie {
  left: 170px;
  top: 42px;
}
DIV.overprijs {
  left: 160px;
  top: 104px;
}
DIV.overgarantie P {
  font-size: 18px;
}
DIV.overprijs P {
  font-size: 34px;
}


}