﻿@charset "UTF-8";
/* Toevoeging Rick Hilferink - The Triple A Company */

#titel_balk_corp {
	  	display:inline;
		width: 920px;
		height: 20px;
		text-align: left;
		float: left;
		background-image:url(images/Intres/titelbalk_bg_corporate.gif);
		margin-left:17px;
		margin-top:21px;
		padding-top:5px;	
		padding-bottom:5px;	
}

#titel_balk_eb {
	  	display:inline;
		width: 920px;
		height: 20px;
		text-align: left;
		float: left;
		background-image:url(images/Intres/titelbalk_bg_exclusivebrands.gif);
		margin-left:17px;
		margin-top:21px;
		padding-top:5px;	
		padding-bottom:5px;	
}

#titel_balk_logi {
		display:inline;
		width: 920px;
		height: 20px;
		text-align: left;
		vertical-align:bottom;
		float: left;
		background-image:url(images/Intres/titelbalk_bg_logistiek.gif);
		margin-left:17px;
		margin-top:21px;
		padding-top:5px;	
		padding-bottom:5px;	
	
}

#titel_balk_media {
	  	display:inline;
		width: 920px;
		height: 20px;
		text-align: left;
		float: left;
		background-image:url(images/Intres/titelbalk_bg_media.gif);
		margin-left:17px;
		margin-top:21px;
		padding-top:5px;	
		padding-bottom:5px;	
}

#titel_balk_mode {
	  	display:inline;
		width: 920px;
		height: 20px;
		text-align: left;
		float: left;
		background-image:url(images/Intres/titelbalk_bg_mode.gif);
		margin-left:17px;
		margin-top:21px;
		padding-top:5px;	
		padding-bottom:5px;	
}

#titel_balk_sport {
	  	display:inline;
		width: 920px;
		height: 20px;
		text-align: left;
		float: left;
		background-image:url(images/Intres/titelbalk_bg_sport.gif);
		margin-left:17px;
		margin-top:21px;
		padding-top:5px;	
		padding-bottom:5px;	
}

#titel_balk_wonen {
	  	display:inline;
		width: 920px;
		height: 20px;
		text-align: left;
		float: left;
		background-image:url(images/Intres/titelbalk_bg_wonen.gif);
		margin-left:17px;
		margin-top:21px;
		padding-top:5px;	
		padding-bottom:5px;	
	}


#divplaatje_boven{
	height: 124px;
	width: 677px;
	}
	
#divplaatje {
		display:inline;
		height: 124px;
		padding: 0px;
		margin-left:2px;
		margin-right:-3px;
		_margin-right:-2px;
		_margin-left:0px;
		float:left;
		margin-bottom:-3px;
}

#divplaatje2 {
		display:inline;
		height: 124px;
		padding: 0px;
		float:left;
		margin-left:-6px;
		margin-bottom:-3px;
}

#divplaatje3 {
		display:inline;
		height: 124px;
		padding: 0px;
		margin-left:-6px;
		float:left;
		margin-bottom:-3px;
}

#divplaatje4 {
		display:inline;
		height: 124px;
		padding: 0px;
		margin-left:-6px;
		margin-right:-18px;
		float:left;
		_margin-bottom:-3px;
		margin-bottom:5px;
}

#contentblok {
		width: 677px;
		float: right;
		background-color: #f5f5f5;
		margin-right:17px;
		margin-top:15px;

}

#rollupblok {
		width: 683px;
		float: right;
		background-color: #ffffff;
		margin-right:16px;
		margin-top:2px;
		border-collapse:collapse;
}

#foto4pics {
		width:673px;
		_width:682px;
		float: right;
		margin-top:17px;
		/*	Hieronder is een hack toegepast die ervoor zorgt dat FF en Internet Explorer dezelfde layout toepassen. */
		margin-right:26px;
		_margin-right:16px;
		#margin-right:15px;		
}	
#foto1pic {
		float: right;
		margin-top:17px;
		/*	Hieronder is een hack toegepast die ervoor zorgt dat FF en Internet Explorer dezelfde layout toepassen. */
		margin-right:14px;
		_margin-right:8px;
		#margin-right:8px;
}

#divlogo  {
	min-width:40px;
	float:left;
	}
#divlogo1 {
	min-width:40px;
	float:left;
	}
#divlogo2 {
	min-width:40px;
	float:left;
	}
#divlogo3 {
	min-width:40px;
	float:left;
}
#logo_nieuw {
		padding-left: 20px;
		padding-top: 20px;
}

