/**
 * Stylesheet for <ECSF>
 *
 * @media	screen, projection
 * @copyright	Netlash <http://www.netlash.com>
 * @author	name <johan@netlash.com>
 */

/**
 * = Global reset
 * ----------------------------------------------------------
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote{
	font-size: 1.4em;
	line-height: 1.4em;
	font-style: italic;
	padding: 0 0 0 13px;
	margin: 12px 0 20px 10px;
	border-left: 5px solid #E0F0F4;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

table {
	border: 0;
	background: #fff;
	border-color: #fff !important;
}

table tr {
	border: 0;
	background: #fff;
}

table th, table td {
	padding: 4px;
	border: 0;
	background: #fff;
	text-align: left;
}



/**
 * = General
 * ----------------------------------------------------------
 */

body {
	background: #2193b3 url('../images/bodybg.png') repeat-x;
	font-size: 12px;
	line-height: 1.4;
	font-family: Tahoma, Arial, sans-serif;
	color: #1182b0;
}

#container {
	width: 940px;
	padding: 10px;
	background: white;
	margin: 5px auto;
}

#footer {
	width: 940px;
	padding: 10px;
	margin: 0 auto;
	color: white;
}

#footer ul {
	padding: 0 0 20px 257px;
}

#footer a {
	color: white;
}

#footer li {
	float: left;
	padding: 0 10px;
	font-size: 9px;
	border-right: 1px solid #FFF;
}

#footer li.last {
	border: none;
}

#header h1 {
	background: url('../images/ecsf_logo.gif') no-repeat scroll top left;
	width: 242px;
	height: 106px;
	text-indent: -9000px;
	margin: 0 0 15px;
}

#header h1 a {
	display: block;
	width: 242px;
	height: 106px;
	overflow: hidden;
}


#header p {
	text-indent: -9000px;
	font-size: 0px;
	padding: 0;
}

#logo {
	float: left;
}

#language {
	margin: 5px 0 0 0;
	background: #14586b;
	float: right;
	font-size: 11px;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
}

#language li {
	display: inline;
	padding: 5px;
	line-height: 2;
}

#language a {
	color: white;
	text-decoration: none;
}

#language li a:hover {
	text-decoration: underline;
}

#language li.selected a {
	text-decoration: underline;
}


h2, h3, #middlecolumn #intro h2 {
	font-family: Georgia, serif;
	font-size: 20px;
	font-weight: 300;
	color: #1182b0;
	padding: 0 0 18px;
}

#news h2, #middlecolumn #news h2, #middlecolumn.twocolumnstretch h2 {
	background: url('../images/h2_dec.gif') repeat-x bottom left;
	padding: 0 0 10px;
	margin: 0 0 18px;
}

#middlecolumn.twocolumnstretch h2{
	font-size: 1.6em;
	font-weight: bold;
	padding: 0 0 10px;
}

#middlecolumn.twocolumnstretch h3{
	font-size: 1.3em;
	font-weight: bold;
	padding: 0 0 10px;
}

#middlecolumn.twocolumnstretch h4{
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 10px;
}

#middlecolumn.twocolumnstretch h5{
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 10px;
}

p {
	padding: 0 0 12px;
}

p.support {
	text-align: center;
}

p.nopadding {
	padding-bottom: 0;
}

p.more {
	font-weight: 700;
	font-size: 11px;
}

a:link, a:visited {
	color: #1182b0;
}

#rightcolumn a:visited {
	color: #fff;
}

em {
	font-style: italic;
}

strong {
	font-weight: 700;
}

/*
div#middlecolumn a:active, 
div#middlecolumn a:link,
div#middlecolumn a:hover,
div#middlecolumn a:visited{
	color: #1182b0;
}*/

div#middlecolumn ol{

}

div#middlecolumn ol li{

}

div#middlecolumn ul{

}

div#middlecolumn ul li{

}

img[align="left"] {
	padding: 0 10px 0 0;
	float: left;
}


img.left, img.alignleft {
	padding: 0 10px 0 0;
	float: left;
}

#intro img {
	padding: 0 10px 0 0;
	float: left;
}

#intro p {
	font-family: Georgia, serif;
	font-style: italic;
	color: #1182b0;
	font-size: 14px;
}

#main #leftcolumn {
	width: 242px;
	margin-top: 15px;
	float: left;
}

#main #middlecolumn {
	margin-top: 15px;
	width: 386px;
	padding: 0 20px 0 25px;
	float: left;
}

#main #middlecolumn.twocolumnstretch {
	width: 617px;
}

