@charset "utf-8";

@font-face {
    font-family: dinfont;
    src: url(DINRoundOT.otf);
}

.background {
	position:absolute;
	left:0px;
	top:0px;
	z-index:0;
	width: 100%;
	z-index:-15;
}
.logobox {
	position: absolute;
	left: 20px;
	top: 0px;
}
.ds {
	position: absolute;
	left: 120px;
	top: 400px;
	z-index:10;
	font-family: dinfont;
	color: #000000;
	font-size: 33.33px;
	font-weight: 300;
	line-height: 22px;
	  letter-spacing: 5px;
}
.dsmeta {
	position: absolute;
	left: 120px;
	top: 475px;
	z-index:11;
	font-family: dinfont;
	color: #464646;
	font-weight: 300;
	line-height: 33.333px;
	font-size: 25px;
	text-align:center;
	border-style: solid;
    border-bottom: none;
    border-left: none;
    border-right: none;
	border-width: 1px;
	letter-spacing: 1px;
	width:378px;
}



.logoboxs {
	position: absolute;
	left: 20px;
	top: 0px;
	z-index: 20;
}
.dss {
	position: absolute;
	left: 180px;
	top: 252px;
	z-index: 21;
	font-family: dinfont;
	color: #000000;
	font-size: 20px;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: 5px;
	width: 400px;
}

.text {
	position: absolute;
	left: 90px;
	top: 312px;
	z-index: 21;
	font-family: dinfont;
	color: #000000;
	font-size: 16px;
	font-weight: 300;
	line-height: 19px;
	letter-spacing: 0px;
	width: 430px;
	text-align: left;
	
    
}
.dsmetas {
	position: absolute;
	left: 90px;
	top: 300px;
	z-index: 21;
	font-family: dinfont;
	color: #464646;
	font-weight: 300;
	line-height: 33.333px;
	font-size: 25px;
	text-align: center;
	border-style: solid;
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-width: 1px;
	letter-spacing: 1px;
	width: 430px;
}
.dsmetasb {
	position: absolute;
	left: 90px;
	top: 700px;
	z-index: 21;
	font-family: dinfont;
	color: #464646;
	font-weight: 300;
	line-height: 33.333px;
	font-size: 25px;
	text-align: center;
	border-style: solid;
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-width: 1px;
	letter-spacing: 1px;
	width: 430px;
}

#whybox{
	position: absolute;
	left: 0px;
	top: 0px;
	display:none;
}
.whytitle {
	position: absolute;
	left: 230px;
	top: 722px;
	z-index: 21;
	font-family: dinfont;
	color: #000000;
	font-size: 58px;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: 5px;
}
#whobox{
	position: absolute;
	left: 0px;
	top: 0px;
	display:none;
}
.whotitle {
	position: absolute;
	left: 230px;
	top: 722px;
	z-index: 21;
	font-family: dinfont;
	color: #000000;
	font-size: 58px;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: 5px;
}
#whatbox{
	position: absolute;
	left: 0px;
	top: 0px;
	display:none;
}
.whattitle {
	position: absolute;
	left: 220px;
	top: 722px;
	z-index: 21;
	font-family: dinfont;
	color: #000000;
	font-size: 58px;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: 5px;
}
#howbox{
	position: absolute;
	left: 0px;
	top: 0px;
	display:none;
}
.howtitle {
	position: absolute;
	left: 230px;
	top: 722px;
	z-index: 21;
	font-family: dinfont;
	color: #000000;
	font-size: 58px;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: 5px;
}

#whitebox{
	position: absolute;
	left: 75px;
	top: 30px;
	display:none;
	background-color:  white;
	z-index: 15;
	height:650px;
	width: 450px;
}

