﻿h1 {
    color: #CC0000;
    font-size: 16px;
    font-family: Tahoma;
    padding: 10px 0;
    margin: 0px 0px 5px 0px;

    border-bottom: dashed 1px #cccccc;
}

.body_message {
    background: #F9F9F7;
    font-size: 12px;
    padding: 5px 10px;
    margin: 0px 0px 9px 0px;
 
}

#container_breadcrumb 
{
	font-size: 11px;
	width: 1030px;
	margin: 5px 10px 10px 10px;
	text-align: left;
}
div.breadcrumb  
{
	color: #FFF;
	text-shadow: 0px 1px 0px #B70000;
	}
div.breadcrumb a, div.breadcrumb a:visited 
{
	color: #FFF;
	text-decoration: underline;
}
div.breadcrumb a:hover 
{
	color: #FFF;
	text-decoration: none;
}
div.breadcrumb a.active 
{
	font-weight: bold;
	text-decoration: none;
}

/*KOLOMMEN*/

.hp_row1container {
}
.hp_row2container 
{
	clear: both;
	float:left;
}
.hp_kolom1container 
{
    width:345px;
    float: left;
}
.hp_kolom2container  
{
   float:left;
   width:345px;
   margin: 0px 0px 0px 10px;
}
.hp_kolom2en3container 
{
   float:left;
   width:695px;
   margin: 0px 0px 0px 10px;
}
.hp_kolom3container 
{
   float:left;
   width:340px;
   margin-left:10px;
}

/* HOMEPAGE */

#introtekstbox 
{
	text-align: left;
	color: #ffffff;
	padding:10px 5px;
	border-top: 1px #F17272 solid;
	border-bottom: 1px #F17272 solid;
	margin: 0px 0px 10px 0px;
	background: #E14D4D;
}
#introtekstbox p
{
	margin: 5px 0px 5px 0px;
	font: 11px Tahoma;
}
#introtekstbox h1 
{
	color: #ffffff;
	font-size: 13px;
	font-weight: normal;
}

/* redefine leftmenu: SEARCH*/

#container_quicksearch div.leftmenu_body  
{
	background: #C80707;
	text-align: center;
}
div.leftmenu_body div.empty_cart{
	color: #999;
}
div.leftmenu_body a, div.leftmenu_body a:visited
{
	color: #CC0000;
	text-decoration: underline;
}
div.leftmenu_body a:hover
{
	color: #CC0000;
	text-decoration: none;
}
#container_quicksearch div select.textfield 
{
	width: 305px;
}
#container_quicksearch div .textfield 
{
	width: 300px;
}

/* THEMA */

#themabox 
{
	padding: 10px 10px 0px 10px;	
	height:374px;
	background-color: #FFFFFF;
	float: left;
}
/* thema header */
.thema_header 
{
	color: #333;
	padding: 10px 0px 20px 0px;	
	font-size: 13px;
	width: 675px;
	border-bottom: 1px dotted #CCCCCC;
}
.thema_header h2
{
	font-size: 16px;
	font-weight: normal;
	margin: 0px 0px 4px 0px;
	padding: 8px 0px 0px 0px;
}
.thema_header h2 span
{
	font-weight: bold;
}
.thema_header.kleur img 
{
	margin: 0px 5px 0px 0px;
}
/* thema content */
.thema_content 
{
	text-align: center;
	padding: 20px 0px 15px 0px;
	float: left;
}
.thema_content div 
{
	border-left: 1px dotted #CCCCCC;
	float: left;
	text-align: center;
}
.thema_content div:first-child 
{
	border-left: none;
}
.themaproduct
{
    width: 203px;
	height: 180px;
	float: left;	
	font-size: 11px;
}
.themaproduct div.thumb
{
	width: 170px;
	height: 170px;
	text-align: center;
	vertical-align: middle;
	margin: 0px 0px 0px 16px;
}
.themaproduct div.data
{
	width: 170px;
	text-align: center;
	border: none;
	margin: 0px 0px 0px 16px;
}
.themaproduct div.data a, .themaproduct div.data a:visited
{
	color: #333;
	text-decoration: underline;
}
.themaproduct div.data a:hover
{
	color: #000;
	text-decoration: none;
}
/* thema scroll */
.scroll_left, .scroll_right 
{
	width: 30px;
	height: 180px;
	cursor: pointer;	
}
.scroll_left img 
{
	text-align: left;
	margin: 80px 0px 0px 0px;	
}
.scroll_right img 
{
	text-align: right;
	margin: 80px 0px 0px 0px;	
}
/* thema footer */
.thema_footer 
{
	background: #FFFFFF url('/images/themabox_scroll_content.gif') no-repeat center top;	
	float: left;
	padding: 25px 0px 0px 0px;	
	border-top: 1px dotted #CCCCCC;
}
.thema_footer .themabutton.kleur
{
	float: left;
}
/* SHOPPING CART */	
#container_shoppingcart div.leftmenu_body img
{
	 float: left;
	 margin: 5px 5px 0px 0px;
}
div#container_shoppingcart div.leftmenu_body{
	height: 103px;
	padding: 3px 0px 0px 5px;
	
}
 .current_items {
	padding: 0px 0px 0px 0px;
	float: left;
	}


/* SELECTION WIZARD */	

