body{ background-color:#000000}
td{ border:0px solid #FF0077;  vertical-align: top; }
html, body, div{border-width:0px; padding:0px; margin:0px;}
table {border 0px solid #008800; } 
#wrapper{width:843px;display:table;height:100%;}
/* 0 1 */
#p_0{width:50%;}
#p_1{width:50%;}
#p_0or1{width:100%;}
/* 2 3 4 5 */
#c_23_4or5 #p_2 {width:33%;}
#c_23_4or5 #p_3 {width:33%;}
#c_23_4or5 #c_4or5 {width:34%;}
#c_23_4or5 #c_4or5 #p_4{width:100%;}
#c_23_4or5 #c_4or5 #p_5{width:100%;}

#c_2or3_4to5 #p_2or3 {width:66%;}
#c_2or3_4to5 #c_4to5 {width:34%;}
#c_2or3_4to5 #c_4to5 #p_4{width:100%;}
#c_2or3_4to5 #c_4to5 #p_5{width:100%;}

#c_2to3 #p_2 {width:75%;}
#c_2to3 #p_3 {width:25%;}
#c_2to3 #p_2or3{width:100%;}
/* 6 7 */
#p_6{width:85%;}
#p_7{width:15%;}
#p_6or7{width:100%;}

/* 8 9 10 11 12 13 14 */ 
/* L M R*/
#c_8to14 {width:843px;}
#c_8to14 #c_8and_9 #p_8,
#c_8to14 #c_8and_9 #p_9 { width:106px;}
#c_8to14 #c_10_11_12 #p_10,
#c_8to14 #c_10_11_12 #p_11,
#c_8to14 #c_10_11_12 #p_12{width:466px;}
#c_8to14 #c_13and_14 #p_13,
#c_8to14 #c_13and_14 #p_14{width:271px;}

/* L M */
#c_8to12  {width:843px;}
#c_8to12 #c_8and_9 #p_8,
#c_8to12 #c_8and_9 #p_9{width:106px;}
#c_8to12 #c_10_11_12 #p_10,
#c_8to12 #c_10_11_12 #p_11,
#c_8to12 #c_10_11_12 #p_12{width:466px;}

/* M R*/
#c_10to14 {width:843px;}
#c_10to14 #c_10_11_12 #p_10,           
#c_10to14 #c_10_11_12 #p_11,           
#c_10to14 #c_10_11_12 #p_12{width:466px;} 
#c_10to14 #c_13and_14 #p_13,          
#c_10to14 #c_13and_14 #p_14{width:106px;}

/* M */
#c_10to12 #c_10_11_12 #p_10,           
#c_10to12 #c_10_11_12 #p_11,           
#c_10to12 #c_10_11_12 #p_12{width:843px;} 


/* * /
.top_top        {background:#FF0000; width:100%;}
.top_middle     {background:#FF7800; width:100%;}
.top_bottom     {background:#00FF00; width:100%;}
.middle         {background:#987887; width:100%;}
.middle_left    {background:#665544; width:100%;}
.middle_center  {background:#112233; width:100%;}
.middle_right   {background:#887799; width:100%;}
.bottom_top     {background:#FFFF00; width:100%;}
.bottom_bottom  {background:#875621; width:100%;}
/* */

.c_8or9_10to12{height:100%; }

/*
left middle  right 
195  758     47
     953     47
195  805
*/
.graySmallBgLine{
background: url(graySmallBgLine.jpg) repeat-x top left;
height:14px;
line-height:10px;
text-align:center;
}

.graySmallBgLine a{color:#ffffff;text-decoration:none;font-size:9px}

.brownTitle{background:#d07a2f;padding:5px;color:#ffffff}

.brownbg{background:#d07a2f;padding:5px;color:#ffffff;text-decoration:none;cursor:pointer;}

.grayBtnSmall{
background:#898989;
padding:5px;
color:#ffffff;
text-decoration:none;
font-size:11px;
text-align:center;
cursor:pointer;
}

a.grayBtnSmall{color:#ffffff;
text-decoration:none;}

.numberListing ol li{font-size:18px;color:#868686;font-family:arial;padding-bottom:9px;}

.numberListing ol li.selected{color:#d07a2f;}

.inputBox{border:1px solid #808184;}

.orangeBtn{
background: url(orangeBtn.jpg) no-repeat top center;
height:28px;
padding-bottom:4px;
*padding-bottom:0;
width:100px;
color:#ffffff;
border:0;
cursor:pointer;
}

.orangeRightLine{
background: url(orangePopLineRight.jpg) repeat-y top right;
width:8px;
}

.orangeBottomLine{
background: url(orangePopLineBottom.jpg) repeat-x bottom left;
height:8px;
}

.orangeRightCurveBottom{
background: url(orangePopRightBottomCurve.jpg) no-repeat bottom right;
height:8px;
}

.orangeLeftCurveBottom{
background: url(orangePopLeftBottomCurve.jpg) no-repeat bottom right;
height:8px;
}

td select.textAlign{
text-align:center;
}

.btnSubmit{
background: url(plaats-jouw-bestelling.jpg) no-repeat bottom right;
height:30px;
width:140px;
border:0;
cursor:pointer;
}

/*29-12-11*/

.zoom_icon{width:auto; position:absolute; margin:-31px 0 0 110px; *margin:153px 0px 0px -35px}

/* Add the background image and set the height of the image */
span.skinnedSelect2 {background:url(dropdown.png) no-repeat scroll 0pt 100%;height: 20px; float:left; width:140px }
/* Set the opacity to 0 to make the options appear invisible, this allows the image to be visable */
span.skinnedSelect2 select {opacity: 0;filter: alpha(opacity = 0); moz-opacity:0; width: 140px; margin:0 0 20px 0; position:relative; top:-19px}
/* Tee text inside the box */
span.skinnedSelect2 .text {float: left;text-indent: 10px; line-height: 21px;width: 140px;}
/* Shared font sizes */
span.skinnedSelect2 .text,span.skinnedSelect select option{font-size: 14px;color: #000; text-align:left; font-family:verdana; font-weight:bold}
span.skinnedSelect2 select option {width:90px;}