﻿@charset "utf-8";

/* CSS Document

    Copyright (c) Freeoscommerce.com 2009

	This file is part of a freeoscommerce.com template.  Please visit http://www.freeoscommerce.com for licensing and other information.
*/
p
{
margin: 0px;
padding: 0px;
}

html {
height: 100%;
margin: 0px;
padding: 0px;
} 

body { 
font: normal 11px arial; behavior:url("csshover.htc");
} 

body {
margin: 0px;
padding: 0px;
background-image: url(images/achtergrond.jpg) top center repeat-x;
background: #95A7A9;
font-family: Arial;
font-size: 11px;
line-height: 150%;
text-align:center;
color: #876710;
}

div#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;background: #EEE;color: #79B30B}
div#header
{
width: 1184px;
height: 170px;
background: url(images/header.png) 0px 0px;
background-repeat:no-repeat;
}
div#container{text-align:left}
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{
background: #BFBFBF;
color: #FFF;
padding-top: 20px;
padding-bottom: 20px;
font-family: Arial;
font-size: 15px;
line-height: 150%;
}
div#footer p{margin:0;padding:5px 10px}

div#container{width:1184px;margin:0 auto}

div#wrapper{
float:left;
width:1046px;
margin-left:69px;
margin-bottom:20px;
}
div#content{margin: 0 150px}
div#navigation{
float:left;
width:150px;
margin-left:-150px;
margin-top: 20px;
margin-bottom: 20px;
}
div#extra{
float:left;
width:150px;
margin-left:-1046px;
margin-top: 20px;
margin-bottom: 20px;
}
div#footer{clear:left;width:100%}

div#content_header_menu
{
position: absolute;
top: 120px;
left: 922px;
text-align: right;
width: 300px;
height: 15px;
overflow: auto;
overflow-y: hidden;
overflow-x: hidden;
}

div#content_header_zoek
{
position: absolute;
top: 50px;
left: 920px;
text-align: right;
margin-top: 2px;
height: 50px;
overflow: auto;
overflow-y: hidden;
overflow-x: hidden;
}

div#top_background {
z-index: 1;
background: url(images/achtergrond.jpg) top left repeat-x;
top: 0px;
width: 100%;
height: 1202px;
}

a:link {
	color: #876710;
	text-decoration: none;
}
a:visited {
	color: #876710;
	text-decoration: none;
}
a:hover {
	color: #876710;
	text-decoration: none;
}
a:active {
	color: #876710;
	text-decoration: none;
}

#top_menu a:link {
	color: #ffffff;
	text-decoration: none;
}
#top_menu a:visited {
	color: #ffffff;
	text-decoration: none;
}
#top_menu a:hover {
	color: #4de5e5;
	text-decoration: none;
}
#top_menu a:active {
	color: #ffffff;
	text-decoration: none;
}
#top_menu span {
margin-left: 12px;
margin-right: 12px;
}

/* Hide icons in page headings */
#pageIcon, td.pageHeading img {
display: none;
}

h1 {
font-size: 14px;
font-weight: bold;
margin: 0px;
padding: 0px;
}
h2 {
font-size: 13px;
font-weight: bold;
}
h3 {
font-size: 12px;
font-weight: bold;
}
h4 {
font-size: 12px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 12px;
}

hr.accessibility {
height: 1px;
color: #00534e;
}

td.pageHeading {
padding-top: 5px;
padding-bottom: 10px;
font-weight: bold;
line-height: 150%;
font-size: 15px;
color: #CC0033;
display: inline;
text-transform: uppercase;
}

td.infoBoxHeading {
padding-top: 10px; 
padding-bottom: 0px;
font-size: 12px;
font-weight: bold;
}

td.infoBoxHeadingFeat{
background: #C4DA02;
color: #FFF;
padding-top: 10px; 
padding-bottom: 10px;
font-size: 12px;
font-weight: bold;
}

