/* wilmar lo > layout
position, size, margin
*/
/* 
div {border: 1px solid #000;}
div div {border: 1px solid green;}
div div div {border: 1px dotted red;}
*/

html, body {margin:0; padding:0; height:100%;}

form {
	display:inline;
  margin:0;
	padding:0;
}

#container {width:955px;height:100%;}

#rightmenu {float:left; width:200px; height:300px; margin-top:50px;}

#maincontainer {margin:40px 19px 0 0; float:left;width:736px;}
#mainfront {min-height:542px; height:542px; padding-top:10px;}
#main {min-height:572px; _height:542px; display: table-cell;}

#search {margin-left:9px;height:192px;width:182px;}
#search a {padding:0 3px 0 3px;}
.searchrow {margin-bottom:5px; margin-top:8px;}
.searchfield {height:20px;_height:14px; width:108px; float:left;z-index:100;}
/* search elementen niet voor opera! :root hack */
:root .searchfield {height:14px;}
:root .radiolab {vertical-align:middle; padding-top:2px;}
.samplewords {margin: 8px 0 12px 8px;}
.pad {padding:8px;}

/* photoreel */
#photobg {height:233px; overflow:hidden;}
#photoreel img {float:left;display:block;margin:3px 3px 3px 0;}
#photoclip {clip:rect(0, 736px,250px,0);height:250px;z-index:10;position:absolute;overflow:hidden;width:736px;/* 100% voor ie & op - inherit voor moz */}
/* photoreel elementen niet voor opera! */
/* html*#photoclip {width:inherit;}*/

/* country dropdown */
#country {width:146px; margin-left:8px;position:absolute;}
#clist ul { /* all lists */ padding: 0;margin: 0;list-style: none; list-style-position:outside;}
#clist li { /* all list items */ position: relative; width:146px;}
#clist li ul { /* second-level lists */ display: none; position: absolute; top: 20px; left: 0;}
#clist li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */top: auto; left: auto;} 
#clist li:hover ul, #clist li.over ul { /* lists nested under hovered list items */ display: block;}
#clist .clist {width:73px;background-color:#CBB794;}
#clist .clist li {width:73px;border-bottom:1px solid #B69E74;border-left:1px solid #B69E74;/*margin-left:4px;*/}
#clist .clist li a {width:73px;display:block;}
#clist .clist li a:hover {color:#fcc; background-color:#C65640;}
#clist .clist p {margin:0 0 0 3px;padding:0;}
a, #clist a {padding:0;}

#menub {margin:31px 0 0 2px;}
#copyright {margin:81px 0 0 22px;height:50px;}

#textcol {float:left;height:552px;width:182px;overflow:hidden;}
#textcolr {float:right;height:552px;width:182px;overflow:hidden;}
#textfull {margin-top: 5px;margin-left: 5px;float:left;width:725px;overflow:hidden;}

/* pricing tables */
#yelt {margin:0 0 0 5px;padding:5px;background-color:#F3DD8C;width:532px;font-size:85%;}

#yelt h2 {color:#705C3D;font-size:115%;margin-bottom:10px;}
#yelt h3 {font-size:100%;margin:5px 0 0 0;}
#yelt table {padding:0;margin:0;width:100%;}

#yelt p {margin:10px 0 0 0;padding:0;}
#yelt p.right {text-align:right}
#yelt td {border-bottom:#CEBB82/*#AF9A67*/ 1px dotted;}
#yelt td a {display:block; color:#C65640; width:100%;}
#yelt td a:hover{background-color:#C65640; color:#F5E4A3;}
#yelt ul {margin:10px 0 0 0;list-style-type:none;list-style-position: outside; padding:0;}
#yelt li {border-top:1px solid #E1CC82;line-height:122%;padding:3px 0 3px 0;}

#fcol {width:22%;background-color:#E2CC83;text-align:right;}
.fcolcap {height:2.5em;font-weight:bold;}
.fcolyel {width:22%;}

.ncol {text-align:center;}
.ncole {background-color:#F5E4A3;text-align:center;}
#ncolcap {text-align:left;border-top:#CEBB82 1px dotted;border-left:#CEBB82 1px dotted;border-right:#D7C385 1px dotted;font-weight:bold;}

#ordertn {width:164px;text-align:center;}
#ordertn .tnimg {border: 2px solid #D3CABB;margin-left:auto;margin-right:auto;}

/* order step */
#yelt label {width:120px;float:left;font-weight:bold;text-align:right;padding-right:4px;height:3em;}
#yelt select, #yelt option {float:left;font-size:100%;border:none;font-family: "Trebuchet MS", "Bitstream Vera Sans", Georgia, Verdana, serif;}
.orderline {margin:0 0 10px 0;width:532px;background-image:url(images/bg_lhatch.gif);height:2px;overflow:hidden;}

#tncontainer, #photocontainer, #tablecontainer {float:left;overflow:hidden;width:554px;}

#photocontainer img {float:right;margin-right:6px;_margin-right:3px;display:block;}
#posterbutton {float:right; display:inline; margin:30px 10px 0 0;}
#clear {clear: both;}
/* mozilla fix  :after -> heeft content nodig om . te verbergen lh/fs 1px!! */
/* html* hide from opera 7 */
html*#clear:after{content: "."; line-height: 1px; font-size: 1px; display:block; visibility:hidden;}