/**
 * Stylesheet for ESPANT
 * @media	screen, projection
 * @author	Bramus Van Damme <bramus.vandamme@kahosl.be>
 */

/* Typography and text styles */
body {
	font: 300 13px Arial, sans-serif;
	line-height: 1.48; /* Safari 2.0.4 */
	padding: 0 0 20px;
	color: #333;
	background: #FFF url(../images/background.gif) repeat;
}


/* Headings */
h1, h2, h3, h4 {
	font-weight: 700;
	line-height: 1.1;
	font-family: Helvetica, Arial, sans-serif;
}

h1, h2 {
	font-size: 19px;
	padding: 8px 0 2px 0;
	margin: 0 0 12px 0;
}

h3 {
	font-size: 16px;
	padding: 0 0 14px 0;
}

h4 {
	font-size: 13px;
	padding: 7px 0 7px 0;
	font-weight: 700;
}

p {
	padding: 0 0 14px 0;
}

ul, ol {
	padding: 0 0 12px 24px;
}

ul {
	list-style: disc;
}

ol {
	list-style-type: decimal;
	padding: 0 0 12px 24px;
}

	ul ul, ol ul {
		padding-bottom: 0;
	}
	
	ol ol {
		padding-bottom: 0;
	}
	
	ul ol {
		padding: 0 0 0 28px;
	}

small, span.mute {
	color: #808080;
	font-size: 11px;
}

code {
	font-family: Monaco, "Courier New", monospace;
	font-size: 12px;
	line-height: 1.15;
}

pre {
	padding: 7px 14px;
	background: #F5F5F5;
	margin: 0 0 14px;
}

blockquote, q {
	font-style: italic;
	color: #666;
}

blockquote {
	padding: 0 0 0 14px;
}

cite {
	font-size: 11px;
	text-align: right;
	display: block;
	position: relative;
	top: -14px;
	height: 0;
	/* Dismisses height to correctly align next element */
}

/* Default styling for data tables */
table {
	font-family: Arial, sans-serif;
	margin: 0 0 14px;
	border-top: 1px solid #D6E0EC;
	border-left: 1px solid #D6E0EC;
}

td, th {
	padding: 7px;
	border-right: 1px solid #D6E0EC;
	border-bottom: 1px solid #D6E0EC;
	font-size: 11px;
}

th {
	font-weight: 700;
	background: #F5F7F9;
	color: black;
	line-height: 1.2;
	text-align: left;
}

tr.rowOdd { background: white; }
tr.rowEven { background: #FCFCFC; }

form table {
	border: none;
}

form table td {
	border: none;
	font-size: 13px;
	vertical-align: top;
	padding: 0 5px 10px 0;
}

abbr, acronym {
	cursor: help;
}

/* Links */
	a,a:link {
		color: #2a03ef;
		text-decoration: none;
	}
	
	a:visited {
		color: #2a03ef;
	}
	
	a:hover,
	a:active {
		text-decoration: underline;
	}


/**
 * = Page structure and layout
 * ----------------------------------------------------------
 */
 
 	#wrapper {
 		padding: 20px 0 0 0;
 		background: transparent url(../images/wrapper.png) repeat-x 0 70px;
 	}

	#container {
		width: 830px;
		margin: 0 auto;
		position: relative;
	}

/* Main */
	#main {
		clear:  both;
		padding: 20px 0 60px 0;
	}
	
/* pagetitle */
	#pagetitle {
		display: block;
		height: 53px;
		width: 100%;
		margin-bottom: 20px;
		position: relative;
	}
	
	#pagetitle h2 {
		padding: 0;
		font-size: 24px;
		line-height: 26px;
		/* position:  absolute; */
		margin-top: -7px;
		text-align: center;
		width: 100%;
	}

