/*
 * Set some generic tags ------------------------------------------------------
 */

* {
	margin: 0;
	padding: 0;
}

html, body {
	background: #fff;
}

body {
	font-family: "Tahoma", "Helvetica Neue", sans-serif;
	font-size: 0.7em;
}

ul, ol {
	list-style: none;
}

hr {
	display: none;
}

a {
	color: #63c431;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/*
 * Generic Classes ------------------------------------------------------------
 */

.txt2img {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

.dotted {
	clear: both;
	height: 1px;
	background: #fff url(imgs/dotted.gif) repeat-x 0 0;
	margin: 10px 0;
}

.left {
	display: block;
	float: left;
	clear: left;
}

.right {
	display: block;
	float: right;
	clear: right;
}

.alignRight {
	text-align: right;
}

.alignBottom {
	clear: both;
	vertical-align: bottom;
}

/*
 * Special links --------------------------------------------------------------
 */

a.readMore {
	padding: 0 10px 0 10px;
	background: url(imgs/more.gif) no-repeat 100% 5px;
	font-size: 110%;
}

a.readMoreSmall {
	padding: 1px 10px 0 0;
	background: url(imgs/more.gif) no-repeat 100% 0;
	text-decoration: underline;
}

a.normalLink {
	color: #000F40;
	text-decoration: underline;
	display: block;
}

/*
 * Position the main containers -----------------------------------------------
 */

#wrapper {
	position: relative;
	width: 872px;
	margin: 0 auto;
}


#logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 163px;
	height: 188px;
}

#header {
	position: absolute;
	left: 180px;
	top: 0;
	width: 692px;
	height: 189px;
}

#menu {
	position: relative;
	float: left;
	clear: left;
	width: 163px;
	height: 373px;
	margin: 188px 0 0 0;
}

#content {
	position: relative;
	float: right;
	margin: 190px 0 0 0;
	width: 692px;
}

#footer {
	position: relative;
	float: left;
	clear: left;
	width: 163px;
}


/*
 * Logo & Header Styling ------------------------------------------------------
 */

#logo {
	padding: 40px 0 0 6px;
}

#logo a{
	width: 153px;
	height: 124px;
	background: transparent url(imgs/logo.gif) no-repeat 0 0;
}

#header {
	background: transparent url(imgs/banner.gif) no-repeat 0 0;
}


/*
 * Menu Styling ---------------------------------------------------------------
 */

#menu {
	background: #fff url(imgs/bg_menu.gif) no-repeat 0 0;
}

#menu li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 25px;
	background-color: transparent;
	background-repeat: no-repeat;
}

#menu li a:hover {
	background-image: none;
}

#menuHome a {
	background-image: url(imgs/menu_home.gif);
}

#menuHome {
	height: 26px;
	background-image: url(imgs/menu_home_hover.gif);
}

#menuNieuwsarchief a {
	background-image: url(imgs/menu_nieuwsarchief.gif);
}

#menuNieuwsarchief {
	background-image: url(imgs/menu_nieuwsarchief_hover.gif);
}

#menuProducten a {
	background-image: url(imgs/menu_producten.gif);
}

#menuProducten {
	background-image: url(imgs/menu_producten_hover.gif);
}

#menuMarktpositie a {
	background-image: url(imgs/menu_marktpositie.gif);
}

#menuMarktpositie {
	background-image: url(imgs/menu_marktpositie_hover.gif);
}

#menuLogin a {
	background-image: url(imgs/menu_login.gif);
}

#menuLogin {
	background-image: url(imgs/menu_login_hover.gif);
}


/*
 * Content Generic Styles -----------------------------------------------------
 */

#content h1 {
	font-size: 21px;
	font-weight: normal;
	text-transform: uppercase;
	color: #3f4f7e;
	padding: 5px 0 25px 0;
	background: #fff url(imgs/dotted.gif) repeat-x 0 40px;
}

#content h1 span, #content h2 span {
	color: #999;
}

#content h2 {
	font-size: 21px;
	font-weight: normal;
	text-transform: uppercase;
	color: #3f4f7e;
	padding: 5px 0 5px 0;
}

#content h3 {
	font-size: 14px;
	color: #3f4f7e;
	font-weight: normal;
	padding: 0 0 5px 0;
}

#content h4 {
	font-size: 11px;
	padding: 7px 0 3px 0;
	color: #132660;
}

#content p {
	padding: 0 0 10px 0;
	line-height: 150%;
	color: #666;
}

#content ol, #content ul {
	padding: 0 0 10px 15px;
	list-style: disc outside;
}

