@charset "utf-8";
/* CSS Document */

html,body {
	margin: 0px;
	background-color: #008bb9;
	background-image: url(../images/common/background.gif);
	background-repeat: repeat-x;
	height: 100%;
}

html {
	overflow-y: scroll;
	overflow-x: none;
}

td {
	color: #666666;
	font-size: 11px;
	
}

h1 {
	color: #002e5e;
	font-family: Helvetica, Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 20px;
	text-transform: uppercase;
}

h2 {
	color: #002e5e;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	margin: 0px;
	text-transform: uppercase;
}

h3 {
	color: #ff1d00;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 13px;
	margin: 0px;
	text-transform: uppercase;
	font-style:italic;
}

#home {
	font-size: 9px;
	font-weight: lighter;
}

.homeBrancheTitle {
	font-size: 9px;
	font-weight: lighter;
	font-style: normal;
}

#formHeader {
	height: 25px;
	border-bottom: 1px solid #ff1d00;
}

h4 {
	color: #7f7f7f;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 10px;
	margin-bottom: -20px;
	text-transform: uppercase;
}

label {
	cursor: pointer;
}

p {margin-top: 0px; margin-bottom: 30px; line-height: 20px;}

A{font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#008bb9; font-size: 11px;}
A:link{text-decoration:underline;}
A:visited{text-decoration:underline;}
A:hover{text-decoration:none;}
A:active{text-decoration:underline;}

.footer A{font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size: 9px;}
.footer A:link{text-decoration:none;}
.footer A:visited{text-decoration:none;}
.footer A:hover{text-decoration:underline;}
.footer A:active{text-decoration:none;}

.syswide A{font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#7f7f7f; font-size: 11px; font-weight: normal; padding-right: 1px;}
.syswide A:link{text-decoration:none;}
.syswide A:visited{text-decoration:none;}
.syswide A:hover{text-decoration:underline;}
.syswide A:active{text-decoration:none;}

.breadcrumbs {
	font-size: 13px;
	color: #008bb9;
}

.breadcrumbs A{font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#8c8c8c; font-weight: normal; font-size: 11px;}
.breadcrumbs A:link{text-decoration:underline;}
.breadcrumbs A:visited{text-decoration:underline;}
.breadcrumbs A:hover{text-decoration:none;}
.breadcrumbs A:active{text-decoration:underline;}

.canvasLeft {
	background-image: url(../images/common/bg_shadow_left.png);
	background-repeat: repeat-y;
	background-position: right;
}

.canvasRight {
	background-image: url(../images/common/bg_shadow_right.png);
	background-repeat: repeat-y;
}

.canvasContent {
	width: 900px;
	height: 100%;
	background-color: #FFF;
	vertical-align: top;
}

.content {
	width: 840px;
	padding: 30px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8c8c8c;
	line-height: 20px;
	vertical-align: top;
}

.contentSmall {
	width: 650px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8c8c8c;
	line-height: 20px;
	vertical-align: top;
}

#submenu {
	width: 200px;
	vertical-align: top;
	padding: 50px 0px 0px 0px;
}

.header {
	height: 126px;
	max-height: 100px;
	background-image: url(../images/header/foto_selfstorage_container.jpg);
	background-repeat: no-repeat;
}

.logo {
	width: 118px;
	
	padding-left: 25px;
	vertical-align: middle;
}

.syswide {
	width: 872px;
	background-image: url(../images/syswide/bg_syswide.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	color: #ff1d00;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	text-align: right;
	vertical-align: bottom;
	padding-bottom: 7px;
	padding-right:2px;
}

.menuCanvas {
	height: 24px;
	max-height: 24px;
	background-image: url(../images/menu/bg_menu.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}

.footer {
	height: 28px;
	background-image: url(../images/footer/bg_footer.gif);
	background-repeat: no-repeat;
	background-position: center;
	color: #FFFFFF;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	vertical-align: middle;
}

#form td{
	height:25px;
	vertical-align: top;
}

input {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}



textarea{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 500px;
	height: 150px;
}

.textfield {
	width:200px;
	margin: 1px 0px 1px 0px;
}

.textfield2 {
width:65px;
}

.box {
	border: #f2f2f2 solid 1px;
	border-left: #ff1d00 solid 2px;
}

.box td {
	padding: 10px;
	line-height: 20px;
	vertical-align: top;
	background-image: url(../images/box/bg_box.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.box td li{
	padding: 10px;
	line-height: normal;
	vertical-align: top;
}

.box h2 {
	color: #353535;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 14px;
	margin-bottom: 0px;
}



/*
#menu ul li a {padding: 5px 15px 5px 15px; margin: 0;}

#menu ul, #menu ul li	{list-style-type: none;	display: inline; padding: 0; margin: 0;}

#menu {float: left; padding: 0;  text-align:center;}

#menu a { color: #fff; white-space: nowrap; height: 24px; text-decoration: none; text-transform: uppercase; font-weight: bold; font-family: Helvetica, Arial, sans-serif;}

#menu a:hover { color: #FFFFFF; background-image: url(../images/menu/bg_menu_o.gif); background-repeat: repeat-x; height: 24px; }

*/

* Menu */

.menuContainer{
	position: 		relative;
	height: 		30px;
	background: 	#aca595;
	margin-left:10px;
}

div#menu{
/*	position: 		absolute;*/
	bottom: 		0;
	left: 			5px;
	height:			24px;
	font-size:		12px;
	width:			100%; /* wordt gelijk aan de breedte van de content-div */
}
div#menu ul ul a, 
div#menu ul ul span{
	line-height: 	24px;
	height:			24px;
}

ul.firstlist,
div#menu>ul{ /* Dit geldt alleen voor de ul direct onder div#navigation, dus niet voor de sub-ul */
	float: 			left;
	width: 			100%;
	padding: 		4px 15px 0;
	margin:			0px;
	padding:		0px;
}

div#menu ul{ /* Dit geldt voor alle ul's onder div#navigation */
	margin:			0px;
	padding:		0px;
	list-style: 	none none outside; /* outside, anders werkt het in Internet Explorer niet goed */ 
}
li.firstlistitem,
div#menu>ul>li{ /* Dit geld voor alle li's die direct onder de ul vallen direct onder div#navigation, dus niet binnen de sub-ul */
	float: 			left;
	position: 		relative; /* hierdoor kunnen de submenu gepositioneerd worden */
}
div#menu>ul>li>a
{
	margin-top: 7px;
}

