/*
#################
#	ALGEMEEN	#
#################
*/
body, html,
h1, h2, h3, h4, h5, h6,
p,
ul, ol, li,
dl, dt, dd
{
	margin: 0; padding: 0;
}
html { font: 62.5%/200% Arial, Verdana, Tahoma, sans-serif; overflow-y: scroll; }
body { font-size: 1.2em; }

.block { display: block; }
.hidden { visibility: hidden; }
.invisible { display: none; }
.f-left { float: left; }
.f-right { float: right; }
.clear { clear: both; }
.links { text-align: left; }
.midden { text-align: center; }
.rechts { text-align: right; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.center { display: block; margin: auto; }
.absolute { position: absolute; }
.relative { position: relative; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
ul.none, ol.none { list-style: none; }
a:hover, a:focus, a.none { text-decoration: none; }
a.none:hover, a.none:focus { text-decoration: underline; }

img { border: none; }
p, div.alinea { margin-bottom: 1.2em; }
div.wrapper, .overflow { overflow: hidden; }

/*
################
#	LAYOUT	   #
################
*/

/* Container
------------------------------------------------------------------*/
div#container {
	width: 960px;
	background: #fff;
	margin: 20px auto;
	text-align: left;
}

/* Bovenste deel */

div#header {
	height: 100px;
	background: #ffffff;
}

div#header h1 {
	float: left;
	width: 174px;
	height: 69px;
	margin: 15px 0 0 3px;
	text-indent: -9999px;
	background: url(/img/rcg-logo.gif) no-repeat;
}

div#header h1 a {
	display: block;
	height: 69px;
}

div#header div.aanbieding {
	float: right;
	margin: 4px 0 0;
	padding: 10px 20px 0 12px;
	width: 602px;
	height: 96px;
	background: url(/img/header-aanbieding-bg.gif) no-repeat;
}

div#header div.aanbieding div.inhoud {
	float: left;
	width: 360px;
}

div#header div.aanbieding h3 {
	font-size: 1.5em;
	margin-bottom: .4em;
}

div#header div.aanbieding h3 a {
	color: #e42c2a;
}

div#header div.aanbieding p { line-height: 120%; margin-bottom: .6em; }

div#header div.aanbieding a.lees-meer {
	color: #000;
	display: block;
	background: url(/img/pijltje-rood.gif) no-repeat right 0;
}

/* Hoofdmenu
------------------------------------------------------------------*/
div#hoofdmenu div.zoeken {
	float: right;
	width: 241px;
}


div#hoofdmenu {
	height: 47px;
	background: #000000 url(/img/hoofdmenu-bg.gif);
	border-top: 1px solid #efefef;
	color: #fff;
}

div#hoofdmenu ul {
	float: left;
	width: 683px;
	padding: 15px 22px 0px 14px;
	list-style: none;
	font: 1.4em helvetica;
	position: relative;
}

div#hoofdmenu ul li {
	float: left;
	display: block;
	background: url(/img/hoofdmenu-list-img.gif) right 50% no-repeat;
	padding: 0 15px 0 8px;
}

div#hoofdmenu ul li.geen-punt {
	background: none;
}

div#hoofdmenu ul li img.hover,
div#hoofdmenu ul li:hover img.non-hover,
div#hoofdmenu ul li:focus img.non-hover,
div#hoofdmenu ul li.hover img.non-hover { display: none; }

div#hoofdmenu ul li:hover img.hover,
div#hoofdmenu ul li:focus img.hover,
div#hoofdmenu ul li.hover img.hover { display: block; }

div#hoofdmenu ul li img { display:block; }

div#hoofdmenu li a {
	color: #ffffff;
	text-decoration: none;
	display: block;
}


div#hoofdmenu li a:hover,
div#hoofdmenu li a:focus,
div#hoofdmenu li a.active {
	border-color: #00afff;
}


