/*
Theme Name: Soundstudieslab
Description: Soundlab is a modern three-column blog theme. A responsive layout optimizes the theme for mobile devices like tablet pcs and modern smartphones (the layout switches to a two- or one-column layout depending on the screen size the theme is viewed on). To make your blog post more flexible you can use different kinds of post formats such as gallery, image, video, aside, link or quotes.

Author: Philippe Said & Oliver Kunzmann
Author URI: http://www.philippesaid.de
Version: 1.0
*/


/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	max-width:100%;
	line-height: 1;
	/*background:url(images/bg.png);*/
	background-color: #000;
	font-size: 100.1%;
}

ul {
	list-style: none;
	font-size: 1em;
}
ol{
	list-style: none;
	font-size: 1.1em;
}


.single-entry-content blockquote p, article blockquote p, #content dl dd blockquote  p{
padding: 0 0 0 4em;
font-style: italic;
}

.single-entry-content img:after {
 content: url(images/image-corner.png);
 width: 154px;
 height: 153px;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.hidden{
    visibility: hidden;
}


a { text-decoration: none; color:#707070;cursor:pointer;}
a:active, a:focus { outline: none; }
a:active, #comments #submit:active, a.comment-reply-link:active, p.submit input:active { position: relative; top: 1px; }
a:visited { }
a:hover { cursor: pointer; text-decoration: none;  }



#awwwards{
position:absolute;
top:200px;
right:0px;
z-index:555;
}
#awwwards a{
width:69px;
height:105px;
text-indent:-8000px;
display:block;
background:url(./images/awwwards_nominee_b_right.png) no-repeat;
overflow:hidden;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


img {
	max-width: 100%;
}

.single-entry-content img {
float: left;
}

img{ -ms-interpolation-mode: bicubic; }


.grid {
	padding: 0 20px;
}



.row {
	margin-bottom: 1em;
}

.single-entry-content img.alignnone, .single-entry-content img.alignleft {padding-right: 0.5em; padding-top: 0.5em
}

.single-entry-content p img.size-full {display: block; clear: both
}



/* Typo */


::selection {
   background: #c0c0c0; /* Safari */
   color: #fff;
   }
::-moz-selection {
   background: #c0c0c0; /* Firefox */
   color: #fff;
   }

	^^^^


	strong {font-weight:bold}
	em {font-style:italic;}

	a.backcategory {display: block; font-size: 14px; font-family: arial, verdana, sans-serif}

	/*Home*//*Home*//*Home*//*Home*//*Home*//*Home*//*Home*//*Home*/
	#preloader {
	width:100%;
	height:100%;
	position:absolute;
	background-image: url(images/ajax-loader.gif);
	background-position: center 30%;
	background-repeat: no-repeat;
	z-index:-99;
	display: none;
	}

	.headerwrapper, #wrapper, #wrapTeaser, #colophon, .logo, .tagline { display:none;}
	.tagline {font-family: arial, verdana, sans-serif;text-transform:uppercase; font-size: 1.6em; line-height: 1.25em; margin: 15.3% 0 0 0; padding: 2.5% 5% 3% 2.5%; letter-spacing:0.1em;border-left: 1px solid #C0C0C0;  color:#C0C0C0;}


	.home h2 {
	font-family: arial, verdana, sans-serif;
	font-size: 1.125em;
	font-weight:bold;
	text-transform: uppercase;
	line-height: 1em;
	margin:0 0 5px 0;
	}

	.home h3 {
	font-family: arial, verdana, sans-serif;
	font-size: 0.725em;
	font-weight:400;
	letter-spacing: 0px;
	line-height: 1em;
	letter-spacing: 0.2em;
	}

	.recent-posts {
	background-color:transparent;
	clear:left;
	position: relative;
	padding: 0 0 50px 0;
	}

	.recent-posts span {
	/*background-color:#e1e1e1;*/
	font-family: Georgia, serif;
	color:#000;
	font-size:1em;
	line-height:1.5em;
	padding:1px 2px 1px 4px;
	}


	ul#twitter_update_list li {
	font-family: arial, verdana, sans-serif;
	font-weight:normal;
	font-size:14px;
	line-height:18px;
	letter-spacing: 0.1em;
	padding:1em 0 1em 0;
	}

	ul#twitter_update_list li span {
	visibility: visible;
	}

	ul#twitter_update_list li span a {
	color:#67C7E2;
	visibility: visible;
	}

	ul#twitter_update_list li span a:hover {
	color:#000;
	visibility: visible;
	}

	ul#twitter_update_list li a {
	visibility: hidden;
	}

	/*Pages*//*Pages*//*Pages*//*Pages*//*Pages*//*Pages*//*Pages*//*Pages*//*Pages*/

	#content {margin:0 0 4em 0;}
	.eventContent {margin-top:-0.75em;}
	.single-entry-content span.publication, .single-entry-content p.publication {
	font-size: 0.8em; line-height: 1.6em;
	}

	.single-entry-content img {margin: 0.1em 0 2em 0; border-top: none; }

	.recent-posts p { margin: 0 0 0 0; font-size: 1em; line-height: 1.5em; padding:0 1% 0 1%;letter-spacing: 0.1em;}

	.single-entry-header {display: block; float: left;}
	.single-entry-header h3 { margin: 1.2em 0 0.4em 0; font-size: 1.875em; line-height: 1em; letter-spacing:0.05em; }
	.single-entry-content {float: left;}
	.single-entry-content p, article p, #content dl dd p { margin: 0.3em 0 2em 0; font-size: 1.1em; line-height: 2em;  letter-spacing: 0.08em; float:left;}
	p.caption, span.caption { font-size:0.9em; font-style: italic; margin: 0.5em 0 4em 0;  color: #707070; line-height: 1.2em;  letter-spacing: 0.08em; float:left; padding-left: 10px;}
	p.caption:before,span.caption:before {content: "-"; margin-left: -10px; padding-right: 5px;}
	.single-entry-content h1:first-child, .entry-title:first-child {margin-top:0; clear: both;}
	.single-entry-content h1 { font-family: arial, verdana, sans-serif;font-weight:bold;text-transform:uppercase;letter-spacing:0.1em;margin: 0.9474em 0 0.3158em 0; font-size: 2.1em; line-height: 1.3em; text-shadow: 1px 1px 0 #eeeeee; clear: both;}
	.single-entry-content h2 { font-family: arial, verdana, sans-serif;font-weight:bold;text-transform:uppercase;letter-spacing:0.1em;margin: 1.0589em 0 0.353em 0; font-size: 1.8em; line-height: 1.2em;clear: both;}
	.single-entry-content h3 { font-family: arial, verdana, sans-serif;font-weight:bold;letter-spacing:0.1em;margin: 1.2em 0 0.4em 0; font-size: 1.6em; line-height: 1.3em; letter-spacing:0.05em; text-transform:uppercase;clear: both;}
	.single-entry-content h4 { font-family: arial, verdana, sans-serif;font-weight:bold;text-transform:uppercase;letter-spacing:0.1em;margin: 1.3847em 0 0.4616em 0; font-size: 1.425em; line-height: 1em; clear: both;}
	.single-entry-content h5, #content h5, dl dt h5, article h5 { font-family: arial, verdana, sans-serif;font-weight:bold;text-transform:uppercase;letter-spacing:0.1em; margin: 1em 0 0.5455em 0; font-size: 1.375em; line-height: 1em; clear: both;}
	.single-entry-content h6 { font-family: arial, verdana, sans-serif;font-weight:bold;text-transform:uppercase;letter-spacing:0.1em;margin: 2em 0 0.6667em 0; font-size: 1.125em; line-height: 1.3333em; clear: both;}
	.single-entry-content ul, .single-entry-content ol  { margin: 0 0 2em 0; clear: both;}
	.single-entry-content ul li { list-style-type: square; line-height: 2em; font-size: 1.1em;letter-spacing: 0.08em;margin: 0 0 0 2%; width: 80%}
	.single-entry-content ol li { list-style-type:decimal; line-height: 2em; margin: 0 0 0 8%;}
	.single-entry-content p a {text-decoration:underline;}
	.single-entry-content p a:hover {color:black;}
	.entry-details { font-size: 0.75em; line-height:1em; margin:0.5em 0 1em 0; color:#707070; float:left; display: block;}
	.entry-details a:hover{text-decoration:underline;}

	.single-entry-content h1.fail {font-family: arial, verdana, sans-serif;font-weight:bold;text-transform:uppercase;letter-spacing:0.1em;margin: 0.5em 0 0 0; font-size: 10em; text-shadow: 1px 1px 0 #eeeeee;}
	h2.entry-title { font-family: arial, verdana, sans-serif;margin: 0.9474em 0 0.3158em 0; font-size: 1.6em; line-height: 1.4em; text-transform: uppercase; color: #000; font-weight: bold; letter-spacing: 0.05em;}
	h2.entry-title a {color: #000;}
	h3.question {letter-spacing:0.05em;margin: 45px 0 1.75em 1%;font-size: 1.55em; line-height: 1.3em; min-height:7.6em;}

	#comments h3 { font-size:1em; line-height: 1em;  margin: 0; padding: 0; text-transform:uppercase; font-weight: bold}

	#authors h5 {font-family: arial, verdana, sans-serif; font-weight:bold;font-size: 1em;  text-transform:uppercase;letter-spacing:0.1em; margin-top: 4em;}
	#authors .single-entry-content h5.first {margin: 0.65em 0 0.5455em 0;}
	#authors #content {padding: 0 0 0 1%;}

	#wrapTeaser h2 { font-family: arial, verdana, sans-serif;font-size: 1.2em;font-weight:bold;color:#000; text-transform:uppercase; line-height: 1.2em; letter-spacing:0.04em;}

	h1.empty {
	width: 100%;
	font-family: arial, verdana, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.1em;
	margin: 0 0 2em 0.3em;
	font-size: 1.8em;
	line-height: 1.3em;
	text-shadow: 1px 1px 0 #eeeeee;
	}
	.date, .datePage, .eventmeta {
	font-family: arial, verdana, sans-serif;
	font-size: 0.875em;
	font-weight:bold;
	color:#000;
	}

	.dateList {
	color:#000;
	font-style:normal;
	font-size: 1em;
	}

	p iframe {
	width: 100%;
	margin: 2em 0 2em 0;
	}

	iframe {
	width: 100%;
	margin: 0;
	}

	.news {
	margin: 0.5em 0 3em 0;
	display: block;
	}
	.news .entry-title {display: block; clear: both}

	#publicationPage  {
	padding: 0 0 0 0; margin: 0.3em 0 2em 0; font-size: 1.1em; line-height: 2em;  letter-spacing: 0.08em;
	}

	#publicationPage p {
	border-bottom: 1px solid #ccc;
	padding: 0 0 2em 0;
	min-height: 8em;
	margin: 0.3em 0 2em 0; font-size: 1.1em; line-height: 2em;  letter-spacing: 0.08em;
	}


	#publicationPage img {
	margin: 0 1em 0 0;
	}
	/*Footer*//*Footer*//*Footer*//*Footer*//*Footer*//*Footer*//*Footer*/

	#colophon h6 {
	color:#fff;
	font-family: arial, verdana, sans-serif;
	font-size: 0.813em;
	font-weight:bold;
	text-transform:uppercase;
	line-height:1.5em;
	letter-spacing: 1px;
	margin:0 0 10px 0;
	}


	.copyright {
	font-size: 0.813em;
	line-height:1.5em;
	color:#757373;
	}

	.credit {
	font-size: 0.813em;
	line-height:1.5em;
	color:#757373;
	font-family: arial, verdana, sans-serif;
	font-size: 92%;
	}


	#colophon ul.menu {list-style-type:  none}
	#colophon ul.menu li {	font-family: arial, verdana, sans-serif; font-size: 0.813em; padding: 0 0 10px 0}
	#colophon ul.menu li a {color: #757373}
	#colophon ul.menu li a:hover {color: #fff;}

	.currentFooter {
	color: #ffffff !important;
	}
	/*Pages Header*//*Pages Header*//*Pages Header*//*Pages Header*//*Pages Header*//*Pages Header*//*Pages Header*/


	.headline { overflow: hidden; margin: 0 0 1.2em 0; }

	.postProject .headline h2, .pageHead .headline h2 {
	font-family: arial, verdana, sans-serif;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	display: block;
	color: #fff;
	text-decoration: none;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	font-size: 3.2em;
	margin:1.5em 0 0.2em 0;
	}

	.postSingle h2{
	font-family: arial, verdana, sans-serif;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	display: block;
	color: #fff;
	text-decoration: none;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	font-size: 2.8em;
	margin:1.3em 0 0.1em 0;
	}


	.postProject h7{ font-size: 1em; line-height: 1.3333em; padding:0.5em 0 0.5em 0; display:block; font-family: arial, verdana, sans-serif;text-transform:uppercase;letter-spacing:0.1em;display:block;margin: 0 0 2em 0;}

	.postSingle h7 { font-size: 1em; line-height: 1.3333em; padding:0.5em 0 0.5em 0; display:block; font-family: arial, verdana, sans-serif;text-transform:uppercase;letter-spacing:0.1em;display:block;margin: 0 0 0.5em 0;}

	.postProject .headline, .postSingle .headline {
	text-align:center;
	vertical-align:middle;
	}

	.postSingle .headline {
	margin: 0 0 1.5em 0;
	}

	.headerBack {
	background-color:#CCCCCC;
	width: 100%;
	height:auto;
	overflow:hidden;
	margin:0 0 60px 0;
	}

	.arrow {
	background: url(images/arrow.png) center  bottom no-repeat;
	}

	.arrowHead {
	display: block;
	height: 6px;
	background: url(images/arrow.png) center 0 no-repeat;
	position: relative;
	bottom:0px;
	}

	.share {
	background-color: rgba(55, 55, 55, 0.1);
	height:60px;
	width:100%;
	overflow:hidden;
	margin: 0 0 0 0;
	}

	.share_wrapper {margin: 0 auto; width:500px; padding: 0 0 0 45px;}

	.share_tweet, .share_plus, .share_fb { height:60px; width:150px; float:left; line-height: 60px;}

	@-moz-document url-prefix() {

	.share_tweet, .share_plus, .share_fb { height:60px;width:150px; float:left; line-height: 20px;}

	}

	a.project_tweet, a.project_fb, a.project_plus {
	font-size: 1em;
	color:#fff;
	font-family: arial, verdana, sans-serif;
	font-weight:bold;
	text-align:center;
	width:150px;
	display: block;
	}


	/*Sidebar*//*Sidebar*//*Sidebar*//*Sidebar*//*Sidebar*//*Sidebar*//*Sidebar*//*Sidebar*//*Sidebar*/

	.sidebar {overflow: hidden}

	.projectsidebar h6, .projectsidebar_contributors div h6, .sidebar h6 {
	text-transform: uppercase;
	border-bottom:1px solid #ccc;
	overflow:hidden;
	font-family: arial, verdana, sans-serif;
	font-weight:bold;
	color:#ccc;
	font-size:1em;
	line-height:1em;
	padding: 0 0 1% 0;
	margin: 30px 0 0 0;
	display: block;
	clear: both;
	}

	.projectsidebar h6.researchers {margin: 3em 0 0 0;}


	.projectsidebar_contributors div h6 {
	margin: 30px 0 20px 0;
	}

	ul.latestArticles {
	margin: 1em 0 1em 0;
	}

	ul.latestArticles li{
	font-family: arial, verdana, sans-serif;
	letter-spacing: 0.1em;
	line-height: 1.3em;
	}

	ul.latestArticles span{
	font-size: 0.813em;
	font-weight:400;
	line-height: 1em;
	color: #757373;
	}

	.latestArticles {
	display:block;
	width: 100%;
	height:auto;
	clear: left;
	margin: 0 0 4em 0;
	}

	.projectsidebar .wrapblogLink {
	margin: 0 0 8em 0;
	}
	/*Publications + Blogs*/

	.pub_wrapper {
	padding: 0.4em 0 0 0;
	}

	.pub_wrapper h1 {
	width: 100%;
	font-family: arial, verdana, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.1em;
	margin: 0.9474em 0 0.3158em 0;
	font-size: 1.8em;
	line-height: 1.3em;
	text-shadow: 1px 1px 0 #eeeeee;
	text-align: center;
	}

	.pub_wrapper h2 {
	width: 100%;
	font-family: arial, verdana, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.1em;
	margin: 0.9474em 0 1.3158em 0;
	font-size: 1.8em;
	line-height: 1.3em;
	text-shadow: 1px 1px 0 #eeeeee;
	text-align: center;
	}

	.event_listitem {
	background-color: #E3E3E3;
	padding: 0 0.5em 0.5em 0.5em;
	background-image: url(images/bg_quad.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	position: relative;
	width:240px;
	min-height:230px;
	float:left;
	text-align: center;
	margin: 0 0 6% 2%;
	-moz-box-shadow:  -1px -1px 1px #CDCDCD;
	-webkit-box-shadow: -1px -1px 1px #CDCDCD;
	box-shadow: -1px -1px 1px #CDCDCD;
	border: 1px solid #f9f9f9;
	}

	.blogList ul li {
	background-color: #E3E3E3;
	padding: 0 0.5em 0.5em 0.5em;
	background-image: url(images/bg_quad.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	position: relative;
	width:240px;
	min-height:160px;
	float:left;
	text-align: center;
	margin: 0 0 6% 2%;
	-moz-box-shadow:  -1px -1px 1px #CDCDCD;
	-webkit-box-shadow: -1px -1px 1px #CDCDCD;
	box-shadow: -1px -1px 1px #CDCDCD;
	border: 1px solid #f9f9f9;
	}

	.publication_listitem h6, .event_listitem li {
	display:block;
	width:250px;
	min-height:135px;
	float:left;
	text-align: center;
	margin: 0 0 2% 2.35%;
	}

	.eventHome {font-family: arial, verdana, sans-serif;font-weight: bold; text-transform: uppercase;color: #000}
	.eventdate {display: block; color: #757373; width: 93%;  margin:20px 0 0 0; padding: 0 0 7px 0; font-size:0.825em;border-bottom: 1px solid #ccc !important; line-height: 1.3em; letter-spacing: 0.2em;}
	.eventauthor {font-size:0.8em;  color:#707070; display:block; margin: 0 0 1.5em 0;line-height: 1.3em;letter-spacing: 0.2em;}
	.eventauthor a:hover {color:#000; text-decoration: underline;}
	.eventAuthorHome {margin-bottom: 20px; display: block;}

	.entry-meta {border-bottom: none}

	.publication_listitem h6 a, .blogList li a, .event_listitem h6 a  {
	display:block;
	color:#000;
	text-align:center;
	font-family: arial, verdana, sans-serif;
	font-size:1em !important;

	}

	.blogList li a, .event_listitem h6 a {
	text-transform:uppercase;
	color:#000;
	text-align:center;
	font-family: arial, verdana, sans-serif;
	letter-spacing:  0.08em;
	font-weight:bold;
	line-height:1.2em;
	padding: 0.75em 0 0.5em 0;
	}


	.blogList li {
	display: inline;
	float: left;
	color: #757373;
	font-size: 1em;
	}


	/* Navigation Header *//* Navigation Header *//* Navigation Header *//* Navigation Header */

	.headerwrapper {
	letter-spacing: 1px;
	background-color:#000;
	width:100%;
	overflow:hidden;
	}

	.headerwrapper * {
	margin:0;
	padding:0;
	}


	#topNav, #topNavDrop {
	z-index:3;
	overflow:hidden;
	}



	ul#topNav li {
	font-size:0.8em;
	font-weight:bold;
	font-family: arial, verdana, sans-serif;
	float:left;
	background-color:#000;
	}

	ul#topNavDrop li {
	font-size:0.9em;
	font-weight:bold;
	font-family: arial, verdana, sans-serif;
	float:left;
	background-color:#000;
	margin: 0 0.75em 0 0em;
	}

	#people, #calendar {
	color:#fff;
	text-decoration:none !important;
	display:block;
	padding:20px 0 20px 10px !important;
	margin-right:5px;
	}


	ul#topNavDrop li a {
	background-image: url(images/headerlink_icon.png);
	background-repeat:no-repeat;
	background-position:left center;
	color:#fff;
	text-decoration:none !important;
	display:block;
	padding:20px 20px 20px 0 !important;
	margin-right:4px;
	}


	.project, #publication, #about {
	background-image: url(images/headerlink_icon.png);
	background-repeat:no-repeat;
	background-position:left center;
	color:#fff;
	text-decoration:none !important;
	display:block;
	padding:20px 0 20px 20px !important;
	margin-right:5px;
	}

	ul#topNav li a{
	margin-right:1em;
	}



	.project:hover, #publication:hover, #about:hover {
	background-image: url(images/headerlink_icon_hover.png);
	color:#757373 !important;
	}

	ul#topNav li a#people:hover, ul#topNav li a#calendar:hover {
	color:#757373 !important;
	background-image:none;
	}

	ul#topNavDrop li a:hover {
	color:#757373 !important;
	}

	ul#topNavDrop li a {
	background-image: none;
	}

	ul#topNavDrop .curdnt_page_item a, ul#topNavDrop li.current-menu-item a {
	color:#757373 !important;
	}


	a.logolink {
	font-size:0.8em;
	display:block;
	font-weight:bold;
	font-family: arial, verdana, sans-serif;
	color:#707070;
	background:none !important;
	padding:20px 10px 20px 0 !important;
	margin:0 !important;
	text-decoration:none;
	float: left;
}

	a.logolink:hover {
	color:#fff ;
	}


	div.about, div.research {
	position:relative;
	left:0;
	z-index:3;
	overflow:hidden;
	display: none;
	}

	.logo  img{
	margin: 30% 0 30% 0;
	}


	.projectsidebar .logo {
	height:230px;
	margin: 50px 0 0 0;
	}

	.projectsidebar .logo img {
	max-width: 80%;
	margin: 0 0 0 0;
	}

	.sidebar .logo img  {
	max-width: 80%;
	margin: 1em 0 4em 0;
	}

	#socialNav  { margin: 15px 0 0 0;}

	#socialNav, #socialNavContent {
	float:right;
	}


	.projectsidebar_contributors div#socialNavContent {
	margin: 0 0 4em 0;
	}

	.projectsidebar_contributors ul {
	margin: 0 0 4em 0;
	}

	#socialNavContent ul li {
	margin: 0;
	}

	.projectsidebar_contributors ul li {
	margin: 1em 0 0 0;
	}

	#socialNav li, #socialNavContent  li {
	float:left
	}

	#socialNav li a {
	cursor: pointer;
	display: inline-block;
	width: 22px;
	height: 22px;
	background: transparent url(images/socialbtntrans.png) center no-repeat;
	background-color: #f9f9f9;
	margin-right: 1px;
	}

	#socialNavContent li a {
	cursor: pointer;
	display: inline-block;
	width: 22px;
	height: 22px;
	background: transparent url(images/socialbtntrans.png) center no-repeat;
	background-color: #ccc;
	margin-right: 1px;
	}

	#socialNav li a#twitter {
	background-position: 0px -66px;
	}

	#socialNavContent li a#twitter {
	background-position: 0px -66px;
	}


	#socialNav li a#twitter:hover, #socialNavContent li a#twitter:hover {
	background-position: -20px -66px;
	background-color: #7BCAE1;
	}

	#socialNav li a#facebook {
	background-position: 0px 0px;
	}

	#socialNavContent li a#facebook {
	background-position: 0px 0px;
	}

	#socialNav li a#facebook:hover, #socialNavContent li a#facebook:hover {
	background-position: -20px 0px;
	background-color: #A8CFFF;
	}

	#socialNav li a#soundcloud {
	background-position: 0px -88px;
	}

	#socialNavContent li a#soundcloud {
	background-position: 0px -88px;
	}

	#socialNav li a#soundcloud:hover, #socialNavContent li a#soundcloud:hover {
	background-position: -20px -88px;
	background-color: #FFC848;
	}

	#socialNav li a#google {
	background-position: 0px -44px;
	}


	#socialNavContent li a#google {
	background-position: 0px -44px;
	}


	#socialNav li a#google:hover, #socialNavContent li a#google:hover {
	background-position: -20px -44px;
	background-color: #FFA8A8;
	}

	#socialNav li a#vimeo {
	background-position: 0px -110px;
	}

	#socialNavContent li a#vimeo {
	background-position: 0px -110px;
	}

	#socialNav li a#vimeo:hover, #socialNavContent li a#vimeo:hover {
	background-position: -20px -110px;
	background-color: #8FFEDD;
	}

	#socialNav li a#email {
	background-position: -2px -130px;
	}

	#socialNavContent li a#email {
	background-position: -2px -130px;
	}

	#socialNav li a#email:hover, #socialNavContent li a#email:hover {
	background-position: -22px -130px;
	background-color: #999999;
	}


	/*Buttons*//*Buttons*//*Buttons*//*Buttons*//*Buttons*//*Buttons*/

	a.btn, a.btnBlack, a.btnGrey, a.btnPDF, a.btnTwitter, .printfriendly a, #downloadpdfProject  a,#downloadpdf a, .nav-next a, .nav-previous a {
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	cursor:pointer;
	float:left;
	line-height:1.25em;
	font-size:0.688em;
	margin:10px 0 30px 0;
	padding:7px 15px 7px 15px;
	position:relative;
	text-transform:uppercase;
	font-family:'open sans',helvetica,arial,sans-serif;
	font-weight:bold;
	text-decoration:none;
	clear:left;
	}


	a.btnBack{
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	cursor:pointer;
	line-height:1.25em;
	font-size:0.688em;
	margin:10px 0 30px 0;
	padding:7px 15px 7px 15px;
	position:relative;
	text-transform:uppercase;
	font-family:'open sans',helvetica,arial,sans-serif;
	font-weight:bold;
	text-decoration:none;
	clear:left;
	float:left;
	}

	p span { display:block;}

	p span.edit-link { display:inline;}

	.entry-content .btn , .printfriendly {
	clear:left;
	font-size:0.688em;
	}

	.projectsidebar .btnGrey {clear: left; display: block }

	a.btnTwitter {
	background:#67C7E2 !important;
	color:#fff;
	margin-top: 20px;
	}

	a.btnTwitter:hover {
	color:#000;
	}

	#wrapTeaser .recent-posts-head h3#twitterLink {
	color:#67C7E2;
	}


	.quad .recent-posts a.btn {
	margin-left: -5px;
	margin-top: 20px;
	}


	a.btn  {
	background:#000 !important;
	color:#fff;
	}

	#downloadpdf a {
	background:#000 !important;
	color:#fff;
	margin:0 0 0 0;
	}

	#downloadpdfProject  a {
	background:#000 !important;
	color:#fff;
	margin:0 0 0 1%;
	}

	.single-entry-content #downloadpdfProject  a {
	margin: 0 0 0 0;
	}

	#downloadpdf a:hover, #downloadpdfProject  a:hover {
	color:#757373;
	}

	#nav-below { padding: 0 0.5em;}
	.nav-previous a, .nav-next a, a.btnPDF, .printfriendly a, .printfriendly .printfriendly-text{
	background:#757373;
	color:#fff;
	clear:left;
	}

	.nav-next a {
	float: right;
	}


	a.btnPDF:hover, .printfriendly .printfriendly-text:hover {
	color:#000;
	}

	a.btn:hover {
	color:#757373;
	}

	a.btnBlack {
	background:#000 !important;
	color:#fff;
	}

	a.btnBlack:hover {
	color:#757373;
	}

	a.btnGrey, a.btnBack {
	background: #ccc;
	color:#fff;
	}

	a.btnGrey:hover {
	color: #000;
	}

	#scrollToTopProject  {
	margin:2.5% 0 30px 1%;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	cursor:pointer;
	float:left;
	line-height:1.25em;
	font-size:0.688em;
	padding:7px 15px 7px 15px;
	position:relative;
	text-transform:uppercase;
	font-family:'open sans',helvetica,arial,sans-serif;
	font-weight:bold;
	text-decoration:none;
	clear:left;
	background: #ccc;
	color:#fff;
	}

	#scrollToTop  {
	margin:2.5% 0 30px 1%;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	cursor:pointer;
	float:left;
	line-height:1.25em;
	font-size:0.688em;
	padding:7px 15px 7px 15px;
	position:relative;
	text-transform:uppercase;
	font-family:'open sans',helvetica,arial,sans-serif;
	font-weight:bold;
	text-decoration:none;
	clear:left;
	background: #ccc;
	color:#fff;
	}

	a.btn[title=Calendar]
	{
	margin:0.75em 0 5.9em 0;
	}

	#linkBlog {
	clear:left
	}


