

body{
	height:100%;
	color: #000;
	background:#000;
	margin:0;
	padding:0;
	font-family: Verdana, sans-serif;
}

a, a:visited{
	color:#fff;
	text-decoration:none;
}
a.pink, a.pink:visited, .pink{
	color:#fff;
	color:#ff0066;
	text-decoration:none;
}

a.grey, a.grey:visited, .grey{
	color:#aaa;
	text-decoration:none;
}

a.black, a.black:visited, .black{
	color:#444;
	text-decoration:none;
}

a.white:hover, a.white:hover:visited{
	color:#fff;
}


a:hover, a.visited:hover, a.grey:hover, a.grey:hover:visited,  a.black:hover, a.black:hover:visited{
	color:#ff0066;
}


.round_4 {
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px;
}

.container{
	background:#e3e3e3;
	z-index:1000;
	padding: 20px;
}

.clip, .clip_inactive{
	position: absolute;
	top:0;
	left:0;
	height: 100%;
}
.clip{
	opacity:0.8;
}

.bg {
  position: inline; 
  top: 0%; 
  left: 0%; 
  width: 100%; 
  height: 100%;
  overflow:hidden;
}

.bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 100%;
  min-height: 100%;
}


.cycle_pic{
	display:none;
}

.clipTop{
	-webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%);
	/*clip-path: polygon(50% 50%, 0 0, 0 100%); */
}

.clipRight{
	-webkit-clip-path: polygon(50% 50%, 100% 0%, 100% 100%);
	/*clip-path: polygon(50% 50%, 0 0, 0 100%); */
}


.clipBottom{
	-webkit-clip-path: polygon(50% 50%, 100% 100%, 0% 100%);
	/*clip-path: polygon(50% 50%, 0 0, 0 100%); */
}

.clipLeft{
	-webkit-clip-path: polygon(50% 50%, 0% 0%, 0% 100%);
	/*clip-path: polygon(50% 50%, 0 0, 0 100%); */
}






.clip2LeftLeft{
	-webkit-clip-path: polygon(0% 0%, 50% 0%, 0% 100%);
	/*clip-path: polygon(50% 50%, 0 0, 0 100%); */
}


.clip2Left{
	-webkit-clip-path: polygon(50% 0%, 50% 100%, 0% 100%);
	/*clip-path: polygon(50% 50%, 0 0, 0 100%); */
}


.clip2Right{
	-webkit-clip-path: polygon(50% 0%, 50% 100%, 100% 100%);
	/*clip-path: polygon(50% 50%, 0 0, 0 100%); */
}

.clip2Right{
	-webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 100%);
	/*clip-path: polygon(50% 50%, 0 0, 0 100%); */
}





.clipTopRight{
	-webkit-clip-path: polygon(50% 50%, 50% 0%, 100% 0%);
	/*clip-path: polygon(50% 50%, 0 0, 0 100%); */
}

.clipRightTop{
	-webkit-clip-path: polygon(50% 50%, 100% 0, 100% 50%);
	/*clip-path: polygon(50% 50%, 0 0, 0 100%); */
}

.clipRightBottom{
	-webkit-clip-path: polygon(50% 50%, 100% 50%, 100% 100%);
	/*clip-path: polygon(50% 50%, 0 0, 0 100%); */
}

.clipBottomRight{
	-webkit-clip-path: polygon(50% 50%, 100% 100%, 50% 100%);
	/*clip-path: polygon(50% 50%, 0 0, 0 100%); */
}

.clipBottomLeft{
	-webkit-clip-path: polygon(50% 50%, 0% 100%, 50% 100%);
	/*clip-path: polygon(50% 50%, 0 0, 0 100%); */
}

.clipLeftBottom{
	-webkit-clip-path: polygon(50% 50%, 0 50%, 0 100%);
	/*clip-path: polygon(50% 50%, 0 0, 0 100%); */
}

.clipLeftTop{
	-webkit-clip-path: polygon(50% 50%, 0 0, 0 50%);
	/*clip-path: polygon(50% 50%, 0 0, 0 100%); */
}

.clipTopLeft{
	-webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%);
	/*clip-path: polygon(50% 50%, 0 0, 0 100%); */
}

.clipAll{
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%,  0% 100%);
	/*clip-path: polygon(50% 50%, 0 0, 0 100%); */
}


#submenu {
  position: fixed;
  top: 0px;
  height:40px;
  padding: 10px 30px 0 0;
  width:100%;
  right: 0px;
  color:#fff;
  z-index: 400;
  font-family: "Verdana", sans-serif;
  font-size:11px;
  text-align:right;
}


.menu{
	width: 210px;
	text-align:left;
	position:fixed;
	top:240;
	left:20px;
	z-index:999999;
}

.text_shadow_white{
text-shadow: black 0.01em 0.01em 0.1em;
}
.text_shadow_white{
text-shadow: white 0.01em 0.01em 0.1em;
}


.shadow_black{
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 2px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 2px 5px 0px rgba(0, 0, 0, 0.25);
}