/* hoofdmenu UITKLAP-MENU */
div#hoofdmenu li ul {
	display: none;
	position: absolute;
	background: #cecece;
	width: 945px;
	padding: 0 0 0 13px;
	border-top: 14px solid #000000;
	font: 12px arial;
	left: 1px;
}

div#hoofdmenu li:hover ul,
div#hoofdmenu li.hover ul {
	display: block;
}

div#hoofdmenu li ul li {
	float: left;
	display: block;
	border-bottom: 1px solid #C7DDEA;
	background: #cecece;
}

div#hoofdmenu li ul li a {
	display: block;
	padding: 5px 3px;
	border: 0;
	text-decoration: none;
	color: #000000;
}

div#hoofdmenu li ul li a:hover {
    text-decoration: underline;
}

div#hoofdmenu li:hover ul li ul,
div#hoofdmenu li.hover ul li ul {
	display: none;
	border-top: 5px solid #C7DDEA;
	border-bottom: 5px solid #912684;
	position: absolute;
	background: #f8fbfe;
	width: 160px;
	margin-left: 188px;
	margin-top: -35px;
}

div#hoofdmenu li ul li:hover ul,
div#hoofdmenu li ul li.hover ul {
	display: block;
}

div#hoofdmenu li ul li ul a {
	display: block;
}


/* MAIN CONTAINER
------------------------------------------------------------------*/

div#main {
	padding-top: 10px;
}

/* breadcrumbs
------------------------------------------------------------------*/

p#breadcrumbs {
	clear: both;
	margin-bottom: 0;
	padding: 3em 0 .5em 22px;
	color: #000;
	font-size: .9em;
	background: url(/img/main-top-bg.gif) no-repeat left top;
}

p#breadcrumbs a { color: #000; }


/* over RCG
------------------------------------------------------------------*/

div.over a.overblock {
	color: #ffffff;
	margin: 1.6em 0 1.2em;
	display: block;
}

div.over a img.links { 
	float: left;
	margin: 5px 0 0 10px;
}

div.over a img.midden { 
	float: left;
	margin-top: 6px;
}

div.over a.overblock span {
	float: right;
	width: 187px;
	padding-left: 18px;
	background: #fff url(/img/pijl-blauw.gif) no-repeat right 4px;
}

div.over p { width: 469px; }

div.over a.overblock-rood { background: #e42c2a; }
div.over a.overblock-blauw { background: #008fd0; }
div.over a.overblock-groen { background: #a7c855; }

div.over a.overblock-rood span {
	background-image: url(/img/pijl-rood.gif);
}

div.over a.overblock-groen span {
	background-image: url(/img/pijl-groen.gif);
}

/* Linkerblok
------------------------------------------------------------------*/
div.left {
	float: left; 
	width: 705px;
	background: url(/img/left.gif) repeat-y;
	padding: 0;
}

div.content { padding: 1.2em 16px 2em; }

div.producten-content h1 { margin-left: 6px; }


div.left-no-border div.content { padding: 0; }

div.content div.kolom-links {
	float: left;
	width: 367px;
}

div.content div.product-detail-onder { width: 437px; }

div.content div.kolom-rechts {
	float: right;
	width: 295px;
}

div.content div.product-detail {
	width: 670px;
}

div.bordertop { height: 4px; background:url(/img/border-top.gif) no-repeat;}
div.borderbottom { 
	height: 4px; 
	background:url(/img/border-bottom.gif) no-repeat 0 bottom;
}

div.left-no-border {
	background:none;
	padding: 0;
}

div.left-no-border div.bordertop,
div.left-no-border div.borderbottom { display: none; }

div.content h1,
div.content h2 { margin-bottom: .8em; }

div.kolom-links h3 { 
	color: #008fcf;
	font-size: 1em; 
}

div.kolom-links p { margin-bottom: 1.4em; }

div.kolom-links a, 
div.kolom-links a:focus,
div.kolom-links a:hover { color: #e42c2a; }
div.kolom-links a:visited { color: #941c1b; }

div.kolom-links ul li { padding-left: 8px; }
div.kolom-links ul {
	list-style-image: url(/img/li-rood-pijltje.gif);
	padding-left: 21px;
	margin-bottom: 1.4em;
}


/* photoviewer
------------------------------------------------------------------*/
div.photo-viewer {
	background: #d6d6d6;
	margin-bottom: 1.4em;
	padding: 1em 10px;
}

div#placeholder img {
	border: 1px solid #ffffff;
}

div#placeholder img#zoom {
	position: absolute;
	margin: 9px 0 0 343px;
	border: none;
}

div#placeholder small {
	font-size: .9em;
	margin-bottom: 1em;
	display: block;
}

div.product-detail div#placeholder { 
	float: left;
	margin-right: 13px;
}

div.product-detail div.photo-viewer p { 
	width: 437px;
}

div.product-detail div.photo-viewer { 
	padding-bottom: 1.8em;
	padding-right: 4px;
}

div.product-detail div#thumbnails {
	width: 210px;
	margin-right: 8px;
	float: right;
}

