html, body, #wrapper {
    min-height: 100%;
    width: 100%;
    height: 100%;
	margin: 0;
    padding:0;}
html>body, html>body #wrapper { height: auto; }

body {
	background-color: #CEC8B4;
	behavior:url("/styles/csshover.htc");	
	margin: 0;
    padding:0;
	min-width: 770px;}
#wrapper {
	background: url("/images/back_wrapper.gif") 50% 0 repeat-y;
	position:absolute;
    top:0;
    left:0;
    margin:0;
    padding:0;
	text-align:center;
	min-width: 770px;}

/*html, body {
	height:100%; width:100%;}
	body {
	background-color: #CEC8B4;
	margin: 0; padding: 0; min-width: 770px; text-align:center;}
* html body {
	behavior:url("/styles/csshover.htc"); }
#wrapper {
	background: #fff url("/images/back_wrapper.gif") 1px 0px repeat-y;
	margin: 0px auto; padding: 0; 
	min-height: 100%; height: auto;
	width: 768px;
	clear: both; text-align: center; }
	* html #wrapper {
		height: 100%;}*/
		
#pagebody {
	margin: 0px auto;margin-bottom: 35px;
	width: 766px; height: auto;
	padding: 0 1px 0 1px;text-align: left;  }
	* html #pagebody {
	width: 768px; w\idth: 766px;}
	
#top1 {
	position: relative;
	clear:both;
	margin: 0px auto; padding: 0; width: 766px; height: 110px;
	text-align: left;}
	
#logo{
	position: absolute;
	margin:0;
	padding:0;
	top:0;
	left:0;
	width: 300px;
	height: 110px;
	background: #fff url("/images/logo_comsafe.jpg") 31px 22px no-repeat;

}
#logo a{
	display: block;
	height: 110px;
	width:300px;
}
#top2 {
	background-color: #22386A; clear:both;
	margin: 0 0 0 0; padding: 0; border-bottom: 8px #fff solid; width: 766px; height: 34px; text-align: left; line-height:0; }

#footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
	border:0px;
    width: 100%;
    text-align: center;
    height:35px;
	min-width: 768px;}
#bottom1 {
	background:  url("/images/logos.jpg") 20px 2px no-repeat; clear:both;
	margin: 0px auto; padding: 0; width: 768px; height: 35px;
	text-align: left; line-height: 1px;}


.clear {
	clear: both;}
	
#middle {
	margin: 0; width: 755px; text-align:left;clear: both;}	
	#middle .middle_left {
		width: 295px; padding: 0 17px 0 0; text-align: left; line-height:1px;}
		* html #middle .middle_left {
		width: 312px; w\idth: 295px;}
		#middle .middle_left img {
		border-bottom: 6px #646464 solid;line-height: 0; clear:right;}
		#middle .middle_left img.ruler { border: none;}
	#middle .middle_center {
		width: 305px; padding: 5px 0 0 0; text-align: left;}
	#middle .middle_right {
		width: 110px; padding: 20px 0 20px 16px; }
		* html #middle .middle_right {
		width: 126px; w\idth: 110px;}

/*MENUS*/
div#topmenu1 { 
	margin: 0; padding: 30px 15px 0 0; text-align:right; clear:both;
	font: normal 12px Arial, sans-serif; color:#22386A;}
div#topmenu1 a { 
	font: normal 12px Arial, Helvetica, sans-serif; color:#22386A; text-decoration:none;}
div#topmenu1 a:hover, div#topmenu1 a.link_active { 
	font: bold 12px Arial, Helvetica, sans-serif; color:#35851A; text-decoration:none;}


div#topmenu2 { 
	width:766px;
	margin: 0; padding: 0 0 0 0; text-align:right; clear:both;
	font: bold 10px Helvetica, sans-serif; color: #036;}
#nav {
	position: relative; float: left;
	padding: 0 0 0 0; margin: 0;
	list-style: none; text-align: left;
	z-index: 18;}
#nav li {
	background: url("/images/topmenu_li_out.gif") bottom right no-repeat;
	position: relative; float: left;
    margin:0 0 0 0; padding:0 1px 0 0; border: 0;
	list-style: none; width: auto; list-style: none;}
	* html #nav li {
	\display: inline;
	list-style: none; }	
