/* @override 
		http://www.ethicsandtechnology.eu/new/layout2.css
*/

#full {
}

/* @group general */

* 
{
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family:  "Lucida Grande", Lucida, Verdana, sans-serif, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #fff;
	overflow-x: hidden;
}

h1 {
	margin: 0 0 10px;
	font-weight: normal;
	font-style: normal;
	font-size: 1.8em;
	line-height: 1.5em;
	color: #F3901D;
}
/*#home h1 {
	padding: 4px 20px 6px;
	margin: 0;
	font: normal 14px/20px "Lucida Grande", Lucida, Verdana, sans-serif ;
	background-color: #ffa423;
	color: #fff;
}*/

h2 {
	font-weight: normal;
	font-style: normal;
}

h3 {
	font: normal normal 1.2em "Lucida Grande", Lucida, Verdana, sans-serif ;
}
h4 {
	font: normal bold 1em "Lucida Grande", Lucida, Verdana, sans-serif ;
	color: #666;
}
a {
	color: #F3901D;	
}
img {
	border: none;
}
#page_wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px solid #666;
	overflow: hidden;
}
.subsite #container{
	z-index: 2;
}
#container{
	background-color: white;
	float:left;
	width:576px;
	border-left: 192px solid #F3901D; /* The width and color of the left rail */
	border-right: 192px solid #b7b7b7;
	position: relative;
	z-index: 0;
	/*margin-bottom: -32px;*/
	margin-top: -32px;
	margin: 0;
}
#screenreaders {
	display: none;
}
/* @end */

/* @group header */

#header {
	width: 960px;
	height: 96px;
}
#header #logo_3TU {
	float: left;
	width: 92px;
	height: 96px;
	overflow: hidden;
}
#header #Ethics_logo {
	float: left;
	width: 628px;
	height: 96px;
	overflow: hidden;
}
#header #logo_3TU span {
	width: 92px;
	height: 96px;
	display: block;
	background: url(http://www.ethicsandtechnology.eu/new/images/3TU.gif) no-repeat 40px 48px;
}
#header #Ethics_logo span {
	width: 628px;
	height: 96px;
	display: block;
	background: url(http://www.ethicsandtechnology.eu/new/images/Ethics.gif) no-repeat 0px 48px;
}
#header #top_right {
	float: right;
	width: 192px;
	height: 96px;
	background: gray url(http://www.ethicsandtechnology.eu/new/images/right_back.jpg) no-repeat 0 top;
	position: relative;
	z-index: 5;
	margin: 0;
	padding: 0;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif ;
}
#header .contact {
	display: block;
	z-index: 7;
	float: left;
	height: 20px;
	margin: 0;
	padding: 8px 8px 3px;
	position: relative;
}
#header .contact:hover {
	background-color: #eee;
	z-index: 9;
}
#header .contact span, 	#header #search span {
	position: absolute;
	display: none;
	width: 176px;
	top: 31px;
	text-align: left;
	padding: 8px;
	background-color: #eee;
	font-size: 10px;
	line-height: 1.4em;
	/*z-index: 22;*/
	left: 0;
	right: 0;
}

#header .contact:hover span {
	display: block;
	color: black;
	box-shadow: 10px 10px 5px #333;
	z-index: 22;
}
/* #header #search:hover span {
	display: block;
	color: black;
	box-shadow: 10px 10px 5px #333;
	} */
#header a {
	color: black;
}

/* #header #search:hover {
	background-color: #eee;
	display: inline-block;
	height: 22px;
	background-color: #eee;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	z-index: 9;
	margin-left: -1px;
	padding: 7px 5px 5px;
	margin-top: 0;
} */
#header #search {
	display: block;
	z-index: 2;
	float: left;
	height: 20px;
	margin: 0;
	padding: 8px 4px 3px 2px;
}
#header #search a {
	display: block;
	z-index: 2;
	float: left;
}
#header #search_phrase {
	width: 60px;
	padding: 6px 0 0 2px;
	margin: 0;
	font-size: 10px;
	display: block;
	float: left;
	/*border-bottom: 3px solid #666;
	border-right: 2px solid #ddd;
	border-left: 3px solid #666;
	border-top: 3px solid #666;*/
	/*border: 3px solid #666;*/
	border-style: none;
	height: 19px;
}
#header form {
	padding: 3px 3px 3px 0;
	display: block;
	float: right;
	margin: 0;
	height: 25px;
	width: 90px;
}
#header #searchButton {
	margin: 0;
	padding: 1px;
	font-size: 10px;
	display: block;
	float: left;
	height: 25px;
	width: 25px;
	line-height: 13px;
	border-style: none;
	background-color: #333;
	color: #fff;
}

#top_r_b {
	display: block;
	position: absolute;
	/*border-top: 2px solid #ddd;
	border-left: 2px solid #ddd;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;*/
	/*border: 3px solid #000;*/
	bottom: 0px;
	width: 192px;
	overflow: visible;
}

/* @end */

/* @group banner */

#banner1 {
	background-color: red;
}

#banner {
	position: relative;
	display: block;
	top: 0;
	left: 0;
	float: left;
	width: 960px;
	height: 96px;
	overflow: visible;
	z-index: 1;
}

