/*
980px grid system ~ Core CSS.
12 columns ~ margin: 20px
*/

/* !Containers
*/
.site {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	margin-bottom: 45px;
}

/* !Grid >> Global */
.g80, .g160, .g200, .g240, g280, .g320, .g340, .g400, .g420, .g450, .g480, .g560, .g640, .g720, .g800, .g880, .g960 {
	display: inline;
	float: left;
	margin-left: 20px;
}

/* !Grid >> 12 Columns */
.g80,.w80{width:60px;}
.g160,.w160{width:140px;}
.g240,.w240{width:220px;}
.g260,.w260{width:240px;}
.g320,.w320{width:300px;}
.g340,.w340{width:320px;}
.g400,.w400{width:380px;}
.g480,.w480{width:460px;}
.g560,.w560{width:540px;}
.g640,.w640{width:620px;}
.g720,.w720{width:700px;}
.g800,.w800{width:780px;}
.g880,.w880{width:860px;}
.g960,.w960{width:940px;}

.g200,.w200{width:180px;} /* for publication and project teaser besides text section */
.g450,.w450{width:430px;} /* for text section if publication or project teaser is located besides text section */
.g420,.w420{width:400px;} /* for projekte und tools*/
.g280,.w280{width: 260px;}

/* !Grid >> 12 Columns - no left margin */
.overall{margin-left:-20px;margin-right:-20px;}
.ml20{margin-left:20px;}
.ml80{margin-left:100px;}
.ml160{margin-left:180px;}
.ml180{margin-left: 200px;}
.ml240{margin-left:260px;}
.ml320{margin-left:340px;}
.ml400{margin-left:420px;}
.ml450{margin-left:470px;}
.ml480{margin-left:500px;}
.ml560{margin-left:580px;}
.ml640{margin-left:660px;}
.ml720{margin-left:740px;}
.ml800{margin-left:820px;}
.ml880{margin-left:900px;}
.ml960{margin-left:980px;}


.inside{margin-left:0;}
.fixborder{ margin-right: -2px;}
.fixmargin{ margin-left: 19px;}

/* !Clear Floated Elements */


.clearfix:after {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}