@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 {
	margin-top    : 20px;
	margin-bottom : 20px;
	margin-left   : 20px;
	margin-right  : 20px;
	font-size : 12px;
	font-family : verdana;
}
A,
A:link,
A:active,
A:visited {
	font-size: 12px;
	color : #177372;
}
A:hover {
	font-size: 12px;
	color : red;
	text-decoration : none;
}
.BOLink {
	width : 16%;
	font-size :10px;
}
.BOLink a:link,
.BOlink a:active,
.Bolink a:visited {
	color : #177372;
	font-size : 10px;
}
.BOLink a:hover {
	color : red;
	font-size :10px;
}
P {
	font-size : 12px;
}
Li {
	font-size :12px;
}
Li a:link,
Li a:active,
Li a:visited {
	color : #177372;
}
Li a:hover {
	color :red;
}

/* Main Table CLasses */ 
.main_table {
	height : 100%;
	width : 100%;
	background-color : #177372;
	border-collapse : collapse;
} 
.page_header {
	background-image :   url(../images/uhoa2/page_header_bg.gif);
	background-position : right top;
	background-repeat : no-repeat;
	width :100%;
}
.main_table_left {
	vertical-align : top;
}
.content_area {
	vertical-align : top;
	background-color : white;
	padding : 0px 0px 0px 5px;
	font-size : 10px;
	color :  #177372;
}
.content_area TD {
	vertical-align : top;
	font-size :12px;
	color :  #177372;
}
.page_footer_right {
	background-image : url(../images/uhoa2/pagefooter_right.gif);
	background-position : right top;
	background-repeat : no-repeat;
	height : 60px;	
}
.content_area td table#Table3 td.form_label {
	font-family				: arial;
}
.page_footer_middle {
}
.page_footer_left {
	background-image :   url(../images/uhoa2/pagefooter_left.gif);
	background-position : left top;
	background-repeat : no-repeat;	
	height : 60px;
}
/* Newsbox CLasses */ 
.newsbox_table {
	width : 180px;
	background-color : #A0C6C7;
	height : 100%;
	border-collapse :collapse;
}
.newsbox_header {
	font-weight : bold;
	color : #21706F;
	font-size :12px;
	border-bottom :  solid 1px white;
}
.newsbox_header {
	font-weight : bold;
	color : #21706F;
	font-size :12px;
	padding : 3px 5px 3px 10px;
}
.newsbox_content {
	border-bottom :  solid 1px white;
	color : black;
	font-size : 10px;
	padding : 4px 5px 4px 10px;
}
.newsbox_content a:link,
.newsbox_content a:active,
.newsbox_content a:visited {
	color : black;
	font-size : 10px;
	text-decoration : none;	
}
.newsbox_content a:hover {
	color : red;
	font-size : 10px;
	text-decoration : none;
}
.newsbox_footer {
	height : 100%;
	background-color : #177372;
}
.phrow1 {
	height : 20px;
	text-transform: uppercase;
	text-align:left;
}
.phrow2 {
 	font-size : 20px;
	color : white;
	height : 60px;
	text-transform: uppercase;
	font-weight : bold;
	text-align:left;
}
.phrow3 {
 	font-size :12px;
 	font-family : verdana;
	color : white;
	height : 40px;
	vertical-align : bottom;
	text-transform: uppercase;
	text-align:left;
}
.lefttop {
	background-image :   url(../images/uhoa2/lefttop.gif);
	background-position : right top;
	background-repeat : no-repeat;
	height : 140px;
	width : 180px;
	border-right :  solid 1px white;
}
.lefttabs_table {
	width :180px;
	height : 100%;
	border-collapse : collapse;
	border-spacing : 0px;
}
.lefttabs_table TD {

}
.lefttabs_footer {
	height : 100%;
	font-family : verdana;
	color : white;
	font-size :10px;
	text-align : center;
	vertical-align : bottom;
	font-style: italic;
	font-weight : bold;
	padding : 5px 5px 15px 5px;
}
.lefttabs_footer a:link,
.lefttabs_footer a:active,
.lefttabs_footer a:visited {
	color : white;
	font-size :10px;
	text-decoration : none;
}
.lefttabs_footer a:hover {
	color :red;
	text-decoration : none;
}