#banner #banner_menu {
	float: left;
	width: 192px;
	height: 96px;
	background: #F3901D url(http://www.ethicsandtechnology.eu/new/images/top_left_menu.gif) no-repeat left top;
	display: block;
	margin: 0;
	padding: 0;
}
#banner .banner_photo {
	left: 192px;
	width: 768px;
	height: 96px;
	background-color: #bbb;
	z-index: 2;
	position: absolute;
	top: 0;
}

#banner .banner_text {
	width: 240px;
	height: 96px;
	background-color: black;
	color: white;
	float: right;
	text-align: center;
	font: 0.9em/1.3em Georgia, "Times New Roman", Times, serif;
	position: relative;
	display: none;
}
#banner p.banner_quote {
	font-style: italic;
	margin: 15px 0 0;
}

#banner p.banner_exp {
	display: block;
	position: absolute;
	bottom: 6px;
	right: 8px;
	padding: 0;
	margin: 0;
	float: left;
	font-size: 0.8em;
}
#banner a:hover {
	/*color: #F3901D;*/
}
#banner img {
	padding: 0;
	/*border: 1px solid #000;*/
	margin: 0;
	/*border: 6px solid olive;*/
	border-bottom-style: none;
	float: left;
}
/* @end */

/* @group left menu */
.subsite #left_dummy {
	z-index: 1;
}
#left_dummy {
	/*height: 725px;*/
	width: 0px;
	position: relative;
	margin-left: 0;
	float: left;
	z-index: 10;
}
#left_menu{
	width:156px;
	margin-left:-157px;
	position:relative;
	font: 12px/14px "Lucida Grande", Lucida, Verdana, sans-serif ;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
	z-index: 5;
	background-color: #f3901d;
	margin-top: 0;
}
#left_menu ul {
	padding: 0;
	list-style-type: none;
	color: white;
	margin: 0;
}
#left_menu ul li {
	display: block;
	position: relative;
	margin: 0;
}

#left_menu li ul {
	display: none;
	margin: 0;
	padding: 0;
	border-style: none;
	position: absolute;
	top: 0px;
	width: 156px;
	left: 156px;
	z-index: 11;
	background-color: #aaa;
}

#left_menu li ul li {
	float: none;
	z-index: 12;
}

/* Styles for Menu Items */
#left_menu ul li a {
	background-color: #f3901d; /* IE6 Bug */
	}
html>body #left_menu ul li a {
	background-color: transparent;
}

/* Holly Hack. IE Requirement \*/
* html #left_menu ul li { float: left; height: 1%; }
* html #left_menu ul li a { height: 1%; }
/* End */

#left_menu li:hover ul, #left_menu li.over ul {
	display: block;
} /* The magic */

#left_menu a {
	color: white;
	text-decoration: none;
	width: 146px;
	display: block;
	padding: 8px 0 8px 10px;
}


/* active */

#left_menu li.active ul, #left_menu li.selected ul {
	margin: 0;
	padding: 0;
	border-style: none;
	display: block;
	position: relative;
	top: 0;
	width: 156px;
	left: 0;
}

#left_menu li.selected a {
	border-bottom: 0px hidden;
	background-color: white;
	color: #444;
}
#left_menu li.active a {
	color: #444;
	background-color: #ccc;
}
#left_menu li ul li.selected a {
	background-color: white;
	color: #444;
}
#left_menu li ul li.selected a, #left_menu li ul li.active a {
	padding-left: 20px;
	width: 136px;
}

#left_menu a:hover, #left_menu li.active a:hover {
	color: black;
	text-decoration: underline;
}

#left_menu ul li a:hover, #left_menu ul li:hover, #left_menu li ul a, #left_menu li.active a:hover, #left_menu li ul li  {
	background-color: #aaa;
}

#left_menu li ul li a:hover {
	background-color: #ccc;
}

/* end active/inactive */


#tu_logos {
	display: block;
	/*top: 303px;
	position: relative;*/
	width:181px;
	height: 277px;
	margin-left: -192px;
	margin-top: 31px;
	/*clear: both;*/
	padding-bottom: 10px;
	z-index: 99;
}


#tu_logos a {
	overflow: hidden;
}
#tu_logos a, #tu_logos a span {
	display: block;
	height: 85px;
	width: 181px;
	background-color: white;
	margin-bottom: 11px;
}

#logo_tud span {
	background: url(http://www.ethicsandtechnology.eu/new/images/tud_logo.gif) no-repeat center center;
}

#logo_tue span {
	background: url(http://www.ethicsandtechnology.eu/new/images/tue_logo.gif) no-repeat center center;
}

#logo_ut span {
	background: url(http://www.ethicsandtechnology.eu/new/images/UT_logo_m.png) no-repeat center center;
}

/* @end */

/* @group center */

/* @group expertise */

#expertises li span {
	display: inline-block;
	margin-right: 12px;
}



/* @end */

/* @group home-news */
#welcome {
	margin: 25px 0 15px 45px;	
	width: 438px;
	padding-top: 25px;
	padding-bottom: 15px;
	padding-left: 45px;
	padding: 0;
}
#contenthome #home_news {
	font: 0.8em/1.4em "Lucida Grande", Lucida, Verdana, sans-serif ;
}

#accordion a {
	display: block;
}

#accordion .ui-state-active {
	border-bottom-style: none;
}

