/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* Clearfix */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {clear:both;}
.cf { zoom:1;}


#header {
	position: fixed;
    width: 100%;
    height: 34px;
    z-index: 102;
	top: 0;
}

/* Base Style */
body {
    font:17px/20px OctavaOSCRegular;
    color: #000;
    background-color: black;
}

.menu {
width: 65px;
margin-left: 10px;
background-color: black;
padding: 5px 5px 45px 5px;
	z-index: 1000;
	position: fixed;
	/*padding: 0px 4px;*/
	bottom: 0%;
	
	li a {
		font:12px/14px 'NonameGroteskHanddrawnv4Rg';
		color: white;
		text-decoration: none;
		padding: 3px 10px;
		
	}
	li {
		margin: 5px 0;
		
		
	
	}
	
	.active {
	text-decoration: underline;
	/*	color: black;
		background-color: white;*/
	/*	border: 2px solid white;*/
		/*font-size: 14px;*/
		
	}
}


.infos{
	font-family: 'OctavaOSCRegular' ;
	font-size: 15px;
	font-style: italic;
	text-align: center;
	width: 400px;
	color: rgb(200, 0, 0);
	margin-top: 10px;
}

.podzagg{
	font-family: CirceRegular;
	font-size: 18px;
	letter-spacing: 3px;
	line-height: 20px;
		color: rgb(200, 0, 0);
		text-align: center;
		text-transform: uppercase;
		font-style: normal!important;
		margin-bottom: 15px;
		margin-top: 45px!important;
	
}


article{
    margin:0 auto;
    position:relative;
    z-index:20;
    
    
    p {
    	width: 390px;
    	margin: 160px auto 50px;
    	text-align: center;
    }
}



.curtain-links
{font-family: 'NonameGroteskHanddrawnv4Rg';
	color: white;
	font-size: 11px;
}

/* Sliding panels */
.curtains>li {
    /*box-shadow:0 12px 12px rgba(0,0,0,0.5);*/
    background-color: rgb(255,255,255);
    border-bottom: 10px solid black;
}
.cover-background{
    position:fixed;
    top:0;left:0;
    width: 100%;
}

/* Specific */
.section {
       background-size: cover!important;
}

.txt {

width: 400px;
background-color: white;
	margin-top: 0px;
/*	padding-bottom: 150px;*/
	padding: 50px 50px 50px 50px;
	line-height: 23px;
	font-size: 17px;
	font-style: normal!important;
	
	
	
}

.txtzah {

width: 400px;
background-color: white;
	margin-top: 0px;
/*	padding-bottom: 150px;*/
	/*padding: 50px 50px 150px 50px;*/
	line-height: 21px;
	font-size: 17px;
	font-style: italic!important;
	}
	
	


.zahimg{
/*margin-left: -50px;*/

}

.txtdiv {


/*-moz-box-shadow: 15px 15px 10px rgba(0, 0, 0, 0.45);
-webkit-box-shadow:  15px 15px 10px rgba(0, 0, 0, 0.45);
box-shadow:  15px 15px 10px rgba(0, 0, 0, 0.45);*/


font-style: italic;
line-height: 30px;
width: 650px;
left: 50%;
margin-left: -325px;
background-color: white;
	margin-top: 800px;
/*	padding-bottom: 150px;*/
	padding: 50px 50px 50px 50px;
	position: relative;
	
	
}



.txt2 {
font-style: italic;
line-height: 30px;
width: 600px;
background-color: white;
	margin-top: 70px;
/*	padding-bottom: 150px;*/
	padding: 50px 50px 150px 50px;
	
	
	
}

iframe {
	position: absolute;
	z-index: 1000000000000000;
}

.black-square {
	position: absolute;
	top: 0;
	background-color: #000;
	z-index: 1000;
	width: 75px;
	height: 100px;
	left: 10px;
}

.school-logo {
	position: absolute;
	top: 50px;
	z-index: 10;
	left: 10px;
}

/* MENU */
#menu{
    position:fixed;
    top:20px;
    left:20px;
    z-index:20;
    padding:10px;
    background-color: #000;
}
    #menu li{margin:0}
    #menu a{
        margin:0;
    }