/********************************************
	import google web fonts
*/
/* @import url(http://fonts.googleapis.com/css?family=Droid+Sans);  */
@import url(http://fonts.googleapis.com/css?family=Droid+Sans+Mono);
/* @import url(http://f.fontdeck.com/s/css/uH5+KWQnibDTJRYggGJ9XZLTAgw/zumkuckuck.com/2162.css); */


#site-name,

#back,

.menu-name-primary-links UL.menu A,
#primary UL.links A,
.pane-node H2.title,

#block-menu-secondary-links UL.menu A,
UL.custom-pager A,
DIV.navi A,
#page-title {
font-family:"ff-din-web-1","ff-din-web-2", Helvetica, Arial, sans-serif, serif; 
font-size-adjust:0.48; 
font-weight:normal; 
font-style:normal; 
/* text-shadow:rgba(255 , 255, 255, 0.01) 0 0 0; */
/* letter-spacing: 1px; */



}

* {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}

/********************************************
	general styling and layout
*/

body {
  
  background-color: #FFF;
  color: #555;
  font-size: 0.75em;
  font-family: 'Droid Sans Mono', Helvetica, Arial, sans-serif;
  line-height: 1.45em;
  
  
  /* 
  -webkit-transition: background-color 1.5s ease;
  -moz-transition: background-color 1.5s ease;
  transition: background-color 1.5s ease;
  */
  

  
}

#header {
	position: absolute;
	position: fixed;
	left: 40px;
	top: 120px;
	width: 180px;
}

#container {
	padding-left: 260px;
	width: 720px;
}

/*
.content1234 {
  position: relative;
  left: 260px;
  margin-top: 0px;
  width: 540px;
  width: 720px;
  padding-top: 120px;
}
*/

.panel-pane {
	width: 720px;
}

a {
	color: #888;
	text-decoration: none;
}

a:hover {
	color: #555;
	border-bottom: 1px solid #555;
}
.view-content a:hover {
	border-bottom: 0px solid #555;
	text-decoration: underline;
}

#page { }

#header { }

#navigation { }

#container { }

#main { }

#content { }

#content-content { }

#front { }

#news { }

#projects { }

#references { }

#competitions { }

#publications { }

#awards { }

#office { }

#profile { }

#team { }

#education { }

#contact { }

#footer { }


body.light {
	color: #666;
}


/********************************************
	single page styling
*/

h1#page-title {
	color: #555;
	font-size: 1.6em;
	font-weight: normal;     
	line-height: 1.2em;
	text-transform: uppercase;
	margin-bottom: 55px;
}

body.page-node {
	
}

body.page-node .content p { 
	margin-bottom: 1em;
}

body.page-node .content strong {
	font-weight: normal;
	text-transform: uppercase;
}

body.page-node .content h2 {
	margin-bottom: 1em;
}



.node-type-education .content,
.node-type-project .content,
.node-type-story .content {
	position: relative;
}

.node-type-education .content p,
.node-type-project .content p {
	width: 400px;
}

.node-type-education .content .group-meta,
.node-type-project .content .group-meta {
	border-bottom: 1px solid #555;
	float:right; 
	position: absolute;
	right: 0;
	top: 430px;
	width: 270px;
}

.node-type-project .content .field-type-number-float,
.node-type-project .content .field-type-text,
.node-type-project .content .field-type-link {
	border-top: 1px solid #555;
	padding:5px 0; 
	margin:0 0 0 0px;
}

.node-type-education .content .field-field-text .field-item {
	border-top: 1px solid #555;
	padding:5px 0; 
	margin:0 0 0 0px;
}

.node-type-education .content .field-label-inline-first,
.node-type-project .content .field-label-inline-first {
	font-weight: normal;
}

.node-type-story p {
	width: 500px;
}


/********************************************
	slideshow styling
*/

.field-field-img {
	float: left;
	overflow: hidden;
	margin-bottom: 50px;
	position: relative;
	height: 385px;
	width: 720px;
}

/* root element for the scroll pics */
.field-field-img .field-items {
	clear: both;
	position: absolute;
	width: 20000em;
}

/* single scroll item */
.field-field-img .field-items .field-item {
	/*cursor:pointer;*/
	float:left;
	margin:0px;
	height:385px;
	width:720px !important;
}

/* possible settings for the active scroll */
.field-field-img.active {

}

.navi {
	position: absolute;
	top:395px;
}

.navi A {
	float:left;
	margin:0;
	padding:0;
}

/********************************************
	default visibility
*/

body.page-node #navigation {
	display: none;
}

#block-menu-secondary-links,
/* #block-custom_pagers-1, */
.custom-pager {
	position: absolute;
	position: fixed;
	left: 40px;
	top: 300px;
	width: 200px;
}

