/*
Version: 0.4.9
*/


/* Header */

div#header2013 ul li { background: none; }

div#header2013 { margin:0; padding:0; width: 100%; z-index: 1200; position: relative; }

div#header2013 div#headerwrap {  background:#202223; background-image: url('../images/menu-bg.png');  }

div#header2013 div.container { margin:0 auto; }

div#header2013 div#topsearch { float: right; margin-top:-1px; }
div#header2013 div#topbuttons { float: right; }
div#header2013 #toplanguage { float: right; margin-top: 1px; z-index: 1200; margin-right: 4px; margin-left: 8px; }
div#header2013 #toplanguage img { margin-left: 10px; position: relative; top: -2px; }

/* Logo */
div#header2013 div#logo-wrapper { float: left; padding:7px 0 0 0; }
div#header2013 div#logo-small-wrapper { float: left; padding:8px 0 0 0; position: absolute; margin-top: 39px; opacity: 0; }

/* Top Bar */
div#header2013 div#topnavigation  
{
	text-align: right;
	padding:7px 0px 8px 8px;
}
div#header2013 div#topnavigation a.login {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: normal;
	text-decoration: none;
	/*font-size: 14px;*/
	font-size: 12px;
	color:#fff;
	/*padding:0 10px; */
	padding:4px 8px; 
	margin-top: 1px;
	
	
	 *zoom: 1;
	background-image: url('/wp-content/themes/appmachinenew/header/gradients/top-gray-dropdown-gradient.svg');
	background-size: 100% 100%;
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color:#0f110c;
	background-image:-moz-linear-gradient(top, #292929 0%,#0f110c 100%);
	background-image:linear-gradient(top, #292929 0%,#0f110c 100%);
	background-image:-webkit-linear-gradient(top, #292929 0%,#0f110c 100%);
	background-image:-o-linear-gradient(top, #292929 0%,#0f110c 100%);
	background-image:-ms-linear-gradient(top, #292929 0%,#0f110c 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#292929),color-stop(100%,#0f110c));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#0f110c',GradientType=0 );
    
    border: 1px solid #c5c5c5;	
	*border: 0;
	border-color: #c5c5c5;
	border-color: rgba(240, 240, 240, 1.0) rgba(240, 240, 240, 1.0);
	border:0;

	border-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	   		border-radius: 4px;
	        
	behavior: url('/PIE/PIE.htc');
	
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.8), 0 1px 1px rgba(255, 255, 255, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.8), 0 1px 1px rgba(255, 255, 255, 0.2);
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.8), 0 1px 1px rgba(255, 255, 255, 0.2);
	
}
div#header2013 div#topnavigation a.login:hover {
	text-decoration: underline;
}

/* Top Button */
div#header2013 .top-btn
{
	position: relative;
	z-index: 2000;
	font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: inline-block;
	text-decoration: none !important;
	*display: inline;	
	padding: 5px 12px 5px 12px;
	font-size: 14px;
	line-height: 16px;
	*line-height: 20px;
	color:#424242;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	 
	margin-top:0px;
	 
	*zoom: 1;
	background-image: url('/wp-content/themes/appmachinenew/header/gradients/top-yellow-button-gradient.svg');
	background-size: 100% 100%;
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color:#ffb600;
	background-image:-moz-linear-gradient(top, #ffcd00 0%,#ffb600 100%);
	background-image:linear-gradient(top, #ffcd00 0%,#ffb600 100%);
	background-image:-webkit-linear-gradient(top, #ffcd00 0%,#ffb600 100%);
	background-image:-o-linear-gradient(top, #ffcd00 0%,#ffb600 100%);
	background-image:-ms-linear-gradient(top, #ffcd00 0%,#ffb600 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#ffcd00),color-stop(100%,#ffb600));
	background-color:#d2d2d2;
	background-image: url('/wp-content/themes/appmachinenew/header/gradients/top-lightgray-button-gradient.svg');
	background-image:-moz-linear-gradient(top, #fff 0%,#d2d2d2 100%);
	background-image:linear-gradient(top, #fff 0%,#d2d2d2 100%);
	background-image:-webkit-linear-gradient(top, #fff 0%,#d2d2d2 100%);
	background-image:-o-linear-gradient(top, #fff 0%,#d2d2d2 100%);
	background-image:-ms-linear-gradient(top, #fff 0%,#d2d2d2 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#fff),color-stop(100%,#d2d2d2));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#d2d2d2',GradientType=0 );
	
	border: 1px solid #bababa;
	*border: 0;
	border-color: #bababa;
	border: 0;
	-webkit-border-radius: 12px;
	   -moz-border-radius: 12px;
	        border-radius: 12px;
	        
	behavior: url('/PIE/PIE.htc');
	        
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.0), 0 1px 1px rgba(0, 0, 0, 1);
	-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.0), 0 1px 1px rgba(0, 0, 0, 1);
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.0), 0 1px 1px rgba(0, 0, 0, 1);
	
}
div#header2013 .top-btn:hover {
  	text-decoration: none;
  	background-position: 0 -15px;
  	-webkit-transition: background-position 0.1s linear;
  	   -moz-transition: background-position 0.1s linear;
  	     -o-transition: background-position 0.1s linear;
  	        transition: background-position 0.1s linear;
}
div#header2013 .top-btn-blue {
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	
	background-image: url('/wp-content/themes/appmachinenew/header/gradients/top-blue-button-gradient.svg');
	background-color:#1178c2;
	background-image:-moz-linear-gradient(top, #42a5ec 0%, #1178c2 100%);
	background-image:linear-gradient(top, #42a5ec 0%, #1178c2 100%);
	background-image:-webkit-linear-gradient(top, #42a5ec 0%,#1178c2 100%);
	background-image:-o-linear-gradient(top, #42a5ec 0%, #1178c2 100%);
	background-image:-ms-linear-gradient(top, #42a5ec 0%, #1178c2 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#42a5ec), color-stop(100%,#1178c2));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42a5ec', endColorstr='#1178c2',GradientType=0 );        
}
div#header2013 div#topnavigation .login-btn {

}
div#header2013 div#topnavigation form#searchform { display: inline-block; margin-bottom: 0; }
div#header2013 div#topnavigation input.top-search {
	margin: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size:13px;
	font-weight: normal;
	color: #8f8f8f;
	
	line-height: 13px;
	height: auto;
	width: auto !important;
	
	border: 1px solid #c5c5c5;	
	*border: 0;
	border-color: #c5c5c5;
	border-color: rgba(240, 240, 240, 1.0) rgba(240, 240, 240, 1.0);
	border:0;

	border-radius: 12px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	-webkit-border-radius: 12px;
	   -moz-border-radius: 12px;
	   		border-radius: 12px;
	        
	behavior: url('/PIE/PIE.htc');
          
    padding:5px 6px 2px 22px;
    margin-bottom: 0;
    margin-left: -10px;
    z-index: 1;

    position: relative;

    background-color: #0e0e0e;
    background-color: rgba(14,14,14,0.5);
    
	
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.8), 0 1px 1px rgba(255, 255, 255, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.8), 0 1px 1px rgba(255, 255, 255, 0.2);
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.8), 0 1px 1px rgba(255, 255, 255, 0.2);
}
div#header2013 div#topnavigation input.top-search:focus { outline: none;}
div#header2013 div#topnavigation span.top-search-magnifier { width:14px; height: 14px; z-index: 5; display: inline-block; position: relative; }
div#header2013 div#topnavigation span.top-search-magnifier img { margin-left: 14px; margin-top: 3px; }
@-moz-document url-prefix() {
    div#header2013 div#topnavigation span.top-search-magnifier img { margin-top:9px; }
    div#header2013 div#topnavigation input.top-search { top:-4px;}
}
div#header2013 div#topnavigation span.top-splitter { width: 1px; border-left: 1px dotted #bfbfbf; margin:-2px 7px 0 5px; height: 24px; }

/* End Top Bar */

/* Slide Button */
div#header2013 div#slide-button-wrap { padding:17px 0 0px 8px; display:inline-block; float: right; margin-left: 7px; }
div#header2013 .slide-button { position: relative; }

/* Main Navigation */
div#header2013 div#mainnavigation { 
	float:right;
	border-top: 1px solid #000000; 
	margin-top: 9px;
}
div#header2013 div#mainnavigation ul { 
	margin:0;
	padding:0;
}
div#header2013 div#mainnavigation ul li {
	display: inline-block;
	list-style: none;
	margin:0;
	padding:0;
	border-left: 1px solid #3f3f3f;
	border-right: 1px solid #000000;
	margin-left:0px;
	margin-right:0px;
	float:left;
}
div#header2013 div#mainnavigation ul li a {
	padding:0;
	margin:0;
	color:#fff;
	text-decoration: none;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size: 14px;
	text-transform: uppercase;
	padding:8px 22px !important;
	display: block;
}
div#header2013 div#mainnavigation ul li a:hover {
	background-image: url('../images/hover.png');
}
div#header2013 div#mainnavigation ul li.current_page_item a, div#header2013 div#mainnavigation ul li.current-page-ancestor a, div#header2013 div#mainnavigation ul li.current-page-parent a {
	background-image: url('../images/navigation-selected.png');
	color:#424242;
}

div#header2013 div#underline, div#underline {
	width: 100%;
	height: 7px;
	background-color: transparent;
	background: url('../images/header_bottomline.png') repeat-x;
}

