html {
  height: 100%;
  margin-bottom: 0px;
}

form {
  margin: 0;
  padding: 0;
}

p {
color: #505050;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 16px;
letter-spacing: 0.01em;
margin: 0;
padding: 0;
}

body p {
font-size: xx-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: x-small;
}
html>body p {font-size: x-small;}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* algemeen */
body {
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 11px;
line-height: 16px;
text-align: left;
margin:0;
padding:0;
background-color: #E0D7C6; /* donker beige */
}
img, img a, img input {
border: none;
}
h1, h2, h3	{
margin: 0;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
}
h1	{
font-weight: bold;
text-transform: uppercase;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
}
h2	{
font-size : medium;
font-weight: bold;
line-height: 20px;
}
h3	{
font-size : 12px;
line-height: 12px;
font-weight: normal;
}
h4	{
font-size: 15px;
line-height: 10px;
}
a:link {
text-decoration: underline;
color: #000000;
}
a:visited {
text-decoration: underline;
color: #333333;
}
a:hover {
color: #BA0001;
}
a:active {
color: #BA0001;
}
.left {
text-align: left;
}
.right, #subtotalprice, #totalprice {
text-align: right;
}
.center {
text-align: center;
}
.knop{
overflow: hidden;
border: 1px solid #BA0001;
text-decoration: none;
margin: 0px 0px 8px 0px;
float: left;
width: 510px;
line-height: 25px;
height: 40px;
padding: 0 0 0 0px;
text-align: right;
}
/* algemeen jjj*/
.details {
float: right;
display: inline;
width: 466px;
padding: 0px;
margin:0px;
}
.opsomming {	
padding: 0 0 0 10px;
margin: 0;
width: 335px;
float:left;
}
.lijsttitel a {
font-weight: bold;
text-decoration: none;
}
.titel {
color: #000000;
width: 345px;
border: solid 1px #E0D7C6;
font-size: 12px;
font-weight: bold;
line-height: 12px;
margin: 0px;
padding: 0px;
}
#container {
overflow: hidden;
width: 848px;
float: left;
padding: 0;
margin: 0;
display: inline;
}
#wrapper {
overflow: hidden;
width: 870px;
margin: 0 auto;
position: relative;
background-image: url(images/background_img1.jpg);
background-repeat: repeat-y;
background-position: left top;
}
#header{
overflow: hidden;
background-position: left top;
background-repeat: repeat-y;
width: 848px;
height: 100px; /*88 */
background-image: url(images/background_img2.jpg);
}
#off-duty_logo {
float: left;
display: inline;
width: 208px;
height: 91px; /* 79px */
padding: 0px;
margin: 0px;
}
#off-duty_rodebalk {
background-color: #BA0001;
overflow: hidden;
float: left;
width: 639px;
height: 9px;
padding:0;
margin:0;
}
#off-duty_menu {
overflow: hidden;
text-align:left;
float: left;
width: 633px;
height: 79px;
padding: 0;
display: inline;
}
#off-duty_menu ul {
margin:12px 0 0 40px;
padding:0;
height: 50px;
}
#off-duty_menu li {
font-size: 14px; 
line-height: 14px;
font-family: 'Comic Sans MS', cursive;
font-weight: bold;
padding: 0px 15px 0px 0;
margin:0 16px 0 0;
text-align:center;
float: left;
display: inline;
line-height: 20px;
}
#off-duty_menu li a:link, #off-duty_menu li a:visited  {
margin: 0px;
padding: 0px;
font-weight: bold;
font-size: 14px;
line-height: 14px;
text-decoration: none;
color: #505050; /* grafiet */
}
#off-duty_menu li a:hover, #off-duty_menu li a:active {
margin: 0px;
padding: 0px;
font-weight: bold;
font-size: 14px;
line-height: 14px;
text-decoration: none;
color: #AC7604; /* goud */
}
#off-duty_wittebalk {
overflow: hidden;
background-color: #ffffff;
margin: 0 8px 0 8px;
height: 6px;
}
/* einde header */
#midden{
overflow: hidden;
width: 821px;
margin: 0 0 0 9px;
padding: 6px 5px 2px;
}
#kolon1{
overflow: hidden;
width: 189px;
display: inline;
float: left;
}
#kolon2 {
overflow: hidden;
width: 618px;
float: right;
}

