/*-----------------------------------------
-------------------------------------------
PROGRAMMED AND MAINTAINED BY DAVINCI-ICT.BE
-------------------------------------------
-----------------------------------------*/


body {
	margin: 0;
	padding: 0 10px;
	color: #333333;
	background:#EFEFDF url(img/body_bg.png) top center repeat-y;
	font: 73% Arial, Verdana, Geneva, Helvetica, sans-serif;
}

h1, h2, h4, h5, h6 {

	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

h1 {
font-size: 1.3em;}

h1.title {
font-size: 1.5em;}


h2 {
font-size: 1em;
 }

h5, h6 { font-size: 1.1em; }

h3 {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1.1em;
	color:#333333;
	font-weight: bold;
	text-transform: uppercase;
	height:18px;
 }

h4 {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1.1em;
	color:#111;
	font-weight: bold;
	text-transform: uppercase;
	width: auto;
	border: 1px solid #111;
	padding-right: 1px;
	padding-left: 3px;
	height:18px;
 }
p {
	margin-top: 0.5em;
	margin-bottom: 0.9em;
}

a {
	text-decoration: none;
	font-weight: bold;
}


a:link { color:#FF8000; }

a:visited { color: #FF8000; }

a:hover {
	color:#D76B00;
	text-decoration: none;
}

fieldset { border: 1px solid #ccc; }

pre {
	background-color: #eee;
	padding: 0.75em 1.5em;
	font-size: 12px;
	border: 1px solid #ddd;
}

table { /* make <td> sizes relative to body size! */ font-size: 1em; }

.form-item label {
	font-size: 1em;
	color: #222;
}

.item-list .title {
	font-size: 1em;
	color: #222;
}

.links {
	margin-bottom: 0em;
	font-size:.95em;
}

.comment .links { margin-bottom: 0em; }

/*
** Page layout blocks / IDs
*/
#header, #content { width: 100%; }

#header {
	position:relative;
	background:#3398CC url(img/header_bg.jpg) no-repeat;
	height:140px;
	overflow:hidden;
}

#sub_header {
	position:relative;
	height:6px;
	background:url(img/sub_header.png) left top repeat-x;
	margin:0;
}

#sub_header .content {
	padding:2px 0 0 0;
	color:#ccc;
}

#sub_header .block a { color:#fff; }

#sub_header .block {
	color:#fff;
	margin:0 350px 0 30px;
	padding:5px 0 0 0;
}

#sub_header .block-title {
	float:left;
	width:150px;
	text-align:right;
	margin:0 20px 30px 0;
	color:#99CA30;
	padding:0;
}

#secondary {
	padding:0;
	margin:0;
	position:absolute;
	right:20px;
	top:10px;
	font-size:12px;
	color:#0053A0;
}

#secondary li { padding:0 6px 0 8px; }

#secondary a {
	padding: 7px 0;
	margin:0;
	font-size: 11px;
	font-weight:normal;
	color:#344A04;
}

#secondary a:hover, #secondary a.active {
	text-decoration:none;
	color:#344A04;
}

#secondary ul.links li { border-left: 1px solid #344A04; }

ul.links li { border-left: 1px solid #ccc; }

ul.links li a { margin-left:2px; }

ul.links li.first { border-left: none !important; }

ul.links li.last { padding-right:0 !important; }

#primary {
	position:absolute;
	bottom:0;
	right:10px;
}

#primary li {
	border:none !important;
	margin-left:2px; /* set to 0 in IE fix */
	float:left; /* float is nececcary! for correct tabs*/
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#primary a {
	background: #FF8000 url(img/tab_over.png) top left repeat-x;
	padding:10px;
	font-size: 15px;
	font-weight:bold;
	color:#fff;
	margin-left:2px; /*to equalize with li margin */
}

#primary a:hover {
	background:#2E2E2E url(img/tab.png) top left repeat-x;
	text-decoration:none;
}

