@import "reset-fonts-grids.css";
@import "cmxform.css";
body {background:#FFEFCF; width:532px; text-align:left; margin:20px;}

/* standard */
p {margin-bottom:1em; line-height:138%}
h2 {color:#DE9D07; font-weight:bold; margin-bottom:0.2em; font-size:129%}
ul, ol{padding-left:0.5em; margin-bottom:2em}
li {margin-left:1em; padding-left:0.5em; list-style:square;}
strong {color:#DE9D07; font-weight:bold; line-height:138%}
.machinespec strong {color:#000000; font-weight:bold;}
a {color:#DE9D07;}
img {margin-bottom:10px;border:1px solid #FFCD66}
.error { padding:10px; color:#FF0000; font-weight: bold}
/* table */
table {width:100%;}
th {font-weight:bold}

/* form */
form {padding:8px; background:#FFE09F}
form div {clear:both; padding:2px;border-bottom:#FFD277 1px solid;}
form label {float:left; width:110px; padding-top:5px;}
form label.nowidth {float:left; width:auto; padding-bottom:5px;}
form textarea {width:97%; height:5em;border:#FFD277 1px solid; background:#FFF8E8;padding:2px; color:#956500}
form input {border:#FFD277 1px solid; background:#FFF8E8;padding:2px; color:#956500; width:300px;}
form input.knop {border:#FFD277 1px solid; color:#FFFFFF; background:#FFB722;padding:2px; font-weight:bold; width:100px}
/*Special*/
.spacing li{margin-bottom:1em;}

/* Machine */ 
.machine a.large img {background: #000000; width:260px; margin-bottom:5px; float: left; border:1px solid #FFCD66}
.machine a.small img {background: #000000; width:80px; margin-bottom:5px; margin-right:5px; float: left; border:1px solid #FFCD66}
.hr {height:10px;  background:url(../images/bg-hr.gif) repeat-x; border:0}
.description {padding:8px; background:#FFEBBF; margin-bottom:1em}
/* machine list*/
.machine-list div{ margin-bottom:1em}
.machine-list div {background:#FFDE9B;}
.machine-list div table tr {border:1px solid #FFCD66}
.machine-list div table td, .machine-list div table th {padding:3px; cursor:pointer; }
.machine-highlight{background:#ffffff;border:1px solid #FFCD66}
#TB-IMAGE {width:500px; height:375px;}