@CHARSET "UTF-8";
/*
_____________________________________________________

QForma Layout file
URL: http://www.qforma.nl

Styling rules specifically for the layout.

_____________________________________________________

/* ========================================================================== */
/* ! Base                                                                     */
/* ========================================================================== */

	/* commented backslash hack \*/
	html, body { height: 100%; }
	/* end hack */
	* html .wrapper { height: 100%; }

	body{
	   position: relative;
	   min-height: 100%;
	}

	.wrapper {
	   position: relative;
	   min-height: 100%;
	   height: auto;
	   width: 100%;
	   margin: 0 auto;
	   z-index: 3;
	   min-width: 990px;
	}


/* ========================================================================== */
/* ! Headings                                                                 */
/* ========================================================================== */


/* ========================================================================== */
/* ! Navigation                                                               */
/* ========================================================================== */

	/* .menu-main */
		.menu-main{
			margin-bottom: 160px;
			background: #000;
			width: 100%;
			height: 35px;
			border-top: 10px solid #fff;
		}
			.menu-main li{
				position: relative;
				float: left;
			}
				.menu-main li a{
					display: block;
					padding: 8px 10px 7px;
					height: 20px;
					color: #fff;
					font-size: 1.25em; /* 13px */
					font-weight: normal;
   				font-family: 'HelveticaNeueLTStd85Heavy', Arial Black, Gadget, sans-serif;
   				text-decoration: none;
   				line-height: normal;
   				text-transform: lowercase;
				}

				.menu-main li a:hover,
				.menu-main li.active a,
				.menu-main li.over a{
					color: #6f7071;
				}

				.menu-main ul ul{
					padding-top: 10px;
					position: absolute;
					left: 0;
					top: 35px;
					display: none;
					width: 180px;
				}

				.menu-main ul .active ul{
					display: block;
				}
					.menu-main ul ul li{
						border-bottom: 1px solid #fff;
						margin-left: 10px;
						width: 170px;
					}



					.menu-main ul ul a,
					.menu-main ul .active ul a,
					.menu-main ul .over ul a{
						padding: 2px 10px 0 0;
						color: #000;
						font-family: 'HelveticaNeueLTStd55Roman', Arial, helvetica, sans-serif;
						font-size: 1em;

					}

					.menu-main ul ul .active a,
					.menu-main ul .active ul .active a,
					.menu-main ul .active ul a:hover,
					.menu-main ul .over ul .active a,
					.menu-main ul .over ul a:hover{
						color: #bfbfbf;

					}


	/* .menu-social */
		.menu-social{
			position: absolute;
			right: 15px;
			top: 205px;
			width: 29px;
		}
			.social-icon{
				margin-bottom: 10px;
			}


/* ========================================================================== */
/* ! Site                                                                     */
/* ========================================================================== */

   /* .right-page */
   	.right-page{}
   		.content{
   			width: 440px;
   			padding-bottom: 120px;
   		}
   	.page-block.left-page{
   		z-index: 40;
   	}

   /* .bar-side */
   	.bar-side{
   		position: absolute;
   		right: 0;
   		top: 205px;
   		width: 175px;
   	}

   /* backgrounds */
   	.background-left{
   		left: 0;
   		top: 0;
   	}
   	.background-right{
   		right: 0;
   		top: auto;
   	}
   		.footer{
   			position: absolute;
   			bottom: 0;
   			left: 0;
   			width: 100%;
   		}
   			.date{
   				float: right;
   			}
   			.logo-big{
   				margin-left: 50px;
   				padding-bottom: 48px;
   			}
   			.logo-small{
   				margin-top: -11px;
   			}