#titel_nieuw {
		font-family: Arial;
		font-weight:bold;
		font-size: 18px;
		color:#4a4a4a;
		padding-left: 20px;
		padding-top: 16px;
		padding-bottom: 5px;
}

#introductie_nieuw
{
		width: 677px;
		text-align: left;
		font-family: Arial;
		font-weight:bold;
		font-size: 12px;
		color:#4a4a4a;
		background-color: #f5f5f5;	
		margin-right:17px;
		padding-left: 20px;
		padding-top: 5px;
		padding-right: 20px;
		padding-bottom: 10px;
}

#inhoud_tekst {
		font-family: Arial;
		font-style: normal;
		font-size: 12px;
		color:#4a4a4a;
		line-height:14px;
		background-color:#f5f5f5;
		padding-left: 20px;
		padding-right:20px;
		padding-bottom: 15px;
}

#wpzonebottom {
	
}
#editModePanel {
		float:left;
		margin-left:13px;
		width:677px;
		height:127px;
}
/* Einde Toevoeging Rick Hilferink - The Triple A Company */
/* CSS Document Origineel*/

body  {
  padding: 0px;
  margin: 0px;
  background-image: url(images/Intres/page_bg.gif);
  background-repeat: repeat-x;
  text-align: center;
  }
  
#background  {
  width: 954px;
  position: relative;
  margin: 0 auto;
  text-align: left;
  background-color: #FFFFFF;
  }
  
#container 
  {
  width: 954px;
  position:absolute;
  background-color:#FFFFFF;
  background-repeat: repeat;
  }
  
#logo
  {
  	display:inline;
	width: 154px;
	height: 53px;
	margin-left: 17px;
	margin-top: 19px;
	float: left;
	background-color: #FFFFFF;
  }
  
#topmenu
  {
  	display:inline;
	width: 750px;
	height: 26px;
	text-align: right;
	margin-right: 17px;
	margin-top: 19px;
	float: right;
	}
	
#search
  {
  	display:inline;
	width: 250px;
	height: 27px;
	text-align: right;
	margin-right:81px;
	_margin-right:6px;
	float: right;
	font-family:Arial;
	font-size:12px;
	color:#004990;
	}
#search
  a:link { color:#004990; text-decoration:none;}
  
#search
  a:hover { color:#ee3b33; text-decoration:none;}
  
#search
  a:visited { color:#004990; text-decoration:none;}
  
#searchleft {
  float:right;
  width:105px;
  }

#searchright {
  float:right;
  width:50px;
  padding-top:3px;
  padding-right:7px;
  }
  
#search .ms-sbcell { 
  background-image:url(images/Intres/zoekveld_bg.gif);
  font-family:Arial;
  font-size: 12px;
  color:#939393;
  border-width: 1px;
  border-style: solid;
  border-color: #e5e5e5;
  width: 170px;
  margin-right:8px;
  }

#navigatie
  {
  	display:inline;
	width: 920px;
	height: 25px;
	margin-left: 17px;
	margin-top: 24px;
	float: left;
	background-image:url(images/Intres/navigatie_bg.gif);
	background-repeat: repeat-x;
  }
  
#tussenruimte
  {
  	display:inline;
	width: 920px;
	height: 3px;
	margin-left: 17px;
	float: left;
	background-color: #004990;
	line-height:1px;
	}
	
#subnavigatie
  {
  	display:inline;
	width: 920px;
	height: 23px;
	margin-left: 17px;
	float: left;
	background-image:url(images/Intres/subnavigatie_bg.gif);
	background-repeat: repeat-x;
  }
  
#flash_large
  {
  	display:inline;
	width: 920px;
	margin-left: 17px;
	margin-top: 21px;
	float: left;
	background-color:#FFFFFF;
  }
  
#brand_ticker
  {
  	display:inline;
	width: 920px;
	height: 43px;
	margin-left: 17px;
	margin-top: 21px;
	float: left;
	background-color:#FFFFFF;
  }

#cards_flash
  {
  	display:inline;
	width: 932px;
	height: 120px;
	margin-left: 11px;
	margin-top: 21px;
	float: left;
	background-color:#FFFFFF;
  }
/*  
#footer
  {
  	display:inline;
	width: 250px;
	height: 30px;
	margin-left: 17px;
	margin-top: 27px;
	float: left;
	background-image: url(images/Intres/footer_bg.gif);
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 10px;
	color: #b3b3b3;
	padding-top: 12px;
  }
 */