div#thumbnails a.meer-info {
	display: block;
	float: none;
	background: url(/img/pijltje-zwart.gif) no-repeat right 2px;
	border: none;
	border-bottom: 1px solid #fff;
	margin-bottom: 13px; margin-right: 0;
}

div#thumbnails a.meer-info img { margin-bottom: 12px; }

div#thumbnails a {
	border: 1px solid #ffffff;
	float:left;
	margin-right: 6px;
	margin-bottom: 6px;
}

div#thumbnails div.product-thumb a { margin: 0; }

div.product-thumb {
	width: 101px;
	margin-bottom: 8px;
}

div.product-thumb span {
	line-height: 140%;
	font-size: 0.8em;
	display: block;	
	margin-bottom: 4px;
}

div#thumbnails a:hover,
div#thumbnails a:focus { border-color: #fc0e0e;}

div#thumbnails a:hover.meer-info,
div#thumbnails a:focus.meer-info { border-color: #ffffff; }

div.left dl.overzicht {
	float: left;
	width: 228px; height: 158px;
	margin: 0 0 10px 10px;
	color: #363636;
	background: url(/img/overzicht-bg.gif) no-repeat left bottom;
}

div.left div.producten-content dl.overzicht { 
	background: url(/img/overzicht-bg-smal.gif) no-repeat left bottom;
	width: 212px;
	height: 210px;
	margin-right: 5px;
}

div.left div.producten-content dl.overzicht:hover,
div.left div.producten-content dl.overzicht-hover {
	background: url(/img/overzicht-bg-smal.gif) no-repeat right bottom;
}


div.left dl.overzicht:hover,
div.left dl.overzicht-hover {
	background: url(/img/overzicht-bg.gif) no-repeat right bottom;
}

div.left dl.eerste {
	margin-left: 0;
}

div.left dl.overzicht dt {
	height: 39px;
    padding: 6px 13px 6px;
	font: bold 17px helvetica;
	background: url(/img/overzicht-bg.gif) no-repeat left top;
}
div.left div.producten-content dl.overzicht dt {
	height: 50px;
	overflow: hidden;
	margin-bottom: 10px;
	background: url(/img/overzicht-bg-smal.gif) no-repeat left top;
	padding-left: 9px;
	padding-right: 9px;
}

div.left div.producten-content dl.overzicht:hover dt,
div.left div.producten-content dl.overzicht-hover dt {
    background: url(/img/overzicht-bg-smal.gif) no-repeat right top;
}

div.left dl.overzicht:hover dt,
div.left dl.overzicht-hover dt {
    background: url(/img/overzicht-bg.gif) no-repeat right top;
}