.top-left {
margin-right: 9px; /* hou rechter hoekje vrij */
background-image: url('images/corners1280x18.gif');
height: 7px; /* toon alleen bovenste helft van de figuur */
font-size: 2px; /* corrigeer hoogte voor IE */
}
.top-right {
margin-top: -7px; /* naar niveau van linker hoekje */
margin-left: 9px; /* hou linker hoekje vrij */
background-image: url('images/corners1280x18.gif'); 
background-position: 100% 0; /* laat achtergrond vanaf rechts beginnen */
height: 7px; 
font-size: 2px;
}
.bottom-left {
margin-right: 9px; /* hou rechter hoekje vrij */
background-image: url('images/corners1280x18.gif');
background-position: 0 -11px; /* toon onderste helft figuur */
height: 7px;
font-size: 2px;
padding: 0;
}
.bottom-right {
margin-top: -7px; /* naar niveau van linker hoekje */
margin-left: 9px; /* hou linker hoekje vrij */
background-image: url('images/corners1280x18.gif'); 
background-position: 100% -11px; /* onderste helft, rechts beginnen */
height: 7px; 
font-size: 2px; 
padding: 0;
}
.top-header{
text-align: center;
background: #BA0001;
color: #D8D8D8;
padding: 0px;
margin: 0px;
text-align: center;
font-family: 'Comic Sans MS', cursive;
font-size: 13px;
font-weight: bold;
height: 18px;
line-height: 13px;
}
.notopgap {
margin-top: 0;
}
.nobottomgap {
margin-bottom: 0;
font-size: 3px;
}
.tablekijk{
border: 1px solid #ffffff;
}
.tablekijk td{
border: 1px solid #ffffff;
}
#boxkop {
text-align: center;
font-family: 'Comic Sans MS', cursive;
background: #BA0001;
color: #D8D8D8;
padding: 0px;
margin: 0px;
text-align: center;
font-family: 'Comic Sans MS', cursive;
font-size: 13px;
font-weight: bold;
height: 18px;
line-height: 13px;
}
#box {
color: #505050;
border-left: 1px solid #BA0001;
border-right: 1px solid #BA0001;
font-size: 13px;
font-weight: bold;
margin: 0 0 0 0;
background-color: #E0D7C6;
padding: 5px 5px 0 5px;
}
#box a {
color: #505050;
text-decoration: none;
}
#box a:hover {
font-size: 13px;
text-decoration: underline;
color: #BA0001;
}
#box a:hover.current, #box a:link.current, #box a:active.current, #box a:visited.current {
font-size: 13px;
color: #BA0001;
}
#box ul {
margin: 0;
padding: 0px;
}
#box li {
padding: 0;
margin:0;
list-style-type: none;
font-size: 13px;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
line-height: 22px;
}
#box ul li a {
line-height: 20px;
margin: 0px;
padding: 0px;
font-weight: bold;
font-size: 13px;
text-decoration: none;
color: #505050;
display: block;
width: 100%;
}
html>body #box ul li a {
 width: auto;
}
#box ul li a:hover {
 text-decoration: none;
 background-color: #F0ECE1;            
}
#box2 {
color: #505050;
font-size: 13px;
font-weight: bold;
margin: 0 0 5px 0;
background-color: #E0D7C6;
padding: 5px 5px 5px 5px;
}
.description{
overflow: hidden;
width: 514px; /*512 618 */
float: left;
color: #505050;
margin: 0;
padding: 0;
}
/* plaatsing */
#popup {
float: left;
width: 21px;
height: 126px;
margin: 49px 0 0 0;
padding: 0;
}
#popup2 {
width: 450px; 
min-height:110px;
height: auto !important;
height:110px;
padding:5px;
background-color:#FFFFFF;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
border-right: 0;
position:absolute;
top:51px;
right:20px;
z-index:3;
display:none;
}
#popup_thumb_div {
text-align: center;
width: 147px; 
height:147px;
padding:0px;
background-color:#FFFFFF;
border: 1px solid #000000;
position:absolute;
top: 100px;
right: 504px;
z-index:3;
display:none; /*none of block*/
}
#footer_menu{
display: inline;
float: left;
width: 847px;
line-height: 15px;
height: 22px;
padding: 13px 0 0 0;
margin: 0px;
text-align: center;
background-image: url(images/footer.jpg);
}
#footer_menu a:link, #footer_menu a:visited, #footer_menu a:hover, #footer_menu a:active {
text-decoration: none;
}
#footer_basket {
text-align: right;
float: right;
position: absolute;
z-index: 2;
width: 35px;
height: 30px;
line-height: 30px;
margin-left: 800px; /* 700 */
padding: 0px;
margin-top: -24px;
margin-right: 0px;
margin-bottom: 0px;
}
#footer_bottom {
background-image: url(images/footer_bottom.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 4px;
margin: 0 auto;
padding: 0;
width: 870px; /* 769 */
}
#kijker {
color: #505050;
border-left: 1px solid #BA0001;
border-right: 1px solid #BA0001;
margin: 0;
background-color: #E0D7C6; /* beige*/
padding: 5px 5px 0px 5px;
text-decoration: none;
}
#kijker a {
font-size: 10px;
color: #505050;
text-decoration: none;
}
#kijker a:hover {
font-size: 10px;
text-decoration: underline;
color: #BA0001;
}