.lefttabs_selectedtd {
	border-bottom :  solid 1px white;
	background-image :   url(../images/uhoa2/lefttabs_arrow_s.gif);
	background-position : left top;
	background-repeat :no-repeat;
	background-color : #46908F;
	height : 25px;
	text-align : right;
	border-bottom :  solid 1px white;
	padding : 0px 5px 0px 0px;
}
.lefttabs_selected,
.lefttabs_selected:link,
.lefttabs_selected:active,
.lefttabs_selected:visited {
	color : red;
	font-weight : bold;
	text-decoration : none;
}
.lefttabs_selected:hover {
	color : white;
	font-weight : bold;
	text-decoration : none;
}
.lefttabs_notselectedtd {
	background-color : #46908F;
	background-image :   url(../images/uhoa2/lefttabs_arrow_ns.gif);
	background-position : left top;
	background-repeat :no-repeat;
	height : 25px;
	text-align : right;
	border-bottom :  solid 1px white;
	padding : 0px 5px 0px 0px;
}
.lefttabs_notselected {
	color : white;
	font-weight : bold;
	text-decoration : none;
}
.lefttabs_notselected:link,
.lefttabs_notselected:visited,
.lefttabs_notselected:active {
	color : white;
}
.lefttabs_notselected:hover {
	color : red;
}
.uppertabs_selectedtd {
	background-color : #A0C6C7;
	height : 25px;
	text-align : right;
	border-bottom :  solid 1px white;
	padding : 0px 5px 0px 10px;
}
.uppertabs_selected,
.uppertabs_selected:link,
.uppertabs_selected:active,
.uppertabs_selected:visited {
	color : #177372;
	font-weight : bold;
	text-decoration : none;
}
.uppertabs_selected:hover {
	color : white;
	text-decoration : none;
}
.uppertabs_notselectedtd {
	background-color : #A0C6C7;
	height : 25px;
	text-align : right;
	border-bottom :  solid 1px white;
	padding : 0px 5px 0px 10px;
}
.uppertabs_notselected,
.uppertabs_notselected:link,
.uppertabs_notselected:active,
.uppertabs_notselected:visited {
	color : white;
	font-weight : bold;
	text-decoration : none;
}
.uppertabs_notselected:hover {
	color : #177372;
	text-decoration : none;
}
/* *********************************************************************** */
.content_header {
	font-size : 12px;
	font-weight : bold;
	color : #177372;
}
.News_Content {
	font-size :12px;
	color : #177372;
}
.news_title {
	font-weight : bold;
	font-size : 12px;
	color : #177372;
}

.LinksPage_Title {
	font-weight : bold;
}
.news_header {
	font-weight : bold;
	font-size :12px;
	color : #177372;
}
.newspage_table {
	width : 100%;
	height : 100%;
	border-spacing :0;
	border-collapse : collapse;
}
.newspage_content {
	width : 100%;
}
.LK_Title {
	font-weight : bold;
	font-size : 12px;
	color : #177372;
}
.LK_header {
	font-weight : bold;
	font-size : 12px;
	color : #177372;
}

.Content_title {
	font-weight : bold;
	font-size :12px;
}  
    
.Content_text  {
	font-weight : bold;
	font-size : 12px;
}

.bo_header {
	font-weight : bold;
	font-size : 12px;
	color : #177372;
}

.LinksPage_Link,
.LinksPage_Link a:Link,
.LinksPage_Link a:active,
.LinksPage_Link a:visited {
	font-size : 12px; 
	color : #177372;
	text-decoration : none;
}
.LinksPage_Link a:hover {
	color : red;
	text-decoration : none;
}
.LinksPage_Title  {
	font-weight : bold;
	font-size :12px;
	color : #177372;
}
.Form_content {
	font-size :12px;
	color : #177372;
}

