/* stylesheet by Mark de Beer */
/* designed for the De Beer bv website */
/* Copyright 2008 */

body
	{ 
 	background: #FFFFFF;
	margin: 0px;
	font-family: Arial;
	color: #666666;
	text-align: center;
	}

a 	{ 
	text-decoration: none;
	cursor: pointer;
	color: #009999;
	}

a.hover	{
	color: #333333;
	}
	
a img	{
	border: 0px;
	}

#head	{
	position:relative; 
	margin:0 auto; 
	text-align:left; 
	width:1000px; 
	height:100px;
	}
	
#langselecter
	{
	position:absolute; 
	top:0px; 
	right:0px;
	width:9em;
	}

.langselecter_text
	{
	background: #009999;
	margin: 0px;
	font-size: 0.9em;
	font-weight: bold;
	color: #FFFFFF;
	font-style: italic;
	text-align: right;
	}

#headmenu1
	{
	position:absolute; 
	top:70px; 
	left:300px;
	width:130px;
	}
#headmenu2
	{
	position:absolute; 
	top:70px; 
	left:410px;
	width:130px;
	}
#headmenu3
	{
	position:absolute; 
	top:70px; 
	left:580px;
	width:130px;
	}
#headmenu4
	{
	position:absolute; 
	top:70px; 
	left:720px;
	width:130px;
	}
#headmenu5
	{
	position:absolute; 
	top:70px; 
	left:860px;
	width:130px;
	}
	
.headmenu_text
	{
	background: #FFFFFF;
	font-size: 0.8em;
	color: #999999;
	text-align: center;
	}

#a.headmenu:hover
	{
	color: #009999;
	}


#banner_bar
	{
	position:relative;
	top:0px;
	background-color: #EEEEEE;
	width:100%;
	margin:0 auto;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
	}

#banner
	{
	position:absolute;
	top:0px;
	left:0px;
	background-color: #EEEEEE;
	width:100%;
	}

#topmenu
	{
	position:relative; 
	top:2px;
	margin:0 auto; 
	text-align:left; 
	width:1000px; 
	height:1.2em;
	}
		
a.topmenu_link:hover	
	{
	color: #666666;
	}