#footer {
	background: white url(/_catalogs/masterpage/Images/footer_bg.gif) repeat-x top left;	
	color: #B3B3B3;
	height: 30px;
	padding-top: 12px;
	font-size: 10px;
}
/*
#footer .links { float: left; display:inline;}
/*#footer .rechts { float: right; display:inline;}  
#footer .disclaimer { float: right; display:inline;}  
.footerspace { margin-left: 9px; } */

#footer_rechts
  {
  	display:inline;
/*	width: 690px;*/
	height: 10px;
	margin-right: 17px;
	margin-top: 27px;
	float: left;
	text-align: right;
	background-image: url(images/Intres/footer_bg.gif);
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 10px;
	color: #b3b3b3;
	padding-top: 10px;
  }

.footerlinks A:link {color: #b3b3b3; text-decoration: none;}
.footerlinks A:visited {color: #b3b3b3; text-decoration: none;}
.footerlinks A:active {color: #b3b3b3; text-decoration: none;}
.footerlinks A:hover {color: #b3b3b3; text-decoration: underline;}

.footerlinks 
{ 
	float: left;
	display:inline;
}
  
.footerspace
{
   	margin-left: 9px;
   	float:right;
}  
 /* 
#footer_rechts
  a:link { color:#b3b3b3; text-decoration:none;}
  
#footer_rechts
  a:hover { color:#b3b3b3; text-decoration:underline;}
  
#footer_rechts
  a:visited { color:#b3b3b3; text-decoration:none;}
  
*/

input {
	background-image:url(images/Intres/zoekveld_bg.gif);
    font-family:Arial;
    font-size: 12px;
	color:#939393;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
	width: 170px;
	margin-right:8px;
	}
	
#titel_balk
  {
  	display:inline;
	width: 920px;
	height: 20px;
	text-align: left;
	float: left;
	background-image:url(images/Intres/titelbalk_bg.gif);
	margin-left:17px;
	margin-top:21px;
	padding-top:5px;	
	padding-bottom:5px;	
	}
	
.header_titel{
	font-family: Arial;
	font-size: 17px;
	color:#FFFFFF;
	padding-left:14px;
	letter-spacing: 0.5px;
	}

#sidebar {
	width:240px;
	float:left;
}

#subsubmenu
  {
  	display:inline;
	width: 222px;
	text-align: left;
	float: left;
	margin-left:17px;
	margin-top:1px;
	}
	
#flash_left
  {
  	display:inline;
	width: 233px;
	text-align: left;
	float: left;
	margin-left:11px;
	margin-top:22px;
	}	

#introductie
  {
  	display:inline;
	width: 677px;
	
	text-align: left;
	float: right;
	background-color: #f5f5f5;	
	margin-right:17px;
	margin-top:20px;
	}
	
#keuzeblok
  {
  	display:inline;
	width: 677px;
	
	text-align: left;
	float: right;
	background-color: #f5f5f5;	
	margin-right:17px;
	margin-top:20px;
		}
		
#keuzeblok_merk
  {
  	display:inline;
	width: 677px;
	text-align: left;
	float: right;
	background-color: #f5f5f5;	
	margin-right:17px;
	margin-top:20px;
		}

	
#kop_titel{
	font-family: Arial;
	font-style: bold;
	font-size: 18px;
	color:#4a4a4a;
	margin-left:20px;
	margin-top:16px;
	}

#body_tekst{
	font-family: Arial;
	font-style: normal;
	font-size: 12px;
	color:#4a4a4a;
	line-height: 14px;
	margin-left:20px;
	margin-right:15px;
	margin-bottom: 20px;
	}
	
.keuzeblok_tekst{
	font-family: Arial;
	font-style: normal;
	font-size: 12px;
	color:#4a4a4a;
	line-height: 14px;
	padding-left: 18px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	}
	
.keuzeblok_merk_tekst{
	font-family: Arial;
	font-style: normal;
	font-size: 12px;
	color:#4a4a4a;
	line-height: 14px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	}		
	
#foto_header{
  	display:inline;
	width: 677px;
	height: 124px;
	text-align: left;
	float: right;
	background-color: #f5f5f5;	
	margin-right:17px;
	margin-top:20px;
	}
	
/* =TOPMENU
*******************************************************/
#topmenu li {
	margin:0;
	padding:0;
	float:right;
	}
	
#topmenu ul {
	margin:0;
	padding:0;
	float:right;
	}
	
#topmenu ul {
	list-style:none;
	width:750px;
	}
	
#topmenu ul li {
	font-family: Arial;
	font-style: normal;
	font-size: 11px;
	padding-left:30px;
	}
	
#topmenu ul li a {
	display:block;
	color:#939393;
	padding-left:15px;
	}
	