h1 {
  	font-family: "fakir-i9", "fakir", sans-serif;
	font-style:italic;
	padding:0;
	margin:0;
	font-size:40px;
	color:#fff;
}
h4 {
  	font-family: "fakir-i9", "fakir", sans-serif;
	font-style:italic;
	padding:0;
	margin:0;
	font-size:24px;
	color:#fff;
}
h2 {
  	font-family: "auto-1-small-caps-n9", "auto-1-small-caps",sans-serif;
  	font-weight:900;
	font-style:normal;
	font-size:20px;
	line-height:20px;
	padding:0px 0 0 0;
	margin:0;
	color:#fff;
}


h3 {
  	font-family: "auto-1-small-caps-n9","auto-1-small-caps", sans-serif;
	font-style:normal;
	font-weight: 900;
	font-size:12px;
	line-height:16px;
	padding:0;
	margin:0 0 5px 0;
	color:#fff;
}
.auto {
  	font-family: "auto-1-small-caps-n9","auto-1-small-caps", sans-serif;
	font-style:normal;
	font-weight: 900;
	font-size:14px;
	line-height:12px;
	color:#fff;
}

.auto_plain {
  	font-family: "auto-1-small-caps-n9","auto-1-small-caps", sans-serif;
	font-style:normal;
	font-weight: 900;
}

.auto_plain_sc_black {
  	font-family: "auto-1-small-caps-n9","auto-1-small-caps", sans-serif;
	font-style:normal;
	font-weight: 900;
}

.auto_plain_sc_light {
  	font-family: "auto-1-small-caps-n3","auto-1-small-caps", sans-serif;
	font-style:normal;
	font-weight: 300;
}

.fakir_plain {
  	font-family: "fakir-i9", "fakir", sans-serif;
	font-style:italic;
}

.fakir {
  	font-family: "fakir-i9", "fakir", sans-serif;
	font-style:italic;
	font-size:20px;
}



.language{
	background: #fff;
	color:#000;
	padding:2px;
}


.small_print{
	font-size:11px;
	line-height:15px;
	color:#000;
	width:300px;
	text-align:left;
	font-family:'Verdana', sans-serif;
	padding: 10px;
	float:left;
	background:#fff;
	margin:4px;
}

.small_print2{
	font-size:11px;
	line-height:15px;
	color:#000;
	text-align:left;
	font-family:'Verdana', sans-serif;
	padding: 10px;
	float:left;
	background:#fff;
	margin:4px;
}

.participant{
	font-size:11px;
	line-height:15px;
	color:#000;
	width:300px;
	text-align:left;
	font-family:'Verdana', sans-serif;
	padding: 10px;
	float:left;
	background:#fff;
	margin:4px;
}

.person{
	margin: 0 10px 5px 0;
	float:left;
}


.spacer{height:450px;}
.spacer_s{height:20px;}
.spacer_xs{height:10px;}

.type{
	font-family: "auto-1-small-caps-n3","auto-1-small-caps", sans-serif;
	font-style:normal;
	font-weight: 300;
	line-height:0.8em;
	color:#fff;
	text-align:left;
	margin:0px 0 0 0;
}




.type1{
	font-family: "auto-1-n3","auto-1", sans-serif;
	font-style:normal;
	font-weight: 300;
	font-size:40px;
	line-height:46px;
	color:#fff;
	text-align:left;
	margin:0px 0 0 0;
} 

/*    Sheets for info   */
/*	------------------  */
/*	------------------	*/

.sheet_text{
	max-width:770px;
	padding:240px 20px 10px 300px;
	width:90%;
}



.black_sheet, .white_sheet {
	color:#000;
	clear:both;
	background:#fff;
	min-height:100%;
	padding:0;
	margin:0
}

.black_sheet {
	color:#fff;
	background:#000;
}

.padding_sheet{
	padding-left:250px;
	padding-top:50px;
	padding-right:20px;
}
.textbox{
	max-width:700px;
}

.padding_sheet_only_left{
	padding-left:250px;
	padding-top:35px;
	padding-right:20px;
}

/*    Responsive type   */
/*	------------------  */
/*	------------------	*/

@media only screen and (max-width: 768px) 							{ 
	.type{font-size:1.5em;}
	.sheet_text{padding-left:20px;padding-top:50px;}
}
@media only screen and (min-width: 768px) and (max-width: 992px) 	{ 
	.type{font-size:2.5em;}
	.sheet_text{padding-left:20px;padding-top:50px;}
}
@media only screen and (min-width: 992px) and (max-width: 1200px)	{ 
	.type{font-size:3em;padding-left:100px;}
}
@media only screen and (min-width: 1200px)							{ 
	.type{font-size:3em}
}

.t1-responsive{font-size:0.4em;line-height:1em;}
.t2-responsive{font-size:0.4em;line-height:1em;}

@media only screen and (max-width: 480px) {
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
}

@media only screen and (min-width: 992px) and (max-width: 1200px){
}

@media only screen and (min-width: 1200px){
}



/*    Responsive stuff  */
/*	------------------  */
/*	------------------	*/

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.swf-holder {
    width: 100%;
    height: 100%;
    background: #ff0;
}

.swf-holder object {
    display: block;
    width: 100%;
    height: 100%;
}
