/* RESET */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
/*ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}*/

/*

KLEUREN:

paars: #421b75

*/

html, body {
	height: 100%;
}
body {
	font-size: 12px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #363636;
}
#container {
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
	width: 960px;
	margin: 0 auto;

}
html>body #container {
	height: auto;
}


img { display: block; }

ul,ol,li {
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

#content {
	padding: 0;
	padding-bottom: 80px;
}

h1, h2, p, ul, ol {
	padding-bottom: 10px;
}
h1 {
	font-size: 31px;
	font-weight: normal;
}
object, embed {
	margin-bottom: 10px;
}
/*.col2 h1 {
	padding-left: 20px;
}*/
p {
	font-size: 14px;
	line-height: 22px;
}
/*.col2 p {
	padding-left: 20px;
}*/
ul, ol {
	font-size: 14px;
	line-height: 18px;
}
/*.col2 ul, .col2 ol {
	padding-left: 60px;
}*/
h2 {
	color: #7f9922;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 5px;
}
/*.col2 h2 {
	padding-left: 20px;
}*/
h3 {
	color: #421b75;
	font-size: 14px;
	padding-bottom: 5px;
}
/*.col2 h3 {
	padding-left: 20px;
}*/
a {
	color: #421b75;
	outline: 0;
}
h2 a {
	color: #7f9922;
	outline: 0;
}
hr {
	border: none;
	height: 1px;
	background-color: #421b75;
}


h2 a {
	text-decoration: none;
}
h2 a:hover {
	text-decoration: underline;
}
.right {
	float: right;
}
.left {
	float: left;
}
.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

/* TOP */

div#top {
	/*background: transparent url(/media/bg_top2.jpg) no-repeat 0 40px;*/
	margin-bottom: 20px;
}
div#topmenu {
	background-image: url(/media/bg_logo.png);
	height: 109px;
	/*text-align: center;*/
}
form#search, form#login, div#loggedin {
	float: left;
	width: 280px;
	padding-top: 49px;
	padding-left: 20px;
}
form#search input, form#login input {
	background: transparent url(/media/bg_input_round.png) no-repeat top left;
	border: none;
	height: 19px;
	padding: 5px 10px 0 10px;
	width: 82px;
	display: block;
	float: left;
	color: #5d5d5d;
}
form#login label,
form#login a {
	font-size: 11px;
}
form#login input {
	width: 80px;
}
form#login input.checkbox {
	width: auto;
	float: none;
	display: inline;
	padding: 0;
	height: auto;
	background: none;
}
form#login div.options {
	margin-top: 0px;
	line-height: 30px;
	clear: left;
}
form#login div.break {
	height: 0;
	width: 0;
	padding: 0;
	margin: 0;
	overflow: hidden;
	clear: left;
}
form#login label {
	color: #421B75;
	text-decoration: underline;
}
form#login input.checkbox:hover,
form#login label:hover {
	cursor: pointer;
}
form#login input.square {
	background: transparent url(/media/bg_input_square.png) no-repeat top left;
	margin-left: 2px;
	width: 70px;
}
a#logo {
	display: block;
	float: left;
	width: 320px;
	margin: 0 20px;
	margin-top: 13px;
}
form a.button {
	display: block;
	float: left;
	margin-left: 2px;
}
form span {
	/*padding: 5px 5px 0 0;
	display: block;
	float: left;*/
}


/* MENU */

ul#menu, ul#submenu, ul#footer {
	height: 30px;
	list-style-type: none;
	clear: both;
	margin: 0;
	padding: 10px 10px 0 10px;
	font-size: 14px;
}
ul#menu li, ul#submenu li, ul#crumbtrail li, ul#footer li {
	float: left;
	list-style-type: none;
}
ul#menu li a, ul#submenu li a, ul#crumbtrail li a, ul#footer li a {
	display: inline-block;
	padding: 0 12px;
	text-decoration: none;
}



/* HOOFDMENU */

ul#menu {
	background: transparent url(/media/bg_menu.png) repeat-x;
	/*height: 30px;*/  /*let op: als er geen submenu is mag deze aan */
}
ul#menu li {
	margin-left: -1px;
}
ul#menu li.hi {
	margin-left: 0;
	background: transparent url(/media/bg_tab_right.png) no-repeat top right;
}
ul#menu li a {
	background: transparent url(/media/bg_menu_separator.png) no-repeat top left;
	color: white;
	padding-top: 7px;
}
ul#menu li.first a {
	background-image: none;
	padding-left: 10px;
}
ul#menu li.hi a {
	background: transparent url(/media/bg_tab_left.png) no-repeat top left;
	color: #000;
	height: 23px;
	/*height: 25px;  let op: als er geen submenu is wordt de hoogte 25 ipv 23px */
	margin-right: 10px;
	padding-right: 5px;
}
ul#menu li.last a {
}
ul#menu li.hi.first a {
	padding-left: 15px;
}
ul#menu li a:hover {
	text-decoration: underline;
}
ul#menu li.hi a:hover {
	text-decoration: none;
}

