html { overflow: -moz-scrollbars-vertical; }
html { overflow: scroll;}
html { overflow-x: hidden; }

body, table, tr, td, p, div, img, h1, h2, h3, h4, h5, ul, ol {
  margin: 0px;
  padding: 0px;
  border: 0px solid #FFF;
}
body, table, tr, td, p, div {
  font: 12px Arial, Helvetica, sans-serif;
	color: #4a4a4a;
}
body {
  background: #d5d5d5;
}
#top {
  position: relative;
  width: 100%;
  height: 23px;
  background: #2d2d2d;
}
#header {
  position: relative;
  width: 100%;
  height: 253px;
  background: #fd5200 url('../images/layout/head.gif') left top repeat-x;
}
#headerHome {
  width: 100%;
  height: 253px;
  background: url('../images/layout/header.png') center top no-repeat;
}
#headerImg {
  width: 100%;
  height: 253px;
  background: url('../images/layout/header_alt.png') center top no-repeat;
}
#inHeader {
  position: relative;
  width: 1000px; 
  left: 50%; 
  margin-left: -500px;
}
#logo {
  margin: 20px 140px 10px 20px;
}
#menu {
  margin: 29px 0 0 0;
  width: 532px;
  height: 53px;
}

div.home {
  background: url('../images/layout/menu.jpg') 0px 0px no-repeat;
}
div.news {
  background: url('../images/layout/menu.jpg') 0px -53px no-repeat;
}
div.prod {
  background: url('../images/layout/menu.jpg') 0px -106px no-repeat;
}
div.ref {
  background: url('../images/layout/menu.jpg') 0px -159px no-repeat;
}
div.contact {
  background: url('../images/layout/menu.jpg') 0px -212px no-repeat;
}

img.home {
  height: 31px;
  width: 85px;
}
img.news {
  height: 31px;
  width: 89px;
}
img.prod {
  height: 31px;
  width: 110px;
}
img.ref {
  height: 31px;
  width: 115px;
}
img.contact {
  height: 31px;
  width: 95px;
}

#menu ul {
  margin: 0px;
  float: left;
  display: block;
}

#menu ul li.first {
  margin: 0px;
  float: left;
  display: block;
  padding: 11px 0px 0px 13px;
}

#menu ul li {
  margin: 0px;
  float: left;
  display: block;
  padding: 11px 0px 0px 4px;
}

#welcome {
  padding: 20px;
}
#welcome div {
  line-height: 20px;
  color: #FFF;
  width: 490px;
}
#welcome H1 {
  color: #FFF;
  margin-bottom: 6px;
  font-weight: normal;
}
#container {
  position: relative;
  width: 100%;
  background: #FFF;
}
#page {
  position: relative;
  width: 1000px; 
  left: 50%; 
  margin-left: -500px;
}
#introH1 {
  padding: 35px 0px 0px 20px;
}
#prodText {
  margin: 60px 30px 20px 120px;
  line-height: 18px;
}
#prodLink {
  margin: 0px 0px 0px 110px;
}
#prodTextSmall {
  margin: 40px 30px 20px 70px;
  line-height: 18px;
}
#prodLinkSmall {
  margin: 0px 0px 0px 60px;
}
#quickLink {
  margin: 0px 0px 0px 30px;
}

#sign {
  background: url('../images/layout/sign_a.gif') left top no-repeat;
  width: 99px;
  height: 28px;
}
.sign {
  width: 99px;
  height: 28px;
}

#unregister {
  background: url('../images/layout/uitschrijven_a.gif') left top no-repeat;
  width: 101px;
  height: 28px;
}
.unregister {
  width: 101px;
  height: 28px;
}


#info {
  background: url('../images/layout/info_h.gif') left top no-repeat;
  width: 129px;
  height: 28px;
}
.info {
  width: 129px;
  height: 28px;
}

#phone {
  height: 20px;
  background: url('../images/layout/phone.gif') left top no-repeat; 
  padding: 1px 0px 0px 26px;
  color: #707070;
  font-size: 12px;
}

