* { margin:0px; padding:0px;}
body { margin: 0px; background-color: #3e3e3e;}
body,td,th { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
h1 { background: #FFF url('images/h1.jpg') 7px left no-repeat; font-size: 1.8em; /* 22px */ margin-bottom: 6px; color:#ee3e34; padding:0px 0px 4px 54px;}
h2 { background: #FFF url('images/h2.jpg') 5px left no-repeat; font-size: 1.4em; /* 20px */ margin-bottom: 6px; color:#FFFFFF; font-weight:normal; padding:5px 10px 5px 30px; line-height:27px; height:27px;background:none; color:#669900; padding:0px; }
h2 a { color:#669900; text-decoration:none; font-weight:bold}
h3 { font-size: 1.4em; /* 18px */ margin-bottom: 4px; }
h4 { text-align:center; background: #FFF url('images/h4bg.jpg') 5px left no-repeat; font-size: 1.2em; /* 20px */ margin-bottom: 6px; color:#FFFFFF; font-weight:bold; padding:6px 10px 5px 15px;}
td { vertical-align:top;}
a { color:#C42C27; }
a img { border:0px none; }
textarea { font-family:Arial, Helvetica, sans-serif;font-size: 12px;}
hr { height:1px; color:silver;}

#trailimageid { position: absolute; left: 0px; top: 0px; //width: 320px; z-index: 200; border:0px solid #333; display:block}
#popup { background:#FFFFFF; padding:10px;}

/* BELANGRIJKSTE LAYOUT WAARDEN */
.header {}
.footer { color:#FFF; background: #ee3e34; height:32px; line-height:32px; background-image:url('images/footer.jpg'); background-position:top right; background-repeat:no-repeat; padding-right:10px;}
.footer a { color:#FFF; text-decoration:none}
.footer a:hover { text-decoration:overline;}
.wrapper { width:980px; margin:0 auto; margin-top:20px;} 
.links { width: 248px; background-color: #e6e6e6;}
.rechts { background:#FFFFFF;}
.men { margin: 0px 0px 0px 0px; background:url('images/bgmenutop.jpg') top left repeat-x; height:29px; line-height:29px;}
.content { margin: 15px 15px 0px 15px}
.rmenu { margin: 10px 0px 0px 8px}
.taal { float:left; width:200px; height:24px; line-height:24px; border:0px solid silver; text-align:left; margin-top:1px; padding-left:10px;} 
.topmen { float:right; }

/* TOPMENU */
ul.menutop { float:right; height:24px; line-height:24px; margin-right:20px;}
ul.menutop { list-style:none;}
ul.menutop li { float:left; text-align:center; line-height:24px;}
ul.menutop li.tss { color:#CCCCCC;}
ul.menutop li a { color:#333; font-weight:bold; text-decoration:none; padding:0px 5px;}
ul.menutop li a:hover { color:#BD2B16; font-weight:bold; text-decoration:none;}

/* TABLE */
table.bordered{ width:100%; padding:0px; border-spacing:1px; margin:.5em 0px;  background:#EEE; border:1px solid #EEE;  border-bottom-width:5px; font-size:12px}
table.bordered th{font-weight:normal; padding:4px; border-bottom:2px solid #BAC9CF; background:#FCFCFC}
table.bordered td{padding:4px; margin:0px; background-color:#fff; }

/* ITEMS */
.item { background:url('images/item-bg.jpg') top left no-repeat; background-color:none; width:228px; height:169px; margin-bottom:8px; margin-right:8px;}
.item .foto { margin:10px 10px 0px 10px; text-align:center; border:0px solid silver; height:122px; vertical-align:middle; line-height:122px;}
.item h2 { font-size:15px; margin:0px; margin:10px 0px; padding-bottom:5px; font-style:italic; letter-spacing:0.2px; color:#FFF; text-align:right; padding-right:10px; line-height:25px; height:25px;}
.item h2 a { color:#FFF; text-decoration:none;}
.item h2 a:hover { color:#FFF; text-decoration:underline;}

/* CLASSES */
.txt p { margin-bottom:14px; line-height:14px; }
.sright { float:right; margin-left:10px;}
.horline{ background:url('images/line.gif') repeat-x;display:block; height:2px;width:100%;margin:5px 0px; clear:both;}
.horl{ background:url('images/line.gif') repeat-x; display:block; height:1px;width:99%;margin:10px 0 0 0; text-align:center; padding:0px;}
.ak { background:#FCFCFC; border:1px solid silver; padding:6px; text-align:justify; margin-bottom:14px;}
.ak p { margin:0px;}
.openingsuren { padding:10px; float:left; margin-right:10px; margin-bottom:5px; margin-top:5px; border:1px solid silver;}
.just {text-align:justify; }
.flashheader { clear:both; text-align:right; border:0px solid black; margin-right:25px; }
.submenu { clear:all; color:#FFF; border:0px solid white; margin-top:28px; text-align:left; height:25px; line-height:25px;}
.trail { float:left; width:400px; padding-left:10px; font-size:11px; padding-top:5px;}
.trail a { color:#FFF; text-decoration:none;}
.trail a:hover { text-decoration:underline;}
.zoeken { float:right; width:180px; text-align:right;}
.zoeken input { border:0px solid #ee3e34; color:#FFF; padding:3px; background: none url('images/zoeken.png') top left no-repeat; width:100px; font-size:11px; color:#ee3e34; padding-left:3px;}
.zoeken .btn { background:none; text-align:left; width:50px; font-size:11px; border:0px solid silver; color:#FFF; padding:0px;}
.txtarea, .frminput { border:1px solid silver; height:22px; line-height:22px; padding-left:4px; width:180px;}
.txtarea { height:90px; overflow:auto; width:530px;}
.contact { background:#F0F0F0; padding:10px; border:1px solid #869e44; width:200px; margin-top:6px}
.contact h1 { background:none; padding:0px; color:#869e44;}
.tblopeningsuren { width:280px;}
.tblopeningsuren tr td { padding:2px; border-bottom:1px solid #E6E6E6;}
.tblcontact tr td { vertical-align:middle; text-align:right}
.noshow { display:none; border:10px solid black;}
.info { float:right; margin-top:10px;}
.order { background: #FCFCFC; margin-bottom:10px; text-align:center;}
.order_titel { background: #ee3e34; color:#FFF; height:24px;}
.order_titel * { color:#FFF;}
.order * { text-align:left;}
.order th { text-align:center; color: #999;}
.details { width:100%; }
.details tr td { border-bottom:1px solid silver; vertical-align:middle; padding:4px;}
.details tr td.titel { width:auto; padding-left:10px;}
.details tr td.prijs { width:180px; color:#728192;}
.details tr td.aantal { width:60px; }
.details tr td.aantal input { text-align:center;}
.details tr td.totaal { width:60px; border-top:0px none;}
.details tr td.bewerk { width:60px; text-align:right;}
.prijstotaal { font-weight:bold; padding:4px;}
.special { text-align:center; font-weight:bold; color:#FF0000;}


/* LINKERMENU */
.lmenl { background: #F1F1F1; border-bottom:2px solid #737272; }
.lmenl, .lmenl li, .lmenl ul { margin: 0; border: 0 none; padding: 0; width: 248px; list-style: none; }
.lmenl { margin-top:18px;}
.lmenl:after { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; }
.lmenl li { background: #F1F1F1 url('images/bgmenu.gif') top left repeat-x; line-height:22px; float: left; display: block !important; display: inline; position: relative;  }
.lmenl li a { text-decoration:none; color:#333333; font-weight:bold; padding: 0 10px; padding-left:20px; display: block; }
.lmenl li a { background:url('images/bgmenu.jpg') bottom left repeat-x; font: bold 11px/26px Arial, Verdana, Helvetica, sans-serif; text-decoration: none; height: auto !important; height: 1%; }
.lmenl li ul li { border-bottom:1px solid #E4E4E4; }
.lmenl li ul li a { color:#333; padding-left:20px; background:none; border:0px none;}
.lmenl li ul li a:hover { color:#ee3e34;}

.lmenl li ul li ul { border-top:1px solid #999}
.lmenl li ul li ul li a { color:#666; padding-left:24px; font-weight:normal}
.lmenl li ul li ul li a:hover { color:#666; text-decoration:underline;}

/*
.lmenl a:hover,.lmenl li:hover a,.lmenl li.iehover a { background:url('images/bgmenu2.jpg') bottom left repeat-x; color: #ee3e34; border:0px none}
.lmenl li:hover li a, .lmenl li.iehover li a { background: none; color: #666; border:0px none;}
*/

.niv3 a { color:#006600; border:10px solid black;}
/*
.lmenl li:hover li a:hover, .lmenl li:hover li:hover a, .lmenl li.iehover li a:hover, .lmenl li.iehover li.iehover a { background: #ef3e34; border:0px none; color: #FFF; }
*/

/*
.lmenl li:hover ul ul,.lmenl li:hover ul ul ul,.lmenl li.iehover ul ul,.lmenl li.iehover ul ul ul {display: none;}
.lmenl li:hover ul,.lmenl ul li:hover ul,.lmenl ul ul li:hover ul,.lmenl li.iehover ul,.lmenl ul li.iehover ul,.lmenl ul ul li.iehover ul {display: block;}
*/


.groep tr td { padding:0px; vertical-align:top; padding:5px;}
.groep * img { border:1px solid #990000; margin:10px 0px;}
.groep * h2 { margin:0px; padding:0px; text-transform:uppercase; color:#666666; font-weight:bold; font-size:15px; font-family:Arial, Helvetica, sans-serif; border:0px solid silver; line-height: 15px; margin-left:5px; margin-top:10px;}
.groep * h2 a{ color:#666666;}
.groep * p { margin:0px; padding:0px; line-height:15px; margin-left:5px; text-align:justify;}
.groep * p a { text-decoration:none; color:#333333;}

.groep tr.rij1 td { background: #FCFCFC; border-bottom:1px solid silver;}
.groep tr.rij2 td { border-bottom:1px solid silver;}

.fot2 { float:left; margin-right:5px;}
.streep { background: url('images/streep.jpg') top center repeat-y; width:1px; text-align:center}
.wit { width:1px;}
.right { float:right;}

.fot2 * img { border:1px solid #990000; }

.zoek { padding:5px 20px;}
.zoek h2 { text-transform:uppercase; font-size:13px; font-weight:bold; margin-bottom:4px; border-bottom:1px dotted silver; padding:0px;}
.zoek form input { border:1px solid silver; font-size:12px; height:22px; line-height:22px; padding-left:4px; width:155px;}
.btnzoek { background:none; font-weight:bold; width:0px; border:1px dotted silver; width:60px; text-align:center; margin-top:5px; padding:0px; margin-bottom:10px;}

.prijsaanvraag { border:1px solid silver; background:#FCFCFC; padding:4px; margin-right:4px; height:25px; line-height:25px; margin-bottom:4px;}

.txtfiche a { text-decoration:none; color:#333333;}
.txtfiche p { text-align:left;}
ul.list { list-style:square; color:#333; list-style-position:inside; margin-top:10px;}
ul.list li { line-height:18px;}