@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");


body {
	scrollbar-face-color: #CCE7FC; 
	scrollbar-shadow-color:#FFFFFF; 
	scrollbar-highlight-color:#FFFFFF; 
	scrollbar-3dlight-color: #000000; 
	scrollbar-darkshadow-color: #000000; 
	scrollbar-track-color: #EAF4FB; 
	scrollbar-arrow-color: #FFFFFF;}
	
/* Table Definition */
table { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px
}
.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 : #02db88;
	Border :  solid 1px #000000;
}

.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 */
.content_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0D2B88;
	text-decoration: none;
	font-weight: bold;
	padding : 5px 5px 5px 5px;
	/* background-color : #0D2B88;  removed aFTER content_headerchange */
}
.content_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0D2B88;
	font-weight: bold;
}
/* Content Text */
.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;
}
.content_links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}
.content_table {
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #ffffff;
}
/* Content Footer */
.content_footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}
.content_button{
  width:150px;
  font-family:verdana;
  font-size:12px;
  color:#000000;
  border:1px solid #000000;
  background:#cccccc;
}
.newsbox_text
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    BORDER-LEFT: medium none;
    COLOR: #CCE7FC;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
	width				: 124px;
	display				: inline-block;
}
tr,td {
	white-space:normal;
}
.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(file:///C|/Documents%20and%20Settings/hendriks.GORILLAPARK/My%20Documents/pilservice-remake/css/Images/newsbox_middle.gif);
    BACKGROUND-REPEAT: no-repeat;
    TEXT-DECORATION: none
}
/* Photo Border */
.photo_border { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; color: #000000; 
	text-decoration: none; 
	font-weight: bold; 
	background-color: #003466; 
	border:  #000000 solid
}
/* Lefttabs */
.lefttabs_selected {
	display: block;
	text-align: right;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:  #FFFFFF;
	font-weight: bold;
	padding: 5px;
}
.lefttabs_selected:hover {
	color: #0D2B88;
	background-color: #CCE7FC;
	border: solid 0px #000000;
}
.lefttabs_notselected {
	display: block;
	text-align: right;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #CCE7FC;
	font-weight: bold;
	padding: 5px;
}
.lefttabs_notselected:hover {
	color: #0D2B88;
	background-color: #CCE7FC;
	border: solid 0px #000000;
}
/* Uppertabs */
.uppertabs_selected {
	display: block;
	text-align: center;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px;
}
.uppertabs_selected:hover {
	color: #0D2B88;
	background-color: #CCE7FC;
	border: solid 0px #000000;
}
.uppertabs_notselected {
	display: block;
	text-align: center;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #CCE7FC;
	font-weight: bold;
	padding: 5px;
}
.uppertabs_notselected:hover {
	color: #0D2B88;
	background-color: #CCE7FC;
	border: solid 0px #000000;
}
.menu_linksoff    {
	display: none;
}
.menu_linkson     {
	display: inline;
}
/* Header Text 2 */
.header_text_2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	background-color: #003466;
}
/* Header Background */
.header_background { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; color: #000000; text-decoration: none ; font-weight: bold ; background-color: #FFFFFF}
.header_text_1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #0D2B88;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}
.powered {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	color: #0D2B88;
	text-decoration: none;
	font-weight: bold;
}

/* Hover */
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: bold;
}
.Link_Object_Title {
    FONT-WEIGHT: bold;
	color:#000066;
}
.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;	
}
.ABIndex_table {
	width : 100px;
}
.ABIndex_table TD {
	width : 25px;
	height :50px;
	vertical-align : center;
	text-align : center;
}
.ABindex_selected {
	text-decoration : none;
}
.ABindex_selected a:link,
.ABindex_selected a:active,
.ABindex_selected a:visited {
	text-decoration : none;
	border : solid 1px #F3F3F4;
	background-color : #cccccc;
	color : #204187;
	width : 20px;
	height : 20px;
	
}
.ABindex_selected a:hover {
	text-decoration : none;
	border : solid 1px #F3F3F4;
	background-color : #204187;
	color : #cccccc;
	width : 20px;
	height : 20px;
	
}
.ABindex_notselected {
	text-deocoration : none;
}
.ABindex_notselected a:link,
.ABindex_notselected a:active,
.ABindex_notselected a:visited {
	text-decoration : none;
	border : solid 1px #F3F3F4;
	background-color : #204187;
	color : #CCcccc;
	width : 20px;
	height : 20px;
	
}
.ABindex_notselected a:hover {
	text-decoration : none;
	border : solid 1px #F3F3F4;
	background-color : #cccccc;
	color : #204187;
	width : 20px;
	height : 20px;
	
}
.ABIndex_footer {
	width : 100%;
}
