.vs_outside

{
 background-color:#006754
}


.vs_main


{	
	
	
	font-family: Arial, 'Trebuchet MS';
	font-size: 11px;	
	font-weight: normal;*/
	color: #6d6d6d;
	padding: 0px;
	border: 1px solid #a18f85; 
	margin-left: auto; 
	margin-right: auto; 
	width: 900px;
	
}






/* Top left */
.vs_header
{
        
	left:0px;
	top:0px;
	width:50%;
	height:87px;
	z-index:2;
        float: left
}
A.vs_genlink:link, A.vs_genlink:active, A.vs_genlink:visited
{
	
	text-decoration: none;
	color: #6d6d6d;
}

/* Top right */
.vs_header_right
{
	
	left:655px;
	top:0px;
	padding-right: 60px;
	height:87px;
	z-index:2;
        float: right ;
	background-image: url(../images/hakenberg.jpg);
}

.vs_search
{
}

.vs_search_table
{
	background-image: url(/gfx/search_left_bg.gif);
	background-repeat:no-repeat;
	background-color: #cae1f1;
	height:27px;
	text-align: left;
}

.vs_search_input
{
	font-size: 11px;	
	border: 1px solid #534741;
	width:147px;
	height:15px;
}

.vs_src_img
{
	border: 1px solid #534741;
	vertical-align: text-bottom;
}

.vs_contact
{
	margin-right:7px;
	
}

.vs_buttonbar
{
	background-color: #6c97b7;
	background-image: url(/gfx/bg_but_bar.gif);
	background-repeat: repeat-y;
	height:26px;
	width:100%;
	border-top:solid 1px #a18f85;
	border-bottom:solid 1px #a18f85;
	clear: both;
}

.vs_content_main
{

	left: 147px;
	width:503px;
	
        
}

.vs_banner
{
	float:left;
	width:638px;
	height:271px;
}

.vs_vertical_menu_main
{
	float:right;
}



/* Tree menu */



.CMSTreeMenuTable
{
		
}

.CMSTreeMenuItem, .CMSTreeMenuSelectedItem
{
	float: left;
	height:17px;
	text-indent:20px;
	font:bolder 11px arial;
	text-align:left;
	text-transform:uppercase;
	color:#000000;
	padding-top:5px;
	text-decoration:none;
	
}

.CMSTreeMenuLink, .CMSTreeMenuLink:visited
{
	color:#006754;
	background-color:#7db2a8;
	text-decoration:none;
	
}

.CMSTreeMenuSelectedLink, .CMSTreeMenuSelectedLink:visited, .CMSTreeMenuLink:hover
{
	color:#FFFFFF;
	background-color:#006754;
	text-decoration:none;
	
	

}
.vs_vertical_menu_left {
	float: left;
	width:172px;
	height:17px;
	text-indent:20px;
	font:bolder 11px arial;
	text-align:left;
	text-transform:uppercase;
	color:#000000;
	background-color:#7db2a8;
	padding-top:5px;
	padding-right:10px;
}
.vs_vertical_menu_right
	
{
	float: right;
	height:17px;
	text-indent:20px;
	font:bolder 11px arial;
	text-align:left;
	text-transform:uppercase;
	color:#000000;
	background-color:#7db2a8;
	padding-top:5px;
	

}




.vs_vert_menu_align
{       

	
	width:260px;
	height:271px;
	background-color:#7db2a8;
        
}



.vs_vertical_menu
{
	border: 1px solid #a18f85; 
	background-image: url(/gfx/bg_vertical_but.gif);
	background-repeat: repeat-y;
	background-color:#7db2a8;
	width:177px;
	float:right;
}



.vs_line_prod
{
	border-top: solid 2px #f36e21;
	border-bottom: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	height: 0px;
	width: 150px;
	float:right;
}

.vs_line_news
{
	background-color:#7db2a8;
	height: 3px;
	width: 100%;
	
}

.vs_breadcrumbs
{
	border-top: 1px solid #a18f85; 
	border-bottom: 1px solid #a18f85; 
	width: 100%;
}

.vs_content_main_data
{
	
	width:540px;
	margin-left:7px;
}

.vs_content_right
{
	float:right;
	width:195px;	
	
}

.vs_image
{
	
float:right;

	
	
	
 	
}

/* Nieuws,Actie,Info, etc. */
.vs_general_menu
{
	background-color: #6c97b6;
	color: #ffffff;
	width:172px;
	float:right;
	border-top: none;
	border-bottom: solid 1px #ffffff;
	clear:both;
}

