* {
	margin:0;
	padding:0;
}

a:link {color:#deded2; text-decoration: none}      /* unvisited link */
a:visited {color:#deded2; text-decoration: none}  /* visited link */
a:hover {color:white; text-decoration: none}  /* mouse over link */
a:active {color:#e24275; text-decoration: none}  /* selected link */
/* a:focus {color:#e24275; text-decoration: none} /*  tabbed link */

body {
	height: 100%;
	background-color: #deded2;
}

#construction{
	position:fixed;
	top: 150px;
	left:200px;
}

#header{
	-webkit-box-flex:1.0;
	position:fixed;
	top:0px;
	width: 100%;
	height:350px;
	background-image: url(/metaIMG/metaNoise.gif);
	background-repeat: repeat;
	z-index:1;
}

#metaglow {
	position:fixed;
	top:39px;
	right:0px;
	width: 100%;
	height:350px;
	background-image: url(/metaIMG/glowcut1.png);
	background-repeat:no-repeat;
	z-index:8;
}

#miniLogo{
	posotion:fixed;
	top:170px;
	left:50px;
	display:inline;
	float:left;
}

.nav{
	width:750px;
}

.menu {
	position:relative;
	height:18px;
	left:200px;
	top:326px;
	width:770px;
	z-index:10;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
}

.menu ul  li {
    display:inline;   
	padding-right:15px;
} 

.menu li a{
	-webkit-transition: all 0.6s ease-in-out;
 	-moz-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out; 
} 

.menu:hover li a{
	text-shadow: 0px 0px 3px #deded2;
	color: transparent;
	-webkit-transition: 1000ms ease 100ms;
	-moz-transition: 1000ms ease 100ms;
	-o-transition: 1000ms ease 100ms;
/* 	transition: 1000ms ease 100ms; */
}

.menu li a:hover{
	background: transparent;
	text-shadow: 0 0 3px rgba(222,222,210,0.5);
	color: #deded2;
	-webkit-transition: 1000ms ease 100ms;
	-moz-transition: 1000ms ease 100ms;
	-o-transition: 1000ms ease 100ms;
/* 	transition: 1000ms ease 100ms; */
}
.menu li a:active {
	background: transparent;
	text-shadow: 0 0 3px rgba(222,222,210,0.5);
	color: #e24275;
	-webkit-transition: 100ms ease 100ms;
	-moz-transition: 1000ms ease 100ms;
	-o-transition: 1000ms ease 100ms;
	transition: 1000ms ease 100ms;
}
.submenu {
	position:relative;
	height:18px;
	width:210px;
	z-index:30;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
}

#subnav {
	position: relative;
	width:300px;
	opacity:0;
	left:565px;
	top:-16px;
}

.submenu ul  li{
    position: relative;
	width:210px;
	display: inline;
	z-index:30;
    list-style-type: none;

}
.submenu:hover li a{
	text-shadow: 0 0 0px rgba(222,222,210,1);
	color: transparent;
	-webkit-transition: 500ms ease 100ms;
	-moz-transition: 500ms ease 100ms;
	-o-transition: 500ms ease 100ms;
	transition: 500ms ease 100ms;
}
.submenu li a:hover{
	background: transparent;
	text-shadow: 0 0 7px rgba(222,222,210,0.2);
	color: #deded2;
	-webkit-transition: 500ms ease 100ms;
	-moz-transition: 500ms ease 100ms;
	-o-transition: 500ms ease 100ms;
	transition: 500ms ease 100ms;
}
.submenu li a:active {
	background: transparent;
	text-shadow: 0 0 7px rgba(222,222,210,0.5);
	color: #e24275;
	-webkit-transition: 500ms ease 100ms;
	-moz-transition: 500ms ease 100ms;
	-o-transition: 500ms ease 100ms;
	transition: 500ms ease 100ms;
}

#metatune {
	position:fixed;
	right:200px;
	top:257px;
	width:242px;
	height:93px;
}