.Form_search {
	FONT-SIZE: 12PX;
}  
.Form_radio {
	FONT-SIZE: 12PX;
}  
.Form_pulldown {
	FONT-SIZE: 12PX;
}  
.Form_Text {
	FONT-SIZE: 12PX;
}  
.Form_Text2 {
	FONT-SIZE: 12PX;
}  
.Form_Text3 {
	FONT-SIZE: 12PX;
} 
.Form_Password {
	FONT-SIZE: 12PX;
}  
.Form_label {
	FONT-SIZE: 12PX;
}
.Form_error {
	FONT-SIZE: 12PX;
}
.Form_Hint {
	FONT-SIZE: 12PX;
	color :red;
} 
LS_TopIndex {
	font-size: 12px;
	font-weight : bold;
	color : #177372;
}
LS_Topindex TD{
	font-size : 12px;
	font-weight :bold;
	color : #177372;
}
.LS_More {
	font-size :12px;
}
.LS_More a:link,
.LS_More a:active,
.LS_More a:visited {
	color : #177372;
	font-size : 12px;
}
.LS_More a:hover {
	color : red;
}
.LS_header {
	font-size :12px;
	font-weight : bold;
	color : #177372;
}
.LS_header TD{
	font-size :12px;
	font-weight : bold;
	color : #177372;
}
.LS_body {
	font-size: 12px;
}
.LS_BodyIndex {
	font-size :12px;
	color : #177372;
}
.LS_BodyIndex a:link,
.LS_bodyindex a:active,
.Ls_bodyindex a:visited {
	font-size :12px;
	color : #177372;
}
.LS_bodyindex a:hover {
	color :red;
	font-size :12px;
}


/**********************************************************/

.LK_header {
	font-size: 12px;
	font-weight : bold;
	color : #177372;
}
.LK_Title {
	font-size : 12px;
	font-weight : bold;
	color :#177372;
}
.LK_Link,
.LK_link a:link,
.LK_link a:active,
.LK_link a:visited, {
	font-size :12px;
	color :#177372;
}
.LK_link a:hover {
	font-size :12px;
	color : red;
}
.PopUp_BodytText {
	font-size: 12px;
	font-family : verdana;
}
.PopUp_BodytTextSmall {
	font-size: 12px;
	font-family : verdana;
}