/* SUBMENU */

ul#submenu {
	background: transparent url(/media/bg_submenu.png) repeat-x;
	height: 32px;
}
ul#submenu li {
	margin-left: -1px;
}
ul#submenu li.hi {
	margin-left: 0;
	background: transparent url(/media/bg_tab_right.png) no-repeat top right;
}
ul#submenu li a {
	background: transparent url(/media/bg_submenu_separator.png) no-repeat top left;
	color: #421b75;
	padding-top: 7px;
}
ul#submenu li.first a {
	background-image: none;
	padding-left: 10px;
}
ul#submenu li.hi a {
	background: transparent url(/media/bg_tab_left.png) no-repeat top left;
	color: #000;
	height: 25px;
	margin-right: 10px;
	padding-right: 5px;
}
ul#submenu li.last a {
}
ul#submenu li.hi.first a {
	padding-left: 15px;
}
ul#submenu li a:hover {
	text-decoration: underline;
}
ul#submenu li.hi a:hover {
	text-decoration: none;
}

/* LEFTMENU */
ul#leftmenu {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul#leftmenu li a {
	text-decoration: none;
}
ul#leftmenu li a:hover {
	text-decoration: underline;
}
ul#leftmenu li.hi a {
	color: #000;
}

/* CRUMBTRAIL */


ul#crumbtrail {
	font-size: 12px;
	padding: 0;
}
ul#crumbtrail li a {
	background-image: url(/media/arrow_right_gray.gif);
	background-repeat: no-repeat;
	background-position: right 6px;
	padding: 0 10px 0 0;
	margin-right: 6px;
}
ul#crumbtrail li a.hi {
	color: #000;
	background: none;
	text-decoration: underline;
}

/* FOOTER */

ul#footer {
	background: #ddd url(/media/bg_footer.gif) repeat-x;
	font-size: 12px;
	position: absolute;
	bottom: 0;
	padding: 20px 10px 0 10px;
	width: 940px;
	height: 20px;
	margin-bottom: 20px;
}
ul#footer li a {
	border-right: 1px solid #9e9e9e;
	border-left: 1px solid #e4e4e4;
}
ul#footer li a.hi {
	color: #5d5d5d;
}
ul#footer li a.hi:hover {
	text-decoration: none !important;
}
ul#footer li.right {
	float: right;
}
ul#footer li.right a {
	border-color: transparent;
}


/* COLUMNS */

div.first {
	clear: left;
}
div.col1, 
div.col2, 
div.col2_half, 
div.col3, 
div.colwidth, 
div.col_left, 
div.col_center, 
div.col_right, 
div.col_left_center, 
div.col_center_right {
	float: left;
}
div.col1 {
	width: 300px;
}
div.col2_half {
	width: 300px;
}
div.col2 {
	width: 640px;
}
div.col3 {
	width: 960px;
}
div.colwidth {
	width: 20px;
}
div.col_left {
	width: 200px;
}
div.col_center {
	width: 420px;
}
div.col_right {
	width: 300px;
}
div.col_left_center {
	width: 640px;
}
div.col_center_right {
	width: 740px;
}



/* MISCELLANEOUS */

p.intro {
	font-size: 16px;
	line-height: 28px;
	padding-bottom: 25px;
}
/*.col2 p.intro {
	padding-left: 20px;
}*/
input.radio {
	margin-right: 5px;
}
div.ad {
/*	margin: */
}


/* BANNERS */

div.banners {
	margin-bottom: 20px;
}
div.banner div.content {
	padding: 15px 20px 10px 20px;
}
div.banner p {
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 5px;
}
div.banner h2 {
	padding-bottom: 5px;
}
div.banner h3 {
	padding-bottom: 5px;
}
div.banner.green h3, div.banner.green h2 {
	color: white;
}
div.banner.purple {
	background: #7c60a4 url(/media/bg_right_purple.png) repeat-x bottom left;
	color: #c1c1c1;
}
div.banner.green {
	background: #c5d352 url(/media/bg_right_green.png) repeat-x bottom left;
}
div.banner.purple p {
	color: #e0e0e0;
}
div.banner.purple a {
	color: #fff;
}
div.banner.purple h2 {
	color: #fff;
}
div.banner.silver {
	background: #f0efed url(/media/bg_right_silver.png) repeat-x bottom left;
}
div.banner.purple h3 {
	color: #b6c827;
}
div.banner.first div.content {
	background: transparent url(/media/corner_ul.png) no-repeat top left;
}
div.banner.last.purple {
	background: #7c60a4 url(/media/bg_right_purple_last.png) repeat-x bottom left;
}
div.banner.last.silver {
	background: #f0efed url(/media/bg_right_silver_last.png) repeat-x bottom left;
}
div.banner.last.green {
	background: #c5d352 url(/media/bg_right_green_last.png) repeat-x bottom left;
}