#mail {
  height: 20px;
  background: url('../images/layout/mail.gif') left top no-repeat; 
  padding: 1px 0px 0px 26px;
  color: #707070;
  font-size: 12px;
}

#contactForm {
  margin-top: 10px;
  width: 350px;
  height: 260px;
  background: url('../images/layout/form_field.gif') left top no-repeat;   
}

#contactForm div {
  padding: 25px 0 0 22px;
  font-size: 11px;
}

.infoForm tr td {
  padding: 3px;
  font-size: 11px;
}
.infoForm tr td.button {
  padding-top: 13px;
}

.infoFormBig tr td {
  padding: 3px;
  font-size: 12px;
}
.infoFormBig tr td.button {
  padding-top: 7px;
}


.footLeft { width: 250px; }
.footLeft2 { width: 175px; }


.footer{
  margin-top:10px;
  width: 1000px;
}
#footer {
  position: relative;
  width: 100%;
}
#footerContent {
  position: relative;
  width: 1000px; 
  left: 50%; 
  margin-left: -500px;
}
#foot {
  margin: 20px;
  color: #707070;
  font-size: 12px;
  line-height: 18px;
}

.introDetails {
  width: 650px;
}
#introDetails {
  margin: 20px 0px 40px 0px;
}
ul.artwinIs {
  list-style: none;
}
ul.artwinIs li {
  padding: 16px 15px 15px 15px;
  font-size: 12px;
  line-height: 18px;
}
ul.artwinIs li {
  background: url('../images/layout/item_line.gif') left top no-repeat;
}
ul.artwinIs li.top {
  background: none;
}
ul.artwinIs li img {
  margin: 2px 15px 0px 15px;
}
#introContact {
  margin: 10px 0px 0px 20px;
  padding-bottom: 30px;
  line-height: 16px;
}
#askContact {
  margin: 10px 0px 0px 20px;
  padding-bottom: 30px;
  line-height: 16px;
}
#horLine { 
  width: 1000px; 
  height: 15px; 
  background: url('../images/layout/hor_line.gif') left top no-repeat;
}
#introWebsite {
  margin: 10px 0px 0px 20px;
  padding-bottom: 30px;
  line-height: 16px;
}

#introWebsite ul {
  margin: 20px 0 20px 20px;
}

#introWebsite ul li {
  height: 16px;
}

.refList {

}
.refList tr td {  
  padding: 8px;
}
.refList tr.light {
  background: #f9f9f9;
}
.refList tr.light td {
  border-top: 1px solid #ebebeb; 
  border-bottom: 1px solid #ebebeb; 
}
.refList tr:hover {
  background: #f6f6f6;
}
tr.white:hover {
  background: none;
}
tr.white td {
  font-size: 11px;
}
.refList tr td a:link           { text-decoration: none; color: #de3807; }
.refList tr td a:visited        { text-decoration: none; color: #de3807; }
.refList tr td a:active         { text-decoration: none; color: #de3807; }
.refList tr td a:hover          { text-decoration: underline; color: #de3807; }


.refList tr td.version {
  padding: 4px 0px 0px 0px;
}


.refPicture {
  padding-right: 10px;
}
#refLink {
  margin: 5px 0px;
  padding: 0 0 0 10px;
  background: url('../images/layout/arrow.gif') left 5px no-repeat;
}
.refText {
  line-height: 16px;
}

#padBottom {
  line-height: 18px;
  margin-bottom: 5px;
}

#line {
  background: #ebebeb;
  height: 1px;
  margin: 10px 0;
}
#newsItem {
  padding: 10px;
  line-height: 16px;
}


#vBlend {
  margin-top: 20px;
  background: url('../images/layout/blend_middle.gif') left top repeat-y;
}
#vBlendTop {
  background: url('../images/layout/blend_top.gif') left top no-repeat;
}
#vBlendBottom {
  background: url('../images/layout/blend_bottom.gif') left bottom no-repeat;
}