#primary a.active {
	background:#606060 url(img/tab_over.png) top left repeat-x;
	text-decoration:none;
	color: #3E3E3E;
}

ul.links li.first {
	border: none;
	padding-left:0 !important;
}

ul.links li.last { padding-right:0 !important; }

#search {
	position:absolute;
	right:10px;
	top:10px;
	vertical-align:middle;
	padding:6px 15px;
	z-index:2;
}

#search label {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.3em;
}

#search .form-text {
	border: 1px solid #99CA30;
	font-size: 1.2em;
	height: 21px;
	vertical-align: middle;
	width: 175px;
	padding: 3px 5px 0 5px;
	margin:0;
}


#main {
	/* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 0 15px;
	text-align:left;
}

.node .content { line-height: 1.4; }

.breadcrumb {
	margin-bottom: .5em;
	font-size:.9em;
	color:#6a6a6a;
}

.breadcrumb a { color:#6a6a6a; }

.messages {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 0.3em;
	margin-bottom: 1em;
}

.error { border-color: red; }

#footer {
	padding-top: 10px;
	padding-right:5px;
	font-size: 1.0em !important;
	text-align:right;
	color:#fff;
	background:url(img/footer.jpg) top left repeat-x;
	clear:both;

}

#footer a {
font-size: 1.2em;
color:#fff;
font-weight:normal;
}

#footer a:hover {
color: #FF8000;
font-weight:normal;
}

#footer .links { margin-bottom:10px; }

#author_link {
	text-align:right;
	padding:.5em 0 0 0;
	font-size:1.0em;
	color: #525252;
}

#author_link a {
	font-size:1.1em;
	color: #525252;
}

#author_link a:hover{
color:#FFA620;
}

/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.title a {
	font-weight: bold;
	font-size: 1.05em;
	color: #006699;
	margin: 0 auto 0 auto;  /* decrease default margins for h<x>.title */
}
.title {
	font-weight: bold;
	font-size: 1.05em;
	color: #111;
	margin: 0 auto 0 auto;  /* decrease default margins for h<x>.title */
}


.title a:hover	 {
	color: #A6A6A6;
	text-decoration:none;
}

.feed-item-title a { color:#000; }

.block { margin-bottom:1.5em; }

#center .date {
	font-size:.8em;
	color:#6a6a6a;
}

.submitted {
	color: #999;
	font-size: 0.8em;
}

.links li.first { padding-left:0; }

.node_read_more a {
	font-size:1.0em;
	text-decoration:none;
	font-weight:bold;
	color:#FEA51F;
}
.node_read_more a:hover {
color:#333333;
	}

.block, .box { padding: 0; }

.block .title { margin-bottom: .25em; }

.box .title { font-size: 1.1em; }

.node .title { font-size: 1.1em; }

.node { margin: .5em 0 1em 0;}

#center .node { padding-bottom:1.5em; }

.sticky {
	padding-bottom:1em;
	border-bottom:1px dotted #E0E4E7;
}

.node .content, .comment .content { margin: .5em 0 .5em 0; }

.node .taxonomy {
	color: #999;
	font-size: 0.8em;
	padding: 1.5em;
}

.node .picture {
	border: 1px solid #ddd;
	float: right;
	margin: 0.5em;
}

.comment {
	border: 1px solid #abc;
	padding: .5em;
	margin-bottom: 1em;
}

.comment .title a {
	font-size: 1.1em;
	font-weight: normal;
}

.comment .new {
	text-align: right;
	font-weight: bold;
	font-size: 0.8em;
	float: right;
	color: red;
}

.comment .picture {
	border: 1px solid #abc;
	float: right;
	margin: 0.5em;
}

/*
** Module specific styles
*/
#aggregator .feed-source {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 1em;
	margin: 1em 0 1em 0;
}

#aggregator .news-item .categories, #aggregator .source, #aggregator .age {
	color: #999;
	font-style: italic;
	font-size: 0.9em;
}