#kijker a:hover.current {
font-size: 10px;
color: #BA0001;
}
.img-menu {
border: solid 1px #000000;
margin-right: 12px;
float:left;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0px;
height: 277px;
width: 91px;
}
.img-menueind {
border: solid 1px #000000;
margin: 0;
float:left;
padding: 0px;
height: 277px;
width: 91px;
}
#kolon2 p {
padding-top: 12px; /*12*/
padding-right: 0px;
padding-bottom: 2px; /*12*/
padding-left: 0px;
}
.thumbs{
float: left;
width: 618px;
min-height: 93px;
padding: 0px;
margin:0px 0px 8px;
background-color: #E2D7C3;
}
.thumb {
overflow: hidden;
border: solid 1px #000000;
background-color: #FFF;
float:left;
padding: 0;
height: 93px;
width: 93px;
margin: 0;
text-align: center;
line-height: 93px;
display: table-cell;
}
.thumb_kijker {
overflow: hidden; 
width: 118px; 
border-top : solid 1px #ffffff;
}
.thumb_kijker1 {
overflow: hidden; 
width: 118px; 
border-top : solid 1px #ffffff; /* #E0D7C6 */
}
.thumb img {
vertical-align: middle;
}
* html .thumb  {
float:left; /* if not table-cells, you must float them to get them side by side */
font-size: 75px; /* you must find IE's magic number */
}
.thumb a {
height: 93px;
width: 93px;
display:block;}
.thumbnail {
overflow: hidden;
border: solid 1px #000000;
background-color: #FFF;
float:left;
padding: 0px;
height: 93px;
width: 93px;
margin: 0;
text-align: center;
line-height: 93px;
display: table-cell;
}
.thumbnail img {
vertical-align: middle;
}
* html .thumbnail  {
float:left; /* if not table-cells, you must float them to get them side by side */
font-size: 75px; /* you must find IE's magic number */
}
.thumbnail a {height: 93px;width: 93px;display:block;}
.thumb3 {
border: solid 1px #000000;
background-color: #FFF;
float:left;
padding: 0px;
height: 42px;
width: 42px;
/*min-width: 35px; */
margin: 4px;
text-align: center;
line-height: 42px;
display:block;
}
.thumb3 img {
vertical-align: middle;
}
.omschrijving {
float:left;
margin: 0 0 0 12px;
padding: 0px;
min-height: 93px;
width: 450px; /* 289 */
}
.omschrijvinglijst {
float:left;
color: #505050;
margin: 0 0 0 12px;
padding: 0px;
min-height: 90px;
width: 389px; /* 289 */
}
.omschrijving-kleur {
float:left;
margin: 0 0 0 12px;
padding: 0px;
width: 18px;
}
.prijs {
padding: 8px 0 4px 0;
color: #000000;
margin: 0;
width: 102px;
font-size: medium;
font-weight: bold;
float: right;
}
.prijs1 {
margin: 10px 10px 0 0;
padding: 0px 0px 0px;
width: 83px; /* 93 */
font-size: medium;
font-weight: bold;
float: left;
}
.code {
color: #505050;
padding: 2px;
margin: 0;
width: 102px;
/* text-transform: uppercase;*/
float: right;
}
.item_image {
border: solid 1px #000000;
float:left;
padding: 0px;
width: 147px; /* 196 */
margin: 0px;
background-color: #FFFFFF;
text-align: center;
height: 147px; /* 196 */
}
.item-omschrijving {
float:left;
margin: 0;
padding: 0px;
width: 403px; /* 403 */
}
.kleur {
width: 20px;
height: 22px;
text-align: left;
vertical-align: middle;
line-height: 22px;
padding: 0;
margin: 0;
}
.kleur img {
width: 18px;
height: 6px;
border: solid 1px #000000;
padding: 0;
margin: 0;
}
.omschrijving-kleur2 {
float: left;
margin: 0;
padding: 0;
width: 160px;
}
.omschrijving-kleur2 dl {
margin: 0;
padding: 0;
}
.omschrijving-kleur2 dt {
margin: 0;
padding: 0;
float: left;
width: 130px;
text-align: right;
line-height: 20px;
height: 20px;
}
.omschrijving-kleur2 dd {
text-align: left;
margin: 0;
float: right;
width: 20px;
padding: 0 0 0 0px;
line-height: 20px;
height: 20px;
}
.maat2 {
float: left;
/*display: inline;*/
width: 145px; /* 165 */
}
.maat {
float: left;
margin: 0;
padding: 0;
width: 90px;
}
.maat dl {
margin: 0;
padding: 0;
}
.maat dt {
margin: 0;
padding: 0;
float: left;
width: 60px;
text-align: right;
line-height: 20px;
height: 20px;
}
.maat dd {
text-align: left;
margin: 0;
width: 20px;
float: right;
padding: 0 0 0 0px;
line-height: 20px;
height: 20px;
}