.title_selection {
	color: #333;
	font-size: 16px;
	background: url(/images/background_leftmenu_grey.jpg) repeat-x left top;
	padding: 10px 5px 5px 5px;
	border: 1px solid #BCC1AA;
	border-top: none;
}
.body_selection {
	background: #F9F9F7;
	font-size: 11px;
	padding: 5px 5px;
	margin: 0px 0px 9px 0px;
	height: 120px;
}
.body_selection h2{
	color: #C80707;
	font-size: 13px;
	font-weight: normal;
	background: url(/images/arrow_left_red.gif) no-repeat left 4px;
	padding: 0px 0px 0px 10px;
	margin: 0px;
}
.body_selection p{
	margin: 0px;
}
.body_selection a, .body_selection a:visited{
	color: #C80707;
	text-decoration: underline;
}
.body_selection a:hover {
	color: #C80707;
	text-decoration: none;
}
/* EXHIBITIONS  */	

.title_exhibitions {
	color: #333;
	font-size: 16px;
	background: url(/images/background_leftmenu_grey.jpg) repeat-x left top;
	padding: 10px 5px 5px 5px;
	border: 1px solid #BCC1AA;
	border-top: none;
}
.body_exhibitions {
	background: #F9F9F7;
	font-size: 11px;
	padding: 5px 5px;
	margin: 0px 0px 0px 0px;
	height: 105px;
}
.body_exhibitions div
{
	border-top: 1px dashed #ccc;
	padding: 5px 0px 0px 0px;
}
.body_exhibitions div div
{
	border-top: none;
	padding: 0px 0px 0px 0px;
	margin: -5px 0px 0px 0px;
}
.body_exhibitions a, .body_exhibitions a:visited{
	color: #C80707;
	text-decoration: underline;
	background: url(/images/arrow_left_red.gif) no-repeat left 2px;
	padding: 0px 10px 0px 10px;

}
.body_exhibitions a:hover {
	color: #C80707;
	text-decoration: none;
}
/* redefine leftmenu: NEWS */	

div.title_news
{
	font-size: 16px;
	color: #333;
	border-top: none;
}
.body_news 
{
	height: 270px;
}
.body_news div 
{
	margin: 0px 0px 14px 0px;
}
.body_news  a, .body_news a:visited
{
	color: #CC0000;
	text-decoration: underline;
	font-size: 13px;
}
.body_news a:hover
{
	color: #CC0000;
	text-decoration: none;
}
.body_news span 
{
	color: #999;
	font-size: 13px;
}
.body_news p 
{
	margin: 14px 0px 0px 0px;
}

/*SHOWCASE*/

.title_showcase
{
	color:#FFFFFF;
	font-size: 16px;
	padding: 10px 5px 5px 5px;
	border: 1px solid #000;
	border-top: none;
	background: url(/images/background_customer_showcase.gif) repeat-x left top;
}
.title_showcase A
{
    color:#FFFFFF;
    text-decoration:none;
}
.body_showcase 
{
	background: #333333;
	padding: 0px;
	margin: 0px;    
}
.body_showcase .slider ul 
{
	margin: 0px;
	list-style-type: none;
}
.showcase_picture 
{
	z-index: 1;
	position: absolute;
	left: 0px;
	top: 0px;
	float:left;
}
.showcase_intro 
{
	background-color: #D63434;
	color: #FFF;
	position: relative;
	z-index: 100;
	height: 100px;
	width: 110px;
	padding: 5px;
	left: 10px;
	top: 10px;
	/* for IE */
	  filter:alpha(opacity=90);
	/* CSS3 standard */
	  opacity:0.9;
}
.showcase_intro div
{
	margin: 5px 0px 0px 0px;
	position: absolute;
	font-size: 11px;
}
.showcase_intro div h2
{
	font-size: 13px;
	margin: 0px 0px 5px 0px;
	font-weight: normal;
}
.footer_showcase 
{
	margin: 0px;
	padding: 10px 5px;
	font-size: 11px;
	background-color:#333;
	text-align: center;
	clear: both;
}
.footer_showcase a, .footer_showcase a:visited 
{
   color:#FFFFFF;
   text-decoration: none;
   padding: 0px 0px 0px 5px;
   cursor:pointer;
}
.footer_showcase a:first-child 
{
   padding: 0px 0px 0px 0px;
   cursor:pointer;
}
.footer_showcase a:hover 
{
   color:#CC0000;
   text-decoration: none;
   cursor:pointer;
}
.footer_showcase a.current 
{
   color:#CC0000;
   text-decoration: none;
   cursor:pointer;
}

/* ERROR PAGE */
/* SELECTION WIZARD */	

.title_error {
	color: #333;
	font-size: 16px;
	background: url(/images/background_leftmenu_grey.jpg) repeat-x left top;
	padding: 10px 5px 5px 5px;
	border: 1px solid #BCC1AA;
	border-top: none;
}
.body_error {
	background: #F9F9F7;
	font-size: 11px;
	padding: 10px 5px;
	
	
}
.body_error h2{
	color: #C80707;
	font-size: 13px;
	font-weight: normal;
	background: url(/images/arrow_left_red.gif) no-repeat left 4px;
	padding: 0px 0px 0px 10px;
}
.body_error a, .body_error a:visited{
	color: #C80707;
	text-decoration: none;
}
.body_error a:hover {
	color: #000;
	text-decoration: none;
}