div.left dl.overzicht dt a {
	display: block;
	padding-right: 21px;
	color: #000;
	text-decoration: none;
	background: url(/img/pijltje-rood.gif) no-repeat right .2em;
	height: 39px;
}

div.left dl.overzicht:hover dt a,
div.left dl.overzicht-hover dt a {
	color: #e42c2a;
	text-decoration: none;
}

div.left dl.overzicht dd { padding: 0 13px 5px; }
div.left div.producten-content dl.overzicht dd { padding: 0 11px 5px; }
div.left div.producten-content dl.overzicht dd p {
	height: 61px;
	margin-bottom: 0;
}


div.left dl.overzicht dd a p {
	text-decoration: none;
	color: #000;
	height: 37px;
	overflow: hidden;
	margin-bottom: 7px;
}





/* Rechterblok
------------------------------------------------------------------*/
div#right {
	float: right;
	width: 240px;
}

div#right dl.nieuws {
	margin-bottom: 10px;
}

div#right dl.nieuws dt {
	background: #0072ba;
	color: #fff;
	font: bold 22px helvetica;
	padding: 5px 10px;
}

div#right dl.nieuws dd {
	background: #f0f0f0;
	border-bottom: 1px solid #cdcdcd;
	padding: 10px; 
}

div#right dl.nieuws dd h2 { margin-bottom: .6em; }
div#right dl.nieuws dd h2 a { color: #000; font-size: .8em; }

div#right dl.nieuws dd p {
	font: 12px arial;
}

div#right dl.nieuws dd p strong {
    font: bold 14px arial;
}

div#right dl.nieuws dd p.datum {
    margin-bottom: 0px;
	font-size: 10px;	
}

div.kolom-links a,
div.kolom-link p a { color: #e42c2a; }

div#right dl.nieuws dd a.lees-meer {
    background: url(/img/nieuws-lees-meer-links.gif) left 50% no-repeat;
	color: #e42c2a;
	padding: 0 0 0 20px;
}

img#direct { margin-bottom: 2px; }

div#right a.crosslinks {
	list-style: none;
	padding: 8px 10px 0;
	margin-bottom: 10px;
	display: block;
	text-decoration: none;
}

div#right a.crosslinks strong {
    font-size: 19px;	
}

div#right a.crosslinks-rood {
    background: #e42c2a url(/img/direct-pijltje-rood.gif) 95% 50% no-repeat;
	color: #ffffff;
}

div#right a.crosslinks-groen {
    background: #a7c855 url(/img/direct-pijltje-groen.gif) 95% 50% no-repeat;
	color: #0a0a0a;
}

div#right a.crosslinks-blauw {
    background: #008fd0 url(/img/direct-pijltje-blauw.gif) 95% 50% no-repeat;
	color: #ffffff;
}



/* Footer
------------------------------------------------------------------*/
div#footer {
	background: #cecece;
	width: 940px;
	padding: 10px 10px;
	margin: 1.6em auto 20px;
	font: 12px arial;
}

div#footer p {
	margin-bottom: 0px;
	line-height: 22px;
}
div#footer span.blue {color: #6e9fd2;margin-left:130px;}
div#footer span.red {color: #b75043;margin-left:10px}


div#footer a {
	color: #000000;
}

div#footer img {
    margin: 0 0 0 10px;
    vertical-align: middle;
}


div#footer div.footer-links {
	float: left;
	width: 820px;
}

div#footer div.footer-rechts {
	float: right;
	width: 120px;
	text-align: right;
}

/*
####################
#	LIJSTEN	   #
####################
*/
/* Crosslinks (<dl>)
------------------------------------------------------------------*/
dl.crosslinks {
	border: 1px solid #dedede;
	margin-bottom: 1.4em;
	padding: 0 10px;
}

dl.crosslinks dt { padding: 1.8em 0 1.2em; }

dl.crosslinks dd {
	padding: .7em 0;
	border-top: 1px solid #dedede;
}