#accordion h3 {
	margin: 0;
	padding: 0;
	font-size: 1em;
}
#accordion h3 a {
	display: inline-block;
	width: 400px;
}
#accordion h3 span{
	display: inline-block;
	background-color: red;
	width: 50px;
	margin: 0;
	padding: 0;
}
#accordion .ui-accordion-content-active {
	font-size: 0.9em;
	padding: 5px 15px;
	margin: 0;
	height: 84px;
	border-bottom: 1px solid #000;
}
#accordion h3.ui-state-active a {
	color: black;
	text-decoration: none;
}


#accordion .ui-state-default {
	border-bottom: 1px solid #000;
}

#accordion span.date {
	color: #555;
}
#accordion h3.ui-state-default a {
	color: #555;
	text-decoration: none;
}
#accordion .ui-state-default.ui-state-hover {
	background-color: #f3901d;
}
#center #content #home_more .home_c h2 {
	padding: 0;
	margin: 0;
	height: 31px;
	color: #fff;
}
#center #content #home_more .home_c h2 {
	background-color: #aaa;
}
#center #content .home_c h2 {
	position: relative;
	padding: 7px 4px 7px 14px;
	color: #fff;
	margin-bottom: 6px;
	font-size: 12px;
	height: 17px;
	border-bottom: 1px solid #fff;
	background-color: #7c7b3d;
	/*background-color: #0095e8;*/
	/*background-color: #666;*/
	margin: 0;
}
#center #content .h_events h2 {
	/*background-color: #f3901d;*/
	/*background-color: #323993;*/
	background-color: #85759b;
	/*background-color: #fff;
	color: #323993;*/
	/*background-color: #85759b;*/
	/*background: url(o-g.png);*/
}
#center #content #home_more .h_events h2 {
	background-color: #888;
	/*background-color: #f3901d;*/
	/*background-color: #323993;*/
	/*background-color: #85759b;*/
	/*background-color: #fff;
	color: #323993;*/
	/*background-color: #85759b;*/
	/*background: url(o-g.png);*/
}
#center #content .h_blog h2, #center #content .h_news h2 {
}
#home_news {
	margin: 0;
	padding: 0;
	background: #fff repeat-y center;
}

.hpage #content {
	margin: 0;
}
#content {
	background-color: transparent;
	margin: 20px 35px;
	z-index: 1;
}


#home_news div.home_c.h_events {
	/*border-left: solid 1px #85759b;*/
	width: 288px;
	/*background-color: #f6f1fc;*/
	background-color: #e4e0eb;
}
#home_news div.home_c {
	padding: 0 0 6px;
	height: 265px;
	background-color: #e5e5db;
}
	/*background-color: #ddd;*/
	/*background-color: #f8f8ec;*/
	/*background-color: #f3eae0;*/
div.home_c {
	width: 288px;
	float: left;
}
#home_more div.home_c {
	margin: 0;
}
#center #content #home_more div.home_c.h_events h2 {
	/*background-color: #fff;*/
	/*background: gray url(http://www.ethicsandtechnology.eu/new/images/right_back.jpg) no-repeat 0 top;*/
}
span.m-e {
	font-size: 18px;
	position: absolute;
	top: 8px;
	right: 8px;
	display: none;
}
#center #content .m-e a {
	line-height: 13px;
	display: block;
	text-align: right;
	color: #fff;
}
#center #content .m-e a:hover {
	color: #000;
	background-color: transparent;
}
#center .home_c h3 a {
	text-decoration: none;
	color: #000;
	font-size: 11px;
	margin: 0;
	padding: 2px 0 0;
	width: 100%;
	height: 45px;
	display: block;
	border-bottom: 1px solid #fff;
}
#center .home_c h3 a:hover .h_t{
	text-decoration: none;
	color: #fff;
}
#center .home_c h3 a:hover{
	background-color: #7c7b3d;
}
#center .h_events h3 a:hover{
	background-color: #85759b;
}
#center .h_events h3 a:hover .h_t{
	/*background-color: #85759b;*/
	/*background-color: #323993;*/
	/*background-color: #0095e8;*/
	/*background-color: #f3901d;*/
	/*background-color: #7c7b3d;*/
	color: #fff;
}
#center .h_blog h3 a:hover .h_t{
	/*background-color: #85759b;*/
}

#center .home_c h3 {
	border-bottom: none;
	color: #000;
	font-size: 11px;
	margin: 0;
	padding: 0;
	line-height: 14px;
}
.h_c {
	display: block;
	float: left;
	/*background-color: #fff;*/
	text-align: center;
	width: 31px;
	/*color: red;*/
	font-weight: bold;
	font-size: 11px;
	/*background-color: #ccc;*/
	padding: 6px 0 0;
	/*background-color: #f3901d;*/
	/*display: block;*/
	/*border-bottom: 1px solid #f3901d;*/
	text-transform: uppercase;
	/*color: #f3901d;*/
	color: #7c7b3d;
	/*color: #666;*/
	height: 38px;
	margin: 0 6px 1px 10px;
	line-height: 16px;
	/*background-color: #ccc;*/
	/*border-bottom: solid 1px #85759b;
	border-right: solid 1px #85759b;*/
}
a:hover .h_c {
	color: #fff;
}
.h_events .h_c {
	/*background-color: #85759b;*/
	color: #85759b;
	/*border-bottom: 1px solid #7c7b3d;*/
}
.h_blog .h_c {
	/*color: #ffa423;*/
	/*border-bottom: 1px solid #85759b;*/
}
.cat_b {
}
.h_t {
	display: block;
	padding: 1px 0 0 7px;
	float: left;
	width: 226px;
	/*margin-bottom: 7px;*/
	font-weight: normal;
	height: 44px;
	color: #000;
	margin-bottom: 1px;
	margin-top: 0;
	margin-right: 0;
}
.h_news .h_t {
	/*width: 261px;*/
	/*margin-left: 7px;*/
}
.h_events .h_t {
	/*color: #fff;*/
}
.c_b {
}

