@charset "UTF-8";
/* CSS Document */
* {
	 margin: 0; padding: 0;
	 color:#fff;
	 font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	 text-align:left;
}
#mobileLinks{
	visibility:hidden;
	display:none;
}
html {
        background: url(images/pithupperten_cover.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
body{
text-align:center;
margin:auto;
padding:auto;
overflow:hidden;
}
.link_pit { 
	display:block;
	background-image:url(images/pit_button_000.png);
	background-size:480px;
    width:480px; height:194px;
	margin-bottom:1em;
}
.link_pit:hover { background-image:url(images/pit_button_001.png); }

.link_daw { 
	display:block;
	background-image:url(images/daw_000.png);
	background-size:480px;
    width:480px; height:134px;
	margin-bottom:1em;
}
.link_daw:hover { background-image:url(images/daw_001.png); }

#footer{
	position:absolute;
	bottom:0px;
	padding:2em 4em 0.6em 4em;
	/*background:#3EC95E;*/
}
#content{
	position:absolute;
	top:40px;
	width:92%;
	padding:2em 4em 0.6em 4em;
}
h1{
	display:block;
	border-bottom:#DEDEDE 2px solid;
	margin-bottom:-10px;	
	text-transform: uppercase;
	font-size:2em;
	line-height:1.6em;
}
i{
font-size:0.8em;
}
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
	margin-bottom:3px;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 30.0%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (min-width : 150px) and (max-width : 1024px){
	body {
		font-size:0.9em;	
		overflow-x: hidden;
		overflow-y: hidden;
	}
	h1{
		margin-bottom:-3px;	
	}
}
@media only screen and (min-width : 150px) and (max-width : 900px){
html{
		background-position:-600px;
		background-color:#4C1021;
}
body {
		clear: both; 
		margin: 0 auto;
		width: 100%;
		font-size:1.09em;
		overflow-y:scroll;
}
#mobileLinks{
	visibility:visible;
	display:block;
	margin-bottom:1em;
}
#content{
	display:none;
}
	.col { margin: 1% 0 3% 0%; width:100%;}
	#footer{ top: 1em; padding:1em 2em 0em 2em; margin-bottom:4px;}
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%;}
}