/* --- Homepage Styling---- *//* --- Homepage Styling---- *//* --- Homepage Styling---- *//* --- Homepage Styling---- */

	#backstretch {
	cursor: pointer;
	padding: 0 10% 0 10%;
	display: none;
	}
	#wrapTeaser {
	padding:0.4em 0 0 0;
	overflow:hidden;
	}

	.teaser {
	width:100%;
	height: 30.2em;
	clear: left;
	margin: 2px 0 0 0;
	}

	#wrapTeaser h2 a {
	color:#000;
	}

	#wrapTeaser .recent-posts {
	position: relative;

	}

	#wrapTeaser .posts-head {
	min-height: 55px;
	padding:6px 2px 5px 0
	}

	#wrapTeaser .quad {
	background-color: #E3E3E3;
	padding: 0 0.75em 0.75em 0.75em;
	margin: 0 0 3em 1%;
	background-image: url(images/bg_quad.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	-moz-box-shadow:  -1px -1px 1px #CDCDCD;
	-webkit-box-shadow: -1px -1px 1px #CDCDCD;
	box-shadow: -1px -1px 1px #CDCDCD;
	border: 1px solid #f9f9f9;
	overflow: hidden
	}

	#wrapTeaser .quad img {
	margin-top: 8px;
	margin-bottom: 0.75em;
	}

	#wrapTeaser .recent-posts-head {
	margin: 0 0 1em 0;
	padding: 0.8em 0 0.6em 0;
	border-bottom: 1px solid #ccc;
	width: 100%;
	}

	#wrapTeaser .recent-posts-head h3, #wrapTeaser .posts-head h3 {
	font-family: Georgia, serif;
	margin: 0 0 10px 0;
	color: #707070;
	line-height:1.5em;
	}



	#wrapTeaser .recent-posts-head h3 a:hover, #wrapTeaser .posts-head h3 a:hover {
	text-decoration:underline;
	}

	#wrapTeaser p#moreBtn {
	position:relative;
	width:100%;
	}

	#sidebar {
	padding: 10px 0 10px 0px;
	height: 20px;
	width:100%;
	background-color: black;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	position: relative;
	z-index: 999;
	}

	#sidebar ul {
	text-transform:uppercase;
	}

	#sidebarHead {
	padding: 0 0 0 30px;
	text-transform:uppercase;
	}


	#sidebar li.black a {
	color: #555;
	}


	#mainmenu {
	height: 270px;
	background: #000;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
	padding: 25px 0 0 30px;
	}


	#mainmenu ul {
	float:left;
	margin: 0 50px 0 0;

	}

	#mainmenu ul li {
	display: list-item;

	}

	#mainmenu.black , #sidebar.black  {
	color: #333;
	}

	#mainmenu.black a, #sidebar.black a {
	font-weight: bold;
	color: #555;
	}

	#sidebar.white {
	color: #fff;
	}

	#sidebar.white a {
	font-weight: bold;
	}



	#single {
	position: relative;
	min-height: 100%;
	}


	.subline {
	font-size: 14px;
	position: absolute;
	padding: 40px 0 0 60px;
	letter-spacing: 1px;
	}

	#projects, #publications {
	z-index:10;
	position:absolute;
	width:100%;
	display:none;
	}

	#projects ul, #publications ul {
	width:100%;
	}

	#projects ul li, #publications ul li {
	font-family: arial, verdana, sans-serif;
	display: block;
	color: #fff;
	text-decoration: none;
	line-height: 62px;
	text-transform: uppercase;
	letter-spacing: -2px;
	}

	#projects ul li .projectLink, #publications ul li .projectLink {
	font-size: 2.2em;
	letter-spacing: 0.02em;
	display: block;
	padding: 1em 0 1em 0;
	width: auto;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	}

	#projects ul li .projectLink:hover, #publications ul li .projectLink:hover {
	text-shadow: none;
	}

	#projectLinkSmall {
	font-family: arial, verdana, sans-serif;
	font-size: 36px;
	color:#fff;
	display: block;
	padding: 0 0 8px 0;
	width: auto;
	text-transform: uppercase;
	}

	#projectLinkSmall:hover {
	color:#757373;
	text-decoration:none;
	}


	.datePage {
	margin: 35px 0 0 25px;
	}

	.bloglink {text-align: center; margin-top: 1em; border-top: 1px solid #ccc; padding-top: 2em;}
	.bloglink a {float: none;}

/* --- Content---- */


.soundcloud{ border-top: 1px solid #f9f9f9;}
.soundcloud iframe {margin-top: 0px;}


.pageHead .post {
	background-color:#999999;
}

.pageHead .postSingle {
	background-color:#CCCCCC;
}


#sidebar a, #sidebar a:link, #sidebar a:visited, #sidebar a:hover, #sidebar a:active, #projects a, #projects a:link, #projects a:visited, #projects a:hover, #projects a:active, #publications a, #publications a:link, #publications a:visited, #publications a:hover, #publications a:active {
	color: #fff;
	text-decoration: none;
	position: relative;
}


.page-template-project-php .sidebarLogo {
	margin: 0;
	overflow: hidden;
}


ul#twitter_update_list {
	margin: 0 0 0 0;
}