.details1 {
float: left;
/*display: inline;*/
/*clear:left;*/
width: 160px; /* 295 */
margin: 0px;
padding: 0px;
}
.details2 {
float: left;
/*display: inline;*/
/*clear:left;*/
width: 90px; /* 295 */
margin: 0px;
padding: 0px;
}
.thumbs2 {
overflow: hidden;
float: right;
width: 95px;
padding: 0px;
margin:0px;
}
.thumb2-omschrijving {
color: #505050;
float: left;
padding: 0px;
width: 85px;
margin-right: 0px;
margin-top: 0;
margin-bottom: 6px;
margin-left: 0;
text-align: center;
}
.thumb-omschrijving {
float:left;
padding: 0px;
width: 93px;
margin-top: 0px;
margin-bottom: 18px;
margin-left: 0px;
}
.thumb-omschrijving img {
border: solid 1px #000000;
float:left;
padding: 0;
margin: 0;
height: 91px;
width: 91px;
}
/* customer form */
#form2 {
background-color: #E0D7C6;
border: 1px solid #BA0001;
}
#form {
background-color: #E0D7C6;
border: 1px solid #BA0001;
text-decoration: none;
width: 510px;
margin: 0px 0px 8px 0px; /* margin onderaan cart lijst*/
padding: 0px;
display: inline;
float: left;
}
#form td a {
}
a.plus:link, a.plus:visited, a.plus:hover, a.plus:active {
text-decoration: none;
font-size: large;
color: #BA0001;
}
#cart_list {
border-collapse: collapse;
background-color: #E0D7C6;
padding: 0px;
margin: 0px;
width: 100%;
}
#cart_list td{
padding: 5px;
vertical-align: top;;
}
table {
border-collapse: collapse;
background-color: #E0D7C6;
padding: 0px;
margin: 0px;
}
td {
vertical-align: top;
}
.tableheader {
background-color: #BA0001;
color: #F0ECE1; /* licht beige */
}
.tableheader th {
padding: 1px;
line-height: 14px;
}
.even {
background-color: #E2D7C3;
}
.total {
background-color: #BA0001;
color: #FFFFFF;
line-height: 24px;
height: 24px;
}
.subtotal {
background-color: #BA0001;
color: #FFFFFF;
}
.odd {
background-color: #FBF7EB;
}
#stappenplan {
background-color: #BA0001;
text-decoration: none;
width: 81px;
margin: 0px;
padding: 4px;
float: right;
height: 100%;
border: solid 1px #000000; /* xx */
}
#stappenplan a {
color: #FBF7EB;
text-decoration: none;
}
 #stappenplan a.current  {