.topmenu_link	{
	font-size: 0.8em;
	color: #009999;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	}
	
.topmenu_link_selected	{
	font-size: 0.9em;
	color: #666666;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	}

#topmenu_lines
	{
	position:relative;
	top:0.4em;
	width:100%;
	margin:0 auto;
	border-top: 1px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
	height:2px;
	}

.search_text
	{
	font-size: 0.8em;;
	color: #009999;
	font-weight: bold;
	text-align: right;
	margin: 0px;
	}

input.search	
	{
	position:relative;
	left:0px;
	top:0px;
	background: #FFFFFF;
	border: 0px;
	}

button.search_button	
	{
	position:relative;
	right:0px;
	top:-0.1em;
	background: #FFFFFF;
	font-size: 0.8em;
	color: #666666;
	font-weight: bold;
	width: 1.2em;
	height: 1.2em;
	border: 0px solid #999999;
	}

.search_input_field
	{
	position:relative;
	left:0px;
	top:0px;
	background: #FFFFFF;
	border: 0px;
	height: 15px;
	}
	
.search_border_lang	{
	background: #FFFFFF;
	font-size: 8pt;
	color: #333333;
	font-weight: normal;
	width: 170px;
	height: 20px;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	display: inline;
	margin: 0px;
	text-align: right;
	}

.search_button_lang	{
	background: #FFFFFF;
	font-size: 8pt;
	color: #666666;
	font-weight: bold;
	width: 10px;
	height: 15px;
	border-left: 0px solid #999999;
	border-top: 0px solid #999999;
	border-bottom: 0px solid #999999;
	border-right: 0px solid #999999;
	}

.search_form_style	{
	display: inline;
	margin: 0px;
	}
	
.search_title	
	{
	font-weight: bold;
	font-size: 10pt;
	text-decoration: underline;
	}

.search_shorttext
	{
	color: #666666;
	}

.search_url
	{
	color: #999999;
	}
	
.search_currentpage
	{
	color: #666666;
	font-weight: bold;
	}

a.search_currentpage
	{
	color: #666666;
	font-weight: bold;
	}
	
.send_button	{
	background: #FFFFFF;
	font-size: 8pt;
	color: #666666;
	font-weight: bold;
	text-align: center;
	width: 100px;
	height: 20px;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	}

#homepage
	{
	position:relative;
	top:4px;
	background: #FFFFFF;
	width:1000px;
	height:100%;
	margin:0 auto;
	text-align: left;
	}

#home_border
	{
	position:absolute;
	top:15px;
	left:0px;
	width:500px;
	height:245px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	}

.home_border_textn
	{
	font-size: 0.8em;
	color: #333333;
	font-weight: normal;
	}

.home_border_text
	{
	color: #333333;
	font-weight: normal;
	}

a.home_border_text
	{
	}

a.home_border_text:hover
	{
	text-decoration: underline;
	}

.home_border_title
	{
	font-size: 1.2em;
	color: #009999;
	font-weight: bold;
	}

a.home_border_title:hover
	{
	text-decoration: underline;
	}

#homepage_right
	{
	position:absolute;
	left: 530px;
	top:15px;
	width:450px;
	font-size: 0.8em;
	text-align: left;
	}

#newsshow	{
	background: #FFFFFF;
	margin:0 auto; 
	text-align:left; 
	position:absolute;
	left:5px; top: 300px;
	}
	
#mainframe
	{
	position:relative;
	top:5px;
	background: #FFFFFF;
	width:1000px;
	margin:0 auto;
	text-align: left;
	padding: 10px;
	}

.menupath
	{
	font-size: 8pt;
	color: #999999;
	font-weight: normal;
	}

a.menupath:link
	{
	font-size: 8pt;
	color: #999999;
	font-weight: normal;
	}

a.menupath:hover
	{
	font-size: 8pt;
	color: #999999;
	font-weight: normal;
	text-decoration: underline;
	}
	
#menu_left
	{ 
	position:absolute;
	top:0px;
	left:0px;
	width:170px;
	min-height:500px;
	background:#EEEEEE;
	border-top: 0px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
	font-size: 0.8em;
	padding-left: 5px;
	padding-top: 5px;
	}

.menu_left1_box
	{
	background: url("http://www.jdebeer.nl/files/beer_menu_left1.png");
	background-repeat: no-repeat;
	padding: 5px;
	width: 150px;
	}

.menu_left2_box
	{
	background: url("http://www.jdebeer.nl/files/beer_menu_left1.png") #EEEEEE;
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding: 5px;
	font-weight: bold;
	width: 150px;
	}

.menu_left3_box
	{
	background: #CCFFFF;
	color: #666666;
	padding: 5px;
	font-size: 0.9em;
	font-weight: bold;
	width: 143px;
	border-top: 0px solid #666666;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	}

.menu_left_text
	{
	color: #FFFFFF;
	font-weight: bold;
	}

a.menu_left_text:hover	
	{
	color: #333333;
	}

.menu_left3_text
	{
	color: #666666;
	font-weight: bold;
	}
.menu_left3_text_selected
	{
	color: #009999;
	font-weight: bold;
	}

a.menu_left3_text:hover
	{
	color: #009999;
	font-weight: bold;
	}

#page_content
	{
	text-align: left;
	position:absolute;
	top:0px;
	left:180px;
	width:590px;
	min-height:400px;
	background:#FFFFFF;
	border-top: 0px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
	font-size: 0.8em;
	padding: 10px;
	}

#page_print_content
	{
	text-align: left;
	position:absolute;
	top:110px;
	left:10px;
	width:590px;
	min-height:400px;
	background:#FFFFFF;
	border-top: 0px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
	font-size: 0.8em;
	padding: 10px;
	}
	
#quicklinks
	{
	position:absolute;
	top:0px;
	left:800px;
	width:200px;
	min-height:500px;
	background:#FFFFFF;
	border-top: 0px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	font-size: 0.8em;
	padding: 10px;
	}

#pim_hierarchy
	{
	position:absolute;
	top:0px;
	left:0px;
	width:170px;
	min-height:400px;
	background:#EEEEEE;
	border-top: 0px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
	font-size: 0.8em;
	padding-left:5px;
	}

#pim_products	
	{
	position:absolute;
	top:0px;
	left:180px;
	width:825px;
	min-height:400px;
	background:#FFFFFF;
	border-top: 0px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
	font-size: 0.8em;
	padding:5px;
	}

h1	{
	font-size: 1.4em;
	color: #009999;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
	}

h2	{
	font-size: 10pt;
	color: #009999;
	font-weight: bold;
	margin-top: 5px;
	padding-top: 5px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
	
td	{
	font-family: Arial;
	font-size: 9pt;
	text-align: left;
	color: #666666;
	font-weight: normal;
	}

select	{
	font-family: Arial;
	font-size: 9pt;
	text-align: left;
	color: #666666;
	font-weight: normal;
	}
input	{
	font-family: Arial;
	font-size: 9pt;
	text-align: left;
	color: #666666;
	font-weight: normal;
	}

.dc_icon
	{
	padding: 5px;
	}
	
.dc_date
	{
	font-style: italic;
	}

.dc_title
	{
	font-size: 18px;
	color: #009999;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
	}

.dc_title_list
	{
	color: #009999;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
	}

.dc_intro
	{
	font-family: Arial;
	font-size: 9pt;
	text-align: left;
	color: #666666;
	font-weight: normal;
	}

.category_row
	{
	height: 100px;
	color: #333333;
	border: 1px solid #CCCCCC;
	}

.category_text
	{
	font-weight: bold;
	color: #333333;
	}

a.category_text:link
	{
	border: 0px;
	color: #333333;
	}

a.category_text:visited
	{
	color: #333333;
	}

a.category_text:hover
	{
	border: 0px;
	color: #009999;
	}

.productrow1
	{
	background: #CCCCCC;
	color: #333333;
	border: 1px solid #CCCCCC;
	}
	
.productrow2
	{
	background: #EEEEEE;
	color: #333333;
	border: 1px solid #CCCCCC;
	}

a.productrow2:link
	{
	border: 0px;
	color: #333333;
	}

a.productrow2:hover
	{
	border: 0px;
	color: #009999;
	}

.product_header_row
	{
	background: #99CCCC;
	border: 1px solid #009999;
	font-size: 10pt;
	font-weight: bold;
	color: #009999;
	}

.producttitle
	{
	text-align: left;
	font-size: 11pt;
	font-weight: bold;
	color: #333333;
	}
	
a.producttitle:link
	{
	font-size: 11pt;
	font-weight: bold;
	color: #333333;
	}

a.producttitle:hover
	{
	text-decoration: underline;
	}
	
.articlerow1
	{
	background: #CCCCCC;
	border: 0px solid #009999;
	font-size: 8pt;
	}
	
.articlerow2
	{
	background: #FFFFFF;
	border: 0px solid #009999;
	font-size: 8pt;
	}

.articletitle
	{
	font-size: 8pt;
	font-weight: bold;
	}

.catlevel2
	{
	font-size: 9pt;
	color: #333333;
#	font-weight: bold;
#	text-decoration: underline;
	}
	
.catlevel3
	{
	font-size: 9pt;
	color: #333333;
#	font-weight: bold;
	}

.catlevel4
	{
	font-size: 9pt;
	color: #333333;
#	font-style: italic;
	}

.cat_background
	{
	background: #EEEEEE;
	}
	
.quicklinkhead
	{
	font-size: 9pt;
	font-weight: bold;
	color: #009999;
	}

a.quicklink
	{
	font-size: 9pt;
	font-weight: normal;
	color: #333333;
	}

a.quicklink:hover
	{
	color: #009999;
	text-decoration: underline;
	}

.documentfoldertitle
	{
	font-size: 9pt;
	font-weight: bold;
	color: #009999;
	}

.documenttitle
	{
	font-size: 9pt;
	font-weight: normal;
	color: #333333;
	}
	
.documenttitle2
	{
	font-size: 10pt;
	font-weight: bold;
	color: #009999;
	}

.documentcell
	{
	font-size: 9pt;
	color: #333333;
	}

#page_footer
	{
	position:relative;
	top:1.4em;
	width:100%;
	margin:0 auto;
	border-top: 1px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
	}

.printlink
	{
	font-size: 8pt;
	color: #999999;
	font-weight: normal;
	}

a.printlink:link
	{
	font-size: 8pt;
	color: #999999;
	font-weight: normal;
	}

a.printlink:hover
	{
	font-size: 8pt;
	color: #999999;
	font-weight: normal;
	text-decoration: underline;
	}

#page_footer_copyright
	{
	position:relative;
	top:0.2em;
	width:100%;
	margin:0 auto;
	border-top: 1px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
	}