/* WPML */

/*---------- Wrapper --------------------*/
					
					
div#header2013 div#toplanguage ul {
	text-align: center;
}

div#header2013 div#toplanguage ul li {
	font: 13px Verdana, 'Lucida Grande';
	cursor: pointer;
	-webkit-transition: padding .05s linear;
	-moz-transition: padding .05s linear;
	-ms-transition: padding .05s linear;
	-o-transition: padding .05s linear;
	transition: padding .05s linear;
}
div#header2013 div#toplanguage ul li.drop {
	position: relative;
	margin: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size:13px;
	font-weight: normal;
	color: #8f8f8f;
	
	line-height: 13px;
	height: auto;
	width: auto !important;
	
	border: 1px solid #c5c5c5;	
	*border: 0;
	border-color: #c5c5c5;
	border-color: rgba(240, 240, 240, 1.0) rgba(240, 240, 240, 1.0);
	border:0;

	border-radius:4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	   		border-radius: 4px;
	        
	behavior: url('/wp-content/themes/appmachinenew/header/PIE/PIE.htc');
          
    padding:5px 6px 4px 9px;
    margin-bottom: 0;
    margin-left: -10px;
    z-index: 1;

    position: relative;

    background-color: #0e0e0e;
    background-color: rgba(14,14,14,0.5);
    
	
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.8), 0 1px 1px rgba(255, 255, 255, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.8), 0 1px 1px rgba(255, 255, 255, 0.2);
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.8), 0 1px 1px rgba(255, 255, 255, 0.2);

}
div#header2013 div#toplanguage ul > li {
	display: inline-block;
}
div#header2013 div#toplanguage ul li a {
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
	color: #fff;
}