.entry-meta {
	display:block;
	width:100%;
	clear:both !important;
}

span.entry-date {
display: inline;
}

article { padding: 0; margin: 1% 0 10% 1%; clear:left}


/*People*/

#authorlist h2 {
	width: 100%;
	font-family: arial, verdana, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.1em;
	margin: 0.9474em 0 1.3158em 0;
	font-size: 1.8em;
	line-height: 1.3em;
	text-shadow: 1px 1px 0 #eeeeee;
	text-align: center;
	}

#authorlist ul li {
	float:left;
	margin:2em  0 0 2.25em;
	font-size: 0.8em;
	max-width: 200px;
	min-height: 320px;
	line-height: 1.2em;
	color: #757373;
}

#authorlist ul li div {
padding: 0 7px 0 5px;
line-height: 1.3em;
letter-spacing: 0.1em;
}
#authorlist ul li img
{
border:4px solid #fff;
margin-bottom: 0.3em;
cursor:pointer;
-moz-box-shadow:  -1px -1px 1px #CDCDCD;
-webkit-box-shadow: -1px -1px 1px #CDCDCD;
box-shadow: -1px -1px 1px #CDCDCD;
}

#authorlist ul li a {
	font-family: arial, verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000;
	display:block;
	padding:0px 0 5px 0;
	margin: 0px 0 5px 0;
	letter-spacing: 0em;
}