#nav li a {
	display: block; 
    margin: 0 0 0 0; padding: 11px 6px 11px 12px; border: 0;
	font: normal 12px Arial, sans-serif;
	color: #d6d6d6; text-decoration: none; line-height: 12px;
	text-align: center;}
	* html #nav li a {	}
@media all and (min-width: 0px){
   html>body  #nav li a {	
	min-width: 1px;		
	}}
#nav li:hover a, #nav li a.link_active {
	background: url("/images/topmenu_over.gif") bottom left repeat-x;
	color: #fff; text-decoration: none;  }
#nav li:hover ul { 
	display: block !important;}
#nav li ul {
	position: absolute;
	float: none;display: none;
	list-style-image: none;
	width: 145px;
	padding: 0 4px 2px 4px; margin: 0 0 0 0; border: 0;
	text-align: left;
	top: 34px;
	left: -4px; }
	#nav li ul.visible {
	display: block;	}
	* html #nav li ul {
	width: 153px;
	w\idth: 145px;	}
#nav li ul li {
	margin: 0 0 0 0; padding: 0 0 0 0; border: 0;
	background: #fff;
	width: 145px; 
	clear: both;
	float: left;
	list-style: none;}

#nav li ul li a, #nav li:hover ul li a {
	display: block;
	background-image: none;
	background-color: #E6E3D9;
	width: 135px !important; 	
	margin: 0 0 0 0; padding: 5px 8px 5px 2px; border: 0; border-right: 1px #fff solid; border-bottom: 1px #fff solid; border-left: 1px #fff solid; 
	font: normal 12px Arial, sans-serif;
	color: #22386A; line-height: 14px; vertical-align:middle; text-decoration: none; text-align: right;	}
* html #nav li ul li a, * html #nav li:hover ul li a { 
	width: 145px; 	
	w\idth: 135px;}
html>body #nav li ul li a {
	width: auto; }
#nav li ul li a:hover, #nav li ul li a.link_active, #nav li ul li:hover a, #nav li ul li:hover a.link_active  {
	background-color: #E6E3D9;
	color: #35851A; text-decoration: none;  }