li.hoverfirstlistitem,
div#menu>ul>li:hover{
	background-image: url(../images/menu/bg_menu_o.gif); 
	background-repeat: repeat-x;
	color: 			#FFFFFF;
}

div#menu>ul>li.selectedMenu{
}

div#menu>ul>li.selectedMenu>a:hover{
}

/** start: stay selected! **/
	div#menu>ul>li.selectedMenu:hover{
	}
	div#menu>ul>li.selectedMenu:hover>a{
	}
	div#menu>ul>li.selectedMenu:hover>a span{
		margin-left:	5px;
	}
/** end: stay selected! **/

div#menu ul li a{
	display: 		block;
	color:			#FFF;
	text-decoration:none;
	font-size: 		11px;
}
span.firstlist,
div#menu>ul>li>a span{
	display: 		block;
	font-weight: 	bolder;
	padding: 		0 15px 3px 10px;
	white-space:	nowrap;
	margin-left:	5px;
	font-family: 	Helvetica, Verdana, Arial;
	font-size:		12px;
	text-transform:	uppercase;
}
span.hoverfirstlistitem,
div#menu>ul>li:hover>a span{
	margin-left:	5px;
}

div#menu>ul>li.selectedMenu>a span{	
	color: 			#FFFFFF;
	margin-left:	5px;
}

div#menu>ul>li.selectedMenu>a:hover span{
	color: 			#FFFFFF;
	margin-left:	5px;
}

ul.secondlist,
div#menu>ul>li ul{
	display: 		none; /* Submenu niveau 1 en eventueel verder standaard niet tonen */
	position: 		absolute;
	left: 			0;
	padding: 		0 0 6px 0;
	width: 			200px;
	white-space: 	nowrap;
	background: 	transparent url(../images/menu/nav_sec_bg.png) no-repeat 0 100%;
}