#aggregator .title {
	margin-bottom: 0.5em;
	font-size: 1em;
}

#aggregator h3 { margin-top: 1em; }

#forum table { width: 100%; }

#forum td { padding: 0.5em 0.5em 0.5em 0.5em; }

#forum td.forum, #forum td.posts { background-color: #eee; }

#forum td.topics, #forum td.last-reply { background-color: #ddd; }

#forum td.container { background-color: #ccc; }

#forum td.container a { color: #555; }

#forum td.statistics, #forum td.settings, #forum td.pager {
	height: 1.5em;
	border: 1px solid #bbb;
}

#forum td .name { color: #96c; }

#forum td .links {
	padding-top: 0.7em;
	font-size: 0.9em;
}

#profile .profile {
	clear: both;
	border: 1px solid #abc;
	padding: .5em;
	margin: 1em 0em 1em 0em;
}

#profile .profile .name { padding-bottom: 0.5em; }

.block-forum h3 { margin-bottom: .5em; }

.calendar a { text-decoration: none; }

.calendar td, .calendar th {
	padding: 0.4em 0;
	border-color: #888;
}

.calendar .day-today { background-color: #69c; }

.calendar .day-today a { color: #fff; }

.calendar .day-selected {
	background-color: #369;
	color: #fff;
}

.calendar .header-week { background-color: #ccc; }

.calendar .day-blank { background-color: #ccc; }

.calendar .row-week td a:hover {
	background-color: #fff;
	color: #000;
}

/*----------block stuf ----------*/

#left .block-title {
	color: #FF9900;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 0;
	height:26px;
	background-image: url(img/bg_secundary.gif);
	background-repeat: no-repeat;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 32px;
}

/* ------------------- block-user-0 ----------------- */
#block-user-0 .item-list {
	margin-top:10px;
	text-align:left;
	padding:4px 0 0 0;
}

#block-user-0 .item-list ul li { list-style-type:none; }

.user_profile label { font-weight:bold; }

.user_profile .fields { margin:1.4em 0; }

/* ------------------- NOTA BOVEN ----------------- */


#block-views-simpleviews_nota_boven-block {
background-image:url(img/note.jpg);
background-repeat:no-repeat;
height:170px;
width:100%;
padding-top:37px;
padding-left:0;
margin:0;
}

#block-views-simpleviews_nota_boven-block H2 {
color:#006699;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
font-weight:bold;
text-align:center;
font-style:normal;

}

#block-views-simpleviews_nota_boven-block .views-field-title {border:none; margin:0; padding:0;}

#block-views-simpleviews_nota_boven-block .views-field-title a {color:#333333; font-size:1.0em; text-decoration:none; letter-spacing:normal; page-break-before:auto;}

#block-views-simpleviews_nota_boven-block .views-field-title a:hover {color:#FF6600;}

#block-views-simpleviews_nota_boven-block .views-field-title .field-content {
padding-left:0;
margin-left:6px;
font-weight: normal;
font-size:10px;
font-style:normal;
color:#FF9900;
}

/* ------------------- NOTA ONDER ----------------- */


#block-views-simpleviews_nota_onder-block {

background-image:url(img/note.jpg);
background-repeat:no-repeat;
height:170px;
width:100%;
padding-top:37px;
padding-left:0;
margin:0;
font-style:normal;
}

#block-views-simpleviews_nota_onder-block H2 {
color:#006699;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
font-weight:bold;
text-align:center;

}

#block-views-simpleviews_nota_onder-block .views-field-title {border:none;}

#block-views-simpleviews_nota_onder-block .views-field-title a {color:#333333; font-size:1.0em; text-decoration:none; letter-spacing:normal; page-break-before:auto;}

#block-views-simpleviews_nota_onder-block .views-field-title a:hover {color:#FF6600;}