#middlecolumn .box {
	margin: 0 0 20px;
}


#main #rightcolumn {
	width: 266px;
	float: left;
}

#something-random-because-clarity-is-not-important img {
	float: left;
}

#main {
	margin: 1px 0 0 0;
}

/**
 * = Navigation
 * ----------------------------------------------------------
 */

#navigation {
	margin: 0 10px;
}

#navigation ul {
	width: 222px;
}

#navigation li a:link,
#navigation li a:visited {
	display: block;
	background: #e8f4f7 url('../images/little-blue-arrow.gif') no-repeat 10px 10px;
	text-decoration: none;
	font-size: 1.0em;
	color: #168aba;
	padding: 0 20px;
	text-align: left;
	border-bottom: 1px solid #d0e8f1;
	line-height: 2.1;
}

#navigation li a:hover,
#navigation li a:active {
	background: #bcdee8 url('../images/little-blue-arrow.gif') no-repeat 10px 10px;
}

#navigation li.selected a:link,
#navigation li.selected a:visited,
#navigation li.selected a:hover,
#navigation li.selected a:active {
	background: #2595b5 url('../images/little-white-arrow.gif') no-repeat 10px 10px;
	color: white;
}

#navigation li.selected li a:link,
#navigation li.selected li a:visited {
	font-size: 1.0em;
	background: #5db0c8 url('../images/little-white-arrow.gif') no-repeat 30px 10px;
	padding: 0 0 0 40px;
	color: #d9e7eb;
}

#navigation li.selected li a:hover{
	background: #4da1b9 url('../images/little-white-arrow.gif') no-repeat 30px 10px;
	padding: 0 0 0 40px;
}

#navigation li.selected li.selected a:hover,
#navigation li.selected li.selected a:active{
	background-color: #4da1b9;
}

#navigation li.selected li.selected a:link,
#navigation li.selected li.selected a:visited {
	background: #4da1b9 url('../images/little-white-arrow.gif') no-repeat 30px 10px;
	color: #d9e7eb;
}




#navigation li.selected li li a:link,
#navigation li.selected li li a:active{
	font-size: 1.0em;
	background-color: #bcdee8;
}

#navigation li.selected li.selected li a:link,
#navigation li.selected li.selected li a:visited {
	background: #bcdee8 url('../images/little-blue-arrow.gif') no-repeat 50px 10px;
	color: #2193b3;
	padding: 0 0 0 60px;
}


#navigation li.selected li.selected li a:hover{
	background: #b0d5e0 url('../images/little-blue-arrow.gif') no-repeat 50px 10px;
	color: #2193b3;
}


#navigation li.selected li li.selected a:link,
#navigation li.selected li li.selected a:active{
	background-color: #b0d5e0;
}

#navigation li.selected li.selected li.selected a:link,
#navigation li.selected li.selected li.selected a:visited {
	background: #b0d5e0 url('../images/little-blue-arrow.gif') no-repeat 50px 10px;
	color: #2193b3;
	padding: 0 0 0 60px;
}





#navigation li.selected li.selected li.selected li.selected a:link{
	background: #d0e6ec url('../images/little-blue-arrow.gif') no-repeat 65px 10px;
	text-decoration: underline;
	padding: 0 0 0 75px;
	color: #2193b3;
}

#navigation li.selected li.selected li.selected li a:link,
#navigation li.selected li.selected li.selected li a:visited{
	background: #d0e6ec url('../images/little-blue-arrow.gif') no-repeat 65px 10px;
	padding: 0 0 0 75px;
	color: #2193b3;
}

#navigation li.selected li.selected li.selected li a:hover{
	background: #d5e9ef url('../images/little-blue-arrow.gif') no-repeat 65px 10px;
	text-decoration: underline;
	padding: 0 0 0 75px;
}


/**
 * = Boxes
 * ----------------------------------------------------------
 */

div.box {
	color: white;
	font-size: 11px;
	padding: 12px 0;
	margin: 0 0 1px 0;
}

#container div.box h3 {
	font-weight: 700;
	padding: 2px 10px 2px 28px;
	background-image: url(../images/little-white-arrow.gif);
	background-repeat: no-repeat;
	background-position: 13px 8px;
	margin: 0 0 8px;
	color: white;
	font-size: 11px;
	display: block;
	font-family: Tahoma, Arial;
}

div.box p, div.box img {
	padding-left: 28px;
	padding-right: 15px;
}

div.box a {
	color: white;
}