.vs_content_right_line
{
	width:172px;
	border-top: solid 2px #f36e21;
	height:0px;
	float:right;	
}

.vs_content_news
{
	color:#006754 ;
	text-decoration:none;
	width: 147px;
		

}	

.vs_content_news_header
{
	text-decoration: none;
	color: #006754 ;	
}

.vs_news_item
{
	text-decoration: none;
	margin-left:8px;
	color:#006754 ;
	margin-right:5px;
}

.vs_bottom
{       
        height: 16px
	width: 100%
	float:left;
	left:38px;
      
	background-color:#469083;
	
body
{
	font-family: 'Trebuchet MS';
	font-size: 11px;	
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

A.blue:link, A.blue:active, A.blue:visited
{
	color: #2460a4;
	text-decoration: none;
}

A.blue:hover
{
	color: #e1a924;
	text-decoration: none;
}

A.white:link, A.white:active, A.white:visited
{
	color: #ffffff;
	text-decoration: none;
}

A.white:hover
{
	color: #e1a924;
	text-decoration: none;
}

h1
{
	font-size: 14px;
	font-weight: bold;
	color: #122b5f;
	padding: 0px;
	margin: 0px;
}

h2
{
	font-size: 12px;
	color: #122b5f;
}

hr
{
	color: #eeeeee;
}

/* --- Tab Menu --- */

.TabControlTable { 
	font-family: 'Trebuchet MS';
	font-size: 12px;
	color: #ffffff;	
	padding:0px;
}

.TabControlRow
{ 

}

.TabControl { 	
	background-image: url(/gfx/bg_but.gif); 
	background-repeat: repeat-x; 	
	border-top: solid 3px #ffb039;
	border-bottom: solid 3px #ffb039;
	border-right: 0px;
	border-left: 0px;	
	width:110px;
}

.TabControlSelected { 
	
	color:#FFFFFF;
	background-color:#006754;

}

.TabControlLinkSelected { 
	COLOR: #ffffff; 
	CURSOR: default; 
	TEXT-DECORATION: none;
}

.TabControlLink { 
	COLOR: #ffffff; 
	TEXT-DECORATION: none;
}

.TabControlLeft { 
	font-size: 0px;
	width:3px;
	background-color: #ffb039;
}

.TabControlRight { 
	font-size: 0px;
	width:3px;
	background-color: #ffb039;
	border-right: solid 1px #f36e21;

}

.TabControlSelectedLeft { 
	font-size: 0px;
	width:3px;
	background-color: #ffb039;
}

.TabControlSelectedRight { 
	font-size: 0px;
	width:3px;
	background-color: #ffb039;
	border-right: solid 1px #f36e21;
}

/* --- End Tab Menu --- */




div.hr_acties
{
	width: 100%;
	color: #eeeeee;
	background-color: #eeeeee;
	height: 1px;
	border: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}


.searchinput
{
	border: 1px solid #eeeeee;
	border-collapse: collapse;
	border-spacing: 0;
	height: 14px;
	line-height: 14px;
	width: 120px;
	font-family: "Trebuchet MS", Arial;
	font-size: 10pt;
	color: #2460a4;
	margin: 0px;
	padding: 0px;
}

.searchbutton
{
	vertical-align: middle;
	padding-left: 2px;
	border: 0px;
	border-collapse: collapse;
	margin: 0px;
	height: 16px;
}

/* Search result */
.SearchResult
{
	padding-top: 12px;
}

.SearchResult .ResultTitle
{
	font-weight: bold;
}

.SearchResult .ResultPath
{
}

/* --- Tree Menu --- */

.partmenuCMSTreeMenuTable
{
}

.partmenuCMSTreeMenuItem, .partmenuCMSTreeMenuSelectedItem
{
	color: #555555;
	padding: 2px 5px 2px 5px;
	font-family: 'Trebuchet MS';
	font-size: 11px;
}

.partmenuCMSTreeMenuLink, .partmenuCMSTreeMenuLink:visited
{
	color: #555555;
	text-decoration: none;
	font-family: 'Trebuchet MS';
	font-size: 11px;	

}

.partmenuCMSTreeMenuSelectedLink, .partmenuCMSTreeMenuSelectedLink:visited, .partmenuCMSTreeMenuLink:hover
{
	color: #e7a915;
	text-decoration: none;
	font-family: 'Trebuchet MS';
	font-size: 11px;	

}

/* --- Site Map --- */

.CMSSiteMapList
{
	margin-left: 0px;
	padding-left: 1.25em;
	text-indent: 1em;
}

.CMSSiteMapListItem
{
	list-style-image: url(/gfx/menusquare.gif)
}

.CMSSiteMapLink:link, .CMSSiteMapLink:visited
{
	color: #2460a4;
	text-decoration: none;
}

.CMSSiteMapLink:hover
{
	color: #e1a924;
	text-decoration: none;
}


/* --- BizForms for Boogaard */

.General_BizForm
{
	border: 1px solid #29406f;
	background-color: #edeef2;	
}

.General_BizForm_Label
{
	font-weight: bold;
	vertical-align: top;
}

.General_BizForm_Input
{
	color: #ff0000;
}

.EditingFormInfoLabel
{
	color: #29406f;
}

.ErrorLabel 
{
	color: #ff0000;
}

.FormButton
{
	color: #000;
	font-family:'trebuchet ms',helvetica,sans-serif;
	font-size:95%;
  border:1px solid;
  border-top-color:#696;
  border-left-color:#696;
  border-right-color:#363;
	border-bottom-color:#363;
	cursor: pointer;
	filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffdca31e');
}

/* ---------------------------- */

/* Edit mode controls */
.CMSEditModeButtons
{
	border: 1px solid black;
	background: white;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold; 
	display: inline-block;
	color: Black;
}

.CMSPageManager
{
	border: 1px solid #a9a9a9;
	padding: 3px 3px 3px 3px;
	display: block;
	width: 100%;
	background-color: #EEEEEE;
	margin-bottom: 3px;
}

.CMSPageManager A
{
	font-weight: bold;
	text-decoration: underline;
	color: Black;
}

.CMSPageManagerLabel
{
	text-align: right;
}

.CMSPageManagerTDlabel
{
	padding-left: 10px;
}

.CMSEditableRegion
{
	background-color: white;
	border: 1px dotted red;
	text-decoration: none;
	font-weight: normal;
}

/* Image Gallery */
.ImageGalleryPager
{
	border: solid 1px black;
	padding: 2px;
	margin: 5px 0px 5px 0px;
	text-align: center;	
}
.ImageGalleryPager div
{
	display: inline;
}
.ImageGalleryPagerPrevious
{
	width: 20%;
	text-align: left;
}
.ImageGalleryPagerNext
{
	width: 20%;
	text-align: right;
}

.ImageGalleryPager
{
	background-color: #fec698;
	padding: 2px 2px 2px 2px;
	display: inline-block;
	width: 600px;
}

.ImageGalleryPagerPrevious
{
	float: left;
	vertical-align: middle;
	padding: 3px 3px 3px 3px;
}

.ImageGalleryPagerNext
{
	float: right;
	vertical-align: middle;
	padding: 3px 3px 3px 3px;
}

.ImageGalleryPreviewImage
{
	border-width: 0px;
}

.ImageGalleryDetailImage
{
	border-width: 0px;
}

.ImageGalleryParent
{
	padding: 2px 2px 2px 2px;
}

.ImageGalleryItem
{
	padding: 2px 2px 2px 2px;
}

/* Shopping Cart */

.CommerceCartHeader
{
	background-color: #888888;
	font-weight: bold;
	color: #ffffff;
}

/* Others */

.FormErrorLabel
{
  color: Red;
}

.LogonTextBox
{
  width: 150px;
}

.EditableTextError
{
  color: red
}

/* --- Containers --- */
.BoxTitle, .BoxTitleFull
{
	overflow: hidden;
	padding: 0px 10px 0px 10px;
	background-repeat: repeat-x;
	font-size: 13px;
	line-height: 22px;
}

.BoxTitle
{	
	height: 22px;
	border-bottom: solid 1px #ffffff;
}

.BoxTitleFull
{
	height: 23px;
	border-bottom: solid 1px #4e5a5f;
}

.BoxArea
{
	vertical-align: top;
	border-top: solid 1px #4e5a5f;
	padding: 5px;
}

.GreenGradient, .BlueGradient, .RedGradient
{
	background-repeat: no-repeat;
	padding: 10px;
	color: #ffffff;
}

.GreenGradient a, .BlueGradient a, .RedGradient a, .GreenGradient a:visited, .BlueGradient a:visited, .RedGradient a:visited
{
	color: #ffffff;
}

/* Green */
.Green .BoxTitle, .Green .BoxTitleFull
{
	color: #ffffff;
	background-color: #9cdc62;
	background-image: url(../app_themes/green/Images/Green/boxtitle.gif);
}

.Green .BoxArea
{
	background-color: #f3f9ed;
}

.GreenGradient
{
	background-image: url(../app_themes/green/Images/Green/box.gif);
	background-color: #4f7a00;
}

/* Blue */
.Blue .BoxTitle, .Blue .BoxTitleFull
{
	color: #ffffff;
	background-color: #5a97e6;
	background-image: url(../app_themes/green/Images/Blue/boxtitle.gif);
	
}

.Blue .BoxArea
{
	background-color: #eaf0f8;
}

.BlueGradient
{
	background-image: url(../app_themes/green/Images/Blue/box.gif);
	background-color: #2e68bf;
}

.LightBlueBox
{
	background-color: #eaf0f8;
	padding: 5px;
}

.LightBlueGradient
{
	/*
	background-image: url(../app_themes/green/Images/Blue/whitegradient.gif);
	background-repeat: repeat-x;
	padding: 10px;
	*/
}

/* Red */
.Red .BoxTitle, .Red .BoxTitleFull
{
	color: #ffffff;
	background-color: #ff4f4a;
	background-image: url(../app_themes/green/Images/red/boxtitle.gif);
}

.Red .BoxArea
{
	background-color: #fff5e5;
}

.RedGradient
{
	background-image: url(../app_themes/green/Images/Red/box.gif);
	background-color: #b80018;
}

/* Gray */
.Gray .BoxTitle, .Gray .BoxTitleFull
{
	color: #525252;
	background-color: #fafaff;
	background-image: url(../app_themes/green/Images/Gray/boxtitle.gif);
}

.Gray .BoxArea
{
	background-color: #ffffff;
}

.LightGrayGradient
{
	background-image: url(../app_themes/green/Images/Gray/whitegradient.gif);
	background-repeat: repeat-x;
	padding: 10px;
}

/* Overall */
.Footer
{
	background-color: #667073;
	background-image: url(../app_themes/green/Images/Gray/darkgradient.gif);
	color: #ffffff;
}

.Logo
{
	height: 98px;
	width: 270px;
	padding: 0px;
	margin: 0px;
	background-position: center;
	background-image: url(../app_themes/green/Images/Blue/logo.gif);
	background-repeat: no-repeat;
}

.Header .LogoHeader
{
	border: solid 1px #ffffff;
}

.Header .LogoBack
{
	background-color: #eef0f2;
	background-image: url(../app_themes/green/Images/Gray/logogradient.gif);
	background-repeat: repeat-x;
}

.Header .MenuBack
{
	background-color: #dfe4e8;
	background-image: url(../app_themes/green/Images/Gray/lightgradient.gif);
	background-repeat: repeat-x;
}

.Content
{
	border-top: solid 2px #4e5a5f;
	border-bottom: solid 2px #4e5a5f;
}

.Content .BorderTop
{
	height: 5px;
	line-height: 1px;
	overflow: hidden;
	background-image: url(../app_themes/green/Images/Blue/bordertop.gif);
}

.Content .BorderBottom
{
	height: 6px;
	line-height: 1px;
	overflow: hidden;
	background-image: url(../app_themes/green/Images/Blue/borderbottom.gif);
}

.Content .Area
{
	background-color: #ffffff;
	padding: 3px;
}

.Page
{
	width: 900px;
	background-color: #ffffff;
}

.ContentPadding
{
	/* padding: 0px 10px 0px 10px;*/
}

/* Main Menu */
.CMSMenu
{
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
	padding: 0px;
	margin: 0px;
}

.CMSMenuItem, .CMSMenuItemMouseUp, .CMSMenuItemMouseOver, .CMSMenuItemMouseDown, .CMSMenuHighlightedMenuItem, .CMSMenuHighlightedMenuItemMouseUp, 

.CMSMenuHighlightedMenuItemMouseDown, .CMSMenuHighlightedMenuItemMouseOver
{
	border: none;
	height: 18px;
	width: 84px;
	padding: 8px 5px 5px 5px;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	background-repeat: repeat-x;
	background-image: url(../app_themes/green/Images/Gray/menuitem.gif);
	color: #838c92;

}

.CMSMenuHighlightedMenuItem, .CMSMenuHighlightedMenuItemMouseUp, .CMSMenuHighlightedMenuItemMouseDown, .CMSMenuHighlightedMenuItemMouseOver
{
	background-position: 0px 1px;
	color: #417dd0;
}

.SubCMSMenu
{
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
	background: #e7eaed;
}

.SubCMSMenuItem, .SubCMSMenuItemMouseUp, .SubCMSMenuItemMouseOver, .SubCMSMenuItemMouseDown, .SubCMSMenuHighlightedMenuItem, 

.SubCMSMenuHighlightedMenuItemMouseUp, .SubCMSMenuHighlightedMenuItemMouseOver, .SubCMSMenuHighlightedMenuItemMouseDown
{
	padding-right: 15px;
	padding-left: 5px;
	font-size: 12px;
	padding-bottom: 5px;
	width: 91px;
	color: #848c92;
	padding-top: 5px;
	font-family: arial;
	font-weight: bold;
}


.SubCMSMenuHighlightedMenuItem, .SubCMSMenuHighlightedMenuItemMouseUp, .SubCMSMenuHighlightedMenuItemMouseOver, .SubCMSMenuHighlightedMenuItemMouseDown
{
	color: #417dd0;
}


/* Product */
.ProductPreview .LinkMore
{
	background-image: url(../app_themes/green/Images/Red/arrowrightmiddle.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 3px 12px 6px 5px;
}

.ProductPreview
{
	width: 170px; 
	text-align: center;
	padding: 3px;
}

.ProductPreview .ProductBox
{
	background-color: #ffffff;
	border: 1px solid #c4cad2; 
	padding: 0px; 
	margin: 0px auto;
}

.ProductPreview .ProductTitle
{
	height: 32px; 
	font-weight: bold; 
	text-align: center;
	background-image: url(../app_themes/green/Images/Gray/whitegradient.gif);
	background-repeat: repeat-x;
	padding: 10px;
}

.ProductPreview .ProductTitle A
{
	text-decoration: none;
}

.ProductPreview .ProductImage
{
	height: 120px;
	overflow: hidden;
	text-align: center;
}

.ProductPreview .ProductFooter
{
	text-align: right;
	background-color: #f7f7f7;
	padding: 5px;
}

.ProductPreview .ProductPrice
{
	font-size: 15px;
	font-weight: bold;
	color: #417dd0;
}

.ProductDetail
{
}

.ProductDetail .ProductData
{
	padding: 5px 60px 5px 60px;
}

.ProductDetail .ProductFooter
{
	text-align: right;
	background-color: #f7f7f7;
	padding: 10px 60px 10px 10px;
}

.ProductDetail .ProductPrice
{
	font-size: 18px;
	font-weight: bold;
	color: #417dd0;
}

.ProductDetail .ProductSummary
{
	vertical-align: top;
}

.ProductDetail .ProductImage
{
	width: 220px;
}

.ProductDetail .ProductShortDescription
{
	font-weight: bold;
}

.ProductDetail .ProductDescription
{
	padding: 10px;
}

/* News */
.NewsDetail .NewsSummary
{
	font-weight: bold;
	padding: 0px 5px 0px 5px;
}

.NewsDetail .NewsReleaseDate
{
	/*color: #e73349;*/
	padding: 0px 5px 0px 6px;
	font-size: 14px;
	font-weight: bold;
}

.NewsDetail .NewsText
{
	padding: 0px 5px 0px 5px;
}

.NewsDetail .NewsTitle
{
	font-size: 16px;
	font-weight: bold;
	color: #555555;
	margin: 0px;
	padding: 10px 5px 0px 3px;
}

.NewsLatest
{
	width: 170px;
	height: 119px;
	overflow: hidden;
}

.NewsLatest .NewsTitle
{
	font-weight: bold;
	font-size: 15px;	
	padding: 5px 0px 0px 0px;
}

.NewsLatest hr
{
	margin: 0px;
	padding: 0px;
	color: #eeeeee;
}

.NewsLatest .NewsSummary
{
	height: 63px;
	overflow: hidden;
}

.NewsLatest .LinkMore
{
	background-image: url(../app_themes/green/Images/White/arrowrightmiddle.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 3px 12px 6px 5px;
	display: block;
	text-align: right;
	font-weight: bold;
}

.NewsletterSubscription input[type="text"]
{
	width: 128px;
}

/* My account */
.ContentButton
{
	width: 75px;
}

.TextBoxField
{
	width: 280px;
}

.DropDownField
{
	width: 285px;
}

.TabsHeader
{
	padding: 5px;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}

.TabsContent
{
	padding: 10px;
	border: solid 1px #cccccc;
}