dl.crosslinks dd img { margin: 4px 10px 0 0; } 

ul.crosslinks li { list-style: none; }

ul.crosslinks li h3,
dl.crosslinks dd h3 { font-size: 1.15em; }

ul.crosslinks li h3 a,	
dl.crosslinks dd h3 a {
	color: #f00900;
	background: url(/img/pijltje-rood.gif) no-repeat right 2px;
	margin-bottom: 0.6em;
	padding-right: 37px;
}

dl.crosslinks dd a {
	color: #000;
}

dl.crosslinks dd a:focus,
dl.crosslinks dd a:hover {
	color: red;
	text-decoration: none;
}

/* Meer producten
------------------------------------------------------------------*/

dl.producten { 
	margin-bottom: 1.2em;
	background: #f0f0f0;
	padding-bottom: 1px;
}
 
dl.producten dt { 
	margin-bottom: 1em;
	background: #0072ba;
	padding: 14px;
}

dl.producten dd {
	line-height: 1.1em;	
	margin-bottom: 1.2em;
}

dl.producten dd a {
	padding: .2em 31px .2em 11px;
	background: url(/img/pijltje-rood.gif) no-repeat 210px 15px;
	display: block;
	color: #363636;
}

dl.producten dd a:hover,
dl.producten dd a:focus {
	color: #ed0000;
	text-decoration: none;
	background-color: #cecece;
}

dl.producten dd a img {
	border: 1px solid #fff;
	margin-right: 6px;
}

dl.producten dd a strong { height: 13px; }
dl.producten dd a p { margin:0; height: 27px; }
/*
####################
#	FORMULIEREN	   #
####################
*/
/* Algemeen
------------------------------------------------------------------*/
form { margin: 0; padding: 0; }
input, textarea { padding: 2px 5px; }
textarea { overflow: auto; }
input, select { font-family: Arial, Verdana, Tahoma, sans-serif; }

fieldset.none { border: none; margin: 0; padding: 0; }
fieldset.none legend { display: none; }
form ul, form ol { list-style: none; }

/* Webbeheer formulier
------------------------------------------------------------------*/
form.webbeheer-formulier fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

form.webbeheer-formulier legend {
	display: none;
}

form.webbeheer-formulier ul.velden {
 	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}
form.webbeheer-formulier ul li {
	overflow: hidden;
	height: 1%;
	margin-bottom: .5em;
}
form.webbeheer-formulier ul li label {
	width: 180px;
	float: left;
}
form.webbeheer-formulier ul li input {
	float: left;
	margin: 0;
	padding: .1em .2em;
}
form.webbeheer-formulier ul li select {
	float: left;
	width: 178px;
}
form.webbeheer-formulier ul li fieldset.radiogrouper {
	float: left;
}

form.webbeheer-formulier fieldset.radiogrouper div {
	overflow: hidden;
	height: 1%;
}

form.webbeheer-formulier ul li textarea {
	width: 160px;
}

form.webbeheer-formulier ul li fieldset.radiogrouper label {
	width: auto;
}

/* Zoek formulier
------------------------------------------------------------------*/

div#hoofdmenu div.zoeken { padding-top: 15px; }

div#hoofdmenu div.zoeken fieldset {
	border: 0;
	padding: 0;
	width: 238px;
	background:  #000000 url(/img/hoofdmenu-input-bg.gif) no-repeat scroll 0 0;
}

div#hoofdmenu div.zoeken input {
	font-size: 0.9em;
	float: left;
	width: 125px;
	height: 14px;
	border: 0;
	background: transparent;
}

div#hoofdmenu div.zoeken input.submit {
	width: 69px;
	height: 19px;
	padding: 0;
	background: none;
	margin-left: 28px;
}


/*
####################
#	TABELLEN	   #
####################
*/
/* Algemeen
------------------------------------------------------------------*/
table.full-width { width: 100%; }