/****************************************************************************/
/********************* CASCADING STYLE SHEET LAURENS EN CO ******************/
/****************************************************************************/

html,
body {
	background:url(images/bg.png) #f4f3ec repeat-x;
	font-family:"Verdana";
	line-height:20px;
	font-size:11px;
	color:#444444;
	height:100%;
	padding:0;
	margin:0;
}

/****************************************************************************/
/********************************* CONTAINER ********************************/
/****************************************************************************/

#container {
	background:url(images/container.png) #fff no-repeat left bottom;
	position:relative;
	min-height:100%;
	margin:0 auto;
	width:959px;
}

/****************************************************************************/
/*********************************** HEADER *********************************/
/****************************************************************************/

#header {
	background:url(images/header.png) no-repeat;
	position:relative;
	height:318px;
	width:959px;
}

/****************************************************************************/
/************************************ LOGO **********************************/
/****************************************************************************/

#header h1.logo {
	text-indent:-6000px;
	padding:0;
	margin:0;
}

#header h1.logo a {
	display:block;
	height:107px;
	width:365px;
}

/****************************************************************************/
/************************************ MENU **********************************/
/****************************************************************************/

#header ul.menu {
	list-style-type:none;
	position:absolute;
	padding:0;
	right:5px;
	top:22px;
	margin:0;
}

#header ul.menu li {
	text-indent:-6000px;
	float:left;
}

#header ul.menu li a {
	display:block;
	height:43px;
}

#header ul.menu li.home a {
	background:url(images/menu_home.png) no-repeat;
	width:65px;
}

#header ul.menu li.kleding a {
	background:url(images/menu_kleding.png) no-repeat;
	width:116px;
}

#header ul.menu li.webshop a {
	background:url(images/menu_webshop.png) no-repeat;
	width:83px;
}

#header ul.menu li.contact a {
	background:url(images/menu_contact.png) no-repeat;
	width:78px;
}

#header ul.menu li a:hover,
#header ul.menu li.current a {
	background-position:left bottom;
}

/****************************************************************************/
/********************************** SUBMENU *********************************/
/****************************************************************************/

#header .submenu 
{
    background:url(images/foto.png) no-repeat;
	margin:0 auto;
	height:230px;
	width:946px;
}

#header .submenu .foto 
{
	height:177px;
	width:946px;
}

#header .submenu .foto.index {
	background:url(images/bedrijfskleding.png) no-repeat;
}

#header .submenu ul {
	list-style-type:none;
	margin:7px 20px 0 0;
	float:right;
	padding:0;
}

#header .submenu ul li {
	color:#98bfde;
	float:left;
}

#header .submenu ul li a {
	padding:0 10px 4px 10px;
	text-decoration:none;
	display:block;
	color:#fff;
}

#header .submenu ul li a:hover {
	border-bottom:#155b9a solid 3px;
	font-weight:bold;
}


#header .hcontact 
{
    background:url(images/ttl-contact.jpg) no-repeat;
	margin:0 auto;
	height:230px;
	width:946px;
}

#header .hcontact .foto 
{
	height:177px;
	width:946px;
}

#header .hcontact .foto.index {
	background:url(images/img_index.png) no-repeat;
}

#header .hroute 
{
    background:url(images/ttl-route.jpg) no-repeat;
	margin:0 auto;
	height:230px;
	width:946px;
}

#header .hroute .foto 
{
	height:177px;
	width:946px;
}

#header .hroute .foto.index {
	background:url(images/img_index.png) no-repeat;
}


#header .hwelkom 
{
    background:url(images/ttl-welkom.jpg) no-repeat;
	margin:0 auto;
	height:230px;
	width:946px;
}

#header .hwelkom .foto 
{
	height:177px;
	width:946px;
}

#header .hwelkom .foto.index {
	background:url(images/welkom.png) no-repeat;
}

#header .hwebshop
{
    background:url(images/ttl-webshop.jpg) no-repeat;
	margin:0 auto;
	height:230px;
	width:946px;
}

#header .hwebshop .foto 
{
	height:177px;
	width:946px;
}

#header .hwebshop .foto.index {
	background:url(images/webshop.png) no-repeat;
}

#header .hpromo
{
    background:url(images/ttl-promotiekleding.jpg) no-repeat;
	margin:0 auto;
	height:230px;
	width:946px;
}

#header .hpromo .foto 
{
	height:177px;
	width:946px;
}

#header .hpromo .foto.index {
	background:url(images/promotie.png) no-repeat;
}

#header .hpromo ul {
	list-style-type:none;
	margin:7px 20px 0 0;
	float:right;
	padding:0;
}

#header .hpromo ul li {
	color:#98bfde;
	float:left;
}

#header .hpromo ul li a {
	padding:0 10px 4px 10px;
	text-decoration:none;
	display:block;
	color:#fff;
}

#header .hpromo ul li a:hover {
	border-bottom:#155b9a solid 3px;
	font-weight:bold;
}

#header .hwerk
{
    background:url(images/ttl-werkkleding.jpg) no-repeat;
	margin:0 auto;
	height:230px;
	width:946px;
}

#header .hwerk .foto 
{
	height:177px;
	width:946px;
}

#header .hwerk .foto.index {
	background:url(images/werkkleding.png) no-repeat;
}

#header .hwerk ul {
	list-style-type:none;
	margin:7px 20px 0 0;
	float:right;
	padding:0;
}

#header .hwerk ul li {
	color:#98bfde;
	float:left;
}

#header .hwerk ul li a {
	padding:0 10px 4px 10px;
	text-decoration:none;
	display:block;
	color:#fff;
}