#content #home_news h4 {
	padding: 0 0 0 4px;
	background-color: #aaa;
	color: #fff;
	margin: 0;
}
/*#content #home_news div {
	border: 1px solid #aaa;
	padding: 0;
	width: 200px;
}
#home #content #home_news div {
	border: 1px solid #aaa;
	padding: 0;
	width: 100%;
}*/
#content #home_news div p {
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: 0.8em;
	vertical-align: top;
	line-height: 1.4em;
}
#content #home_news div p span.date {
	display: block;
	text-indent: 0;
	border-top: 1px solid #aaa;
	padding: 0 5px;
}
#home #content #home_news div p span.date {
	display: inline-block;
	text-indent: 0;
	border-top: 1px solid #aaa;
	padding: 0 5px;
}
#content #home_news div p span.news {
	display: block;
	vertical-align: top;
	padding-left: 10px;
	padding-bottom: 3px;
}
#home #content #home_news div p span.news {
	display: inline-block;
	vertical-align: top;
	padding-left: 10px;
	padding-bottom: 3px;
}
#content #home_news h4 {
	padding: 0 0 0 4px;
	background-color: #aaa;
	color: #fff;
	margin: 0;
}

#content #home_news div p {
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: 0.8em;
	vertical-align: top;
	line-height: 1.4em;
}



/* @end */

/* @group general */

#center {
	float:left;
	font-size: 12px;
	line-height: 18px;
	width: 100%;
	margin: 0 -576px 0 0;
	padding: 0;
}

div.full_t {
	margin: 15px 0 40px 20px;
	padding: 0;
}
#center .full_t p {
	padding-right: 15px;
	padding-left: 15px;
}

#center .full_t h1 {
	padding-right: 15px;
	padding-left: 15px;
}
#center .right, #center #right  {
	float: right;
	margin: 5px 0 0 15px;
	border: 1px dotted #7f7f7f;
	padding: 5px;
	background-color: #fff;
}
#center .right p {
	margin: 0;
	padding: 0;
}

#banner a {
	display: block;
	height: 96px;
	text-decoration: none;
	background-color: #f3901d;
	width: 768px;
	color: white;
}
#banner a span.focus_img img {
	margin: 0;
	padding: 0;
	border: none;
}
#banner a:hover span.focus_img img {
	opacity: 0.75;
	filter: alpha(opacity=75);
}
#banner a span.focus_title {
	display: block;
	padding: 16px 6px 6px;
	margin: 0;
	font: italic 13px/20px Georgia, "Times New Roman", Times, serif;
	color: #fff;
	float: right;
	/*border-left: 6px solid #aaa;
	border-right: 6px solid #aaa;*/
	background-color: #000;
	display: block;
	text-align: center;
	width: 180px;
	height: 74px;
}
#banner a:hover span.focus_title {
	background-color: #f3901d;
	color: #fff;
}


#banner a:hover{
}
.larr {
	position: absolute;
	top: 90px;
	right: 9px;
	letter-spacing: 0;
	color: #fff;
	font: bold 10px mono;
}
.rarr {
	font: bold 10px mono;
	position: absolute;
	top: 90px;
	right: 22px;
	letter-spacing: 0;
	font-size: 10px;
	color: #fff;
}

div.focus_blurb {
	font: 11px/15px "Lucida Grande", Lucida, Verdana, sans-serif ;
	padding: 7px 10px 7px 20px;
	/*border: 1px solid #000;*/
	background-color: #ddd;
	border: 6px solid olive;
	border-top-style: none;
}

#center p {
	margin: 0 0 10px;
	text-align: justify;
	padding: 3px 0;
}

.h_c big {
	font-size: 16px;
}
#center ul, #center ol {
	margin: 15px 0 15px 30px;
}

.full_t a {
	color: #f3901d;
}

.full_t a:hover {
	color: white;
	text-decoration: none;
	background-color: #f3901d;
}

#center .clear {
	height: 22px;
	margin-top: 22px;
	clear: both;
}
#center h3 {
	border-bottom: 1px solid #ccc;
	color: #666;
	margin-top: 10px;
	line-height: 22px;
}
.clearall {
	clear: both;
}

/* @end */

/* @group top */

#center .center_top {
	border-bottom: 1px solid #808080;
}
#center .crum {
	padding-left: 10px;
	text-transform: uppercase;
	font-size: 9px;
	float: left;
	width: 460px;
	padding-top: 6px;
	height: 24px;
}
#center .crum  a{
	color: #999;
}
#center .crum a:hover {
	color: #fff;
	background-color: #f3901d;
	text-decoration: none;
}