#authorlist ul li div a {
	border-bottom: 1px solid #c0c0c0;
}

/* Projectdetailsite */



#projectsite {
	/*background-color:#fff;*/
	overflow:hidden;
}


.projectsidebar_contributors div {
	width:100%;
	margin:20px 0 20px 0;
	font-size: 0.8em;
	color:#757373;
}

.projectsidebar_contributors div img {
	max-width: 95%;
	background-color: #ffffff;
	border:4px solid #fff;
	margin:0 0 0.3em 0.1em;
	cursor:pointer;
	-moz-box-shadow:  -1px -1px 1px #CDCDCD;
	-webkit-box-shadow: -1px -1px 1px #CDCDCD;
	box-shadow: -1px -1px 1px #CDCDCD;
}

.projectsidebar_contributors div a {
	font-family: arial, verdana, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	color:#000;
	display:block;
	cursor:pointer;
	margin: 0 0 0.5em 0;
	clear: both;
}

.projectsidebar_contributors div .external_author {
	font-family: arial, verdana, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	color:#000;
	display:block;
	margin: 0 0 0.5em 0;
	clear: both;
}

.projectsidebar_contributors div a#blog {
	color:#fff;
	font-size: 0.7em;

}

#blogLink {
	color:#fff;
	font-size: 0.688em;

}

