/***** main.css *****/

/*********************************************
 * WebDevvr
 * 
 * Author: Nico Habets.com
 * WebDevvr is copyright protected. It is not
 * allowed to adjust, reproduce or sell this 
 * product without approval from the author.
 * 
 ********************************************/

/*////////////////////////////////////////////
				CSS RESET
////////////////////////////////////////////*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
small, strong, em, img, sub, sup, del, ins, b, i, a,
dl, dt, dd, ol, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video										{ margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; list-style: none; }
article, aside, figure, footer, header, hgroup, nav, section	{ display:block; }

/*
Grey:		#3b4049
Light Grey	#d5d5d6
White		#f3f3f3
Orange		#f59829
*/


body									{ color: #747474; height: 100%; background: url(../images/background.png) #3b4049 repeat-y top center; font-family: Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 13px; line-height: 1.7em; }
h1										{ color: #363636; font-size: 22px; font-weight: normal; line-height: 1.4em; margin: 10px 0px 20px 0px; }
h2										{ color: #363636; font-size: 18px; font-weight: normal; margin: 10px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #363636; text-transform: uppercase; }
h2 a									{ color: #363636; }
h2 .more								{ float: right; font-size: 11px; padding-top: 5px; text-transform: lowercase; }
h3										{ color: #f59829; font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 0px 0px 10px 0px; }
h4										{ color: #3b4049; font-size: 12px; font-weight: bold; }
h5										{ color: #3b4049; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 10px 0px 5px 0px; border-bottom: 1px solid #3b4049; }
h5 span									{ float: right; font-size: 12px; font-weight: normal; text-transform: lowercase; }
a										{ color: #f59829; text-decoration: none;  }
a:hover									{ text-decoration: underline; }
a:visited								{ color: #bc6e11; }
p										{ margin: 0px 0px 1.4em 0px; }
.ok										{ font-weight: bold; color: #f59829; }
.error									{ font-weight: bold; color: #CA0000; }
button									{ border: 1px solid #f59829; background: #f59829; border-radius: 3px; cursor: pointer; color: #ffffff; padding: 2px 5px; line-height: 1.3em; }
form									{ margin: 0px; padding: 0px; border: none; }
input, select, textarea					{ background: #e1e1e1; border: 1px solid #e1e1e1; border-radius: 3px; padding: 3px 5px; margin: 0px 0px 2px 0px;  width: 300px; }
input[type=radio]						{ width: 20px; }
select									{ width: 310px; }
input.col2								{ width: 135px; }
select.col2								{ width: 150px; }
input[type=checkbox]					{ width: 15px; }
.input									{ display: inline-block; width: 150px; }
label									{ display: block; }
textarea								{ width: 500px; height: 80px; }
legend									{ font-size: 16px; margin: 10px 0px 3px 0px; }
fieldset								{ margin: 0px 0px 10px 0px; }

#container								{ width: 990px; margin: 0px auto;  }
#sidebar								{ width: 220px; float: left; padding: 25px 15px; color: #a8abb1; }
#sidebar h1								{ color: #a8abb1; font-size: 15px; }
#sidebar h2								{ color: #f59829; border-bottom: none; padding: 0px; }
	#search								{ background: #f3f3f3; border-radius: 5px; margin: 10px 0px 0px 0px; padding: 1px 2px 1px 1px; position: relative; overflow: auto; }
	#search	input						{ float: left; width: 100px; background: #f3f3f3; border: 1px solid #f3f3f3; }
	#search	button						{ float: right; padding: 2px 10px; line-height: 1em; }
	
	#login input						{ width: 130px; background: #f3f3f3; }
	#login button						{ float: right; margin-top: -1px; }
	#login ul							{ margin: 0px; padding: 0 0 0 18px; }
	#login li							{ }
	
	#menu								{ margin: 15px 0px 0px 0px; clear: both; }
	#menu a								{ color: #a8abb1; text-decoration: none; display: block; padding: 5px; transition: all ease-in-out 0.3s; }
	#menu a.active						{ color: #f59829; }
	#menu a:hover						{ background: #d5d5d6; color: #3b4049; }
	#menu ul							{ margin: 0px; padding: 0px; list-style: none; }
	#menu li							{ margin: 0px; padding: 0px; list-style: none; border-bottom: 1px solid #51555e; }
	#menu ul ul							{ display: none; }
	#menu li.active ul					{ display: block; }
	#menu ul ul a						{ white-space: nowrap; padding: 0px 0px 0px 20px; overflow: hidden; text-overflow: ellipsis;  }
	
	#events								{ margin: 20px 0px; line-height: 1.3em; }
	#events h3 a						{ color: #d5d5d6; }
	#events .item						{ margin: 0px 0px 15px 0px; }
	#footer								{ font-size: 10px; line-height: 1.3em; }
	#footer a							{ color: #a8abb1; text-decoration: none; }
#main									{ width: 650px; float: left; padding: 25px 45px; min-height: 100%; }

#slider									{ float: right; width: 336px; height: 336px; overflow: hidden; margin: 0px 0px 15px 15px; }
#slider img								{ border: 1px solid #e2e2e2; padding: 2px; width: 330px; height: 330px; box-shadow: 0px 0px 2px rgba(0,0,0,0.5); }

.ico									{ display: inline-block; background: url(../images/sprite.png) no-repeat; text-indent: -9999px; vertical-align: top; }
.ico.document							{ background-position: 0 0; width: 20px; height: 26px; }
/*
.ico.lang-nl							{ width: 21px; height: 15px; background-position: -1px -26px; margin-top: 5px; }
.ico.lang-en							{ width: 21px; height: 15px; background-position: -24px -26px; margin-top: 5px; }
.ico.lang-de							{ width: 21px; height: 15px; background-position: -47px -26px; margin-top: 5px; }
*/

.widget									{ position: relative; clear: both; }
.documents								{ margin: 0px 0px 20px 0px; }
.documents p							{ margin: 0px; }
.documents .ico							{ position: absolute; top: 6px; left: 0px; }
.documents .item						{ position: relative; margin: 0px 30px 20px 0px; padding: 0px 0px 0px 30px; display: inline-block; width: 265px;  vertical-align: top; }
.document .files a						{ display: block; }
#downloadwarning						{ display: none; }

.calendar h3							{ margin: 0px; }

.subpages ul							{ margin: 0px; padding: 0px; list-style: none; }
.subpages li							{ display: inline-block; width: 200px; margin: 0px 15px 15px 0px; vertical-align: top; line-height: 1.3em; }
.subpages a								{ color: #3b4049; }




/***** alertify.css *****/

.alertify,
.alertify-show,
.alertify-log {
	-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	   -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	    -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	     -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	        transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}
.alertify-hide {
	-webkit-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	   -moz-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	    -ms-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	     -o-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	        transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-log-hide {
	-webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	   -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	    -ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	     -o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	        transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-cover {
	position: fixed; z-index: 99999;
	top: 0; right: 0; bottom: 0; left: 0;
	background-color:white;
	filter:alpha(opacity=0);
	opacity:0;
}
	.alertify-cover-hidden {
		display: none;
	}
.alertify {
	position: fixed; z-index: 99999;
	top: 50px; left: 50%;
	width: 550px;
	margin-left: -275px;
	opacity: 1;
}
	.alertify-hidden {
		-webkit-transform: translate(0,-150px);
		   -moz-transform: translate(0,-150px);
		    -ms-transform: translate(0,-150px);
		     -o-transform: translate(0,-150px);
		        transform: translate(0,-150px);
		opacity: 0;
		display: none;
	}
	/* overwrite display: none; for everything except IE6-8 */
	:root *> .alertify-hidden {
		display: block;
		visibility: hidden;
	}
.alertify-logs {
	position: fixed;
	z-index: 5000;
	bottom: 10px;
	right: 10px;
	width: 300px;
}
.alertify-logs-hidden {
	display: none;
}
	.alertify-log {
		display: block;
		margin-top: 10px;
		position: relative;
		right: -300px;
		opacity: 0;
	}
	.alertify-log-show {
		right: 0;
		opacity: 1;
	}
	.alertify-log-hide {
		-webkit-transform: translate(300px, 0);
		   -moz-transform: translate(300px, 0);
		    -ms-transform: translate(300px, 0);
		     -o-transform: translate(300px, 0);
		        transform: translate(300px, 0);
		opacity: 0;
	}
	.alertify-dialog {
		padding: 25px;
	}
		.alertify-resetFocus {
			border: 0;
			clip: rect(0 0 0 0);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 1px;
		}
		.alertify-inner {
			text-align: center;
		}
		.alertify-text {
			margin-bottom: 15px;
			width: 100%;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
			font-size: 100%;
		}
		.alertify-buttons {
		}
			.alertify-button,
			.alertify-button:hover,
			.alertify-button:active,
			.alertify-button:visited {
				background: none;
				text-decoration: none;
				border: none;
				/* line-height and font-size for input button */
				line-height: 1.5;
				font-size: 100%;
				display: inline-block;
				cursor: pointer;
				margin-left: 5px;
			}

.alertify-isHidden {
	display: none;
}

@media only screen and (max-width: 680px) {
	.alertify,
	.alertify-logs {
		width: 90%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.alertify {
		left: 5%;
		margin: 0;
	}
}

/**
 * Default Look and Feel
 */
.alertify,
.alertify-log {
	font-family: sans-serif;
}
.alertify {
	background: #FFF;
	border: 10px solid #333; /* browsers that don't support rgba */
	border: 10px solid rgba(0,0,0,.7);
	border-radius: 8px;
	box-shadow: 0 3px 3px rgba(0,0,0,.3);
	-webkit-background-clip: padding;     /* Safari 4? Chrome 6? */
	   -moz-background-clip: padding;     /* Firefox 3.6 */
	        background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
}
	.alertify-text {
		border: 1px solid #CCC;
		padding: 10px;
		border-radius: 4px;
	}
	.alertify-button {
		border-radius: 4px;
		color: #FFF;
		font-weight: bold;
		padding: 6px 15px;
		text-decoration: none;
		text-shadow: 1px 1px 0 rgba(0,0,0,.5);
		box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5);
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:    -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:     -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:      -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:         linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
	}
	.alertify-button:hover,
	.alertify-button:focus {
		outline: none;
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:         linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
	}
	.alertify-button:focus {
		box-shadow: 0 0 15px #2B72D5;
	}
	.alertify-button:active {
		position: relative;
		box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
	}
		.alertify-button-cancel,
		.alertify-button-cancel:hover,
		.alertify-button-cancel:focus {
			background-color: #FE1A00;
			border: 1px solid #D83526;
		}
		.alertify-button-ok,
		.alertify-button-ok:hover,
		.alertify-button-ok:focus {
			background-color: #5CB811;
			border: 1px solid #3B7808;
		}

.alertify-log {
	background: #1F1F1F;
	background: rgba(0,0,0,.9);
	padding: 15px;
	border-radius: 4px;
	color: #FFF;
	text-shadow: -1px -1px 0 rgba(0,0,0,.5);
}
	.alertify-log-error {
		background: #FE1A00;
		background: rgba(254,26,0,.9);
	}
	.alertify-log-success {
		background: #5CB811;
		background: rgba(92,184,17,.9);
	}