.grey {
  color: #898989;
}


#askH1 {
  padding: 15px 0px 0px 20px;
}
hr {
 color: #000;
 background: #FFF;
 height: 1px;
 margin: 0px 0px 20px 0px;
 padding: 0px;
}
h1, .h1 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: #e03907;
  margin: 0px;
  margin-bottom: 0px;
}
h2, .h2 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #4a4a4a;
  margin: 0px;
  margin-bottom: 5px;
}

h2.nieuws {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #4a4a4a;
  margin: 0px;
  margin-bottom: 5px;
}

#ref1 a img { width: 237px; height: 51px; }
#ref1 { background: url('../images/cms/artiestenplanner.jpg') no-repeat; }

#ref2 a img { width: 164px; height: 83px; }
#ref2 { background: url('../images/cms/boekjeartiest.jpg') no-repeat; }

#ref3 a img { width: 192px; height: 78px; }
#ref3 { background: url('../images/cms/holties.jpg') no-repeat; }

label {
  cursor: pointer;
  cursor: hand;
}
.topic {
  height: 25px;
  width: 100px;
  padding-right: 20px;
}
select.textField {
  padding: 3px;
  font: 11px Arial, Helvetica, sans-serif;
  color: #1e1e1e;
  border: 1px solid #d0d0d0;
  background: #efefef;
}
input.textField {
  padding: 3px;
  width: 195px;
  font: 11px Arial, Helvetica, sans-serif;
  color: #000;
  border: 1px solid #ebebeb;
  background: #ebebeb;
}
.textField:focus {
  border: 1px solid #e1e1e1;
  background: #e1e1e1;
}
input.submit {
  font: 11px Arial, Helvetica, sans-serif;
  color: #000;
}
textarea.textField {
  padding: 3px;
  width: 270px;
  font: 12px Arial, Helvetica, sans-serif;
  color: #1e1e1e;
  border: 1px solid #d0d0d0;
  background: #FFF url('../images/layout/input_bg.gif') left bottom repeat-x;
  height: 70px;
}

a.ersLink img           { border: 1px solid #eaeaea; }
a.ersLink img:hover     { border: 1px solid #cfcfcf; }

a:link           { text-decoration: underline; 	color: #de3807; }
a:visited        { text-decoration: underline; 	color: #de3807; }
a:active         { text-decoration: underline; 	color: #de3807; }
a:hover          { text-decoration: none; 	    color: #de3807; }

a.av:link       { text-decoration: none; 	    color: #707070; }
a.av:visited    { text-decoration: none; 	    color: #707070; }
a.av:active     { text-decoration: none; 	    color: #707070; }
a.av:hover      { text-decoration: underline; color: #707070; }

a.website:link       { text-decoration: none; 	    color: #979797; }
a.website:visited    { text-decoration: none; 	    color: #979797; }
a.website:active     { text-decoration: none; 	    color: #979797; }
a.website:hover      { text-decoration: underline; color: #979797; }

a.white:link       { text-decoration: none; 	    color: #FFF;   font-weight: bold; }
a.white:visited    { text-decoration: none; 	    color: #FFF;   font-weight: bold; }
a.white:active     { text-decoration: none; 	    color: #FFF;   font-weight: bold;}
a.white:hover      { text-decoration: underline; 	color: #FFF;   font-weight: bold; }

.menu a:link           { text-decoration: none; color: #FFF; }
.menu a:visited        { text-decoration: none; color: #FFF; }
.menu a:active         { text-decoration: none; color: #FFF; }
.menu a:hover          { text-decoration: none; color: #dae1b0; }

.menuActive a:link     { text-decoration: none; color: #a4b157; }
.menuActive a:visited  { text-decoration: none; color: #a4b157; }
.menuActive a:active   { text-decoration: none; color: #a4b157; }
.menuActive a:hover    { text-decoration: none; color: #a4b157; }