#block-menu-secondary-links {
	top: 207px;
}

/********************************************
	default visibility
*/

.js .pane-node { 
	display: none; 
}

#news,
#competitions,
#profile,
#contact { 
	display: block; 
}

/********************************************
	SEO headlines
*/

.js .pane-node h2 {
	display: none;
}

.js .pane-menu-tree {
	visibility: visible;
}

#contact h2 { 
	display: block;
}

.pane-menu-tree {
	visibility: hidden;
}

.pane-node h2 {
	color: #888;
	font-size: 1.6em;
	font-weight: normal;     
	line-height: 1.2em;
	text-transform: uppercase;
	margin-bottom:1em;
}

/********************************************
	branding
*/

h1#site-name {
	font-size: 1em;
	width: 10em;
}

#site-name a {
	color: #555;
	font-size: 1.6em;
	font-weight: normal;     
	line-height: 1.2em;
	text-decoration: none;
	text-transform: uppercase;
}

#site-name a:hover {
	border: none;
	color: #333;
	text-decoration: none;
}

/********************************************
	navigation links
*/

#navigation li.menu-288 {
	visibility: hidden;
}

ul.links li {
	display: block;
	padding: 0;
}

ul.menu,
ul.menu li,
li.leaf {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation {
	margin: 0px;
	margin-top: 1.5em;
}

ul.custom-pager {
	text-align: left;
}

ul.custom-pager li {
	float: none;
}



/*
.pane-menu-tree a.active, 
.pane-menu-tree a.active:hover,
.pane-menu-tree a,
*/
#navigation .active a, 
#navigation a.active, 
#navigation a, 
.custom-pager a,
.menu .active a, 
.menu a.active, 
.menu a, 
.navi a {
	color: #888;
	font-size: 1.6em;
	line-height: 1.2em;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0px;
	margin-right: 15px;
}     

/*.pane-menu-tree a:hover,*/
#navigation a:hover, 
.custom-pager a:hover,
.menu a:hover,
.navi a:hover {
	border-bottom:1px solid #888 !important;
	color: #888;
} 
/*
#navigation a.active, 
.pane-menu-tree a.active, 
.pane-menu-tree a.active:hover {
	border-bottom:1px solid #555;
	color: #555;
}*/

/*
.pane-menu-tree a.current, 
.pane-menu-tree a.current:hover,
*/
#navigation a.current, 
.menu .current a,
.menu a:hover.current, 
.menu a.current, 
.navi a.current {
	border-bottom:1px solid #555 !important;
	color: #555 !important;
}

/********************************************
	submenu panel layout
*/

.pane-menu-tree {
	clear: both;  
	position:absolute;
	padding-top: 120px;
}

.pane-menu-tree li {
	display:inline;
	float: left;
	list-style:none;
}

/********************************************
	generall frontpage panel layout
*/

.pane-views,
.pane-node {
	padding-top: 180px;
}

#content {
	padding-top: 120px;
	padding-bottom: 180px;
}

.front #content { 
	padding-top: 0px;
}

.view-education .view-content div,
.view-project .view-content div,
.pane-node P {
	border-top: 1px solid #888;
	padding: 5px 0 5px 0;
}

.view-education .view-content,
.view-project .view-content,
.pane-node .content {
	border-bottom: 1px solid #888;
}

/********************************************
	project rollovers
*/

.front .view-education .view-content div a.imagecache-thumb,
.front .view-project .view-content div a.imagecache-thumb,
.front .view-news .view-content div a.imagecache-thumb {
	margin-top: 0px;
	position: absolute;
	right: 0px;
	display: none;
	/* display: inline; */
	opacity: 0;
	/*
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out;	
	transition: opacity .3s ease-in-out;
	*/
}

.front .view-education .view-content div.hover a,
.front .view-project .view-content div.hover a,
.front .view-news .view-content div.hover a {
	/*border-bottom: 1px solid;*/
	color: #555555;
}

.front .view-education .view-content div.hover a.imagecache-thumb,
.front .view-project .view-content div.hover a.imagecache-thumb,
.front .view-news .view-content div.hover a.imagecache-thumb {
	border: none;
	display: inline;
	opacity: 1;
	z-index: 1;
}



/********************************************
	individual news panel layout
*/

#news {
	padding-top: 120px;
}

#news p {
	border-top: 1px solid #888;
	padding: 10px 0 10px 0;
}

.js #education .view-content DIV SPAN,
.js #projects .view-content DIV SPAN {
	display:none;
}

/********************************************
	individual text panel layout
*/