/* BOX CLASSES ****************************************************** */
.box_table {
}
.box_header {
}
.box_bullet {
}
.box_content {

}
.box_content {
}
.box_more {
}
.box_footer {
}
/* Content Classes ************************************************** */
.content_Text_small {
	font-size : 10px;
}
.content_Text {
	font-size :12px;
	font-weight : normal;
}
.content_Title {
	font-size :12px;
	color : #177372;
}
.Content_text a:Link,
.Content_text a:Active,
.Content_text a:Visited
{
	text-decoration : underline;
}
/* EVAPI CLASSES **************************************************** */
.evBody{
	Font-size : 12px;
}
A.evMainMenu:link{
	Font-size : 12px;
}
A.evMainMenu:active{
	Font-size : 12px;
}
A.evMainMenu:visited{
	Font-size : 12px;
}
A.evItemMenu:link,
A.evItemMenu:active,
A.evItemMenu:visited{
	Font-size : 12px;
}
A.evItemMenu:hover {
	font-size : 12px;
	color :red;
}
A.evActionMenu:link,
A.evActionMenu:active,
A.evActionMenu:visited {
	Font-size : 12px;
	color : #177372;
}
A.evActionmenu:hover {
	color :Red;
}
.evTitle{
	Font-size : 12px;
	font-weight : bold;
}
.evHeading1{
	Font-size : 12px;
	font-weight : bold;
}
.evHeading2{
	Font-size : 12px;
	font-weight : bold;
}
.evHeading3{
	Font-size : 12px;
	font-weight :bold;
}
.evStatus{
	Font-size : 12px;
}
.evStatusError{
	Font-size : 12px;
}
.evNote{
	Font-size : 12px;
}
.evError{
	Font-size : 12px;
}
.evFormLabel{
	Font-size : 12px;
}
.evTextBox{
	Font-size : 12px;
}
.evTextArea{
	Font-size : 12px;
}
.evSelect{
	Font-size : 12px;
}
.evRadioLabel{
	Font-size : 12px;
}
.evCheckBoxLabel{
	Font-size : 12px;
}
.evPassword{
	Font-size : 12px;
}
.evReadOnly{
	Font-size : 12px;
}
.evTh{
	Font-size : 12px;	
	font-weight : bold;
}
.evTd{
	Font-size : 12px;
}
.evFirstTd{
	Font-size : 12px;
}
.evLabelTd{
	Font-size : 12px;
}
.evDataTd{
	Font-size : 12px;	
}
.evSubmit{
	Font-size : 12px;
}
.evTd A:active{
	Font-size : 12px;
}
.evTd A:link{
	Font-size : 12px;
}
.evTd A:visited{
	Font-size : 12px;
}
.evTd A:hover{
	Font-size : 12px;
}
.Header {
	Font-size : 12px;
	font-weight : bold;	
}
.header TD {
	Font-size : 12px;
	color : white;	
}	
.Header a:link {
	Font-size : 12px;
	color : white;
}
.Header a:active {
	Font-size : 12px;
	color : white;
}
.Header a:visited {
	Font-size : 12px;
	color : white;	
}
.Header a:link {
	Font-size : 12px;
	color : white;
}
.Link_object_link {
	font-size: 12px;
	color : #003366;
}
.on {
	FONT-SIZE :12PX;
	background-color : #E0E4EA;
}
.off {
	FONT-SIZE : 12PX;
}
.Login_links,
.login_links a:link, 
.Login_links a:active,
.Login_links a:visited {
	color : #177372;
}
.Login_links a:hover {
	color : red;
}
.Duty_Object_Title {
	font-size : 12px;

}
.Duty_Object_Header {
	font-size : 12px;
	color : #177372;
}
.List_Object_Content {
	font-size : 12px;
	color : #177372;
}
.List_Object_Title {
	font-size :12px;
	font-weight : bold;
	color : #177372;
}
/* Message Bord (MB) Classes @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ 

.MB_Th {
	font-size : 12px;
	height : 20px;
	color : #177372;
	background-color : #A0C6C7;
	border :  solid 1px #177372;
	padding : 5px 5px 5px 5px;
	border-collapse : collapse;
}
.MB_Td {
	font-size : 12px;
	color :#177372;
	white-space : nowrap;
	padding : 2px 5px 2px 5px;
	display : block;
}
.MB_Td a:link,
.MB_Td a:active,
.MB_Td a:visited {
	color : #177372;
	font-size :12px;
}
.MB_Td a:hover {
	color : red;
	font-size :12px;
}
.MB_Title {
	font-weight : bold;
	font-size: 12px;
	color : #177372;
}
.MB_ActionMenu {
	font-size : 12px;
	font-weight : bold;
}
.MB_actionMenu a:link{
}
.MB_actionMenu a:active{
}
.MB_actionMenu a:visited{
}
.MB_actionMenu a:hover{
}
/*************************************************/

.Webmap_Object {
	font-size :12px;
	font-weight : bold;
	color : #177372;
}
.EditNews_link {
	position:absolute;
	right:20px;
	bottom:20px;
	height:25px;
	background-color : pink;
	border :  solid 1px Red;
}











/* 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;	
}

span.Content_UpArrow {
	display 	: block;
	background-image:url("../Images/Uploads/Algemeen/ButtonOmhoog.gif");
	background-repeat:no-repeat;
	background-position:top left;
	width: 15px;
	height:15px;
	text-indent:-9999px;
}