#block-views-simpleviews_nota_onder-block .views-field-title .field-content {
padding-left:0;
margin-left:6px;
font-weight: normal;
font-size:10px;
font-style:normal;
color:#FF9900;
}

/* sidebar menu
--------------------------------------------------*/

#right li.collapsed, #right li.leaf {
	padding:0;
	line-height:1.2em;
}

#right .collapsed a, #right .leaf a {
	display:block;
	padding:2px;
	height:1%; /* IE WIN */
	text-decoration:none;
	font-size:0.90em;
	font-weight:normal;
	border-bottom:1px dotted #E0E4E7;
	color:#000;
	margin-left:0;
	padding-left:0;
}

*html #right .collapsed a, #right .leaf a { border-bottom:1px solid; }

#right .collapsed a:hover, #right .leaf a:hover {
	color:#000;
	text-decoration:none;
}

#right ul li {
list-style:none;
list-style-image:none;
}

#right ul li ul {
padding-left:0;
}

/* -------------- table view ------------------------- */
table {
	width:100%;
	margin-bottom:15px;
}

thead th {
	background:#A7D34B;
	border:1px solid #88B52D;
	padding:11px 5px;
}

tr.odd td, tr.even td {
	padding:8px 5px;
	border:1px solid #88B52D;
}

tr.odd td { background:#F3FAE4; }

tr.even td { background:#E0EFC0; }

tr.odd td.active { background:#E6F2CE; }

tr.even td.active { background:#D1E8A4; }

tr.odd td a, tr.odd td { color:#6A8C22; }

tr.even td a, tr.even td, thead th a { color:#344A04 !important; }

.pager { margin-bottom:15px; }

/* -------------- Producttable view ------------------------- */
.view-content table {
	width:100%;
	margin-bottom:15px;
}

.view-content thead th {
	background:#FFF;
	border:none;
	padding:0;
}

.view-content tr td {
	padding:0;
	border:none;
}


.view-content tr.odd td { background:#FFF; }

.view-content tr.even td { background:#FFF; }

.view-content tr.odd td.active { background:#FFF; }

.view-content tr.even td.active { background:#FFF; }

.view-content tr.odd td a, tr.odd td { color:#333; }

.view-content tr.even td a, tr.even td, thead th a { color:#333 !important; }



/* sidebar menu
--------------------------------------------------*/

#left li.collapsed, #left li.leaf {
	line-height:1em;
	list-style-image:none;
	list-style:none;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

#left li.expanded a {
font-weight:normal;
}
#left .collapsed a, #left .leaf a {
	color:#333;
	font-weight:normal;	
	display:block;
	padding:3px;
	height:1%; /* IE WIN */
	text-decoration:none;
	border-bottom:1px solid #E0E4E7;
}

/* geen mouse-over bij actief secundair item*/
#left ul li.active-trail a:hover {
background:none;
color:#333333;
}	


#left .collapsed a:hover, #left .leaf a:hover {
	background-color: #3398CC;
	color:#fff;
	text-decoration:none;	
}

#left ul li.last a:hover {
	background-color: #3398CC;
	color:#fff;
	text-decoration:none;	
}

#left ul li.first a:hover {
	background-color: #3398CC;
	color:#fff;
	text-decoration:none;	
}

/* uiterlijk sub secundaire links*/
#left ul li ul li.leaf a {
	background-image: url(img/bg_secundary_sub.gif);
	background-repeat:no-repeat;
	background-position:left top;
	line-height:0.8em;
	margin-left:-24px;
	margin-bottom:2px;
	padding-left:18px;
	font-size:11px;
	font-weight:bold;
	color:#3398CC;
	border:none;
}



/*afstand sub-secundair item tot bovenliggend secundair item*/
#left ul li ul li.first a {
	margin-top:5px;
}
/*afstand sub-secundair item tot onderliggend secundair item*/
#left ul li ul li.last a {
	margin-bottom:5px;

}

#left ul li ul li.leaf a:hover {
	background:url(img/bg_secundary_sub.gif);
	background-repeat:no-repeat;
	background-position:left top;	
	color:#3398CC;
	text-decoration:underline;
}

#left ul li.expanded {
	background:none;
	list-style-image:none;
	list-style:none;
	display:block;
	margin-left:20px;
}

#left ul li.expanded a {
	color:#333;
	text-decoration:none;
}