/* Navigation */
	#navigation {
		width: 228px;
		float: left;
		background: #FFF;
		padding: 15px 0;
		border: 1px solid #CCC;
		/*
		min-height: 500px;
		_height: 500px*/
	}

	h1 {
		display: block;
		height: 55px;
		width: 250px;
		margin: 0 auto 0;
		position: absolute;
		right: -180px;
		top: 20px;
	}

	h1 a {
		display: block;
		height: 55px;
		width: 250px;
		margin: 0 auto 0;
		overflow: hidden;
		text-indent: -9999px;
		background: transparent url(../images/logo.png) no-repeat 0 0;
	}

	#navigation ul {
		padding: 0 15px;
	}

	#navigation ul li {
		list-style: none;
	}

	#navigation ul li a {
		padding: 5px 10px 5px 30px;
		display: block;
		text-decoration: none;
		border-bottom: 1px solid #EDEDED;
		background: transparent url(../images/bullet_off.gif) no-repeat 0 50%;
		color: #555;
	}

	#navigation ul li.selected a {
		color: #000;
		background: transparent url(../images/bullet.gif) no-repeat 0 50%;
	}

	#navigation li ul {
		padding: 0 0 0 25px;
	}

	#navigation ul li.selected ul li {
		border: none;
		font-size: 12px;
	}

	#navigation li a:hover,
	#navigation li a:active {
		color: #000;
		text-decoration: underline;
	}

	#navigation ul li.selected ul li a {
		color: #555;
		background: transparent url(../images/bullet_off.gif) no-repeat 0 50%;
	}
	
	#navigation ul li.selected ul li.selected a {
		color: #000;
		background: transparent url(../images/bullet.gif) no-repeat 0 50%;
	}

	#navigation ul li.selected ul li.selected ul li a {
		background: transparent url(../images/bullet_off.gif) no-repeat 0 50%;
	}

	#navigation ul li.selected ul li.selected ul li.selected a {
		color: #000;
		background: transparent url(../images/bullet.gif) no-repeat 0 50%;
	}
	
	#navigation ul li.selected ul li.selected ul li.selected ul li a {
		background: #e5eaf7;
		border-bottom: 1px solid #DDD;
		padding: 5px 10px 5px 75px;
		font-weight: 300;
	}
	
	#navigation ul li.selected ul li.selected ul li.selected ul li.selected a {
		font-weight: 700;
	}
	
	#navigation ul li.selected ul li.selected ul li.selected ul li.selected ul li a {
		background: #e5eaf7;
		border-bottom: 1px solid #DDD;
		padding: 5px 10px 5px 75px;
		font-weight: 300;
	}
	
	#navigation ul li.selected ul li.selected ul li.selected ul li.selected  ul li.selected a {
		font-weight: 700;
	}
	
	#europelink a {
		display: block;
		width: 180px;
		height: 64px;
		margin: 100px auto 20px;
	}

/* Content */
	#content {
		width: 560px;
		float: left;
		margin: 0 0 0 40px;
		min-height: 400px;
		height: auto !important;
		height: 400px;
		padding: 60px 0 0 0;
	}


	#pagecontent {
		background: #FFF;
		border: 1px solid #CCC;
		padding: 20px;
		margin: 53px 0 0 0;
	}
/* Footer */
	#footer ul {
		float: right;
		padding: 10px;
	}

	#footer li {
		float: left;
		padding: 0 10px;
		list-style: none;
		font-size: 11px;
	}

	#footer li.last {
		padding-right: 0;
		border: none;
	}
	
/* Fork defaults: image classes */
	img.alignleft {
		float: left;
		padding: 0 10px 10px 0;
	}
	
	img.alignright {
		float: right;
		padding: 0 0 10px 10px;
	}

/* Fork defaults: breadcrumb */
	#breadcrumb {
		font-size: 11px;
		float: left;
		background: #FFF;
		padding: 2px 5px;
		border: 1px solid #CCC;
	}
	
	span.form-error {
		color: #F00;
		display: block;
		font-size: 11px;
		padding-bottom: 12px;
	}
input, textarea {
	font-family: Arial, sans-serif;
	font-size: 12px;
}

textarea.textarea {
	padding: 3px 2px;
}

label {
	color: #000;
	font-weight: 700;
	font-size: 12px;
}


span.form-success {
	color: #FFF;
	font-weight: 700;
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #61A723;
	padding: 8px 16px;
	border: 1px solid #007D2F;
	margin: 0 0 10px;
}

input.input-text-error,
input.input-password-error,
textarea.textarea-error {
	border: 1px solid red;
	padding: 3px 2px;
}

form dl dd {
	padding: 0 0 8px 0;
}

#name, #email, #website, #subject {
	width: 210px;
}

#message {
	width: 350px;
	height: 10em;
}

/* Clearfix */
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}