html, body {
	text-align: center;
	margin: 0px;
	height: 100%;
	width: 100%;
	font-family: Arial;
	color: #848b8e;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	background-color: #d2e4e1;
}

a{
	color: #848b8e;
}

hr {
	color: #b3d2cc;
	height :1px;
}

.error{
	color:#FF0000;
}

div#container {
	position: relative;
	width:950px;
	margin: auto;
}

div#menu{
	position: relative;
	text-align:left;
	z-index: 10;
}

div#menu #logo_menu{
	position: relative;
	height: 80px;
	border-bottom: 1px solid #bfc3c5;
}

div#menu #logo_menu #comsmetica_logo{
	position: absolute;
	background-image:url(../images/cosmetica_logo.gif);
	background-repeat:no-repeat;
	top: 32px;
	left: 125px;
	width: 199px;
	height: 30px;
}

div#menu #logo_menu #right_menu{
	position: absolute;
	top: 9px;
	right: 0px;
	width: 210px; 
	height: 80px;
}

div#menu #logo_menu #right_menu a{
	margin: 0px 3px 0px 3px;
}

.menu_link{
	text-decoration:none;
}

.menu_link:hover{
	text-decoration:underline;
}

div#menu #logo_menu #right_menu table{
	margin-top: 20px;
	text-align:right;
	width: 210px;
}

#zoek_field{	
	height: 19px;
	width: 140px;
	border: 1px solid #c1c5c6;
	margin-right: 4px;
	font-size: 11px;
	color: #848b8e;
	padding-left: 4px;
}

div#menu #header_menu{
	position: relative;
	height: 20px;
	_height: 27px;
	padding-top: 6px;
}

div#menu #header_menu a#link{
	color: #848b8e;
	text-decoration: none;
	margin: 0px 7px 0px 7px;
	text-transform:uppercase;
	font-size: 10px;
}

div#menu #header_menu a:hover{
	text-decoration: underline;
}

div#menu #header_menu #font_size{
	position: absolute;
	top: 4px;
	right: 4px;
	height: 20px;
	width: 68px;
}

div#menu #main_menu{
	position: relative;
	min-height: 28px;
	_height: 28px;
	background-color: #848b8e;
	color: #FFFFFF;
	z-index: 10;
}

div#content{
	position: relative;
	text-align:left;
	padding: 0px 9px 9px 9px;
	z-index: 5;

}

div#boxes_left{
	position: relative;
	float: left;
	width: 220px;
	_width: 220px;
	min-height: 440px;
	_height: 440px;

}

div.box_top{
	background-image:url(../images/standard_box_top.gif);
	height: 9px;
	font-size: 0px;
}

div.box_bottom{
	background-image:url(../images/standard_box_bottom.gif);.
	height: 5px;	
	font-size: 5px;
	margin-bottom: 4px;
}

div#boxes_left #box_left_top{
	background-image:url(../images/standard_box_middle_bg.gif);
	background-repeat:repeat-y;
	width: 203px;
	_width: 223px;
	min-height: 136px;
	_height: 160px;	
	padding: 0px 10px 10px 10px;
	_padding: 0px 10px 0px 10px;
}

div#boxes_left #box_left_middle{
	background-image:url(../images/standard_box_middle_bg.gif);
	background-repeat:repeat-y;
	width: 203px;
	_width: 223px;
	min-height: 110px;
	_height: 115px;
	padding: 0px 10px 10px 10px;
	_padding: 0px 10px 0px 10px;
}

div#boxes_left #box_left_bottom{
	background-image:url(../images/standard_box_middle_bg.gif);
	background-repeat:repeat-y;
	width: 203px;
	_width: 223px;
	min-height: 112px;
	_height: 112px;
	padding: 0px 10px 10px 10px;
	_padding: 0px 10px 0px 10px;
}

div#box_centre{
	position: relative;
	float: left;
	background-image:url(../images/home_center.jpg);
 	width: 220px;
 	_width: 474px;
 	min-height: 430px;
	_height: 440px;
	margin-left: 6px;
	padding: 10px 0px 0px 254px;
}

div#box_centre .title_centre{
	width: 85px;
	height: 27px;
	margin-top: 10px;
	_margin-top: 17px;
}

div#box_centre .block_text{
	width:210px;
}

div#boxes_right{
	position: relative;
	float: left;
	margin-left: 6px;
	width: 220px;
	height: 440px;
}

div#clear{
	clear: both;	
}

div#box_right_top_bg{
	background-image:url(../images/standard_box_middle_bg.gif);
	background-repeat:repeat-y;
	width: 214px;
	_width: 224px;
	height: 212px;
	_height: 212px;
	padding: 0px 10px 0px 10px;
}

div#box_right_top{
	background-image:url(../images/new_box_right_top.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	width: 201px;
	_width: 201px;
	height: 187px;
	_height: 177px;
	
}

div#box_right_top_bg .title{
	width: 48px;
	height: 26px;
}

