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;
}