/* ========================================================================== */
/* ! Global objects                                                           */
/* ========================================================================== */

   /* page-block */
   	.page-block{
   		position: relative;
   		width: 50%;
   		z-index: 30;
   	}

   /* columns */
   	.column{
   		float: left;
   		min-height: 1px;
   	}

   /* .side-block */
   	.side-block{
   		margin-bottom: 20px;
   	}

   /* .tweets */
   	.side-block-title{
   		padding: 2px 0;
   		margin-bottom: 5px;
   		border-bottom: 1px solid #000;
   	}
   	.tweets{
   		width: 160px;
   		height: 60px;
   		overflow: hidden;
   		line-height: 12px;
   		font-size: 10px;
   	}
   		.tweet-list{
   			margin: 0;
   			padding: 0;
   			list-style: none;
   		}
   			.tweet-list li{
   				height: 60px;
   			}

   /* .overview-artist */
   	.overview-artist{
   		position: absolute;
   		top: 205px;
   		left: 60px;
   		right: 60px;
   		z-index: 40;
   	}
   		.overview-artist li{
   			position: relative;
   			width: 105px;
   			height: 105px;
   			float: left;
   			margin: 0 10px 10px 0;
   		}
   			.overview-artist .container-artist-image{
   				background: #666;
   				display: block;
   			}
   			.overview-artist .artist-image{
   				display: none;
   			}

   			.overview-artist li:hover .artist-image{
   				display: block;
   			}

   			.artist-item,
   			.artist-item:visited,
   			.artist-item:hover{
   				position: absolute;
   				z-index: 50;
   				display: block;
   				width: 75px;
   				height: 31px;
   				padding: 37px 15px;
   				font-size: 0.9em;
   				color: #fff;
   				text-decoration: none;
   				text-align: center;
   				vertical-align: middle;
   			}

   			.overview-artist li:hover .artist-item{
   				display: none;
   			}

   /* background */
   	.background{
   		position: absolute;
   		width: 50%;
   		bottom: 0;
   		z-index: 35;
   	}
   	.background-image{
   		position: absolute;
   		display: block;
   		top: 0;
   		right: 140px;
   		bottom: 0;
   		width: auto;
   		height: 100%;
   	}
   	.background-image.boog{
   		right: 38px;
   	}


/* ========================================================================== */
/* ! Layout specific                                                          */
/* ========================================================================== */

	/* home */
		.home-page .wrapper.fingers{
			background: url(../gfx/fingers.jpg) no-repeat center center;
		}
		.home-page .wrapper.achthonderd{
			background: url(../gfx/800.gif) no-repeat center center;
		}

		.home-page .page-block{
			min-height: 600px;
		}

		.sponsoren{
			position: absolute;
			width: 380px;
			top: 50px;
			right: 195px;
			text-align: right;
		}
			.sponsor{
				height: 50px;
				margin-left: 15px;
			}
			.sponsor.bd{
				margin-left: 0px;
			}

		.container-newsletter{
			position: absolute;
			top: 15px;
			right: 20px;
		}
		.container-newsletter.contact{
			position: relative;
			bottom: auto;
			right: auto;
		}
			.container-newsletter .label{
				float: left;
				height: 13px;
				padding: 6px 10px;
				font-weight: bold;
			}
			.element-container{
				display: inline-block;
				background: #fff;
				border: 1px solid #000;
			}
				.container-newsletter #email{
					width: 90px;
					height: 22px;
					float: left;
					border: none;
				}
				.container-newsletter #submitbutton{
					float: left;
				}


		.play-button{
			position: absolute;
			top: 50%;
			left: 50%;
			z-index: 1000;
		}
			.play-movie-one{
				margin-left: 115px;
				margin-top: 77px;
			}
			.play-movie-two{
				margin-left: -310px;
				margin-top: 125px;
			}

    .notice{
        position: absolute;
        display: block;
        z-index: 1001;
        background: #000;
        background: rgba(0,0,0,.75);
        top: 56px;
        left: 25px;
        right: 200px;
        bottom: 180px;
        color: #FFF;
    }
        a.notice-close{
            position: absolute;
            top: 10px;
            right: 10px;
            color: #FFF;
            font-size: 20px;
            font-family: 'HelveticaNeueLTStd85Heavy', Arial Black, Gadget, sans-serif;
            text-decoration: none;
        }
        .notice-text{
            position: absolute;
            height: 100px;
            top: 50%;
            margin-top: -50px;
            width: 100%;
            display: table;
        }
            .notice-text-inner{
                display: table-cell;
                vertical-align: middle;
                text-align: center;
                font-size: 20px;
                font-family: 'HelveticaNeueLTStd85Heavy', Arial Black, Gadget, sans-serif;
            }


/* ========================================================================== */
/* ! Vendor specific                                                          */
/* ========================================================================== */


/* ========================================================================== */
/* ! Media Queries                                                            */
/* ========================================================================== */


/* ========================================================================== */
/* ! Modernizr                                                                */
/* ========================================================================== */