#center .center_top #lang, 	#center .center_top #print {
	float: right;
}
#center .center_top #lang a {
	margin-top: 9px;
	margin-right: 10px;
	width: 20px;
	height: 15px;
	overflow: hidden;
	display: block;
}
#center .center_top #lang a span {
	width: 100%;
	height: 100%;
	background: url(http://www.ethicsandtechnology.eu/new/images/nl.gif) no-repeat 2px 2px;
	display: block;
}
#center .center_top #print a {
	display: block;
	margin-top: 8px;
	margin-right: 12px;
	width: 16px;
	height: 16px;
	overflow: hidden;
}
#center .center_top #print a span {
	width: 100%;
	height: 100%;
	background: url(http://www.ethicsandtechnology.eu/new/images/print.gif) no-repeat 0 0;
	display: block;
}
#center .center_top div#print a:hover span {
	background-position: -16px 0;
}
.crum ul {
	padding: 0;
	float: left;
	display: inline-block;
	position: relative;
margin: 10px 0 0;
}
.crum ul ul{
	margin: 0;
	padding: 0;
	float: left;
	display: inline-block;
}
.crum ul li {
	display: none;
}
.crum ul li.active {
	display: inline-block;
	position: relative;
}
.crum ul a {
	float: left;
	display: inline-block;
	margin: 0;
	padding: 0;
}
.crum ul ul li.active {
	display: none;
}
.crum ul li.selected {
	display: inline-block;
	float: left;
}
.crum ul ul li.selected {
	display: inline-block;
	list-style-position: inside;
	margin: 0;
	padding: 0 0 0 14px;
	background: url(http://www.ethicsandtechnology.eu/new/images/raquo.gif) no-repeat 4px center;
}
/* @end */

/* @group main */

#center #content h2 {
	margin: 0;
	padding: 2px 0 4px;
	font: bold 1.3em/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
	/*background-color: #ffa423;*/
	/*background-color: #323993;*/
	/*background-color: #85759b;*/
	/*background-color: #0095e8;*/
	/*background-color: #f3901d;*/
	/*background-color: #7c7b3d;*/
	/*background-color: #85759b;*/
	/*background: url(o-g.png);*/
}
#center #content #home_more h2 {
	font-weight: normal;
	font-style: normal;
}
#center #content h2 a {
	color: black;
	text-decoration: none;
	text-align: left;
	position: relative;
}
#home #center #content #home_more .home_c h2 a {
	color: #fff;
}
#center #content #home_more .home_c h2 a {
	color: #000;
	padding: 8px 8px 8px 12px;
	display: block;
	font-size: 12px;
	line-height: 15px;
}
#center #content .home_c h2 a:hover {
	color: #fff;
	background-color: #7c7b3d;
}
#center #content .h_events h2 a:hover {
	color: #fff;
	background-color: #85759b;
}

/* Event style */

#center h3.event {
	margin: 0;
	padding: 0;
	font: bold 0.7em "Lucida Grande", Lucida, Verdana, sans-serif ;
	color: white;
	border-bottom: 1px solid #f3901d;
}
#center h3.event span {
	padding: 1px 2px;
	background-color: #f3901d;
}

/* news style */

#center h3.date {
	margin: 10px 0;
	padding: 0;
	font: 0.8em "Lucida Grande", Lucida, Verdana, sans-serif ;
	color: #777;
	border-bottom: 1px solid #bbb;
}
#center h3.news {
	margin: 0;
	padding: 0;
	font: 0.6em "Lucida Grande", Lucida, Verdana, sans-serif ;
	color: gray;
	border-bottom: 1px solid #ddd;
	text-transform: uppercase;
}
#center h3.news span {
	padding: 1px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
#center .readmore {
	margin: 0;
	padding: 3px 0;
	font: 1em/1.5em Georgia, "Times New Roman", Times, serif;
}
.px1 {
	height: 1px;
}
/* @end */

/* @group single */

#center .single p {
	margin: 0 0 20px;
	padding: 3px 0;
}

#center .single h2 {
	padding: 0;
	font: 1.2em/1.6em "Lucida Grande", Lucida, Verdana, sans-serif ;
	margin: 0 0 20px;
	color: #f3901d;
	border-bottom: 1px solid #f3901d;
}


/* @end */

/* @group people */
#center #content #people {
	font-size: 1em;
	line-height: 1.6em;
	padding-bottom: 40px;
}
#center #content #people h2 {
	color: #f3901d;
	border-bottom-style: none;
	font-size: 1.4em;
	margin: 17px 0 14px;
	padding: 0;
	border-bottom: 1px solid #f3901d;
}
#center #content #people h4 {
	color: #999;
	border-bottom: 1px solid #999;
	font-size: 1em;
	padding: 0;
	margin: 14px 0 7px;
}

#center #content #publications p {
	font-size: 0.9em;
	text-indent: -10px;
	padding-left: 10px;
	text-align: left;
	padding-bottom: 10px;
}



/* @end */

/* @end */

/* @group right menu */

/* @group general */

#right_bar{
	float:right;
	width:192px;
	margin-right:-192px;
	position:relative;
	z-index: 1;
	line-height: 16px;
	font-size: 11px;
}

#right_bar_back{
	float: none;
	width:192px;
	margin-right:-192px;
	position: absolute;
	background: url(http://www.ethicsandtechnology.eu/new/images/right_back.jpg) no-repeat 0 -252px;
	height: 100%;
	display: block;
	right: 0;
	margin-top: 32px;
	z-index: 0;
}

#mission ul li {
	margin-bottom: 5px;
}

#mission {
	width: 192px;
	display: block;
	padding: 0;
	position: relative;
	color: white;
	overflow: hidden;
	/*background-color: #7c7b3d;*/
}

