/* Reset defaults */ @charset"utf-8";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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline}:focus{outline:0}ol,ul,li{list-style-type:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}

/* Fonts */

@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(quicksand.woff) format('woff');
}

/**************************** Site Structure *****************************/

html {
	font-size: 100%;
}

body { font-family: Arial,Helvetica sans-serif;
		font-size: .875em;
	  line-height: 1.6em;
    background: url(bg01.jpg);
		color: #333;
}

img {
  display: block;
}

.image {
  border-radius: 4px;
  box-shadow: 0px 1px 5px #444;
  display: table;
  overflow: hidden;
  float: left;
}

.image_karlsruhe_dataset {
  border-radius: 8px;
  box-shadow: 0px 1px 10px #444;
  display: table;
  overflow: hidden;
  float: left;
  margin-right: 20px;
}

.image_centered {
  border-radius: 8px;
  box-shadow: 0px 1px 10px #444;
  display: table;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

.image_centered_plain {
  display: table;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

.tracker {
  display: none;
}

.publication_container {
  float: left;
  padding: 5px;
  width: 950px;
  border-radius: 8px;
  cursor:pointer;
}

.publication_container:hover {
  background: #95d9e5;
  background: -webkit-gradient(linear, 0% 0%, 1000% 0%, from(#6495ED), to(#fff));
  background: -webkit-linear-gradient(left, #6495ED, #fff);
  background: -moz-linear-gradient(left, #6495ED, #fff);
  background: -ms-linear-gradient(left, #6495ED, #fff);
  background: -o-linear-gradient(left, #6495ED, #fff);
}

.publication_image {
  border-radius: 8px;
  box-shadow: 1px 1px 4px #444;
  display: table;
  overflow: hidden;
  float: left;
}

.publication_title {
  margin-left: 15px;
  float: left;
}

.publication_detail {
  /*
  border-left-color: black;
  border-left-width: 2px;
  border-style: solid;
  */
  border-radius: 2px;
  box-shadow: 0px 0px 2px #444;
  margin-left: 78px;
  margin-top: 8px;
  margin-bottom: 10px;
  padding: 10px;
  float: left;
  display: none;
  /*
  border-radius: 8px;
  background: #eee;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
  background: -webkit-linear-gradient(top, #eee, #fff);
  background: -moz-linear-gradient(top, #eee, #fff);
  background: -ms-linear-gradient(top, #eee, #fff);
  background: -o-linear-gradient(top, #eee, #fff);
  */
}

.publication_abstract {
  float: left;
  width: 660px;
  margin-right: 20px;
 	font-size: 0.9em;
  line-height: 1.2em;
}

.publication_links {
  float: left;
  width: 180px;
  margin-top: -3px;
  margin-bottom: 10px;
}

.publication_icon {
  border-radius: 3px;
  display: table;
  overflow: hidden;
  margin-right: 5px;
  margin-top: 3px;
  float: left;
}

.student_container {
  float: left;
  padding: 5px;
  width: 950px;
  margin-bottom: 1px;
}

.student_image {
  border-radius: 6px;
  box-shadow: 1px 1px 4px #444;
  display: table;
  overflow: hidden;
  float: left;
}

.student_info {
  margin-left: 15px;
  float: left;
}

.project_image {
  border-radius: 8px;
  box-shadow: 3px 3px 5px #444;
  display: table;
  overflow: hidden;
  margin-bottom: 10px;
  float: left;
}

.newline {
  clear: both;
  padding-bottom: 0px;
}

.newline_5 {
  clear: both;
  padding-bottom: 5px;
}

.newline_10 {
  clear: both;
  padding-bottom: 10px;
}

.newline_20 {
  clear: both;
  padding-bottom: 20px;
}

.list ul li{
  margin-left: 25px;
  list-style-type: none;
  font-weight: bold;
}

.list2 ol li{
  margin-left: 25px;
  list-style-type: disc;
  font-weight: normal;
}


#datasetcontainer{
float:left;
margin:10px;
padding:5px;
width:800px;
/*background:#eeeeee;*/
/*border:2px solid #cccccc;*/
font-size:0.95em;
}
 
#container {
	font-size: 1em;
	width:960px;
	background: #FFF;
	border-radius: 4px;
	/* box-shadow: 0px 0px 5px #555; */
  box-shadow: 0px 0px 5px #000;
	padding: 15px 20px 5px 20px;
	margin: auto;
	margin-bottom: 30px;
	position: relative;
	clear: both;
}

#site_title {font-family: 'Quicksand', sans-serif; font-size: 20px; width: 250px; height: 50px; position:absolute; top: -56px; right: 0px}
#site_title img {float: left}
#site_title a {color: #FFFFFF}

#footer { font-size: .8em;
  clear: both; 
  color: #727579;
  text-align: center;
}
#footer a {color: #727579; text-decoration: none}
#footer a:hover{text-decoration: none}

/**************************** Typography *****************************/

.no_display {display: none;}

h1, h2, h3, h4 { font-family: 'Quicksand', sans-serif; } 

h1 {font-size: 34px;  padding: 20px 0; color: #000 }

h2, h3 {margin: 0px 0px 0px 0px; color: #000; font-weight: normal;}

h2 {font-size: 2em}

h3 {font-size: 1.3em; padding: 6px 0; margin: 0px -1px;}

h4 {font-size: 1.2em; font-weight: 700}

.heading_bg {background: url(heading_bg.png) repeat-x 0 7px; margin-bottom: 15px; margin-left:-2px; }
.newline_bg {background: url(heading_bg.png) repeat-x 0 12px; margin-bottom: 15px; margin-top: 20px; margin-left:-2px; clear: both; }
.heading_bg h2 {background: #FFF; padding-right: 10px; padding-bottom: 0px; display: inline-block}
.newline_bg h2 {background: #FFF; padding-right: 10px; padding-bottom: 0px; display: inline-block}

small {font-family: Georgia, "Times New Roman", Times, serif; color: #999}

strong {font-weight: bold; font-size: 1.2em}

em {font-style: italic;}

a {color: #0b7183; text-decoration: none}

a:hover{text-decoration: underline}

/**************************************************************************************/
/*--------------------------------------- Columns -----------------------------------*/
/************************************************************************************/

.left {
	float:left;
}
.right {
	float:right;
}
.one, .one-half, .two-third, .two-third-big, .one-third, .one-third-small, .one-fourth, .one-fifth, .one-sixth ,.inner-content, .one-third-big { 
	float:left; 
}
.one-half, .two-third, .two-third-big, .one-third, .one-third-small, .one-fourth, .one-fifth, .one-sixth, .inner-content,.one-third-big  {
	margin-right: 30px;
  margin-top: 10px;
}
.one {
	width:960px;
}
.one-half {
	width:465px;
}
.two-third {
	width:630px;
}

.two-third-big {
	width:700px;
}

.one-third  {
	width:300px;
}

.one-third-small  {
	width:230px;
}

.inner-content  {
	width:712px;
}
.one-third-big{ width:340px;}
.one-fourth {
	width:217px;
}

.one-fifth {
	width:168px;
}
.one-sixth {
	width:135px;
}
.last { 
	margin-right: 0px!important;
}

/*** Projects ***/

#projects {
	width: 960px;
	margin: auto;
}

#projects p {padding:0; margin-bottom: 5px}

.projects_container ul li a.hide {
	display: none;
}
.projects_container {
	padding: 0px;
	display: block;
	width: 990px;
	float: left;
	height:auto;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: -30px;
}
.projects_container ul {
	list-style-type: none;
}
.projects_container ul li {
  list-style-type: none
}

.projects_item {
  border-radius: 8px;
  padding: 10px;
	width:215px;
	float:left;
	cursor:pointer;
}
.projects_item:hover {
	background: #95d9e5;
  background: -webkit-gradient(linear, 0% 0%, 1000% 0%, from(#95d9e5), to(#fff));
  background: -webkit-linear-gradient(left, #95d9e5, #fff);
  background: -moz-linear-gradient(top, #95d9e5, #fff);
  background: -ms-linear-gradient(left, #95d9e5, #fff);
  background: -o-linear-gradient(left, #95d9e5, #fff);
}

#filterable  {
	display: inline;
	float: right;
	margin-bottom:5px;
	margin-right:10px;

}
#filterable li {
	float: left;
	margin-left: 25px;
}

#filterable li a {
	display: block;
}

.filterable_current a {
	color: #8e1a00;
}

/*** Menu ***/

#menu {
  width: 1000px;
  margin: 20px auto;
  border: 1px solid #222;
  background: #141414 url(menu_bg.jpg) repeat-x top;
  border-radius: 4px;
  box-shadow: 0px 0px 2px #333;
}

#menu:before, #menu:after {
  content: "";
  display: table;
  clear: both;
}

#menu li {
  float: left;
  border-right: 1px solid #222;
  -moz-box-shadow: 1px 0 0 #444;
  -webkit-box-shadow: 1px 0 0 #444;
  box-shadow: 1px 0 0 #444;
  position: relative;
}

#menu a {
  float: left;
  padding: 12px 25px;
  color: #999;
  text-transform: uppercase;
  text-shadow: 0 1px 0 #000;
  text-decoration: none;
}

#menu li:hover > a {
  color: #fafafa;
}