.copyright {
	position: absolute;
	left: 40px;
	top: 845px;
	z-index:41;
	font-family: dinfont;
	color: #464646;

	letter-spacing: 2px;
	
	color: #e2e2e2;
	font-size: 10.42px;
	font-family: 'Myriad Pro';
	font-weight: 400;
}
#events {
	position: absolute;
	left: 680px;
	top: 310px;
}
#eventstext {
	position: absolute;
	left: 685px;
	top: 490px;
	font-family: dinfont;
	color: #545454;
	font-size: 25px;
	font-weight: 300;
	line-height: 33.333px;
	text-align:center;
}
#web {
	position: absolute;
	left: 880px;
	top: 310px;
}
#webtext {
	position: absolute;
	left: 865px;
	top: 490px;
	font-family: dinfont;
	color: #545454;
	font-size: 25px;
	font-weight: 300;
	line-height: 33.333px;
	text-align:center;
}
#logo {
	position: absolute;
	left: 1080px;
	top: 310px;
}
#logotext {
	position: absolute;
	left: 1090px;
	top: 490px;
	font-family: dinfont;
	color: #545454;
	font-size: 25px;
	font-weight: 300;
	line-height: 33.333px;
	text-align:center;
}
#graphic {
	position: absolute;
	left: 1280px;
	top: 310px;
}
#graphictext {
	position: absolute;
	left: 1290px;
	top: 490px;
	font-family: dinfont;
	color: #545454;
	font-size: 25px;
	font-weight: 300;
	line-height: 33.333px;
	text-align:center;
}
.secondtext{
	position: absolute;
	left: 0px;
	top: 60px;
	font-family: dinfont;
	color: #545454;
	font-size: 25px;
	font-weight: 300;
	line-height: 33.333px;
	text-align:center;
	width: 100px;
}
#who{
	position: absolute;
	left: 45px;
	top: 900px;
	z-index:11;
	width: 100px;
	}
