/* CSS Document */
/* ############### tales.be css/html5 framework v2 (by kvd) ###############  */
/* ############### c23_crumbpath.css ############### */

/* WHITE PANELS RIGHT COL */
.panelwhite{
	background-image:url(/websites/46/uploads/image/basics/panel-white_top.gif); background-repeat:no-repeat;
	padding:14px 20px;
	}

.panelwhite h3{
	font-size:18px;
	color:#669900;
	margin:0 0 4px 0;
	}

.panelwhite .button{
	position:absolute;
	right:10px;
	padding-top:2px;
	padding-bottom:3px;
	display:block;
	height:23px;
	background-image:url(/websites/46/uploads/image/basics/button_bg.gif); background-repeat:repeat-x; background-position:center
	}
.panelwhite .button a{
	display:block;
	background-image: url(/websites/46/uploads/image/basics/button_arrow.gif); background-repeat:no-repeat; background-position:right;
	padding:5px 24px 3px 10px;
	text-decoration:none;
	color:#000
	}
.panelwhite .button a:hover{ 
	color:#FFF;}
	
.panelwhitestopper{
	display:block;
	height:21px;
	margin-bottom:6px;
	background-image:url(/websites/46/uploads/image/basics/panel-white_bottom.gif); background-repeat:no-repeat;}



/* GREY PANELS CONTENT ZONE */
.panelgrey{
	background-image:url(/websites/46/uploads/image/basics/panel-grey_top.gif); background-repeat:no-repeat;
	padding:3px 20px 14px 20px;
	}

.panelgrey h3{
	font-size:16px;
	color:#fff;
	margin:0 0 10px 0;
	}
	
.panelgrey img{
	padding:-3px 0 0 -20px;
	float:left;
	margin:-6px 15px 0 -20px;}

.panelgrey .button{
	position:absolute;
	right:1px;
	padding-top:2px;
	padding-bottom:3px;
	margin-top:-2px;
	display:block;
	height:23px;
	float:right;
	background-image:url(/websites/46/uploads/image/basics/button_bg.gif); background-repeat:repeat-x; background-position:center
	}
.panelgrey .button a{
	display:block;
	background-image: url(/websites/46/uploads/image/basics/button_arrow.gif); background-repeat:no-repeat; background-position:right;
	padding:5px 24px 3px 10px;
	text-decoration:none;
	color:#000
	}
.panelgrey .button a:hover{ 
	color:#FFF;}
	
.panelgreystopper{
	display:block;
	height:21px;
	margin-bottom:6px;
	background-image: url(/websites/46/uploads/image/basics/panel-grey_bottom.gif);
	background-repeat:no-repeat;}





/* GREEN PANELS CONTENT ZONE */
.panelgreen{
	background-image:url(/websites/46/uploads/image/basics/panel-green_top.gif); background-repeat:no-repeat;
	padding:3px 20px 4px 20px;
	font-size:18px;
	}

.panelgreen h3{
	font-size:24px;
	color:#fff;
	margin:10px 0 10px 0;
	}
	
.panelgreen img{
	padding:-3px 0 0 -20px;
	float:left;
	margin:-6px 15px 0 -20px;}

.panelgreen .button{
	display:inline-block;
	padding-top:2px;
	padding-bottom:3px;
	margin-top:-2px;
	height:23px;
	background-color:#222 !important;
	}
.panelgreen .button a{
	display:block;
	padding:5px 10px 3px 10px;
	text-decoration:none;
	color:#fff
	}
.panelgreen .button:hover{ background-color:white !important;}
.panelgreen .button a:hover{ 
	color:#222;}
	
.panelgreenstopper{
	display:block;
	height:21px;
	margin-bottom:6px;
	background-image: url(/websites/46/uploads/image/basics/panel-green_bottom.gif) ;
	background-repeat:no-repeat;}