/*
--------------------------------------------------------------------------------
STRUCTURE
--------------------------------------------------------------------------------
*/
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  background-color: #543C30;
  margin-bottom: 20px;
  color: #333333;
}

div#pageContainer {
  width: 720px;
  margin: 0 auto;
  border: 2px solid #AB816B;
  border-top: 0px;
}

div#pageHeader {
  height: 130px;
  background: url(../img/header_bg.jpg) repeat-x 0 0;
  border-bottom: 2px solid #84B8D6;
}

div#pageContent {
  background: #FFFFFF;
}

div#banner {
  width: 720px;
  height: 450px;
  background: url(../img/tegels1.jpg) no-repeat 0 0;
  border-bottom: 2px solid #84B8D6;
}

div#banner_small {
  width: 720px;
  height: 250px;
  background: url(../img/tegels3.jpg) no-repeat 0 0;
}

div#pageFooter {
  color: #fff;
  background: #AB816B;
  font-size: 0.85em;
  padding: 3px 0 1px 10px;
}

div#pageNav {
  float: right;
  background: transparent;
}

div#pageMain {
  padding: 15px;
}

div#jollyprofielen_list {
  float: left;
  margin-top: 10px;
  width: 450px;
  height: 200px;
}

div#referenties {
  float: left;
  margin-left: 200px;;
}

/*
--------------------------------------------------------------------------------
HEADER
--------------------------------------------------------------------------------
*/

/*
--------------------------------------------------------------------------------
NAV
--------------------------------------------------------------------------------
*/
ul#nav {
  list-style: none;
  margin: 8px 1px 0 0;
}

ul#nav li {
  float: left;
  background: url(../img/tab_left.jpg) no-repeat left top;
  margin-left: 3px;
  padding: 0 0 0 9px;
}

ul#nav li#current {
  background: url(../img/tab_left_current.jpg) no-repeat left top;
}

ul#nav li a {
  float: left;
  display: block;
  background: url(../img/tab_right.jpg) no-repeat right top;
  padding: 3px 15px 3px 6px;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 1.1em;
}

ul#nav li#current a {
  background: url(../img/tab_right_current.jpg) no-repeat right top;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
ul#nav li a {float:none;}
/* End IE5-Mac hack */

/*
--------------------------------------------------------------------------------
HEADINGS
--------------------------------------------------------------------------------
*/
h1 {
  display: block;
  float: left;
  overflow: hidden;
  text-indent: -9999px;
  height: 96px;
  width: 366px;
  margin: 0;
  background: url(../img/logo.jpg) no-repeat 0 0;
}

h2 {
  font-size: 1.4em;
  color: #D34300;
}

h3 {
  font-size: 1.0 em;
  color: #543C30;
  margin: 0 0 0 0;
}

/*
--------------------------------------------------------------------------------
LISTS
--------------------------------------------------------------------------------
*/
ul#adres {
  list-style: none;
  margin-top: 5px;
}

ul#adres li {
  padding: 0 0 4px 10px;
}

/*
--------------------------------------------------------------------------------
FORMS
--------------------------------------------------------------------------------
*/
form#contact {
  margin-top: 20px;
}

label {
  font-weight: bold;
}

input {
  width: 200px;
  border: 1px solid #CCCCCC;
  margin-bottom: 3px;
}

input#input {
  width: 100px;
  background-color: #AB816B;
  color: #FFFFFF;
  font-weight: bold;
  border: 1px solid #543C30;
}

textarea {
  width: 300px;
  border: 1px solid #CCCCCC;
}

select {
  width: 180px;
  border: 1px solid #999999;
  padding-left: 3px;
}

form#jollyprofielen_form {
  margin: 10px 30px 0 0;
  float: left;
  width: 180px;
  background: #000000;
}


/*
--------------------------------------------------------------------------------
LINKS
--------------------------------------------------------------------------------
*/
a:link {
  color: #0C84BC;
  text-decoration: underline;
}

a:visited {
  color: #0C84BC;
  text-decoration: underline;
}

a:hover {
  color: #D34300;
  text-decoration: none;
}

a:active {
  color: #D34300;
  text-decoration: underline;
}

a img {
  border: 0px;
}

a#mainPageLeft, a#mainPageRight {
  float: left;
  padding: 15px;
  color:#000000;
  width: 330px;
  height: 70px;
  text-decoration: none;
  background: #FFF;
}

a#mainPageLeft {
  background: url(../img/col_left_bg.jpg) repeat-y 0 0;
}

a#mainPageLeft:hover {
  background-image: none;
  background: #FFDDBA;
}

a#mainPageRight:hover {
  background-image: none;
  background: #FFDDBA;
}

div#pageFooter a {
  color: #fff;
  text-decoration: none;
}

div#pageFooter a:hover {
  text-decoration: underline;
}

/*
--------------------------------------------------------------------------------
MISC
--------------------------------------------------------------------------------
*/
* { margin: 0; padding: 0; }
.clear { clear: both; margin: 0; padding: 0; }
p { margin-top: 10px; }

img.img_foto {
  float: right;
}

p#contactActive {
  display: block;
  overflow: hidden;
  float: right;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-size: 1.1em;
  margin-top: 108px;
  padding-top: 3px;
  width: 93px;
  height: 19px;
  background: url(../img/tab_contact.jpg) no-repeat 0 -22px;
}

img.jolly_img {
  float: left;
  margin-right: 20px;
  border: 1px solid #000000;
}

img.jolly_img_zijkant {
  margin-top: 10px;
}



/*---- JOLLYPROFIELEN MATEN ----*/
table.tableMaten {
  margin-top: 10px;
}

table.tableMaten tbody tr td.maat {
  border: 1px solid #000000;
}

table.tableMaten tbody tr td {
  padding: 2px;
}

/*---- KLEURSTALEN ----*/
table#kleurstalen tbody tr td.kleurstaal {
  width: 25px;
  height: 25px;
  border: 1px solid #000000;
}

table#kleurstalen tbody tr td.kleurnaam {
  width: 100px;
  height: 25px;
  vertical-align: middle;
}

table#kleurstalen tbody tr td#bahamabeige { background: #C4BFA2; }
table#kleurstalen tbody tr td#manhattan { background: #B2B6B5; }
table#kleurstalen tbody tr td#wit { background: #FFFFFF; }
table#kleurstalen tbody tr td#jasmijn { background: #B2B6B5; }
table#kleurstalen tbody tr td#mosgroen { background: #DCDF78; }
table#kleurstalen tbody tr td#zwart { background: #000000; }
table#kleurstalen tbody tr td#bermuda { background: #47A8DD; }
table#kleurstalen tbody tr td#galaxy { background: #DFEEE9; }
table#kleurstalen tbody tr td#sorrento { background: #2575A6; }
table#kleurstalen tbody tr td#balibruin { background: #606662; }
table#kleurstalen tbody tr td#camee { background: #E7DED7; }
table#kleurstalen tbody tr td#montblanc { background: #EFEFEF; }
table#kleurstalen tbody tr td#robijnrood { background: #AA5B7A; }
table#kleurstalen tbody tr td#edelweis { background: #F0F2F1; }
table#kleurstalen tbody tr td#whisperrose { background: #F3E7E7; }
table#kleurstalen tbody tr td#mocca { background: #555B59; }
table#kleurstalen tbody tr td#camel { background: #B0AC87; }
table#kleurstalen tbody tr td#evora { background: #F5F9D4; }
table#kleurstalen tbody tr td#jura { background: #B8CDD0; }
table#kleurstalen tbody tr td#blauw { background: #A5DFF5; }