#topmenu ul li a:visited {
	background:url(images/Intres/arrowBlue_up.gif) no-repeat left center;
	text-decoration:none;
	}
	
#topmenu ul li a:link {
	background:url(images/Intres/arrowBlue_up.gif) no-repeat left center;
	text-decoration:none;
	}
	
#topmenu ul li a:hover {
	text-decoration:underline;
	}

#topmenu ul li a:active {
	background:url(images/Intres/arrowBlue_down.gif) no-repeat left center;
	text-decoration:none;
	}
	
/* =NAVIGATIE
*******************************************************/
#navigatie li {
	margin:0;
	padding:0;
	float:left;
	}
	
#navigatie ul {
	margin:0;
	padding:0;
	float:left;
	}
	
#navigatie ul {
	list-style:none;
	width:920px;
	}
	
#navigatie ul li {
	font-family: Arial;
	font-style: normal;
	font-size: 10px;
	text-transform:uppercase;	
	}
	
#navigatie ul li a {
	display:block;
	color:#939393;
	padding:0 15px;
	line-height:25px;
	text-decoration:none;
	}
	
#navigatie ul li a:visited {
	}
	
#navigatie ul li a:link {
	}
	
#navigatie ul li a:hover {
	color:#004990;
	}

#navigatie ul li a:active {
	background:url(images/Intres/tab-inner.gif) repeat-x top left;
	border-left:1px solid #004990;
	border-right:1px solid #004990;
	font-weight:bold;
	color:#ffffff;	
	}
	
/* =SUB-NAVIGATIE
*******************************************************/
#subnavigatie li {
	margin:0;
	padding:0;
	float:left;
	}
	
#subnavigatie ul {
	margin:0;
	padding:0;
	float:left;
	}
	
#subnavigatie ul {
	list-style:none;
	width:910px;
	padding-left:10px;
	}
	
#subnavigatie ul li {
	font-family: Arial;
	font-style: normal;
	font-size: 10px;
	padding-right:25px;
	text-transform:uppercase;	
	}
	
#subnavigatie ul li a {
	display:block;
	color:#b8b7b7;
	padding-left:15px;
	line-height:23px;
	text-decoration:none;
	}
	
#subnavigatie ul li a:visited {
	background:url(images/Intres/arrowGrey_up.gif) no-repeat left center;
	}
	
#subnavigatie ul li a:link {
	background:url(images/Intres/arrowGrey_up.gif) no-repeat left center;
	}
	
#subnavigatie ul li a:hover {
	background:url(images/Intres/arrowBlue_up.gif) no-repeat left center;
	}

#subnavigatie ul li a:active {
	background:url(images/Intres/arrowBlue_down.gif) no-repeat left center;
	color:#004990;
	}
	
/* =SUB-SUB-MENU
*******************************************************/
#subsubmenu ul {
	margin:0;
	padding:0;
	list-style:none;
	width:222px;
	}
	
#subsubmenu ul li {
	display:inline;
	font-family: Arial;
	font-style: normal;
	font-size: 12px;
	}
	
#subsubmenu ul li a {
	display:block;
	line-height:23px;
	text-decoration:none;
	padding-left:25px;
	width:197px;
	border-top:1px solid #ffffff;
	}
	
#subsubmenu ul#niveau3 li a:visited {
	background:#f5f5f5 url(images/Intres/arrowDark_up.gif) no-repeat 10px center;
	color:#4a4a4a;
	}
	
#subsubmenu ul#niveau3 li a:link {
	background:#f5f5f5 url(images/Intres/arrowDark_up.gif) no-repeat 10px center;
	color:#4a4a4a;
	}
	
#subsubmenu ul#niveau3 li a:hover {
	background:#f5f5f5 url(images/Intres/arrowOrange_up.gif) no-repeat 10px center;
	color:#ff6600;
	}
	
#subsubmenu ul#niveau3 li a:active {
	background:#ffe8d9 url(images/Intres/arrowOrange_down.gif) no-repeat 10px center;
	color:#ff6600;
	}
	
#subsubmenu ul#niveau4 li a:visited {
	background:#ffe8d9;
	color:#ff6600;
	}
	
#subsubmenu ul#niveau4 li a:link {
	background:#ffe8d9;
	color:#ff6600;
	}
	
#subsubmenu ul#niveau4 li a:hover {
	background:#ffe8d9 url(images/Intres/arrowOrange_up.gif) no-repeat right center;
	color:#ff6600;
	}
	
#subsubmenu ul#niveau4 li a:active {
	background:#ff6600 url(images/Intres/arrowWhite_up.gif) no-repeat right center;
	color:#ffffff;
	}	