div#menu>ul>li>ul>li>ul>li:first-child /* het eertse li'tje bij een sub sub menu*/
{
	background: 	transparent url(../images/menu/nav_sec_bg_sub_sub_top.png) no-repeat 0 0;
}

div#menu ul li:hover ul{ /* Ieder subsubmenu moet worden getoond wanneer over het betreffende submenu-item wordt bewogen */
	display: 		block;
}

div#menu li{
	position: relative;
	
}
div#menu ul li:hover ul ul{
	display: 		none;
}
/**
 * Sub sub menu
 */
div#menu ul ul li:hover>ul{
	display: block;
	left: 199px;
	top: 0px;
}

div#menu ul ul li{ /* De listitems (li's) van de alle submenus */
	float: 			none;
	background: 	transparent url(../images/menu/nav_sec_li_bg.png) repeat-y;
	padding: 		0 10px;
}

div#menu ul li ul li a{ /* Submenu links */
	color:			#545454;
	border-bottom: 	1px solid #EEEEEE;
}

div#menu ul li ul li a:hover{
	color:			#008ac8;
}

#submenu h2 {
	color: #353535;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 14px;
	margin-bottom: 5px;
}

#submenu ul li a {margin: 0; padding: 0px; line-height: 19px; list-style: none; }

#submenu ul, #submenu ul li	{list-style-image: url(../images/submenu/arrow.gif); list-style-position:inside; padding: 0px; margin: 0px; }

#submenu {float: left; padding: 0px; }

#submenu a { color: #008bb9; margin: 0px; padding: 0px; text-decoration: none; font-family: Helvetica, Arial, sans-serif;  font-size: 11px; }

#submenu a:hover { color: #008bb9; background-repeat: repeat-x; text-decoration: underline;}


.pdfIcon {
	margin: 2px 5px 2px 0px;
}

#otherProducts td {
	padding: 0px 3px 25px 0px;
	width: 190px;
	vertical-align: top;
}

/* Sitemap */

.sitemap{
	list-style-type:none;
	list-style-position: outside;
	margin-left: 0px;
	padding-left: 30px;
}
.niveau1 { margin: 15px 0px 5px -30px; padding: 0px; margin-bottom: 5px; font-weight: bold; font-size: 14px;}
.niveau2 { margin: 15px 0px 5px 0px; padding: 0px; font-weight: bold; list-style-type: square; font-size: 13px;}
.niveau3 { margin: 0px 0px 0px 10px; padding: 0px; font-size: 12px;}
.niveau4 { margin-left:35px; padding: 0px; font-size: 11px;}

/* Buttons */

.btRegular {
	background: transparent url(../images/buttons/bt_regular_rightside.png) no-repeat;
	background-position: top right;
	background-attachment: scroll;
	color: #5a5a5a;
	display: block;
	float: left;
	font: normal 11px arial, sans-serif;
	height: 24px;
	padding-right: 7px; /* sliding doors padding; deze waarde moet gelijk zijn aan de width van de img aan de rightside */
	text-decoration: none;
	cursor: pointer;
	}

.btRegular span {
	background: transparent url(../images/buttons/bt_regular_leftside.png) no-repeat;
	display: inline-block;
	height: 20px;
	padding: 4px 5px 0 8px;
	text-decoration: none;
	} 

.btRegular:hover {
	background-position: bottom right;
	color: #5a5a5a;
	outline: none; /* hide dotted outline in Firefox */
	text-decoration: none;
	line-height: 15px;
	}

.btRegular:hover span {
	background-position: bottom left;
	padding-left: 9px;
	}
	
	
.productIntroTekst {
	font-weight: bold;
	margin-bottom: 20px;
}

#product_image
{
	text-decoration:none;  
	position:relative;  
	display:block;
}

#product_image img
{
	margin: 0px 10px 10px 0px;
}

#product_image span
{
	position:absolute;  
	right: 0px;  
	bottom: 2px;	
}