/*OPMAAK*/
.Navigation {
	width: 100%; clear: both;
	background: #fff url("/images/back_breadcrumb.jpg") top right repeat-y;
	margin: 0 0 0 0; padding: 0 0 0 0;	
	font: italic 12px Arial, sans-serif; line-height: 14px;
	text-align: right;color: #505050;}
	.Navigation td { 
	padding: 5px 24px 5px 0;}
.Navigation a, .Navigation a:hover{
	text-decoration: none; color: #505050;
	font-style: normal;}
.Navigation a:hover{
	text-decoration: underline;color: #505050;}



.Title {
	font-weight: bold;
	width: 100%; 
	margin: 0; padding: 0 0 0 0;
	text-align: left;}
	.Title td { padding: 0 0 0 0;}

.Content{
	width: 100%;
	margin: 0 0 0 0; padding: 0 0 0 0;
	text-align: left; font-weight: normal;}
.Content td{
	margin: 0; padding: 0;}
.Content .content_left {
	text-align: left;
	margin: 0; padding: 0;}
	.Content .content_left img {	}
.Content .content_right {
	text-align: left;
	width: 170px;
	margin: 0; padding: 0 0 0 10px;}
	* html .Content .content_right {
	width: 180px; w\idth: 170px;}

.Menubox{
	width: 215px !important; margin: 0; padding: 0; border: 0;	
	text-align: left;}
.Menubox td{
	margin: 0;padding: 0;	
	text-align: left;}
.Menubox .td_top{
	background: url("/images/menubox_top.gif") left top no-repeat;
	margin: 0; padding: 6px 15px 6px 15px;
	font: 12px Helvetica, Arial, sans-serif; line-height: 15px; color: #fff;}
.Menubox .td_middle{
	background: url("/images/menubox.gif") left top repeat-y;
	margin: 0; padding: 3px 15px 3px 15px;
	font: 12px Helvetica, Arial, sans-serif; line-height: 15px; color: #fff;}
.Menubox .td_bottom{
	background: url("/images/menubox_bottom.gif") left bottom no-repeat;
	height:7px; line-height: 1px;}

.Menubox ul {
	list-style-image: none;
	float: none;
	width: 195px;
	padding: 0 0 5px 0; margin: 0 0 0 0; border: 0;
	text-align: left;
	top: 0;
	left: 10px; }
.Menubox ul li {
	margin: 0 0 0 0; padding: 0 0 2px 0; border: 0;
	background: url("/images/back_menubox_li.gif") left bottom repeat-x;
	width: 195px; 
	clear: both;
	float: left;
	list-style: none;}
.Menubox ul li a, .Menubox ul li a {
	display: block;
	background: url("/images/back_menubox_a.jpg") left top no-repeat;
	width: 175px !important; 	
	margin: 0 0 0 0; padding: 5px 0px 5px 20px; border: 0; 	
	font: bold Helvetica, sans-serif;
	color: #BD5D5D; line-height: 12px; text-decoration: none; text-align: left;	}
* html .Menubox ul li a, * html .Menubox ul li a { 
	width: 195px; 	
	w\idth: 175px;}
html>body #nav li ul li a {
	width: auto; }
.Menubox ul li a:hover, .Menubox ul li a.link_active, .Menubox ul li:hover a, .Menubox ul li:hover a.link_active  {
	background: url("/images/back_menubox_a_over.jpg") left top no-repeat;
	color: #900; text-decoration: none;  }

.Sidebar {
	background-color: #E6E3D9;
	margin: 0px auto;margin-top: 5px; margin-bottom: 5px; padding: 0;}
.Sidebar td {
	margin: 0;padding: 5px 5px 10px 5px;	
	text-align: left; line-height: 15px;}
	.Sidebar td a {
		font-weight: normal; }
.Sidebar .SidebarTop {
	margin: 0;padding:0;	
	line-height: 0;}
.Sidebar .SidebarBottom {
	margin: 0;padding:0;	
	line-height: 0;}
.Sidebar {}
.Sidebar img {
	margin: 0;}

.Products{
	width: 100%;clear: both;
	margin: 0 0 10px 5px; padding: 0 0 0 0;	
	text-align: left; font-weight: normal;}
.Products td{
	margin: 0; padding: 2px 0 2px 2px;
	text-align: left; line-height: 13px; }
.Products .td_products1{
	margin: 0; padding: 0 3px 0 0; width: 100px;}
	* html .Products .td_products1 { width: 103px; w\idth: 100px; }
.Products .td_products2{
	margin: 0; padding: 2px 0 0 0; width: 162px; }
.Products .td_products3{
	margin: 0; padding: 0 3px 0 7px; width: 100px; }
	* html .Products .td_products3 { width: 110px; w\idth: 100px; }
.Products .td_products4{
	margin: 0; padding: 2px 0 0 0; width: 162px; }
.Products td img{
	margin: 0; padding: 0; }

.Product{
	width: 100%;clear: both;
	margin: 0 0 5px 0; padding: 0 0 0 0;	
	text-align: left; font-weight: normal;line-height: 13px; }
.Product td{
	margin: 0; padding: 2px 0 2px 0;
	text-align: left; }
.Product tr:hover td {
	color: #EA8300;}
.Product .product_left{
	margin: 0; width: 120px;}
.Product .product_right img{
	margin: 0; padding: 0;}

.white_box {
	border-top: 11px #fff solid;
	border-right: 8px #fff solid;
	border-bottom: 11px #fff solid;
	border-left: 8px #fff solid;
	background: url("/images/pixe_grey.gif") 50% 50% repeat-x;
	height: 1px; line-height:1px;}

.Forms {
	border: 1px #C37C29 solid;}
.Forms td {
	padding: 3px 7px 3px 7px;}
.Forms td.kop {
	padding: 3px 7px 3px 7px;}

boby,table,div,span{		
	font: normal 12px Arial, sans-serif; line-height: 18px; color: #505050;}
	
h1,h2,h3,h4,h5,h6,p { margin: 0;padding: 0; }

h1{
	margin: 2px 0 2px 0; padding: 2px 2px 0 0; display: block;	
	background: url("/images/pixel_grey.gif") bottom left repeat-x;
	font: bold 16px Arial, sans-serif; color: #35851A; line-height: 18px;}
h2{
	margin: 2px 0 2px 0; padding: 2px 2px 0 0; display: block;	
	font: bold 14px Arial, sans-serif; color: #35851A; line-height: 18px;}

h3{
	margin: 2px 0 2px 0; padding: 0; display: block;	
	font: bold 12px Arial, sans-serif; color: #35851A; line-height: 16px;}
.class1{ 
	font-size: 10px; line-height: 14px; }
.class2{ 
	font-size: 12px; }
.class3{ 
	font-weight: bold; }
.class4{ 
	font-weight: bold; }
.class5{ 
	font-size: 22px;
	line-height: 22px; 
	font-weight: bold; }

.green, .green *, * .green { color: #35851A; }
.blue, .blue *, * .blue { color: #22386A; }

a {  
	color: #35851A; text-decoration: none; }
a:hover {  
	color: #22386A; text-decoration: underline;}

ul {
	list-style-image: url("../mages/ul_block.gif");
	margin: 7px 0 7px 22px; padding: 0;}
blockquote, pre {padding: 15px 10px;}
blockquote {font: italic 12px Georgia, Times, serif; color: #505050s;
  background: url("/images/blockquote.gif") 10px 0.78em no-repeat;
  margin: 18px 0;}

ol	{}
* html ul, * html ol{
	margin-left: 22px;}
	ul a, ol a { }

img {
	margin: 0; padding: 0;border-color:#004688;}

.pointerhand { 
	cursor: hand; cursor: pointer;}

hr {	
	margin: 6px 0 6px 0; padding: 0; line-height: 0; color:#fff;
	border: 0; border-bottom: #CEC8B4 1px solid;  }
* html hr {
	background-color: #CEC8B4; line-height: 0;
	width: 100%;padding-top: 1px;
	color: #fff;}

/* B:Forms */
form 	{
margin : 0;
padding : 0;}

fieldset {
margin : 0;
padding : 5px;
border : 1px solid #CEC8B4;}
fieldset * { font-size: 12px; }

	fieldset div br {
	display : none;	}
	.Fieldset td { font-size: 12px; }
	.Fieldset .fieldset_left { width: 100%; }
	.Fieldset .fieldset_right { width: 250px; }
	
	legend {
	font-weight : bold;
	color : #22386A;
	font-size: 13px;
	margin : 0;
	padding : 0.5em;}

	label {}

	fieldset div {
	margin : 0;
	padding : 0;}
	
	fieldset div.fm-optional {
	display : block;	}

	form, label input {
		margin: 0;
		padding: 0;}
	
	input.text:focus, textarea.text:focus, label:focus {
		background: #fff;
		border: 1px solid #686868;}	
	.text,.textarea{
		background: #DFE0DE;
		width: 150px;
		border: 1px solid #999;
		color: #000;
		font:  11px Arial, Helvetica, sans-serif;
		line-height: 12px;
		margin-right: 1px;
		padding: 1px;}	

	.submit, .button {	
	background-color: #22386A;
	font: bold 11px Arial, Verdana, Arial, Helvetica, sans-serif; color: #fff;}
	.menu {
	background-color: #DFE0DE;
	/* width: 200px; Width for modern browsers */
	border : 1px solid #999;
	padding : 0; }
	option {
	font:  11px Arial, Helvetica, sans-serif;
	line-height: 12px; padding:1px; margin: 0;}
						
	fieldset div label:before {
	content: "* ";	}

	fieldset div.fm-optional label:before {
	content: ""; }
/* E:Forms */

#form_search {
	margin: 0 0 0 0; padding: 2px 0 0 5px;
	text-align: left;}
#form_search .Form-Text-Box {
	padding: 2px; background-color: #fff; margin-left: 0; border: 1px #000 solid;
	font-size: 10px; line-height: 11px; }
* html #form_search .Form-Text-Box {	}
#form_search .Form-Button {
	 background-color: #000; color: #fff;
	 border-color: #000; padding: 0 0 0 0;font-size: 10px; line-height: 10px; }
* html #form_search .Form-Button {
	 height: 16px;}
	
#change_content {
	height: 850px !important;}

#counter { 
	position:absolute;width:0;height:0;z-index:-1;top: 0;left: 0;visibility: hidden; }

#contact{
	padding-top: 40px;
}