div#header2013 div#toplanguage .dropOut .triangle {
	width: 0;
	height: 0;
	position: absolute;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid white;
	top: -8px;
	left: 50%;
	margin-left: -8px;
}
div#header2013 div#toplanguage .dropdownContain {
	width: 160px;
	position: absolute;
	z-index: 2;
	left: 50%;
	margin-left: -80px; /* half of width */
	top: -400px;
	z-index: 34000;
}
div#header2013 div#toplanguage .dropOut {
	width: 160px;
	background: white;
	float: left;
	position: relative;
	margin-top: 0px;
	opacity: 0;
	
	border: 1px solid #c5c5c5;	
	*border: 0;
	border-color: #c5c5c5;
	border-color: rgba(240, 240, 240, 1.0) rgba(240, 240, 240, 1.0);
	border:0;

	border-radius:4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	   		border-radius: 4px;
	        
	behavior: url('/wp-content/themes/appmachinenew/header/PIE/PIE.htc');
	
				
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
		  	box-sizing:border-box;
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.4);
	   -moz-box-shadow:0 1px 4px rgba(0,0,0,0.4);
			box-shadow:0 1px 4px rgba(0,0,0,0.4);
}

div#header2013 div#toplanguage .dropOut ul {
	float: left;
	padding: 10px 0;
}
div#header2013 div#toplanguage .dropOut ul li {
	text-align: left;
	float: left;
	width: 125px;
	padding: 8px 0 8px 15px;
	margin: 0px 10px;
	color: #777;
	border-bottom: 1px dotted #ececec;
}

div#header2013 div#toplanguage .dropOut ul li:hover {
	background: #f6f6f6;
}

div#header2013 div#toplanguage ul li:hover .dropdownContain a { color: #424242; }
div#header2013 div#toplanguage ul li:hover .dropdownContain { top: 20px; }
div#header2013 div#toplanguage ul li:hover .underline { border-bottom-color: #777; }
div#header2013 div#toplanguage ul li:hover .dropOut { opacity: 1; margin-top: 4px; }/* Speciaal voor tablets 



@media screen and (orientation:portrait) { 
	div#header2013 div#topnavigation span.top-search-magnifier img { margin-top: 0px !important; position: absolute; margin: 0px; top: 5px; margin-left: 14px; } }
@media screen and (orientation:landscape) { 
	div#header2013 div#topnavigation span.top-search-magnifier img { margin-top: 0px !important; position: absolute; margin: 0px; top: 5px; margin-left: 14px; } }
*/

/* Landscape phone to portrait tablet */
@media (min-width: 768px) and (max-width: 979px) { 
	div#header2013 div#mainnavigation ul li a { padding: 8px 16px !important;  }
	.img-title-block h2 { font-size: 26px !important;}
	div#header2013 div#topnavigation span.top-search-magnifier img { margin-top: 0px !important; position: absolute; margin: 0px; top: 5px; margin-left: 14px; }
} 

/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) { 
	/*div#header2013 div#slide-button-wrap { display: none; }
	div#topsearch { display: none; }*/
	/*div#logo-wrapper { display: none; }
	div#logo-small-wrapper { display: inline-block; opacity: 1 !important; margin-top:-5px !important; }*/
}