td.informatieHeading {
color: #61BD18;
font-size: 18px;
font-weight: bold;
}

div.infobox_heading {
width: 100%;
font-size: 12px;
font-weight: bold;
}

div.infobox_content {
width: 100%;
}

table.infoboxmenu
{
width: 165px;
}

td.infoboxtop
{
background: url(images/infobox-top.gif) 0px 0px;
height: 	25px;
border-style: solid;
border-color: white;
border-width: 0px 0px 1px 0px;
padding-left: 5px;
line-height: 100%;
font-size: 12px;
color: #ffffff;
font-weight: bold;
}

td.infoboxmid
{
background-color: #C4DA02;
font-size: 10px;
}

td.infoboxbot
{
background: url(images/infobox-bot.gif) 0px 0px;
height: 	25px;
}

.linkeritem, a.linkeritem, a.linkeritem:hover
{
line-height: 100%;
font-size: 12px;
color: #876710;
}
.link, a.link, a.link:hover
{
line-height: 100%;
font-size: 11px;
color: #3467FE;
text-decoration: underline;
}

.top, a.top, a.top:hover
{
line-height: 100%;
font-size: 12px;
color: #664B00;
text-decoration: none;
}

table
{
border-spacing: 0px;
}

.submit
{
background-image: url(includes/sts_templates/lameris/images/dutch/buttons/quick_find.png) top center repeat-x;
}

table.sts_template_content_tekst
{
text-align: left;
width: 650px;
}

td.content_midden
{
padding-left:5px;
padding-right:5px;
text-align: left;
width: 670px;
background: url(images/mid-mid.png) 0px 0px;
}
table.content_midden
{
padding-left:5px;
padding-right:5px;
text-align: left;
width: 1037px;
}

td.content_boven
{
background: url(images/mid-top.png) 0px 0px;
height: 	17px;
}

td.content_onder
{
background: url(images/mid-bot.png) 0px 0px;
height: 	17px;
}
td.menu
{
width: 180px;
}
td.rechts
{
width: 165px;
text-align: right;
}
td.smallText
{
margin: 0;
padding: 0;
}

/* Menu Ctegories */
ul.catmenu {
margin: 0;
padding: 0;
list-style: none;
width: 164px; /* Width of Menu Items */
}

ul.catmenu li.catmenu {
position: relative;
}

li.catmenu ul.catmenu {
position: absolute;
left: 164px; /* Set 1px less than menu width */
top: 0;
display: none;
}

/* Styles for Menu Items */
ul.catmenu li.catmenu a {
display: block;
text-decoration: none;
height: 26px;
width: 164px;
background-color: #C4DA02;
border-style: solid;
border-color: black;
border-width: 1px 0px 0px 1px;
padding-top: 5px;
padding-left: 5px;
}

/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li.catmenu:hover ul.catmenu, li.catmenu.over ul.catmenu { display: block; } /* The magic */

li.catmenu:hover ul.catmenu ul.catmenu, li.catmenu.over ul.catmenu ul.catmenu {display: none;} /* ‘¯àïâ âì ¯®¤¬¥­î 3-£® ãà®¢­ï */ 
ul.catmenu ul.catmenu li.catmenu:hover ul.catmenu, ul.catmenu ul.catmenu li.catmenu.over ul.catmenu {display: block;} /* ®ª § âì ¯®¤¬¥­î 3-£® ãà®¢­ï */

.menuitem
{
font-size: 12px;
color: #ffffff;
}
a.menuitem
{
font-size: 12px;
color: #ffffff;
}
a.menuitem:hover
{
font-size: 12px;
color: #ffffff;
}
a.menuitem:link
{
font-size: 12px;
color: #ffffff;
}
a.menuitem:visited
{
font-size: 12px;
color: #ffffff;
}
a.menuitem:active
{
font-size: 12px;
color: #ffffff;
}

/* Menu Ctegories */