.projectsidebar_contributors div a#blog:hover {
	color:#757373;
}

.projectsidebar_contributors div span {
	font-family: Georgia, serif;
	font-size:13px;
	display:block;
	color:#707070;
	padding:3px 0 0 0;
}


.endborder {
	background:url(images/bg.png);
	width:100%;
	height:20px;
	display:block;
	}




/* FOOTER */

#colophon {
	width:100%;
	background-color: #000;
	padding:10px 0 30px 0;
	overflow:hidden;
	margin:140px 0 0 0;
}

#colophon .footerslot {
	margin:20px 0 0 0;
}


#colophon .widget_sp_image-image-link img  {
opacity: 0.5;
}


aside {
	float: left;
	margin:0 2% 20px 0;
	padding:0 0 5px 0;
	border-bottom: 1px solid #202020;
}




/* MISC */

.colorTag, .colorTagVimeo {
	display:none;
}

a img {
	border: none;
}


.clear {
	clear: both;
}


/*404*/

#page {
text-align: center;
}

/*Google Map*/

#map_canvas {
    position: absolute;
    width: 100%;
}

small a {
	display:none;
}

/*comments*/




#comments, #frm_form_2_container {
	clear: both;
	background-color: #e4e5e5;
	margin: 5% 0 10% 1%;
	padding: 5% 4% 10% 5%;
	font-family: arial, verdana, sans-serif;
	color: #373737;
	background-image: url(images/bg_quad.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	-moz-box-shadow:  -1px -1px 1px #CDCDCD;
	-webkit-box-shadow: -1px -1px 1px #CDCDCD;
	box-shadow: -1px -1px 1px #CDCDCD;
	border: 1px solid #f9f9f9;
}

