/*
 * Portus Events
 * http://www.portus-events.de
 *
 * Date: 2010-08
 * Author: Gedankengut.de
 */
 
.clearfix:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 			{ display: inline-block; }
* html .clearfix	{ height: 1%; }
.clearfix			{ display: block; }

.clear				{ clear: both; }
.skip				{ position: absolute; left: -1000em; width: 20em; }
.hide				{ display: none !important; }
.floatL				{ float: left; }
.floatR				{ float: right; }
.left				{ text-align: left; }
.right				{ text-align: right !important; }
.center				{ text-align: center !important; }
.vCenter			{ vertical-align: middle !important; }
.top				{ vertical-align: top; }
.bottom				{ vertical-align: bottom; }
.nowrap				{ white-space: nowrap; }
.bold				{ font-weight: bold; }
.italic				{ font-style: italic; }
.noBorder			{ border: none !important; }
.noBg				{ background: none !important; }
.noBgImg			{ background-image: none !important; }
.noMargin			{ margin: 0; }
.noPadding			{ padding: 0; }

img 		{ border: 0; }
:focus		{ outline: none; }
p			{ margin: 0; padding: 0.5em 0; }
		
a			{ color: #fff; text-decoration: underline; }
a:hover		{ text-decoration: none; }

body		{ background: url(../img/bgBody.jpg) no-repeat #000; font-size: 75%; font-family: Arial, Helvetica; padding: 130px 0 0 75px; margin: 0; color: #fff; }

h1			{ display: none; }
h2			{ padding: 0; margin: 0 0 8px 0; color: #0098df; font-size: 16px; font-weight: normal; }
h2 small	{ font-size: 12px; }

#navigation				{ padding: 0; margin: 0; list-style: none; }
#navigation li			{ padding: 0; margin: 0 30px 0 0; display: inline; }
#navigation li a		{ color: #fff; text-transform: uppercase; font-size: 1em; text-decoration: none; letter-spacing: 2px; }
#navigation li a.active	{ color: #0098df; }

#projects .event			{ margin: 35px 0; padding-left: 51px; }
#projects .event a			{ display: block; float: left; margin: 7px 8px 0 0; }
#projects .event a img		{ padding: 0; margin: 0; border-top: 3px solid #005f8b; border-bottom: 3px solid #005f8b; width: 91px; height: 61px; }
#projects .event .flyer		{ display: block; position: absolute; margin: 1px 0 0 -51px; }
#projects .event .flyer img	{ border: none; width: 41px; height: 87px; }

#intro			{ margin: 30px 0 0 0; width: 475px; line-height: 1.67em; }

#contact h2		{ margin-top: 15px; }
#contact p		{ line-height: 1.67em; }

#footer			{ margin: 40px 0 25px 0; font-size: 10px; }
#footer a		{ text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#facebook		{ display: block; float: left; margin-right: 15px; }