#mission span {
	width: 192px;
	height: 500px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #4f4f4f;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: -1;
}

#mission ul {
	margin: 0 15px 10px 20px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 13px;
	padding: 0;
	font-size: 11px;
	list-style-type: square;
}

#right_bar h1, #right_bar h5 {
	padding: 0;
	margin: 0 0 14px;
	color: #333;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	height: 15px;
	position: relative;
}

#home #right_bar .rb1 {
	/*background-color: #85759b;*/
}

#home #right_bar .rb2 {
	/*background-color: #7c7b3d;*/
}

#home #right_bar h5 span{
	font: 1.3em/1em Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: absolute;
	top: 8px;
	right: 10px;
	display: block;
	color: #666;
}
#home_more a:hover span, #home_more .h_events a:hover span{
	color: #fff;
}
#home_more a span{
	font: 1.3em/1em Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: absolute;
	top: 8px;
	right: 10px;
	display: block;
	color: #aaa;
}
#home_more .h_events a span{
	color: #888;
}
#home #right_bar h5 a:hover span{
	color: #fff;
}
#right_bar h5 a {
	display: block;
	color: #fff;
	text-decoration: none;
	margin: 0;
	line-height: 15px;
	padding: 8px 8px 8px 16px;
}
#right_bar h5 a:hover {
	color: #fff;
	background-color: #f3901d;
	text-decoration: none;
}

#home #right_bar.blogmain h5, #home #right_bar.blogpost h5, #home #right_bar.person h5, #home #right_bar.archive h5, #home #right_bar.expertise h5 {
	line-height: 15px;
	padding: 8px 8px 8px 16px;
	height: 15px;
}
#right_bar.archive p {
	line-height: 15px;
	text-align: justify;
	padding: 0 17px;
}
.blogmain #mission p.blogtxt {
	text-align: justify;
	font-size: 11px;
}
.blogpost #mission p, .blogmain #mission p {
	font-size: 13px;
	text-align: center;
}

#home #right_bar h5 {
	color: #fff;
	background-color: #666;
	height: 31px;
	margin: 0;
}
#right_bar #mission h1, #right_bar #mission h5 {
	color: #fff;
	/*background-color: #85759b;*/
}
#right_bar p {
	line-height: 15px;
	padding: 10px 17px;
	text-align: justify;
}
#right_bar.blogmain .right_block p {
	line-height: 15px;
	text-align: justify;
	padding-top: 0;
	padding-bottom: 0;
}

#home #right_bar .right_block {
	padding: 0;
}

#right_bar .right_block {
	padding: 15px;
	position: relative;
	overflow: hidden;
}

#right_bar a {
	color: black;
	text-decoration: none;
}
#right_bar.archive a, #right_bar.blogmain a {
	color: black;
	text-decoration: none;
	display: block;
	width: 175px;
	margin-left: -17px;
	padding-left: 17px;
	padding-top: 6px;
	padding-bottom: 6px;
}
#right_bar a:hover{
	color: white;
	background-color: #f3901d;
	
}

#right_bar .photo {
	text-align: center;
}

#right_bar h3, #right_bar h4 {
	font-size: 1em;
}

/* @end */

/* @group main */



#right_bar span.agenda_item img {
	margin: 5px;
	text-decoration: none;
}

#home #right_bar #books a.block {
	height: 235px;
	padding: 4px 16px 2px;
}
#home #right_bar a.block {
	display: block;
	padding: 12px 16px;
	margin: 0;
}

#right_bar a.block {
	text-decoration: none;
	display: block;
	margin: 12px 0 0;
	padding: 0;
}
/*#right_bar a:hover span.agenda_item{
	background-color: #f3901d;
	border: 1px solid #000;
}*/
#home #right_bar a.event:hover span.rdate, #home #right_bar a.block:hover span.event {
}

span.book_img {
	display: block;
	text-align: center;
}
#home #right_bar a.event span.agenda_item {
	border: 0;
	margin: 0;
	font-size: 11px;
	display: inline-block;
	vertical-align: top;
	line-height: 13px;
	padding: 5px;
}
#home #right_bar a.block span.agenda_item {
	border: 0;
	margin: 0;
	padding: 4px;
	font-size: 11px;
	display: block;
	vertical-align: top;
	line-height: 13px;
}
#home #right_bar a.event {
	vertical-align: top;
	display: block;
	margin: 0;
}
#home #right_bar a.event:hover, #home #right_bar a.job:hover, #home #right_bar a.block:hover {
	color: #fff;
	background-color: #f3901d;
	opacity: 0.9;
	/*background-color: #0095e8;*/
	
}
#home #right_bar a.job {
	vertical-align: top;
	display: block;
	font-size: 11px;
	text-decoration: none;
	padding: 12px 16px;
	margin-top: 0;
}
#home #right_bar span.rdate {
	text-align: left;
	padding: 0 0 0 3px;
	margin: 0;
	font: bold 9px/13px "Lucida Grande", Lucida, Verdana, sans-serif ;
	background-color: #ddd;
	display: block;
	vertical-align: top;
}
#right_bar a span.event {
	font: bold 9px "Lucida Grande", Lucida, Verdana, sans-serif ;
	/*background-color: #ddd;*/
	text-decoration: none;
	padding: 1px 2px 2px 0;
	margin: 0;
	display: block;
}
#home #right_bar a.block span.event {
	font: bold 8px "Lucida Grande", Lucida, Verdana, sans-serif;
	/*background-color: #ddd;*/
	text-decoration: none;
	padding: 4px 4px 0;
	margin: 0;
	display: block;
	text-transform: uppercase;
}
#right_bar a:hover span.event {
}