div.box-green { background-color: #cace55; }
div.box-green h3  { background-color: #aaad47; }

div.box-purple { background-color: #793d5d; }
div.box-purple h3 { background-color: #67344f;}

div.box-red { background-color: #95063c; }
div.box-red h3 { background-color: #7f0533; }

div.box-orange { background-color: #ce6a2e; }
div.box-orange h3 { background-color: #af5a27; }


/**
 * = Partners (Socrates e.d.)
 * ----------------------------------------------------------
 */

#partners {
	padding-top: 45px;
}

#partners a {
	display: block;
	padding: 0 0 10px 78px;
}

p.date {
	font-family: "Georgia", serif;
	text-transform: uppercase;
	font-size: 10px;
	color: #38bdda;
	padding: 0;
}

p.archivelink a {
	float: right;
	background: #E0F0F4;
	text-decoration: none;
	padding: 3px;
	font-size: 11px;
	font-weight: 700;
}

p.backlink a {
	float: left;
	background: #E0F0F4;
	text-decoration: none;
	padding: 3px 5px 3px 5px ;
	font-size: 11px;
	font-weight: 700;
	margin: 10px 0 0 0;
}

/**
 * = News
 * ----------------------------------------------------------
 */

div.newsarticles h2{
	width: 275px;
}

div.newscontent{
	line-height: 1.4em;
}

div.newsarticle p.date {
	margin: 0 0 10px 0;
}
/**
 * = form
 * ----------------------------------------------------------
 */


div#middlecolumn textarea{
	border: 1px solid #168aba;
}

div#middlecolumn input.input-submit{
	color: white;
	background: #168aba;
	border: none;
	padding: 2px 4px 2px 4px;
}


span.form-error{
	color: red;
}

input.input-textfield{
	border: 1px solid #168aba;
}

input.input-textfield-error{
	border: 1px solid red;
}

textarea.input-textarea-error{
	border: 1px solid red;
}

#middlecolumn ol,
#middlecolumn ul{
	margin: 0 0 0 30px;
}

#middlecolumn ol li{
	padding: 0 0 0 14px;
	margin: 0 0 5px 0;
}

#middlecolumn ul li{
	background: url(../images/little-blue-arrow.gif) no-repeat 0 7px;
	padding: 0 0 0 14px;
	margin: 0 0 5px 0;
}

/**
 * = Pagination
 * ----------------------------------------------------------
 */

	.pagination ul {
		padding: 0 0 5px 0;
		z-index: 2;
		overflow: hidden;
	}

	#middlecolumn .pagination ul li{
		background: none;
	}
	.pagination li {
		float: left;
		list-style: none;
		margin: 0 5px 0 0;
		text-decoration: none;
		padding: 0;
		line-height: 15px;
		font-size: 12px;
	}
	.pagination li span {
		float: left;
		border: 1px solid #2595B5;
		display: block;
		padding: 3px 5px;
		background: #2595B5;

		color: white;
	}
	.pagination li a:link,
	.pagination li a:visited {
		float: left;
		display: block;
		padding: 3px 5px;
		border: 1px solid #1f86a3;
	}

	li.ellipsis span {
		padding: 4px 6px;
		border: none;
		background: none;
		color: black;
	}

	.pagination li a:hover,
	.pagination li a:active {
		background: #FFC;
	}

	.nextpage, .previouspage, .firstpage, .lastpage {
		font-size: 11px !important;
	}

	.pagination li.previouspage a span {
		padding: 0;
		color: inherit;
	}

	/* Next page and previous page "buttons" */

	.pagination li.nextpage {
		margin-left: 15px;
	}

	.pagination li.previouspage {
		margin-right: 15px;
	}

	/* Last and first page "buttons" [optional] */

	.pagination li.firstpage {
		margin-right: 35px;
	}
	.pagination li.lastpage {
		margin-left: 35px;
	}

	.pagination li.previouspage span {
		background: none;
		color: #808080;
		border: none;
		padding: 4px 6px;
	}

	.pagination-wrap {
		width: 100%;
		overflow: hidden;
	}

	.pagination {
		float: left;
		position: relative;
		left: 50%;
	}

	.pagination ul{
		position: relative;
		left: -50%;
	}

	p.paginationlocation {
		clear: both;
		color: #808080;
		font-size: 11px;
		text-align: center;
		padding: 0;
	}
	
	#newslettersubscribeform {
		padding: 8px 0 0 28px;
	}


/**
 * = Clearfix
 * ----------------------------------------------------------
 * @see http://www.positioniseverything.net/easyclearing.html
 */

.clearfix:after, #header:after, #main:after, #something-random-because-clarity-is-not-important:after, p.archivelink:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}