div#box_right_bottom .title{
	width: 110px;
	height: 26px;
}

#box_right_top .block_text{
	margin-top: 10px;
}

div#box_right_bottom{
	background-image:url(../images/standard_box_middle_bg.gif);
	background-repeat:repeat-y;
	width: 204px;
	_width: 224px;
	height: 195px;
	_height: 195px;
	padding: 0px 10px 0px 10px;
}

div#boxes_left .title{
	width: 160px;
	height: 23px;
}

.block_text a{
	background-image:url(../images/link_arrow.gif);
	background-repeat:no-repeat;
	background-position: 0px 2px;
	padding-left: 15px;
}

.block_text p{
	margin: 7px 0px 7px 0px ;
	padding: 0px;
}

div.content a{
	background-image:none; 
	padding: 0px;
}

div#boxes_left #box_left_middle .title{
	width: 130px;
	height: 42px;
}

div#boxes_left #box_left_bottom .title{
	width: 150px;
	height: 37px;
}

div#footer{
	position: relative;
	text-align:right;
	border-top: 1px solid #bfc3c5;
}

div#footer .menu_link{
	margin: 0px 7px 0px 7px;
}


div#left_menu{
	position: relative;
	width: 223px;
	float: left;
}

div#left_menu_top{
	position: relative;
	background-image:url(../images/menu_box_top.gif);
	height: 10px;
	_height: 10px;
	font-size: 0px;
}

div#left_menu_middle{
	position: relative;
	background-image:url(../images/menu_box_middle_bg.gif);
	background-repeat:repeat-y;

}

div#left_menu_middle_top{
	position: relative;
	background-image:url(../images/menu_box_middle.gif);
	background-repeat:no-repeat;
	min-height:372px;
	_height:392px;
	padding: 10px;
}

div#left_menu_bottom{
	position: relative;
	background-image:url(../images/menu_box_bottom.gif);.
	height: 8px;	
	width: 223px;
	font-size: 6px;
}

div#main_content{
	position: relative;	
	float: left;
	margin-left: 5px;
}

div#main_content_text{
	position: relative;
	background-color: #ffffff;
	border: 1px solid #c1c5c6;
	width: 687px;
	_width: 700px;
	min-height:502px;
	_height:501px;
	padding-left: 13px;
}

div#breadcrumbs{
	position: relative;
	margin-top: 5px;
	margin-bottom: 13px;
}

div#breadcrumbs a{
	text-decoration: none;
}

div#main_content_left{
	position: relative;
	width: 460px;
	float: left;
}

div#main_content_right{
	position: relative;
	float: left;
	width: 210px;
	min-height: 200px;
	_height: 200px;
	margin: 15px 0px 0px 14px;	
}

div#main_content_left .template_title{
	margin-top: 22px;
	height: 24px;
}

div.template_title_small{
	margin-top: 13px;
	height: 24px;
	margin-bottom: 15px;
}

div.template_title_content{
	margin-top: 13px;
}

.green_line{
	height: 1px;
	border-top: 1px solid #b3d2cc;
	font-size: 0px;
}

div#main_content_right a,
div#left_menu_middle a{
	text-decoration:none;
	line-height: 19px;
}

.template_link{
	background-image:url(../images/link_arrow.gif);
	background-repeat:no-repeat;
	background-position: 0px 3px;;
	padding-left: 10px;
}

.clear{
	clear: both;
}

div#left_menu_middle_top ul ,
div#right_sub_menu ul {
	padding: 0px;
	margin: 0px;
}

div#left_menu_middle_top ul li,
div#right_sub_menu ul li{
	list-style: none;
}

div#left_menu_middle_top ul li a,
div#right_sub_menu ul  li a{
	background-image:url(../images/link_arrow.gif);
	background-repeat:no-repeat;
	padding-left: 14px;
	background-position: 0px 2px;
}

div#left_menu_middle_top ul li.main,
div#right_sub_menu ul li{
	border-bottom: 1px solid #b3d2cc;
	min-height: 19px;
	_height : 19px;
}

div#left_menu_middle_top ul li.sub{
	margin-left: 20px;
}

div#left_menu_middle_top ul .sub .green_line{
	_margin-left: -20px;
}

div#left_menu_middle_top ul li.selected a,
div#right_sub_menu ul  li.selected a{
	color: #66cccc;
}

div#menu_title{
	font-weight: bold;
	color: #848b8e;
}

div#left_top_box{
	background-image:url(../images/template_left_box.gif);
	background-repeat: no-repeat;
	width: 223px;
	height:126px;
	padding: 3px 0px 0px 3px;
}

.contact_text,
.comments_textarea{
	border: 1px solid #c1c5c6;
}

#content_picture{
	position: relative;
	margin-top: 40px;
	margin-bottom: 10px;
}

div#functions{
	position: absolute;
	top: 0px;
	right:0px;
	width: 220px;
	height: 15px;
}

div#functions a{
	margin-right:10px;
}