color: #FBF7EB;
text-decoration: none;
font-weight: bold;
}
.alignright {
width: 510px;
margin:0px 0px 0px 0px;
padding: 0px;
float: left;
display: inline;
}
#formlist {
padding:12px;
background-color: #E0D7C6;
border: 1px solid #BA0001;
text-decoration: none;
width: 486px;
margin: 0px 12px 12px 0px;
display: inline;
float: left;
}
#formlist ul {
list-style: none;
margin-left: 0;
}
#formlist li {
padding-bottom: 10px;
list-style-type: none;
}
#formlist li.caption {
float: left;
width: 100px;
text-align: right;
}
#formlist li.field {
padding-left: 10px;
}
#form_td1 {
width: 100px; 
text-align: right;
}
#searchlist {
padding:12px;
background-color: #E0D7C6;
border: 1px solid #BA0001;
text-decoration: none;
margin: 0px 12px 12px 0px;
display: inline;
float: left;
}
#copyright {
overflow: hidden;
width: 848px;
margin: 0 auto;
position: relative;
color: #000000;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0px;
text-transform: uppercase;
}
/* clickableWidget */
.redWidget {
background-image: url(../images/background_form_red.gif);
background-repeat: repeat;
color: #ffffff;
background-color: #BA0001;
border-top: 3px double #D15454;
border-top: 3px double #D15454;
border-right: 3px double #970F00;
border-bottom: 3px double #970F00;
border-left: 3px double #D15454;
display: inline;
letter-spacing: 0.05em;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: small;
font-weight: bold;
text-decoration: none;
padding: 0.1em;
margin: 0;
line-height: normal;
text-align: center;
vertical-align: middle;
}
.redWidget:link {
background-image: url(../images/background_form_red.gif);
background-repeat: repeat;
color: #FFFFFF;
font-weight: bold;
letter-spacing: 0.05em;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: small;
text-decoration: none;
padding: 0.15em;
padding: 0.1em;
margin: 0;
line-height: normal;
}
.redWidget:visited {
background-image: url(../images/background_form_red.gif);
background-repeat: repeat;
color: #FFFFFF;
font-weight: bold;
letter-spacing: 0.05em;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: small;
text-decoration: none;
padding: 0.15em;
padding: 0.1em;
margin: 0;
line-height: normal;
}
.redWidget:hover {
background-image: url(../images/background_form_red.gif);
background-repeat: repeat;
border-top: 3px double #970F00;
border-right: 3px double #C73030;
border-bottom: 3px double #C73030;
border-left: 3px double #970F00;
background-color: #BA0000;
color: #FFFFFF;
font-weight: bold;
letter-spacing: 0.05em;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: small;
text-decoration: none;
padding: 0.15em;
padding: 0.1em;
margin: 0;
line-height: normal;
}
.redWidget:active {
background-image: url(../images/background_form_red.gif);
background-repeat: repeat;
border-top: 3px double #970F00;
border-right: 3px double #C73030;
border-bottom: 3px double #C73030;
border-left: 3px double #970F00;
color: #FFFFFF;
font-weight: bold;
letter-spacing: 0.05em;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: small;
text-decoration: none;
padding: 0.15em;
padding: 0.1em;
margin: 0;
line-height: normal;
}
.redWidget:focus {
background-image: url(../images/background_form_red.gif);
background-repeat: repeat;
border-top: 3px double #970F00;
border-right: 3px double #C73030;
border-bottom: 3px double #C73030;
border-left: 3px double #970F00;
color: #FFFFFF;
font-weight: bold;
letter-spacing: 0.05em;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: small;
text-decoration: none;
padding: 0.15em;
padding: 0.1em;
margin: 0;
line-height: normal;
}
.clickableWidget {
font-weight: bold;
color: #000000;
text-decoration: none;
padding: 0.15em;
margin: 0;
border-top: 3px double #CCCCCC;
border-right: 3px double #999999;
border-bottom: 3px double #999999;
border-left: 3px double #CCCCCC;
background-color: #ffffff;
text-align: center;
vertical-align: middle;
background-image: url(../images/background_form_element.gif);
background-repeat: repeat;
display: inline;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 13px;
letter-spacing: 0.05em;
height: 28px;
clear: both;
}
.clickableWidget:hover {
font-weight: bold;
color: #000000;
text-decoration: none;
margin: 0;
border-top: 3px double #999999;
border-right: 3px double #CCCCCC;
border-bottom: 3px double #CCCCCC;
border-left: 3px double #999999;
background-color: #FFFFFF;
background-image: url(../images/background_form_element.gif);
background-repeat: repeat;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 13px;
letter-spacing: 0.05em;
}
.clickableWidget:link   {
font-weight: bold;
color: #000000;
text-decoration: none;
padding: 0.15em;
margin: 0;
background-color: #FFFFFF;
background-image: url(../images/background_form_element.gif);
background-repeat: repeat;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 20px;
}
.clickableWidget:visited {
background-image: url(../images/background_form_element.gif);
background-repeat: repeat;color: #000000;
font-weight: bold;
letter-spacing: 0.05em;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: small;
text-decoration: none;
padding: 0.15em;
background-color: #FFFFFF;
line-height: 22px;
}
.clickableWidget:active {
background-image: url(../images/background_form_element.gif);
background-repeat: repeat;
border-top: 3px double #999999;
border-right: 3px double #CCCCCC;
border-bottom: 3px double #CCCCCC;
border-left: 3px double #999999;
color: #000000;
font-weight: bold;
letter-spacing: 0.05em;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: small;
text-decoration: none;
padding: 0.15em;
background-color: #FFFFFF;
margin: 0;
height: 28px;
}
.clickableWidget:focus {
background-image: url(../images/background_form_element.gif);
background-repeat: repeat;
border-top: 3px double #999999;
border-right: 3px double #CCCCCC;
border-bottom: 3px double #CCCCCC;
border-left: 3px double #999999;
color: #000000;
font-weight: bold;
letter-spacing: 0.05em;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: small;
text-decoration: none;
background-color: #FFFFFF;
padding: 0.1em;
margin: 0;
height: 28px;
}
/* forms */
.inputforms {
margin: 0px 12px 12px 0px;
display: inline;
float: left;
}
.inputforms dl {
font-size: small;
margin: 0px;
padding: 0px;
}
.inputforms dt {
padding-right: 10px;
float: left;
text-align: right;
width: 106px;
}.inputforms dd {
font-size: small;
margin: 0;
text-align: right;
display: inline;
}
.submit {
width: 406px;
text-align: right;
}
.inputwidth, .inputwidth:link, .inputwidth:visited, textarea, textarea:link, textarea:visited {
font-family: Verdana, "Trebuchet MS", sans-serif;
font-size: small;
font-weight: normal;
border: 1px solid #000000;
padding: 1px;
color: #000000;
background-color: #FFFFFF;
width: 300px;
margin-bottom: 12px;
}
.inputwidth:hover,.inputwidth:active,.inputwidth:focus, textarea:hover,textarea:active,textarea:focus {
font-family: Verdana, "Trebuchet MS", sans-serif;
font-size: small;
font-weight: normal;
border: 1px solid #BB0000;
padding: 1px;
color: #000000;
background-color: #FFFFFF;
margin-bottom: 12px;
}
.send {
text-decoration: none;
border: none;
}
.send:hover, .send:active, .send:focus  {
border: none;
text-decoration: none;
}
select, select:link, select:visited, .input, .input:link, .input:visited {
font-family: Verdana, "Trebuchet MS", sans-serif;
font-size: small;
font-weight: normal;
border: 1px solid #000000;
padding: 1px;
color: #000000;
background-color: #FFFFFF;
margin-bottom: 12px;
vertical-align: middle;
}
select:hover,select:active,select:focus, .input:hover, .input:active, .input:focus {
font-family: Verdana, "Trebuchet MS", sans-serif;
font-size: small;
font-weight: normal;
border: 1px solid #BB0000;
padding: 1px;
color: #000000;
background-color: #FFFFFF;
margin-bottom: 12px;
vertical-align: middle;
}
.search dl {
margin: 0;
padding: 0;
}
.search dt {
float: left;
width: 106px;
text-align: right;
padding-right: 10px;
}
.search dd {
text-align: left;
}
/*forms*/
.path {margin: 0 0 12px 0;
}
#newsticker {
	margin: 0 0 5px 0;
}
#offdutybox {
	height: 1.4em;
}
/* item info */
#popup_img_div{
overflow: hidden;
text-align: center;
width: 514px; 
min-height:514px;
height:514px;
padding:0px;
background-color:#FFFFFF;
border: 1px solid #000000;
position:absolute;
z-index:3;
display:none; /*none of block*/
/*top: 257px;
left:217px;*/
}
#popup_img_div2{
overflow: hidden;
position:absolute;
z-index:3;
text-align: center;
width: 514px; 
min-height:514px;
height:514px;
padding:0px;
background-color:#FFFFFF;
border: 1px solid #000000;
display: none; /*none of block*/
}
.tabel1 {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	width: 618px;
	background-color: #F0ECE1;
}
.tabel2 {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	width: 514px;
	background-color: #F0ECE1;
}
.tabel3 {
    border-collapse: separate; /*	collapse | separate | inherit*/
	border: 1px solid #e0d7c6;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	width: 514px;
	background-color: #ffffff;
}
.td1{
	width: 514px;
	height:514px;
    padding: 0px;
	margin: 0px;
    vertical-align: top;
   /* border: 1px solid #e0d7c6; */
}
.td2{
    vertical-align: top;
	border: 1px solid #ffffff;
	width: 92px;
    padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	text-align: center;
	background-color: #F0ECE1;
}
.tr3{
	background-color: #e0d7c6;
}
.td3{
	padding: 2px;
	width: 30%;
}
.td4k{
	width: 6%;
	text-align: center;
}
.td4g{
	padding: 2px;
	width: 6%;
	text-align: center;
	font-weight: bold;
	color: #FF6600; /*Orange*/
}
.td4gg{
	padding: 2px;
	width: 6%;
	text-align: center;
	font-weight: bold;
	color: #008000; /*donker groen*/
}
.td4r{
	padding: 2px;
	width: 6%;
	text-align: center;
	font-weight: bold;
	color: #ff0000; /*rood*/
}