* { margin:0px; padding:0px;}
body { margin: 0px; background-color: #FFF; overflow:auto}
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:#0066CC; padding:0px; margin-top:6px;}
h2 { background: #FFF url('images/h2bg.jpg') top left repeat-x; font-size: 1.4em; /* 20px */ margin-bottom: 6px; color:#FFFFFF; color:#FFF; padding:0px; font-weight:bold; text-transform:uppercase; font-size:14px; padding-left:4px; height:25px; line-height:25px; margin-top:4px;}
h2 a { color:#669900; text-decoration:none; font-weight:bold}
h3 { font-size: 1.4em; /* 18px */ margin-bottom: 4px; }
h4 { color:#0066CC; font-size:13px;}
h4 a { color:#0066CC; text-decoration:none;}
td { vertical-align:top;}
a { color:#0066CC; ; }
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 { height:378px; background:url('images/header.jpg') top left no-repeat;}
.login { height:80px;}
.footer { color:#333; background: #F7F7F7; height:32px; line-height:32px; padding-right:10px;}
.footer a { color:#333; text-decoration:none}
.footer a:hover { text-decoration:overline;}
.wrapper { width:975px; margin:0 auto;} 
.links { width: 210px;}
.midden { width:490px;}
.midden2 { width:790px;}
.rechts { width:300px; }

.links div.inhoud { margin-right:14px; background:#FFF; margin-top:20px; border-top:4px solid silver;}
.midden div.inhoud { margin-right:14px; background:#FFF; margin-top:20px; border-top:4px solid silver;}
.midden2 div.inhoud { background:#FFF; margin-top:20px; border-top:4px solid silver;}
.rechts div.inhoud { margin-top:20px; border-top:4px solid silver;}

.men { height:25px; border-left:1px solid #cfcfcf;}
.menu { margin: 10px 0px 0px 0px}
.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:4px;} 

.taal div { float:left; height:22px; width:22px; background-image:url('images/bgtaal.jpg'); background-repeat:no-repeat; background-position:top left; line-height:19px; text-align:center}
.taal a { color: #007272; text-decoration:none; text-align:center; font-size:10px; letter-spacing:0px;}

.topmen { float:right; }

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

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

/* LINKERMENU */
.lmenl { background: #FFF; border-bottom:2px solid #737272;}
.lmenl, .lmenl li, .lmenl ul { margin: 0; border: 0 none; padding: 0; width: 200px; list-style: none;}
.lmenl:after { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; }
.lmenl li { background: #FCFCFC 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:#666; padding-left:20px; background:none; border:0px none;}
.lmenl li ul li a:hover { color:#ee3e34;}
.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;}
.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;}

li.winkelmandje a { background: #F1F1F1 url('images/bgmenuwinkelmandje.gif') top left repeat-x; color:#FF0000}
li.winkelmandje a:hover { background: #F1F1F1 url('images/bgmenuwinkelmandje.gif') top left repeat-x;}

/* 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; margin-top:0px; text-align:right; border:0px solid black; margin-right:0px; height:225px}
.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;}
.groep tr td { border-bottom:1px solid silver;}
.txtarea, .frminput { border:1px solid silver; height:22px; line-height:22px; padding-left:4px; width:180px;}
.txtarea { height:90px; overflow:auto; width:541px;}
.contact { background:#F0F0F0; padding:10px; border:1px solid #869e44; width:200px; margin-top:6px}
.contact h1 { background:none; padding:0px; color:#869e44;}
.tblopeningsuren { width:320px;}
.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;}
.right { float:right; }
.home { padding:4px; padding-right:175px; padding-top:8px;}
h2.vraag a { color:#669900; text-decoration:none; font-weight:normal}}


.list { margin-left:15px; list-style:disc; margin-bottom:15px;}

.features p { border-bottom:1px dotted silver; line-height:24px}
.titelke { background:#F9F9F9; border-top:1px solid silver; border-bottom:1px dotted silver; padding:4px;}

#links ul {	list-style-type: none;	width: 100%;}
#links li {	border-bottom: 1px dotted #CCC;	margin: 0px 0;}
#links li a {	color: #333;	display: block;	font: normal 100% Arial;	padding: 6px;	text-decoration: none; background:url('images/lilogo.jpg') 5px left no-repeat; padding-left:24px;}
* html #links li a {	width: 100%;}
#links li a:hover {	background: #FCFCFC url('images/lilogo2.jpg') 5px left no-repeat; padding-left:24px;}
#links a em {	color: #333;	display: block;	font: normal 85% Verdana, Arial, Helvetica, sans-serif;	line-height: 125%;}
#links a span {	color: #666666;	font: normal 90% Verdana, Arial, Helvetica, sans-serif;	line-height: 150%;}

.nolines a { border-bottom:0px none; background:none;}


ul.menutop { height:31px; line-height:31px; margin-left:210px; border-left:1px solid #999;}
ul.menutop { list-style:none;}
ul.menutop li{ float:left; display:inline; position:relative; text-align:left}
ul.menutop li { float:left; text-align:center; line-height:31px;}
ul.menutop li.tss { color:#CCCCCC;}

ul.menutop ul { width:160px; list-style:none; display:none; position:absolute; top:31px; left:0;}
ul.menutop ul li { width:160px; float:left; display:block !important; display:inline; line-height:15px; text-align:left}
ul.menutop ul:after { clear:both; display:block; font:1px/0px serif; content:"."; height:0; visibility:hidden; }

/* niet te veel aan aanpassen, heeft met posities te maken */
ul.menutop li:hover li a,ul.menutop li.iehover li a{ float:none; }
ul.menutop li:hover li a,ul.menutop li.iehover li a{ float:none; }
ul.menutop li:hover ul ul,ul.menutop li:hover ul ul ul,ul.menutop li.iehover ul ul,ul.menutop li.iehover ul ul ul{display:none}
ul.menutop li:hover ul,ul.menutop ul li:hover ul,ul.menutop ul ul li:hover ul,ul.menutop li.iehover ul,ul.menutop ul li.iehover ul,ul.menutop ul ul li.iehover ul{display:block}
ul.menutop ul ul,ul.menutop ul ul ul{display:none;position:absolute;top:0;left:160px; }
ul.menutop a { float:none !important; float:left; display:block; height:auto !important;height:1%; text-decoration:none; }

/* kleuren etc.. dit mag je aanpassen */
ul.menutop { background:#000000; background-image: url(''); background-repeat: repeat-x; }
ul.menutop ul { background-image: url('images/bg.png'); }

ul.menutop li a { color:#FFF; font-weight:bold; text-decoration:none; padding:0px 8px 0px 8px;}
ul.menutop li a:hover { color:#FFF; background-image:url(images/bgmenutop.jpg); background-repeat:repeat-x; background-position: 0px left;}

ul.menutop ul li a { padding:8px;}

.marbot li { margin-bottom:12px;}
.f12px * { font-size:12px;}


.linkshref a { text-decoration:none;}

.form label { float:left; width:100px; padding-left:5px; height:20px; display:block;}
.form select { width:370px; border:1px solid #999; font-size:11px; line-height:20px; height:20px; padding-left:5px;}
.form input, .form textarea{ width:362px; border:1px solid #999; font-size:11px; line-height:20px; height:20px; padding-left:5px;}
.form textarea { height:90px; overflow:auto;}
.form .submit { margin-left:105px; width:75px; text-align:center; margin-top:5px; line-height:12px;}
.style2 { color:#FF0000;}

.klassement { width:100%; border-left:1px solid silver; border-top:1px solid silver; margin-top:5px;}
.klassement th { background: silver; padding:2px;}
.klassement td { border-right:1px solid silver; border-bottom:1px solid silver; padding:2px;}
#meerLink { text-decoration:none; font-weight:bold; text-align:right; float:right;}

.loginfrm { float:right; margin-top:55px; text-align:left;}
.logininput { height:20px; line-height:20px; font-size:11px; border:0px none; background:transparent; width:105px; border:0px solid #333;}
.paswoord { height:20px; line-height:20px; font-size:11px; border:0px none; background:transparent; border:0px solid #333; width:102px;}
.sumbit { height:20px; line-height:20px; font-size:11px; border:0px none; background:transparent; width:40px;} 

.rechts * a, .links * a { text-decoration:none}
.links * a:hover { color:#CC0000; text-decoration:underline}
.rechts * a:hover { text-decoration:none;}

#bannerDiv { text-align:center; margin:10px 0px; border:0px solid red; clear:both;}
#bannerDiv img { border:1px solid black;}

h2.nieuw { background: #FFF url('images/h2bg2.jpg') top left repeat-x; text-align:center; line-height:26px; letter-spacing:0.1em}

#paginas { border:1px solid silver; padding:10px; background-color:#EEE; text-align:center; clear:both; margin-top:10px}

.tabs, .tabs * { padding:0px; margin:0px; list-style:none;}
.tabs { margin-bottom:10px;}
.tabs li { float:left; margin-right:2px; border-bottom:1px dotted silver; width:30px;}
.tabs li a { text-decoration:none; }
.tabs li a.actief, .tabs li.actief a { font-weight:bold; text-decoration:none; }

.nieuws, .nieuws *, .nieuws * * { margin:0px; padding:0px; border:0px none;}