#frm_form_2_container {
	margin: 12% 0 0 1%;
}

#comments .comment-gravatar img{
	width: 11%;
	height: 11%;
	background-color: #ffffff;
	border:4px solid #fff;
	margin: 1em 0 0 0;
	-moz-box-shadow:  -1px -1px 1px #CDCDCD;
	-webkit-box-shadow: -1px -1px 1px #CDCDCD;
	box-shadow: -1px -1px 1px #CDCDCD;
	}



.comment-body p { margin: 0.5em 0 0.5em 0; letter-spacing: 0.1em; line-height: 1.3em;font-size: 0.813em;}

#comments p span {
display: inline;
}

#comments .comment-notes, #comments label, #respond p.logged-in-as, #frm_form_2_container label  {font-size: 0.813em; }

#respond p.logged-in-as a:hover {color:#000;}

#comments input.text, #comments input[type="text"], #comments textarea  {
margin-left: 3%;
border: none;
padding: 5px;
}


#comments textarea {
margin: 1em 0 0 0;
width: 97%;
}

#comments input.text, #comments input[type="text"] {
height: 25px;

}

#comments #submit, a.comment-reply-link, p.submit input {
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	cursor:pointer;
	float:left;
	line-height:1.25em;
	font-size:0.688em;
	margin:10px 0 30px 0;
	padding:7px 15px 7px 15px;
	position:relative;
	text-transform:uppercase;
	font-family:'open sans',helvetica,arial,sans-serif;
	font-weight:bold;
	text-decoration:none;
	color: #fff;
	background:#757373 !important;
	border: none;
}