#content ol {
	list-style: decimal outside;
}

#content li {
	color: #666;
	padding: 2px 0;
}

#content div.logo {
	width: 158px;
	height: 195px;
	background: #fff url(imgs/logo_generic.gif) no-repeat 0 0;
	margin: 0 40px 20px 40px;
}

.thumbRow {
	margin: 0 5px 0 0;
	border: 1px solid #000F40;
	display: block;
	float: right;
}

/*
 * Content Color Styles -------------------------------------------------------
 */

#content .blue {
	color: #132660;
}

#content a.blue {
	background: url(imgs/moreblue.gif) no-repeat 100% 5px;
}

#content a.blue:hover {
	color: #999;
}

#content .red {
	color: #9D0C15;
}

#content a.red {
	background: url(imgs/morered.gif) no-repeat 100% 5px;
}

#content .orange{
	color: #E95D0F;
}

#content a.orange {
	background: url(imgs/moreorange.gif) no-repeat 100% 5px;
}

#content .green{
	color: #97BF0D;
}

#content a.green {
	background: url(imgs/moregreen.gif) no-repeat 100% 5px;
}


/*
 * Content Table Styles -------------------------------------------------------
 */

#content table.productLine {
	width: 692px;
}

#content table.productLine th, #content table.productLine td {
	vertical-align: top;
	line-height: 18px;
}

#content table.productLine th {
	width: 190px;
	font-size: 21px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 5px 15px 0 0;
	text-align: right;
}

/*
 * Content Exception Styles ---------------------------------------------------
 */

h1 a.backlink, h1 a:hover.backlink {
	background: url(imgs/backlink.gif) no-repeat 0 0;
	width: 19px;
	height: 19px;
	margin: 4px 15px 0 0;
}

#content table.productLine td span {
	color: #999;
}

#content ul.single, #content ul.single li {
	list-style: disc inside;
	padding: 0;
}

#content a.smallLink {
	background: none;
	text-decoration: underline;
	font-size: 90%;
}


/*
 * Footer Styling -------------------------------------------------------------
 */

#footer, #footer a {
	color: #999;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}


/*
 * Generic Form styles --------------------------------------------------------
 */

.gcform {
	padding: 5px 0 0 0;
}

.gcform fieldset {
	border: none;
}

.gcform legend {
	display: none;
}

.gcform label {
	display: block;
	float: left;
	clear: both;
	width: 100px;
	height: 17px;
	padding: 5px 0;
	color: #666;
}

.gcform input, .gcform select {
	display: block;
	border: inset 1px #ccc;
	margin: 0 0 0 100px;
}

.gcform input.text {
	width: 140px;
	height: 17px;
	padding: 4px;
}

.gcform select {
	width: 150px;
	height: 25px;
}

.gcform select option {
	padding: 3px;
}

.gcform br {
	clear: both;
}

.gcform p {
	padding: 0 0 10px 0;
}

.gcform input.search {
	margin: 0 0 15px 0;
}

.gcform input.login {
	margin: 0 0 15px 0;
}

.gcform label.login {
	float: none;
	color: #3f4f7e;
	font-size: 1.1em;
}

.gcform p.login {
	line-height: 180%;
}

.gcform a {
	color: #999;
	text-decoration: underline;
}

.gcform a:hover {
	text-decoration: none;
}


/*
 * Add To Basket Form Styles --------------------------------------------------
 */

.addform {
	padding: 5px 0 0 0;
}

.addform fieldset {
	border: none;
}

.addform legend {
	display: none;
}

.addform label {
	height: 17px;
	padding: 5px 0;
	font-weight: bold;
	font-size: 110%;
}

.addform select {
	width: 45px;
	border: inset 1px #ccc;
	margin: 0 0 0 10px;
}

.addform input {
	margin: 10px 0;
}


/*
 * News page ------------------------------------------------------------------
 */

#content .newsleft p {
	float: left;
	clear: left;
	width: 370px;
	padding: 0 0 10px 0;
}

#content .newsleft img {
	float: right;
	clear: right;
	width: 300px;
	padding: 0 0 25px 0;
}

#content .newsright p {
	float: right;
	clear: right;
	width: 370px;
	padding: 0 0 10px 0;
}

#content .newsright img {
	float: left;
	clear: left;
	width: 300px;
	padding: 0 0 25px 0;
}

#content .newsbanner p {
	width: 692px;
	padding: 0 0 10px 0;
}

#content .newsbanner img {
	padding: 0 0 25px 0;
}