#what{
	position: absolute;
	left: 145px;
	top: 900px;
	z-index:11;
	width: 100px;
	}
	#why{
	position: absolute;
	left: 245px;
	top: 900px;
	z-index:11;
	width: 100px;
	}
	#how{
	position: absolute;
	left: 345px;
	top: 900px;
	z-index:11;
	width: 100px;
	}
	#contact{
	position: absolute;
	left: 445px;
	top: 900px;
	z-index: 11;
	width: 100px;
	
	}
	.blocky{
	display: block;
	margin-left: auto; 
	margin-right: auto;
	}
	
	#graphicdesignbanner{
	position: absolute;
	left: 581px;
	top: 580px;
	z-index: 15;
	width: 929px;
	height:300px;
	display: none;
	}
	
	#graphicdesignbannerblock1{
		width: 321px;
		height:  230px;
			float:left;
			position: absolute;
		top: 0px;
	    left: 0px;
		
	}
	.graphicbannersecondtext1{
	position: absolute;
	left: 0px;
	top: 230px;
	font-family: dinfont;
	color: #545454;
	font-size: 25px;
	font-weight: 300;
	line-height: 33.333px;
	text-align:center;
	width: 321px;
}
	#graphicdesignbannerblock2{
		width: 171px;
		height:  230px;
		float:left;
		position: absolute;
		top: 0px;
	    left: 321px;
		
	}
	.graphicbannersecondtext2{
	position: absolute;
	left: 0px;
	top: 230px;
	font-family: dinfont;
	color: #545454;
	font-size: 25px;
	font-weight: 300;
	line-height: 33.333px;
	text-align: center;
	width: 171px;
}
	#graphicdesignbannerblock3{
		width: 172px;
		height:  230px;
		position: absolute;
		top: 0px;
	    left: 492px;
		
	}
	.graphicbannersecondtext3{
	position: absolute;
	left: 0px;
	top: 230px;
	font-family: dinfont;
	color: #545454;
	font-size: 25px;
	font-weight: 300;
	line-height: 33.333px;
	text-align:center;
	width: 172px;
}
	#graphicdesignbannerblock4{
		width: 256px;
		height:  230px;
		position: absolute;
		top: 0px;
	    left: 663px;
		
	}
	.graphicbannersecondtext4{
	position: absolute;
	left: 0px;
	top: 230px;
	font-family: dinfont;
	color: #545454;
	font-size: 25px;
	font-weight: 300;
	line-height: 33.333px;
	text-align:center;
	width: 256px;
}
#logobanner{
	position: absolute;
	left: 581px;
	top: 580px;
	z-index: 15;
	width: 929px;
	height:300px;
	display: none;
	}
	
		#webbanner{
	position: absolute;
	left: 581px;
	top: 580px;
	z-index: 15;
	width: 929px;
	height:300px;
	display: none;
	}
	#videolinks{
		width: 437px;
		height:  230px;
		position: absolute;
		top: 25px;
	    left: 581px;
		z-index:30;
	}
	.videolink{
		margin:5px;
		color:#1907F9;
		cursor: pointer;
		font-family: dinfont;
		}
		
		.videolinkSelected{
		margin:5px;
		color:#1907F9;
		font-weight:bold;
		   text-shadow:0px 0px 30px #FFFF00;
		}
	.closeVideos{
		position:absolute;
		right:-125px;
		top:-125px;
		z-index:100;
		
	}
	
	#webbannersecondtext1{
	position: absolute;
	left: 175px;
	top: 230px;
	font-family: dinfont;
	color: #545454;
	font-size: 25px;
	font-weight: 300;
	line-height: 33.333px;
	text-align:center;
	width: 175px;	
	}
	
	#webbannersecondtext2{
	position: absolute;
	left: 515px;
	top: 230px;
	font-family: dinfont;
	color: #545454;
	font-size: 25px;
	font-weight: 300;
	line-height: 33.333px;
	text-align:center;
	width: 400px;	
	}
	
	#eventbanner{
	position: absolute;
	left: 580px;
	top: 580px;
	z-index: 15;
	width: 929px;
	height:300px;
	display: none;
	}
	
	#eventbannerblock1{
		width: 175px;
		height:  230px;
			float:left;
			position: absolute;
		top: 0px;
	    left: 0px;
		
	}
	.eventbannersecondtext1{
	position: absolute;
	left: 0px;
	top: 230px;
	font-family: dinfont;
	color: #545454;
	font-size: 25px;
	font-weight: 300;
	line-height: 33.333px;
	text-align:center;
	width: 175px;
}
	#eventbannerblock2{
		width: 306px;
		height:  230px;
		float:left;
		position: absolute;
		top: 0px;
	    left: 175px;
		
	}
	.eventbannersecondtext2{
	position: absolute;
	left: 0px;
	top: 230px;
	font-family: dinfont;
	color: #545454;
	font-size: 25px;
	font-weight: 300;
	line-height: 33.333px;
	text-align: center;
	width: 306px;
}
	#eventbannerblock3{
		width: 437px;
		height:  230px;
		position: absolute;
		top: 0px;
	    left: 481px;
		
	}
	.eventbannersecondtext3{
	position: absolute;
	left: 0px;
	top: 230px;
	font-family: dinfont;
	color: #545454;
	font-size: 25px;
	font-weight: 300;
	line-height: 33.333px;
	text-align:center;
	width: 437px;
}
a:link {
    text-decoration: none;
	color:#1907F9;
}

a:visited {
    text-decoration: none;
	color:#1907F9;
}

a:hover {
    text-decoration: none;
	color:#1907F9;
}

a:active {
    text-decoration: none;
	color:#1907F9;
}
		
.hidebannertop {
	position: absolute;
	left: 583px;
	top: 3px;
	width: 1416px;
	height: 265px;
}
.hidebannerbot {
	position: absolute;
	left: 588px;
	top: 878px;
	width: 1416px;
	height: 148px;
}
#bg {
  position: fixed; 
  top: 0; 
  left: 0; 

  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;
}