/* BANNERS LEFT */

div.leftbanner div.content {
	padding: 15px 20px 10px 20px;
}
div.leftbanner p {
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 5px;
}
div.leftbanner h2 {
	padding-bottom: 5px;
}
div.leftbanner h3 {
	padding-bottom: 5px;
}
div.leftbanner.green h3, div.leftbanner.green h2 {
	color: white;
}
div.leftbanner.purple {
	background: #684a92 url(/media/bg_left_purple.png) repeat-x bottom right;
	color: #c1c1c1;
}
div.leftbanner.green {
	background: #c5d352 url(/media/bg_left_green.png) repeat-x bottom right;
}
div.leftbanner.purple p {
	color: #e0e0e0;
}
div.leftbanner.purple a {
	color: #fff;
}
div.leftbanner.purple h2 {
	color: #fff;
}
div.leftbanner.silver {
	background: #f0efed url(/media/bg_left_silver.png) repeat-x bottom right;
}
div.leftbanner.purple h3 {
	color: #b6c827;
}
div.leftbanner.first div.content {
	background: transparent url(/media/corner_ul_left.png) no-repeat top right;
}
div.leftbanner.last.purple {
	background: #7c60a4 url(/media/bg_left_purple_last.png) repeat-x bottom right;
}
div.leftbanner.last.silver {
	background: #f0efed url(/media/bg_left_silver_last.png) repeat-x bottom right;
}
div.leftbanner.last.green {
	background: #c5d352 url(/media/bg_left_green_last.png) repeat-x bottom right;
}



/* BIJSCHRIFT */

div.bijschrift {
	font-size: 11px;
	padding: 5px 0 0 20px;
	margin-bottom: 20px;
}

div.images_col1 {
	float: left;
	width: 320px;
	margin: 0 20px 0 0;
}
div.images_col1 div.bijschrift {
	margin-bottom: 20px;
}

img.col2 {
	margin-bottom: 20px;
}
img.col2_bs {
}


/* BLOG */

div#blog {
	margin-top: 10px;
}
div#blog div.content, div.pagebrowser {
	border-top: 1px solid #7F9922;
	padding: 15px 0 0 0;
}
div.pagebrowser {
	padding-left: 20px;
}
div.pagebrowser h3 {
	padding-left: 0;
}

div#blog span.date {
	display: block;
	margin-bottom: 6px;
}
div#blog h2 {
	margin-bottom: 2px;
}


a.more {
	font-size: 10px;
	white-space: nowrap;
}


/* form */

form.form input.text,
form.form textarea,
form input.CMS_CLASS {
	width: 300px;
	border: 1px solid silver;
	padding: 3px;
	margin-bottom: 10px;
}

form.form input.text {
}
form.form textarea {
	height: 150px;
}


/* POLL */

table.poll td {
	padding: 5px 0;
}
table.poll td.txt {
	width: 300px;
}
table.poll td.percent {
	width: 40px;
}
table.poll td.graph {
	width: 320px;
}
table.poll td.graph div {
	background: #634392 url(/media/graph_gradient.gif) repeat-x top left;
	height: 16px;
}


/* POLL WIDGET */


table.poll_widget td {
	padding: 2px 0;
	font-size:12px;
	line-height:18px;
}
table.poll_widget td.txt {
	width: 140px;
}
table.poll_widget td.percent {
	width: 40px;
}
table.poll_widget td.graph {
	width: 100px;
}
table.poll_widget td.graph div {
	background: #634392 url(/media/graph_gradient.gif) repeat-x top left;
	height: 16px;
}



/* SHOP */

a.addarticle, a.checkout {
	display: block;
	float: right;
	margin-bottom: 15px;
}
h2.prijs {
	float: left;
	margin-right: 10px;
}
h2.prijs span {
	font-size: 12px;
}
img.shop.right {
	margin-left: 10px;
}
#cart table {
	width: 100%;
}
#cart table td.prijs {
	text-align: right;
}
#cart table td h3 {
/*	float: right;*/
}
#cart table td.prijs {
	width: 100px;
}
#cart table td img {
	display: inline;
	float: none;
}
#winkelwagenform img.trash {
	display: inline;
	margin-left: 10px;
}
#winkelwagenform input {
	width: 20px;
}
.shoparticleimages {
	width: 320px;
	margin: 0 0 10px 10px;
	float: right;
}
.shoparticleimages img {
	float: left;
}