#respond p.logged-in-as a[title="Log out of this account"] {
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	cursor:pointer;
	line-height:1.25em;
	font-size:0.688em;
	margin:10px 0 30px 0;
	padding:7px 15px 7px 15px;
	position:relative;
	text-transform:uppercase;
	font-family:'open sans',helvetica,arial,sans-serif;
	font-style: normal;
	font-weight:bold;
	text-decoration:none;
	color: #fff;
	background:#757373 !important;
	border: none;
}


#comments #submit:hover, a.comment-reply-link:hover, #respond p.logged-in-as a[title="Log out of this account"]:hover {
color: #000;
}


#comments cite.fn {
	font-size:16px;
	font-weight:bold;
	color:#000;
	display:block;
	padding:15px 0 0 0
}


#comments cite.fn span {
	font-weight: normal;
	font-size:0.688em;
}

ol.commentlist li {
margin: 0 0 7em 0;
}

ul.children li {
margin: 5em 0 0 0;
padding: 0 5em 0 5em;
}

#respond #commentform p, .commentDate, .moderation {
font-family: Georgia, serif;
color: #888;
}

.commentDate {
font-size: 0.813em;
}


#respond p {margin: 0.7em 0 0 0 ;}

#respond p.comment-form-comment {margin: 1.1em 0 0 0 ;}

p.comment-form-author input, p.comment-form-email input, p.comment-form-url input, p.comment-form-comment input {
margin: 0 0 0 4em;
}

p.comment-form-author input, p.comment-form-email input, p.comment-form-url input, p.comment-form-comment input {
margin: 0 0 0 5em;
}

p.comment-form-url input {
margin: 0 0 0 4.6em;
}



/* Contact Contact Contact Contact Contact Contact */



	.widgettitle {font-family: arial, verdana, sans-serif; font-weight:bold;font-size: 0.8em;  text-transform:uppercase;letter-spacing:0.1em; margin: 1.75em 0 0.5em 0;}
	.widget_text {list-style-type: square; margin: 0 0 0 0.1em;}
	.textwidget p {margin: 0 0 1em 1em; font-size: 1em; line-height: 1.4em;  letter-spacing: 0.007em;}
	.textwidget {margin: 0 0 3em 0;}

	#contactEmail {margin:1.75em 0 5em 0;}



	.gallery_box_single {float: left; clear: both; margin-bottom: 3em;}
	.gllr_single_image_text {display: none;}
	#content .gallery_box_single .gallery .gllr_image_block p {border: none !important;margin: 10px 0px 0 0 !important;}
	#fancybox-overlay {width: 100% !important;}

/* Individual MediaQueries */



