@import url("/css/default/OService-default.css");
@import url("/css/default/default-consumed.css");
@import url("/css/default/default-datalist.css");
@import url("/css/default/default-headers.css");
@import url("/css/default/default-HRstandard.css");


BODY
{
    SCROLLBAR-FACE-COLOR: #c0ecdf;
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    SCROLLBAR-SHADOW-COLOR: #ffffff;
    SCROLLBAR-3DLIGHT-COLOR: #00583c;
    SCROLLBAR-ARROW-COLOR: #ffffff;
    SCROLLBAR-TRACK-COLOR: #dbfbf1;
    SCROLLBAR-DARKSHADOW-COLOR: #00583c
}
TABLE
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.std_content_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	padding : 5px 5px 5px 5px;
	background-color : #97d3c1;
	Border :  solid 1px #00583c;
}

.std_content_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	padding : 5px 5px 5px 5px;
}

.std_content_table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	padding : 5px 5px 5px 5px;
}
.content_button{
  width:150px;
  font-family:verdana;
  font-size:12px;
  color:#000000;
  border:1px solid #000000;
  background:#cccccc;
}

.content_header
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #00583c;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.content_text
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #00583c;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.Content_Title
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 12px;
    COLOR: #00583c;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
}
.Content_Text_Small
{
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
}
.content_links
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ff0000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.content_table
{
    BACKGROUND: url(../Images/content_background.gif) #353c94 fixed no-repeat right bottom
}
.content_footer
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #00583c;
    FONT-STYLE: italic;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.newsbox_text
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    BORDER-LEFT: medium none;
    COLOR: #00583c;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.newsbox_header
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #00583c;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.newsbox_background
{
    BACKGROUND-IMAGE: url(../Images/newsbox_middle.gif);
    BACKGROUND-REPEAT: no-repeat;
    TEXT-DECORATION: none
}
.photo_border
{
    BORDER-RIGHT: #000000  solid;
    BORDER-TOP: #000000  solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BORDER-LEFT: #000000  solid;
    COLOR: #00583c;
    BORDER-BOTTOM: #000000  solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #00583c;
    TEXT-DECORATION: none
}
.lefttabs_selected
{
    PADDING-RIGHT: 5px;
    DISPLAY: block;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 5px;
    COLOR: #c81515;
    PADDING-TOP: 5px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
}
.lefttabs_selected:hover
{
    BORDER-RIGHT: #003466 0px solid;
    BORDER-TOP: #003466 0px solid;
    BORDER-LEFT: #003466 0px solid;
    BORDER-BOTTOM: #003466 0px solid;
    BACKGROUND-COLOR: #00583c
}
.lefttabs_notselected
{
    PADDING-RIGHT: 5px;
    DISPLAY: block;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 5px;
    COLOR: #00583c;
    PADDING-TOP: 5px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
}
.lefttabs_notselected:hover
{
    BORDER-RIGHT: #003466 0px solid;
    BORDER-TOP: #003466 0px solid;
    BORDER-LEFT: #003466 0px solid;
    BORDER-BOTTOM: #003466 0px solid;
    BACKGROUND-COLOR: #00583c
}
.uppertabs_selected
{
    PADDING-RIGHT: 5px;
    DISPLAY: block;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 5px;
    COLOR: #c81515;
    PADDING-TOP: 5px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.uppertabs_selected:hover
{
    BORDER-RIGHT: #003466 0px solid;
    BORDER-TOP: #003466 0px solid;
    BORDER-LEFT: #003466 0px solid;
    BORDER-BOTTOM: #003466 0px solid;
    BACKGROUND-COLOR: #00583c
}
.uppertabs_notselected
{
    PADDING-RIGHT: 5px;
    DISPLAY: block;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 5px;
    COLOR: #00583c;
    PADDING-TOP: 5px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.uppertabs_notselected:hover
{
    BORDER-RIGHT: #003466 0px solid;
    BORDER-TOP: #003466 0px solid;
    BORDER-LEFT: #003466 0px solid;
    BORDER-BOTTOM: #003466 0px solid;
    BACKGROUND-COLOR: #00583c
}
.menu_linksoff
{
    DISPLAY: none
}
.menu_linkson
{
    DISPLAY: inline
}
.header_text_2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: #ffffff;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #003466;
    TEXT-DECORATION: none
}
.header_background
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 24px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff;
    TEXT-DECORATION: none
}
.header_text_1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 24px;
    COLOR: #00583c;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.powered
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    COLOR: #00583c;
    FONT-STYLE: italic;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #ff0000
}
.News_Content
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, arial, Helvetica, sans-serif
}
.news_title
{
    COLOR: #008000;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    FONT-WEIGHT: bolder
}
.Linkspage_link
{
    FONT-SIZE: 12px;
    COLOR: #000066;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
.Linkspage_link A
{
    FONT-SIZE: 12px;
    COLOR: #000066;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
.Linkspage_link A:active
{
    FONT-SIZE: 12px;
    COLOR: #000066;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
.Linkspage_link A:hover
{
    FONT-SIZE: 12px;
    COLOR: #000066;
    TEXT-DECORATION: none
}
.Linkspage_link A:link
{
    FONT-SIZE: 12px;
    COLOR: #000066;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
.Linkspage_link A:visited
{
    FONT-SIZE: 12px;
    COLOR: #000066;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
.Linkspage_title
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000066;
    FONT-FAMILY: verdana, arial, hevetica, sans-serif
}
.List_Object_Title
{
    COLOR: #008000;
    FONT-FAMILY: Verdana, Arial, helvetica, sans-serif;
    FONT-WEIGHT: bolder
}
.List_Object_Content
{
    COLOR: #000066;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.Link_Object_Link
{
    COLOR: #000066;
    TEXT-DECORATION: none
}
.Link_Object_Link A
{
    COLOR: #000066;
    TEXT-DECORATION: none
}
.Link_Object_Link A:active
{
    COLOR: #000066;
    TEXT-DECORATION: none
}
.Link_Object_Link A:link
{
    COLOR: #000066;
    TEXT-DECORATION: none
}
.Link_Object_Link A:visited
{
    COLOR: #000066;
    TEXT-DECORATION: none
}














/* CSS Document HR_STANDARD */

.BtnShoppingCart {
	background-image: url(/images/webshop/hr_standard/bestel.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/webshop/hr_standard/bestel.gif', sizingMethod='scale');
	background-color: #E7F3DE;
	width: 71px;
	background-repeat: no-repeat;
	height: 22px;
	cursor: hand;
	border: 0px none;
	vertical-align: top;	
}

.BtnShoppingCart_noOrder {
	background-image: url(/images/webshop/hr_standard/bestel_noOrder.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/webshop/hr_standard/bestel_noOrder.gif', sizingMethod='scale');
	background-color: #E7F3DE;
	width: 71px;
	background-repeat: no-repeat;
	height: 22px;
	cursor: hand;
	border: 0px none;
	vertical-align: top;	
}

.BtnShoppingCart_disabled {
	background-image: url(/images/webshop/hr_standard/bestel_disabled.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/webshop/hr_standard/bestel_disabled.gif', sizingMethod='scale');
	background-color: #E7F3DE;
	width: 71px;
	background-repeat: no-repeat;
	height: 22px;
	cursor: hand;
	border: 0px none;
	vertical-align: top;	
}

.BtnNext {
	/*//background-image: url(/images/webshop/hr_standard/button.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/webshop/hr_standard/button.gif', sizingMethod='scale');*/
	background-color: #FF0000;		
	background-repeat: no-repeat;
	width: 143px;	
	height: 20px;
	cursor: hand;
	border: 0px none;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	color: #FFFFFF;	
}

.BtnOpslaan {
	background-color: #E7F3DE;
	width: 100px;
	background-repeat: no-repeat;
	color: #006600;
	height: 20px;
	cursor: hand;
	border: 1px solid #006600;
}

.shopHeader {
	background-color: #E7F3DE;
	font-weight: bold;
	height: 30px;
}
.catalogHeader {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #009966;
}

.productRow_Even {
	background-color: #E7F3DE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor: hand;
	height: 22px;
	
}
.productRow_Odd {
	background-color: #EDF5E7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor: hand;
	height: 22px;	
}

.productRowInfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

.productRowMOver {
	background-color: #E6FFD4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor: hand;
	height: 22px;
}

.LTkop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-color : #c9dcd8;
}
.LTkop TD {
	background-color : #c9dcd8;
}

.LTstandard {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.LTlightColored {
	color: #FFFFFF;
}

.LTcolored {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #035703;
}

.LTsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.LTheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: none;
	color: #003333;
	font-weight: bolder;
	top: 100px;
}

.LTerror {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	
}

.message {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0D1553;
	background-color: #E6FFD4;
	height: auto;
	width: 80%;
	border: 1px solid #006633;
	padding: 10px 10px 10px 35px;
	background-image: url(/images/webshop/hr_standard/ico_info.png);
	background-repeat: no-repeat;
	background-position: 10px 7px;
}

#tooltip{
	position: absolute;
	width: 150px;
	border: 1px solid black;
	padding: 5px;
	background-color: orange;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.solidLine {
	background-color: #F4FFF5;
}
/* COLORS ------------------------------------------------------------ */

.colorExtraLight {
	background-color: #FFFFFF;
}

.colorLight {
	background-color: #F4FFF5;
}

.colorMediumDark {
	background-color: #639082;
}

.colorDark {
	background-color: #009966;
}

/* ORDERING STEPS ------------------------------------------------------------ */
.styOrderSteps {
	background-image: url(/images/webshop/hr_standard/bg_pix_dark.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	height: 80px;
}
.styOrderStepActive {
	background-image: url(/images/webshop/hr_standard/orderStepActive.png);
	background-repeat: no-repeat;
	height: 42px;
	width: 34px;
}

.styOrderStepInActive {
	background-image: url(/images/webshop/hr_standard/orderStepInActive.png);
	background-repeat: no-repeat;
	height: 42px;
	width: 34px;	
}

.styOrderStepCurrent {
	background-image: url(/images/webshop/hr_standard/orderStepCurrent.png);
	background-repeat: no-repeat;
	height: 42px;
	width: 34px;	
}

.styOrderStepBetween {
	background-image: url(/images/webshop/hr_standard/orderStepBetween.png);
	background-repeat: no-repeat;
	height: 22px;
	width: 32px;	
}