#profile .content,
#contact .content,
#team .content,
#vita .content,
#profile p,
#contact p,
#vita p,
#team p {
	border:none;
}

#profile p,
#contact p,
#vita p,
#team p {
	margin-bottom: 1em;
	padding: 0;
}

#vita p,
#team p {
	width:550px;
}

#vita .content div.image,
#profile .content div.image {
	float:right;
	padding:0 0 0 4em;
}

#contact {
	padding: 120px 0 180px;
}

#contact h2 {
	border-bottom:1px solid #555;
	color: #555;
	clear: both;
	display: inline;
	font-size: 1.6em;
	line-height: 1.2em;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	position: static;
}

#contact .content {
	padding-top: 60px;
}

/********************************************
	language and imprint menu
*/

#meta {
	position: absolute;
	position: fixed;
	margin: 20px;
	text-align: right;
	width: 98%;
	z-index: 2;
} 

#meta * {
	display: inline;
}

#meta LI {
	list-style: none;
}

#meta A {
	background: #FFF;
	background: rgba(255, 255, 255, .9);
	color: #888;
	font-size: 0.8em; 
	text-decoration: none;
	text-transform: none; 
	margin-left: 5px;
} 

#meta A:hover { 
	color: #333;
	text-decoration: none;
}

#block-locale-0 .active {
	display: none; 
}

/********************************************
	administrativ styling
*/

#tabs { 
	position:absolute;
	top:0px;
}

#messages {
	position:absolute;
	top:30px;
}

.links .links {
	position:absolute;
}

div.view div.views-admin-links li a,
div.panel-pane div.admin-links li a,
ul.primary li a,
.links .links a {
	color: #027AC6;
	position: relative;
	z-index: 2;
}

div.view div.views-admin-links li a:hover,
div.panel-pane div.admin-links li a:hover,
.links .links a:hover {
	border: none;
	text-decoration: underline;
}

#block-menu-menu-admin-menu *{ 
	margin:0;
	padding:0;
}
#block-menu-menu-admin-menu { 
	color:#FFF;
	margin:0;
	position:absolute;
	right:0;
	top:-20px;
}
#block-menu-menu-admin-menu LI { 
	float: left;
}
#block-menu-menu-admin-menu A { 
	background:#027AC6;
	color:#FFF;
	font-size: 1em;
	font-weight: normal;
	padding:2px 4px;
}
#block-menu-menu-admin-menu A:hover { 
	background:#FFC;
	border:none;
	color:#027AC6;
}


div.panel-pane div.admin-links a::before {
	content: '[';
}
div.panel-pane div.admin-links a::after {
	content: ']';
}
div.panel-pane div.admin-links {
	font-size: 1em;
}
div.panel-pane div.admin-links {
	background: none;
}




/*
	addon
*/
#back {
	color: #888;
	display: block;
	font-size: 1.6em;
	line-height: 1.2em;
	text-transform: uppercase;
	position: absolute;
	left: -220px;
	top: 230px;
	position: fixed;
	left: 40px;
	top: 230px;
}


/*
	new 120220 ssc
*/
.node .content a {
	border-bottom: 1px solid #aaa;
}
.node .content a:hover {
	border-bottom: 1px solid #555;
}
.node .content .navi a {
	border-color: #fff;
}
/* static visible thumb */
.front .view-project .view-content div.show a.imagecache-thumb,
.front .view-news .view-content div.show a.imagecache-thumb {
	display: block;
	float: right;
	margin: 0;
	position: static;
	opacity: 1;
}
.front .view-project .view-content div.show a.imagecache-thumb img,
.front .view-news .view-content div.show a.imagecache-thumb img { 
	display: block;
}
.view-project .view-content div.show,
.view-news .view-content div.show {
	overflow: hidden;
}
/* hide field labels */
.node-term-7 .field-field-builder .field-label-inline-first,
.node-term-7 .field-field-status .field-label-inline-first,
.node-term-7 .field-field-area .field-label-inline-first {
	display: none;
}
/* hide year */
.pane-views .view-content {
	overflow: hidden;
} 
.pane-views .view-content div a {
	margin-left: -1.2em;
} 





/* news view */
#newsview {
	padding-top: 120px;
}
.view-news .view-content div {
	border-top: 1px solid #888;
	padding: 5px 0 5px 0;
}
.view-news .view-content {
	border-bottom: 1px solid #888;
}
.view-news .view-content div {
	overflow: hidden;
}
.view-news .view-content div a {
	border-bottom: none;
	display: block;
	float: left;
	max-width: 500px;
}
.view-news .view-content div a:hover {
	/* border-bottom-color: #555; */
	text-decoration: underline;
}
.pane-views .view-news .view-content div a {
	margin-left: 0;
}