/* @end */

#books {
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
	width: 384px;
	left: -192px;
}
#books1, #books2 {
	position: relative;
	width: 192px;
	padding-left: 0px;
	display: block;
	margin: 0;
	float: left;
	height: 241px;
}

#books a:hover {
	/*border: solid 1px #fff;*/
}

/* @group expertise */
#mission ul.exp {
	margin-top: 0;
	margin-bottom: 10px;
}


/* @end */

/* @group people */
#right_bar .bold {
	font-weight: bold;
	font-size: 1em;
	padding-bottom: 0;
	padding-top: 6px;
}
#right_bar .normal {
	margin-bottom: 4px;
	margin-left: 23px;
	text-align: left;
	padding: 0;
}

/* @end */


/* @end */

/* @group footer */
#footer {
	clear: both;
	display: block;
	height: 223px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif ;
	background: url(http://www.ethicsandtechnology.eu/new/images/footer_back.jpg) no-repeat center top;
	z-index: 999;
	position: relative;
}

	#footer_menu {
	clear:both;
	float:left;
	width:100%;
	overflow:hidden;
}
	#footer #menu3 {
	  padding:0; 
	  margin:0 auto; 
	  list-style-type:none;
	  float:left;
	  position:relative; 
	  left:50%;
	font-size: 12px;
}
	#footer #menu3 li {
	  float:left; position:relative; right:50%;
	line-height: 21px;
	padding: 15px 6px 8px;
}
	#footer #menu3 ul {
	  padding:0; 
	  margin:0; 
	  list-style-type:none;
	  float:none;
	  /* position:relative; 
	  left:50%; */
	left:0;
	text-align: left;
	font-size: 10px;
}
	#footer #menu3 ul li {
	  float:none; /* position:relative; right:50%; */ 
	  right:0;
	  padding:0; 
	  margin:0; 
	  }
	#footer #menu3 a {
	  width:auto;
	  display:block;
	  text-decoration:none;
	  padding:0; 
	  margin:0; 
	  }

#footer a {
	color: black;
	text-decoration: none;
}
#footer #menu3 a:hover {
	color: black;
	text-decoration: underline;
}

/*

#footer {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	display: block;
	height: 223px;
	text-align: left;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif ;
	background: url(http://www.ethicsandtechnology.eu/new/images/footer_back.jpg) no-repeat center top;
}
#footer_menu {
	width: 960px;
	margin: 0 auto;
}

#footer a {
	color: black;
	text-decoration: none;
}
#footer a:hover {
	color: black;
	text-decoration: underline;
}
#footer ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	font: 0.8em "Lucida Grande", Lucida, Verdana, sans-serif ;
	display: block;
	text-align: center;
}


#footer ul li {
	padding-top: 15px;
	line-height: 25px;
	margin: 0;
	text-align: left;
	display: block;
	vertical-align: top;
	padding-right: 8px;
	padding-left: 8px;
	float: left;
}


#footer li ul li {
	padding-left: 0;
	padding-top: 3px;
	padding-bottom: 0;
	line-height: 15px;
	float: none;
}
html > body #footer ul li {
	display: inline-block;
	float: none;
}
html > body #footer li ul li {
	display: list-item;
}
*/
#footer p {
	clear: both;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 0.7em;
	color: gray;
	margin: 20px 0 0;
	line-height: 1.5em;
}
#footer p a {
	color: #666;
	text-decoration: underline;
}

#footer li.selected {
	text-decoration: underline;
}
#footer li.selected li.active a {
	text-decoration: none;
}
/* @end */

#infobox textarea {
	width: 100%;
}
#infobox {
		background: url(http://www.ethicsandtechnology.eu/new/images/stripe.png) repeat;
}

div.select_search {
	float: left;
	width: 200px;
}

#center div.select_search p {
	font: 10px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-indent: -21px;
	margin: 0 0 10px;
	padding: 0 0 0 30px;
	text-align: left;
}

#thesearch fieldset, #searchform fieldset {
	padding: 10px;
	margin: 10px;
}
#thesearch fieldset div, #searchform fieldset div {
	padding: 5px;
	margin: 5px;
}
#thesearch fieldset input.input, #searchform fieldset input.input {
}

/* @group blog */
#center #content #blog-archive h2 {
	margin-bottom: 20px;
}

.blog-head {
	position: relative;
}
.blog-time {
	font-size: 16px;
	color: #fff;
	background-color: #F3901D;
	width: 65px;
	height: 53px;
	padding-top: 10px;
	padding-bottom: 2px;
	text-align: center;
	position: absolute;
	bottom: 0;
	right: 0;
	line-height: 23px;
}

.blog-head h1 {
	margin: 0 80px 20px 0;
}
.blog-info {
	margin: 0 0 15px;
	font: bold 0.7em "Lucida Grande", Lucida, Verdana, sans-serif ;
	color: #F3901D;
	border-top: 1px solid #F3901D;
	height: 14px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding: 0;
}
#center .blog-info a {
	text-decoration: none;
}
#center .blog-head h1 a {
	text-decoration: none;
	color: #000;
}
#blog-main .post-info, #blog-archive .post-info, #blog-posts .post-info {
	border-top: 1px dotted #666;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif ;
}