#left ul li.expanded a:hover {
background:none;
color:#333;
text-decoration:none;
}
/* -------------------- laout. Holy Grail layout technique is used. Do not forget to fix IE ------------------- */

#wrapper {
	width:990px;
	padding:0;
	margin: 4px auto;
	text-align:left;
	background: url(img/body_bg.png) top center repeat-y;
}

#container { margin-top:15px; }

.container { padding:0; }

.container-left { padding-left: 200px;   /* LC fullwidth */ }

.container-right { padding-right: 270px;  /* RC fullwidth  */ }

#container .column {
	position: relative;
	float: left;
}

#center {
	padding:0;
	width: 100%;
	overflow:hidden;
}

#left {
	width: 180px;				/* LC width */
	padding: 0 20px 0 0;		/* LC padding */
	margin-left: -100%;
	overflow:hidden;
}

#container > #left { /* hide from f***king IE6! */ right: 200px;          /* LC fullwidth + CC padding */ }

#right {
	width: 270px;		/* RC padding */
	margin-right: -281px;		/* RC fullwidth + CC padding + 1 px for border*/
	overflow:hidden; /* this thing helps to get rid of layout breakdown if content is wider, than 100% */
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}

/* WEERGAVE NIEUWSITEMS OP FRONTPAGE */

.imagecache-foto_nieuws img {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	margin-left:0;
	margin-top:0;
	border:3px solid #E8E8E8;
}

.imagecache-foto_nieuws img:hover {
border:#BFBFBF solid 3px;
}

.field-content ul li {margin-left:140px;}
.view-simpleviews-nieuws .row-1 {height:170px; margin-top:5px;}
.view-simpleviews-nieuws .row-2 {height:170px; margin-top:5px;}
.view-simpleviews-nieuws .row-3 {height:170px; margin-top:5px;}
.view-simpleviews-nieuws .row-4 {height:170px; margin-top:5px;}
.view-simpleviews-nieuws .row-5 {height:170px; margin-top:5px;}

