@import "font.css?v91";

html, body { height: 100%; width: 100%; }

.nav-top {
	height: 106px;
	border-bottom: 7px solid #949599;
	background-image: url(images/navigation-top-background.jpg);
	background-repeat: repeat-x;
	background-position: 0 -10px; }
	
	.nav-top .navbar {
		height: 70px; }
		
		.nav-top .navbar .navbar-left {
			float: left;
			height: 100%;
		}
		.nav-top .navbar .navbar-right {
			float: right;
			height: 100%; }
			
			.nav-top .navbar .navbar-right > div {
				float: left;
				height: 100%;
			}

.navbar-mode { 
	display: none;
	height: 100%; }
		
	.navbar-mode div {
		line-height: 180%;
		cursor: pointer;
		display: none;
		color: White;
	}
	.mode-desktop .navbar-mode .mode-desktop {
		display: none; }
			
	.mode-desktop .navbar-mode .mode-mobile {
		display: block; }
		
	.mode-mobile .navbar-mode .mode-mobile {
		display: none; }
		
	.mode-mobile .navbar-mode .mode-desktop {
		display: block; }

div.logo {
	width: 170px;
	text-align: right;
	vertical-align: middle;
	padding: 0px 18px 0 0; }
	
	.logo object, .logo img {
		height: 50px;
		/*width: 130px;*/
		margin-top: 12px;
		position: relative;
		top: -2px;
	}
	.logo img {
	}

div#support {
	display: none;
	background: url(images/support-phone.png) no-repeat 0px 7px;
	width: 160px;
	margin-top: 15px;
	padding-left: 40px;
	padding-top: 6px; }


/* "support" */

	div#support div#header
	{
		color: #93959A;
		cursor: text;
		font: normal 12px 'CalibriBold' , Arial, Sans-serif;
		text-transform: uppercase;
		text-decoration: none;
	}

	/* het telefoon nummer */

	div#support div#number
	{
		color: #EA640D;
		cursor: text;
		font: normal 16px 'CalibriBold' , Arial, Sans-serif;
		position: relative;
		text-decoration: none;
	}

@media only screen and (min-width: 1024px) {
	
	div#support { display: inherit; }

}

/* Main navigation */
			
div#toolbar {
	/*position: absolute;
	top: 68px;*/
	width: 100%;
	left: 0px;
	background: url('images/navigation-bar-background.jpg') repeat-x;
	height: 30px;
	z-index: 3; }

/*
td.navbar 
{
	height: 70px;
}
*/

div#navbar {
	position: relative;
	top: 26px;
	left: 10px;
	z-index: 2;	}		
	
	/* level 1 */
				
	#navbar ul {
		height: 44px;
		list-style: none;
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline; }
	
		#navbar li {
			float: left;
			position: relative;
			height: 44px;
			padding: 4px 0px 0px 0px;
			margin: 0 5px 0 0;
			cursor: pointer; }
		
			#navbar li a {
				display: block;
				color: #333333;
				font: normal 16px CalibriBold, Arial, Sans-serif;
				line-height: 20px;
				text-decoration: none;
				height: 40px;
				padding: 8px 15px 0px 15px;
				margin: 0 5px 0 0;
				/* border-radius */
				-webkit-border-top-left-radius: 5px;
				-webkit-border-top-right-radius: 5px;
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-topright: 5px;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
				/* pie */
				behavior: url(/label/formdesk-new/PIE.htc);
			}
			
			/* rollover */
			#navbar li a:hover { 
				background: #e5e5e5;
				color: #333333;
				position: relative; }
			
		/* current page & ancestors */

		#navbar li.current-navbar-item a { 
			background: #ea640c !important;
			color: #FFFFFF; }
					
			#navbar li.current-navbar-item a:hover { color: #FFFFFF; }
					
			#navbar li.current-navbar-item a:hover { 
				background: #EA640C; }

				
	#navbar li.current-navbar-parent:hover, #navbar li.current-navbar-item a:hover, #navbar li.current-navbar-ancestor:hover { color: #fff; }