#mission div.post-info {
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif ;
	padding: 3px;
	margin: 15px 0 0;
}

a#addcomment {
	color: #fff;
}
#greyline {
	border-bottom: 1px solid #999;
	margin-top: 40px;
}
#mission div.post-info em {
	display: inline-block;
	width: 50px;
}
#blog-posts div.blog_post {
	margin: 0;
	border-bottom: 1px solid #999;
	padding-top: 0;
	padding-bottom: 5px;
}
#blog-posts .left a {
	color: #fff;
}
#blog-posts .left {
	display: inline-block;
	padding: 5px;
	vertical-align: top;
	background-color: #999;
	height: 17px;
	margin-right: -4px;
}
#blog-posts .tags.left {
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif ;
}
#blog-posts h5 {
		border-bottom: 1px solid #999;
	margin: 25px 0 0;
	font: bold 11px/12px "Lucida Grande", Lucida, Verdana, sans-serif ;
	color: white;
	background-color: #999;
	padding: 3px 5px;
	height: 14px;
	width: 115px;
}

#blog-posts .leftform {
	float: left;
}
#blog-posts div.comment .clear {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
}

#blog-posts div.comment .commentby {
	width: 115px;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif ;
	padding: 5px;
	background-color: #ddd;
}

#blog-posts div.comment .commenttext {
	width: 285px;
	padding-left: 18px;
}

#blog-posts div.allcomment div.comment div.commenttext.leftform p {
	text-align: left;
	font-size: 0.9em;
}

#blog-posts div.comment {
	border-bottom: 1px solid #999;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}

#blog-posts div.allcomment {
	border-top: 1px solid #999;
	margin: 0;
	padding: 0;
}

#blog-posts div.comment div.commenttext.leftform p {
	margin: 0;
	padding: 0;
}
#blog-posts div.post-info p a {
	text-decoration: none;
}

#blog-posts #comment_form {
	background-color: #999;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif ;
	margin: 0;
	padding: 5px 10px 10px;
	display: none;
}

#comment_form p {
	margin: 0;
}

#comment_form p input.rightform {
	position: relative;
	width: 350px;
}

#comment_form p span.inputname {
	display: inline-block;
	width: 60px;
}

#comment_form p textarea {
	width: 413px;
}
#right_bar .post-info a {
	color: white;
}
#right_bar .post-info a:hover {
	color: #F3901D;
}
/* @end */

div.submit_search {
	clear: both;
}

/* @group expertise */

ul#expertises {
	margin: 0;
	border: 1px solid #f3901d;
	padding: 10px 10px 10px 40px;
}

p#return {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #b7b7b7;
}

#content p small {
	line-height: 1em;
	text-align: left;
	font-size: 10px;
}



/* @end */

/* @group subsite */

#left h1 {
	font-size: 1.8em;
}

#center #sub_menu {
	list-style-type: none;
	width: 155px;
	z-index: 15;
  top: 110px; 
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 24px;
	margin-left: -191px;
}
#sub_menu li {
	margin-bottom: 1px;
}

html > body #center #sub_menu {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}
#sub_menu li a {
	color: white;
	text-decoration: none;
	padding: 4px 7px 4px 8px;
	display: block;
	background-color: #444;
}

#sub_menu li.lastmenu a {
	padding-top: 3px;
	padding-bottom: 3px;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif ;
	background: #777 url(images/backarrow.png) no-repeat 6px center;
	padding-left: 22px;
	margin-top: 20px;
}

#sub_menu li.lastmenu a span {
	color: #f3901d;
}
#sub_menu li.lastmenu a:hover span {
	color: #777;
}

#sub_menu li.lastmenu a:hover {
	background-color: #f3901d;
}

.resp_sub_title_anchor {
	display: block;
	width: 10px;
	height: 10px;
	position: relative;
	top: -145px;
	left: -234px;
}
#subsite {
	z-index: 18;
}
#whiteback {
	width: 468px;
	position: absolute;
	z-index: 1;
	background-color: white;
	top: -96px;
	left: -192px;
	height: 100%;
	padding: 30px 270px 66px 222px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	filter:alpha(opacity=88);
	-moz-opacity:0.88;
	-khtml-opacity: 0.88;
	opacity: 0.88;
	z-index: 14;
}
#left {
	z-index: 14;
	position: relative;
	top: -130px;
}
#resp_content .resp_sub_title {
	font-size: 1.6em;
	line-height: 30px;
	margin-bottom: 20px;
	margin-top: 10px;
	position: relative;
	/*margin-left: -235px;
	padding-left: 235px;*/
}

.blurb, .homeblurb {
	width: 152px;
	position: absolute;
	padding: 20px;
	background: #ccc no-repeat 0 center;
	margin-top: -1px;
	border-top: 1px solid #333;
}

.blurb {
	left: 577px;
}
.homeblurb {
	left: 483px;
}
#resp_content .sub-sub {
	border-top: 1px solid #333;
	left: -36px;
	position: relative;
	padding-left: 34px;
	width: 498px;
	padding-right: 45px;
	padding-bottom: 30px;
}


/* @end */
.project .right_block ul {
	list-style-type: square;
	list-style-position: outside;
	margin-left: 25px;
}
.project .right_block ul li {
	padding-right: 15px;
	padding-top: 8px;
	padding-bottom: 0;
}