#glow {
	position:fixed;
	top:40px;
	right:0px;
    opacity: 0.3; /* Change this to .5 for 50% opacity */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
	/* transform:rotate(180deg); 
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);*/
	z-index:22;
}

#glow:hover {
	position:fixed;
	top:40px;
	right:0px;
    opacity: 0.6;
	/* transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg); */
	z-index:22;
}

#gradient{
	position:fixed;
	top:350px;
	width: 100%;
	height:1px;
	background-image: url(/metaIMG/gradient.png);
	background-repeat: repeat-x;	
	z-index:25;
}

#container {
	position:absolute;
	top:350px;
	width:20000px;
	left:150px;

	z-index:0;
	height: 400px;
}

.section {
    top:0px;
    width:auto;
	display:inline;
    float:left;
	max-height:500px;
	margin-top:50px;
	z-index:8;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #171717;
}
h1{
	position:relative;
    margin:0px 0px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #171717;
}

 h2{
 	position:relative;
    margin:0px 0px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight:lighter;
	color: #171717;
}

.category{
	display:inline;
	float:left;
	height:400px;
	margin-right:50px;
	z-index:-1;
}
#experimental{
	
}
#electronic{
	
}
#film{
	
}
.subText{
	position:relative;
	width:500px;
	margin:0px 50px 50px;
	display:inline;
    float:left;
	max-height:400px;
	z-index:8;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #171717;
}

.subText a:link{color:#e24275;}
.subText a:visited {color:#e24275; text-decoration: none;} 
.subText a:hover {color:#171717; text-decoration: none;}
.subText a:active {color:#e24275; text-decoration: none;}

.subVideo{
	position:relative;
	width:auto;
	margin:0px 50px 50px;
	display:inline;
    float:left;
	max-height:400px;
	z-index:0;
}
.subAudio{
	position:relative;
	margin-left:50px;
	width:300px;
	display:inline;
    float:left;
}

#sectionHome {  }
#sectionAuftrag {  }
#sectionArchiv{  }

#sectionArchiv h3{
 	position:relative;
    margin-left:50px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight:lighter;
	color: #171717;
	z-index:18;
}

#sectionImpressum{
	position:relative;
	left:5000px;
	top:190px;
}

#impressum{
	position:relative;
	display:inline;
	float:left;
	margin-left:50px;
}
#image{
	position:relative;
	display:inline;
	float:left;
	top:-200px;
	left:400px;
}

#sectionKontakt {
 	position:relative;
	left:7500px;
	display:inline;
	float:left;
}

#contactForm{
 	position:relative;
	left:50px;
	display:inline;
}

#message{
	font-family: Helvetica, Arial, sans-serif;
}

#secondary{ display:none; }

#button {
    background-color: #fff;
    color: #171717;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 15px;
    text-decoration: none;
    cursor: pointer;
	-moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius:1px;
}

#button:hover {
    box-shadow: 0px 0x 1px #171717;
	background-color:#fff;
	color:#e24275;
}

#footer{
	position:fixed;
	left:200px;
	top:780px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
}

#social{
	position:relative;
	display:inline;
	z-index:3;
}

#langSel{
	position:relative;
	display:inline;
	z-index:3;
}

.impressum{
	position:relative;
	display:inline;
	color:#171717;
	font-size:10px;
	bottom:16px;
	z-index:3;
}

.impressum a:link{
	color:#171717;
}

.impressum a:visited{
	color:#171717;
}

.impressum a:hover{
	font-weight:bold;
	color:#e24275;
}
.impressum a:active{
	color:#373737;
}

#design{
	position:relative;
	display:inline;
		z-index:3;
}

#copyright{
	position:relative;
	left:83px;
	z-index:1;
}

#leftblindW{
	position:fixed;
	left:0px;
	top:350px;
	width:200px;
	height:600px;
	z-index:10;
	background-color: #deded2;
}

#rightblindW{
	position:fixed;
	right:0px;
	top:350px;
	width:200px;
	height:600px;
	z-index:10;
	background-color: #deded2;
}