#menu-top {
	padding-top: 6px;
	height: 34px;
	clear: both;
	background-color: #949599; }
	
	#menu-top ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px 0px 0px 10px }
		
		#menu-top ul li {
			height: 28px;
			padding: 6px 15px 0px 15px;
			position: relative;
			float: left; }
			
			#menu-top ul li img {
				margin-top: -4px;
				vertical-align: middle;
				display: inline-block;
			}
			
			#menu-top ul li a, #menu-top ul li span {
				color: White !important;
				margin: 0px;
				cursor: pointer;
				text-decoration: none; }
			
			#menu-top ul li a:hover, #menu-top ul li span:hover {
				text-decoration: underline !important; }
		
		#menu-top ul li.current-item {
			background-color: White;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			/*behavior: url(/label/formdesk-new/PIE.htc);*/	}
			
			#menu-top ul li.current-item a, #menu-top ul li.current-item span {
				color: #333333 !important;
			}

/*
DIV.fdbutton A, DIV.fdbutton A:active
{
	font-weight: normal;
	font-size: 11px;
	color: black;
	font-family: Tahoma, Arial;
	text-decoration: none;
}
DIV.fdbuttonspecial A, DIV.fdbuttonspecial A:active
{
	font-weight: bold;
	font-size: 11px;
	color: black;
	font-family: Tahoma, Arial;
	text-decoration: none;
}
*/

.nav-bottom {
	height: 40px;
	padding: 4px 6px;
	background-color: #6a6b6f;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#939599, EndColorStr=#6a6b6f));
	-ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#6a6b6f, EndColorStr=#6a6b6f));
	background: linear-gradient(bottom, #939599, #6a6b6f);
	background: -webkit-gradient(linear, left top, left bottom, from(#939599), to(#6a6b6f));
	background: -webkit-linear-gradient(bottom, #939599, #6a6b6f);
	background: -ms-linear-gradient(bottom, #939599, #6a6b6f);
	background: -moz-linear-gradient(bottom, #939599, #6a6b6f); }
	
	.nav-bottom div#content > div {
		height: 40px;
		padding: 3px 8px;
	}
	
	.nav-bottom .button-icon, 
	.nav-bottom .button-icon span, 
	.nav-bottom .button-icon:hover, 
	.nav-bottom .button-icon:hover span {
		color: #fff;
	}
	
	.nav-bottom a.button-icon:active, .nav-bottom .button-focus {
		border: 1px solid transparent !important;
	}
	
	.nav-bottom a.button-icon:hover, .nav-bottom a.button-icon:active, .nav-bottom .button-focus {
		text-decoration: underline; }
		
		.nav-bottom a.button-icon:hover span {
			text-decoration: none;
		}
	
	.nav-bottom .button-disabled, .nav-bottom .button-disabled span,
	.nav-bottom .button-disabled:hover, .nav-bottom .button-disabled:hover span {
		color: #ececec !important;
	}

.blognews-wrapper {
	min-height: 132px;
}
#blognews {
	width: 420px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 120%;
	color: #939599;
	padding-left: 20px;
	padding-top: 20px; }
	
	#blognews .blognews-title {
		float: left;
		font-weight: bold;
	}
	#blognews .blognews-list {
		float: right;
		width: 310px; }
		
		#blognews .blognews-list ul {
			margin: 0px;
			padding-left: 30px }
			
			#blognews .blognews-list ul li {
				margin-bottom: 5px; }
				
				#blognews .blognews-list ul li .blogitem-title {
					color: #939599; 
					text-decoration: none;
				}
				#blognews .blognews-list ul li .blogitem-more {
					color: #EA640D;
					font-size: 10px;
				}
	
	#blognews #twitter {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-style: italic;
		font-size: 13px; 
		color: #939599; 
		clear: both; 
		padding-top: 10px; 
		margin-left: 120px; }
		
		#blognews #twitter > div {
			padding-left: 25px; 
			float: left; 
			height: 16px; 
			background-image: url(images/twitter.png); 
			background-repeat: no-repeat;
		}