@media (max-width: 380px) {


 #socialNav {  clear:both; width: 100%;  height: 40px;}

 .postProject .headline h2, .pageHead .headline h2 {
	font-family: arial, verdana, sans-serif;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	display: block;
	color: #fff;
	text-decoration: none;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	font-size: 2em;
	margin:1.5em 0 0.2em 0;
	}

	share_wrapper {width:30px; padding: 0 0 0 5px;}

	.share_tweet, .share_plus, .share_fb { height:40px; width:90px; float:left; line-height: 60px;}

	@-moz-document url-prefix() {

	.share_tweet, .share_plus, .share_fb { height:40px;width:90px; float:left; line-height: 20px;}

	}
	r.tagline {font-family: arial, verdana, sans-serif;text-transform:uppercase; font-size: 1.6em; line-height: 1.25em; margin: 15.3% 0 0 0; padding: 2.5% 5% 3% 2.5%; letter-spacing:0.1em;border-left: 1px solid #C0C0C0;  color:#C0C0C0;}



 }





@media (max-width: 720px) {

	#content { padding:0 0 0 0; overflow:hidden;}
	.largemenu { visibility:hidden; display:none; width:1px; height:1px }

	/*HOME HOME HOME*/
	.logo img {margin: 7.5% 0 7.5% 0;}
	.mobilemenu { display: block; clear: both; padding: 15px 15px 15px 25px;}
	.mobilemenu select { margin: 0 0 5px 0;}
	.mobilemenu #socialNav li a {margin-top:0 !important}

	.tagline {font-family: arial, verdana, sans-serif;text-transform:uppercase; font-size: 1.2em; line-height: 1.25em; margin: 0; padding: 5% 2.5% 5% 2px; letter-spacing:0.1em;border-left: 0px; border-top: 1px solid #C0C0C0;border-bottom: 1px solid #C0C0C0;  color:#C0C0C0;
	}

	.teaser {
	height: auto;
	clear: none;
	}

	.calendar {
	width:99%;
	height: auto;
	float: left;
	overflow: hidden
	}

	.twitter {
	width:99%;
	height: auto;
	overflow: hidden;
	clear: both;
	}

	#backstretch {
	display: none;
	}

	#socialNav {margin: 0 0 0 0;}

	.event_listitem {
	background-color: #E3E3E3;
	padding: 0 0.5em 0.5em 0.5em;
	background-image: url(images/bg_quad.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	position: relative;
	width:240px;
	min-height:220px;
	float:left;
	text-align: center;
	margin: 0 0 6% 5%;
	-moz-box-shadow:  -1px -1px 1px #CDCDCD;
	-webkit-box-shadow: -1px -1px 1px #CDCDCD;
	box-shadow: -1px -1px 1px #CDCDCD;
	border: 1px solid #f9f9f9;
	}


	.postSingle h2 {font-size: 1.6em;}
	.share_tweet, .share_plus, .share_fb { height:60px; width:150px; float:left; line-height: 30px;}

	.postProject .headline h2, .pageHead .headline h2 {font-size: 2.4em;}

 }

@media (max-width: 719px) {
	.share { height: 120px;}
	.share_wrapper {width: auto; padding: 0;}
 	.share_tweet, .share_plus, .share_fb { width:100%; display: block; text-align: center; height: auto;}
 	a.project_tweet, a.project_fb, a.project_plus {
	 	width:100%; display: block; text-align: center;
 	}
}

#wrapTeaser .quad {
background-color: #E3E3E3;
padding: 0 0.75em 0.75em 0.75em;
margin: 0 0 3em 1px;
background-image: url(images/bg_quad.png);
background-position: bottom right;
background-repeat: no-repeat;
-moz-box-shadow: -1px -1px 1px #CDCDCD;
-webkit-box-shadow: -1px -1px 1px #CDCDCD;
box-shadow: -1px -1px 1px #CDCDCD;
border: 1px solid #F9F9F9;
overflow: hidden;
}
@media (min-width: 720px) {

	#content { padding:0 5% 0 6%; overflow:hidden;}
	.mobilemenu { visibility:hidden; display:none; width:1px; height:1px }
	.logo img {margin: 52% 0 30% 0;}
	.tagline {font-family: arial, verdana, sans-serif;text-transform:uppercase; font-size: 1.3em; line-height: 1.25em; margin: 15.3% 0 0 0; padding: 2.5% 5% 3% 2.5%; letter-spacing:0.1em;border-left: 1px solid #C0C0C0;  color:#C0C0C0;}

	.event_listitem {
	background-color: #E3E3E3;
	padding: 0 0.5em 0.5em 0.5em;
	background-image: url(images/bg_quad.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	position: relative;
	width:240px;
	min-height:220px;
	float:left;
	text-align: center;
	margin: 0 0 6% 2%;
	-moz-box-shadow:  -1px -1px 1px #CDCDCD;
	-webkit-box-shadow: -1px -1px 1px #CDCDCD;
	box-shadow: -1px -1px 1px #CDCDCD;
	border: 1px solid #f9f9f9;
	}
 }

@media (min-width: 985px) {
   /* breite Browserfenster */

	#content { padding:0 5% 0 7%; overflow:hidden;}
	.mobilemenu { visibility:hidden; display:none; width:1px; height:1px }
	.logo img {margin: 56% 0 40% 0;}
	.tagline {font-family: arial, verdana, sans-serif;text-transform:uppercase; font-size: 1.5em; line-height: 1.3em; margin: 15.3% 0 0 0; padding: 3.5% 5% 4% 2.5%; letter-spacing:0.1em;border-left: 1px solid #C0C0C0;  color:#C0C0C0;}

.blogList ul li {
	min-height:180px;
	}
 }

@media (min-width: 1235px) {

	#content { padding:0 2.2% 0 2.2%; overflow:hidden;}
	.mobilemenu { visibility:hidden; display:none; width:1px; height:1px }
	.logo img {margin: 50% 0 40% 0;}
	.tagline {font-family: arial, verdana, sans-serif;text-transform:uppercase; font-size: 1.6em; line-height: 1.25em; margin: 15.3% 0 0 0; padding: 2.5% 5% 3% 2.5%; letter-spacing:0.1em;border-left: 1px solid #C0C0C0;  color:#C0C0C0;}

	.event_listitem {
	background-color: #E3E3E3;
	padding: 0 0.5em 0.5em 0.5em;
	background-image: url(images/bg_quad.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	position: relative;
	width:240px;
	min-height:270px;
	float:left;
	text-align: center;
	margin: 0 0 4% 1.8%;
	-moz-box-shadow:  -1px -1px 1px #CDCDCD;
	-webkit-box-shadow: -1px -1px 1px #CDCDCD;
	box-shadow: -1px -1px 1px #CDCDCD;
	border: 1px solid #f9f9f9;
	}

	.event_listitem h7 {
	font-size: 0.7em;
	font-family: arial, verdana, sans-serif;
	text-transform: uppercase;
	line-height: 1.4em;
	letter-spacing: 0.1em;
	display:block;
	padding:0px 0 5px 0;
	margin: 0px 0 5px 0;
	}

	.archive .event_listitem h6 {
	font-size: 1em;
	}

	.archive .eventauthor a {
	color: #707070
	}

	.archive .eventdate {
	border-bottom: none !important;
	}

	.blogList ul li {
	background-color: #E3E3E3;
	padding: 0 0.5em 0.5em 0.5em;
	background-image: url(images/bg_quad.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	position: relative;
	width:240px;
	min-height:220px;
	float:left;
	text-align: center;
	margin: 0 0 4% 1.8%;
	-moz-box-shadow:  -1px -1px 1px #CDCDCD;
	-webkit-box-shadow: -1px -1px 1px #CDCDCD;
	box-shadow: -1px -1px 1px #CDCDCD;
	border: 1px solid #f9f9f9;
	}


 }