.view-simpleviews-nieuws .views-field-title { background-color:#111; width:100%; height:18px; display:block; clear:both; margin-top:10px;}
.view-simpleviews-nieuws .views-field-title a {color:#ffffff; font-size:1.1em; vertical-align:middle; line-height:18px; letter-spacing:0.1em;}
.view-simpleviews-nieuws .views-field-title:hover {color:#111; background-color:#0099CC;}
.view-simpleviews-nieuws .views-field-title a:visited {color:#ffffff;}

.view-simpleviews-nieuws .pager{margin-bottom:15px;}

/*****************  NIEUWS NODE **************************/

.field-field-nieuws-foto .field-item {
display:block;
float:left;
margin-right:12px;
margin-bottom:16px;
}




/*************** WEERGAVE PRODUCTEN IN GRID **************/
.views-view-grid tr {
vertical-align:top;

}

.views-field-field-afbeelding-fid {
vertical-align:top;
display: block;
margin-top:20px;
}

.views-field-field-omschrijving-value {
width:270px;
min-height:100px;
display: block;
}

.field-content ul li {
	margin-left:-20px;
	color:#666;
	list-style:outside square;
}

.view-content .views-table 	.views-field-title td {
margin-bottom:10px;
margin-top:25px;
display: block;
}

.views-field-title {
	border:#333 1px solid;
	display: block;
	width:270px;
	height:18px;
	margin-right:5px;
	margin-top:15px;
	margin-bottom:5px;
	font-size:12px;
	line-height:18px;
}

.views-field-title .field-content {
padding-left:4px;
font-weight:bold;
}

.views-field-field-prijs-value {
	display: block;
	background-color:#f5f5f5;
	float:left;
	font-style:italic;
	font-weight:bold;
	color: #006699;
	padding:4px;
	border:1px solid #F1F1F1;
	margin-bottom:25px;	
}

/*************WEERGAVE PROMOTIES**************************/

.view-simpleviews-promotie .views-row-even {
border-bottom:#CCCCCC dotted 1px;
padding-bottom:6px;
}

.view-simpleviews-promotie .views-row-odd {
border-bottom:#CCCCCC dotted 1px;
padding-bottom:9px;
}

.view-simpleviews-promotie .views-row-odd span {
height:12px;
}

.views-field-field-afbeelding-promotie-fid img {float:right; margin-right:20px;}

.view-simpleviews-promotie .views-field-field-nieuwe-prijs-value .field-content {color:#FF0000;}

/*************WEERGAVE MERKEN**************************/

.view-merk-fietsen .views-view-grid {margin-top:6px;}
.view-merk-fietsen .views-field-field-merk-value {font-weight:bold; background-color:#F3F3F3;}

.view-merk-fietsen .views-field-field-url-value a {font-weight:normal;}

.view-merk-fietsen .views-field-field-url-value a:hover {text-decoration:underline;}

/*************WEERGAVE OPRUIMINGEN**************************/

/*.view-simpleviews-opruiming .views-field-field-nieuwe-prijs-value .field-content {color:#FF0000;}*/

#main .view-Opruimingen  {
font-size:0.95m;

}

#main .view-Opruimingen caption {
background-color:F5F5F5;
margin-top:15px;
text-align:left;
height:20px;
font-weight:bold;
font-size:1.2em;
color:#006699;
}

#main .view-Opruimingen .views-field-title {
background:none;
display:block;
width:auto;
height:1.6em;
line-height:1.6em;

}

#main .view-Opruimingen tr.even {
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
color:#333333;
}

#main .view-Opruimingen tr.odd{
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
color:#333333;
}

#main .view-Opruimingen .views-field-field-oude-prijs-value {
text-align:right;
margin-right:1.5em;
padding:0.5em;
width:auto;
}

#main .view-Opruimingen .views-field-field-nieuwe-prijs-value {
text-align:right;
padding:0.5em;
width:auto;
font-weight:bold;
}

#main .view-Opruimingen .views-field-field-opruiming-korting-value {
text-align:center;
margin-right:1.5em;
padding:0.5em;
width:auto;
}


/*************WEERGAVE KLANT-IN-BEELD**************************/

.field-item {
	display: inline;
	border:none;
	}


.field-item a img {
	border: #333 solid 1px;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	}
	
.field-item a img:hover {
	border: #666 solid 1px;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	}
	

/***************** EXPOSED FILTERS BIJ FIETSEN ************************/

.view-filters .views-exposed-form .views-exposed-widget {
padding-top: 0.0em;
padding-right: 1em;
padding-bottom: 0pt;
padding-left: 0pt;
}

.view-filters .views-exposed-widgets {
margin-bottom: 0.5em;
margin-top:1.0em;
background-color:#f5f5f5;
padding:5px;
border:solid 1px#e5e5e5;
color:#666;
}

.view-filters .views-exposed-form .views-exposed-widget .form-submit { /* button Ga! */
	width:80px;
	height:22px;
	background-color:#999999;
	border:solid 1px #666;
	cursor:pointer;
	font-size:1em;
	font-weight:bold;
	color:#fff;
	margin-top:20px;
}

.view-filters .views-exposed-form .views-exposed-widget .form-select {
height:22px;
border:solid 1px #666;
cursor:pointer;
background-color:#f5f5f5;
border:solid 1px #666;
color:#666;
}

.view-filters .views-exposed-form label {
display:block;
margin-bottom:5px;
color:#666;
}