/* TIPS */

div.user_info {
	float: left;
	width: 88px;
	margin-right: 20px;
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 5px;
}
div.user_info img {
	margin-bottom: 10px;
}
div.comment p {
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 5px;
}
div.comment {
	float: left;
	width: 310px;
}


a.submit {
	float: right;
	display: block;
}

form#login span {
	display: block;
	float: left;
	margin: 4px 5px 0 0;
}

img.tip {
	display: inline;
}

fieldset table {
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	border-bottom: 1px solid silver;
}
table td.price {
	text-align: right;
	width: 100px;
}
fieldset table th, fieldset table td {
	border-top: 1px solid silver;
	padding: 4px 0;
	text-align: left;
}
fieldset table .sending_costs td {
	border-bottom: 2px solid #7F9922;
}
fieldset table th {
	font-weight: bold;
	width: 40%;
}
div.col_center fieldset table th {
	font-weight: bold;
	width: 25%;
}
fieldset table tr.total {
	font-weight: bold;
}
fieldset table tr.total td {
	border-top: 3px double #542d89;
}

fieldset {
	font-size: 12px;
	line-height: 18px;
}



/* start tips */

#content img.tip {
	margin:				0 0 0 3px;
}

.tool .tip {
	background:			#E5EDF4;
	width:				250px;
	z-index:			13000;
	position:			relative;
	float:				left;
	text-align:			left;
}

.tool .tip ul,
.tool .tip ol {
	margin:				4px 0;
	padding:			0 7px;
	font-size:			0.8em;
}
 
.tip-title {
	background:			#2f70ba;
	color:				#fff;
	font-size:			16px;
	margin:				0;
	padding:			6px 8px 6px;
	
}
 
.tip-text {
	font-size:			12px;
	padding:			4px 8px 8px;
	border:				1px solid #C2D8E8;
	border-width:		0 1px 1px 1px;
}

/* end tips */


/* start monitor */

#monitor {
	font-size: 10px;
	line-height: 10px;
}
#monitor div.data {
	clear: left;
}
#monitor table {
	background-color: #fff;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	width: 100%;
	border: 1px solid silver;
	border-width: 1px 0 0 1px;
	margin-bottom: 5px;
	height: 100px;
}
#monitor td, #monitor th {
	padding: 4px 2px;
	border: 1px solid silver;
	border-width: 0 1px 1px 0;
	font-size: 10px;
	text-align: right;
}
#monitor th {
	font-weight: bold;
}
#monitor #elektra {
	display: block;
}
#monitor #gas, #monitor #water {
	display: none;
}
#monitor #tabs {
	font-size: 12px;
	line-height: 12px;
	margin: 5px 0 0 10px;
}
#monitor #tabs a.active,
#monitor #tabs a.inactive {
	padding: 5px 10px;
	border: 1px solid silver;
	border-width: 1px 1px 0 1px;
	display: block;
	float: left;
}
#monitor #tabs a.active {
	font-weight: bold;
	background-color: #fff;
	color: #000;
}
#monitor #tabs a.inactive {
	font-weight: normal;
}
#monitor #tabs a:hover {
	cursor: pointer;
}
#monitor div#elektra table {
	background: #fff url(/media/bg_monitor_e.gif) repeat-x bottom left;
}
#monitor div#gas table {
	background: #fff url(/media/bg_monitor_g.gif) repeat-x bottom left;
}
#monitor div#water table {
	background: #fff url(/media/bg_monitor_w.gif) repeat-x bottom left;
}
#monitor div#elektra table,
#monitor div#elektra table td,
#monitor div#elektra table th,
#monitor a#tabelektra.active {
	border-color: #e3ce1f;
}
#monitor div#gas table,
#monitor div#gas table td,
#monitor div#gas table th,
#monitor a#tabgas.active {
	border-color: #e31f27;
}
#monitor div#water table,
#monitor div#water table td,
#monitor div#water table th,
#monitor a#tabwater.active {
	border-color: #1fa6e3;
}


/* end monitor */

p.date {
	color: #421B75;
}

div.levertijd {
	color: red;
	display: inline;
	font-size: 11px;
	font-weight: bold;
}

form#enquete label {
	width: 280px;
}
form#enquete textarea {
	width: 400px;
	height: 100px;
}

table.indemedia {
	border: 1px solid #7F9922;
	border-width: 1px 0 0 1px;
}
table.indemedia td {
	padding: 2px 5px;
	border: 1px solid #7F9922;
	border-width: 0 1px 1px 0;
}
table.indemedia h2 {
	margin: 0;
	padding: 0;
}