#header .hwerk ul li a:hover {
	border-bottom:#155b9a solid 3px;
	font-weight:bold;
}

#header .hveilig
{
   background:url(images/ttl-veiligheidsschoenen.jpg) no-repeat;
	margin:0 auto;
	height:230px;
	width:946px;
}

#header .hveilig .foto 
{
	height:177px;
	width:946px;
}

#header .hveilig .foto.index {
	background:url(images/veiligheidsschoenen.png) no-repeat;
}

#header .hveilig ul {
	list-style-type:none;
	margin:7px 20px 0 0;
	float:right;
	padding:0;
}

#header .hveilig ul li {
	color:#98bfde;
	float:left;
}

#header .hveilig ul li a {
	padding:0 10px 4px 10px;
	text-decoration:none;
	display:block;
	color:#fff;
}

#header .hveilig ul li a:hover {
	border-bottom:#155b9a solid 3px;
	font-weight:bold;
}

/****************************************************************************/
/************************************ BODY **********************************/
/****************************************************************************/

#body {
	background:url(images/body.png) right top no-repeat;
	padding:23px 67px 95px 57px;
	position:relative;
	width:835px;
	clear:both;
}

/****************************************************************************/
/*********************************** CONTENT ********************************/
/****************************************************************************/

#body .content {
	margin-right:40px;
	text-align:justify;
	width:265px;
	float:left;
}

#body .content h2 {
	font-size:12px;
	color:#376fa8;
	padding:0;
	margin:0;
}

#body .content p {
	margin-top:0;
}

#body .samen {
	margin-right:25px;
	text-align:justify;
	width:588px;
	float:left;
}

#body .samen h2 {
	font-size:14px;
	color:#376fa8;
	padding:0;
	margin:0;
}

#body .samen h3 {
	font-size:12px;
	color:#376fa8;
	padding:0;
	margin:0;
}

.samen ul.list {
   list-style-type: square;
}



/****************************************************************************/
/*********************************** MIDDLE *********************************/
/****************************************************************************/

#body .middle {
	width:313px;
	float:left;
}

/****************************************************************************/
/************************************* BOX **********************************/
/****************************************************************************/

#body .middle .box {
	padding:10px 10px 15px 10px;
	background:#f4f3ec;
	position:relative;
	margin:0 0 30px 0;
	width:300px;
}

#body .middle .box .top_right,
#body .middle .box .top_left,
#body .middle .box .bottom_right,
#body .middle .box .bottom_left {
	position:absolute;
	height:15px;
	width:15px;
}

#body .middle .box .top_right {
	background:url(images/box_t_r.png) no-repeat;
	right:0;
	top:0;
}

#body .middle .box .top_left {
	background:url(images/box_t_l.png) no-repeat;
	left:0;
	top:0;
}

#body .middle .box .bottom_right {
	background:url(images/box_b_r.png) no-repeat;
	bottom:0;
	right:0;
}

#body .middle .box .bottom_left {
	background:url(images/box_b_l.png) no-repeat;
	bottom:0;
	left:0;
}

#body .middle .box ul {
	list-style-type:none;
	line-height:16px;
	padding:0;
	margin:0;
}

#body .middle .box ul li {
	background:url(images/list_item.png) 0 8px no-repeat;
	padding:0 0 0 15px;
	color:#496577;
}

/****************************************************************************/
/************************************ TEKST *********************************/
/****************************************************************************/

#body .middle .tekst {
	padding:0 5px 0 25px;
}

#body .middle .tekst h2 {
	font-size:12px;
	color:#376fa8;
	padding:0;
	margin:0;
}

#body .middle .tekst .groet {
	float:right;
}

#body .middle .tekst .groet b {
	color:#376fa8;
}

/****************************************************************************/
/************************************ LOGOS *********************************/
/****************************************************************************/

#body .logos {
	float:right;
	width:165px;
}

#body .logos img {
	margin:0 0 12px 0;
	border:none;
}

/****************************************************************************/
/************************************ FOOTER ********************************/
/****************************************************************************/

#footer {
	background:url(images/footer.png) repeat-x;
	position:absolute;
	height:95px;
	width:959px;
	bottom:0;
}

#footer .inner {
	background:url(images/footer_inner.png) no-repeat;
	padding:14px 0 0 25px;
	position:relative;
	height:81px;
	width:934px;
}

#footer p {
	font-weight:bold;
	color:#fff;
	margin:0;
}

#footer p span {
	color:#2763a1;
}

/****************************************************************************/
/************************************ ADRES *********************************/
/****************************************************************************/

#footer ul.adres {
	list-style-type:none;
	width:290px;
	padding:0;
	margin:0;
}

#footer ul.adres li {
	display:block;
	color:#98b3ce;
	width:145px;
	float:left;
}

/****************************************************************************/
/************************************ RIGHT *********************************/
/****************************************************************************/

#footer .right {
	background:url(images/footer_laurens.png) no-repeat;
	padding:14px 10px 0 0;
	position:absolute;
	text-align:right;
	height:81px;
	width:225px;
	color:#fff;
	right:0;
	top:0;
}

#footer .right a {
	text-decoration:none;
	font-weight:bold;
	color:#2763a1;
}

#footer .right a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
}

/****************************************************************************/
/************************************ OVERIG ********************************/
/****************************************************************************/

.clear {
	clear:both;
}

.formulier 
{
	background: #FFFFFF;
	border: solid 1px #a4a39f;
	color: #444444;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
}

a.contact:link, a.contact:visited 
{
	text-decoration:underline;
	color: #376fa8;
}

a.contact:hover
{
	text-decoration:none;
	color: #055A8C;
}