/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 14px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { color:#036;text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; }

a img { border: none; }

#menu {
    width: 380px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
	background-color: #fff;
	/*opacity: 0.8;*/
	border-right:11px solid #ccc;
	padding: 20px 0 0 20px;
}

#menu ul {
	list-style: none;
}

/* NAVI */

#credits{
	margin-top: 100px;
	font-size: 10px;
	line-height: 14px;
	color:#999;
}

#logo ul{
	padding: 0 0 35px 0;
/*	background: url(/ndxz-studio/site/img/trenner-schwarz.png) 1px 50px no-repeat;	*/

}

#navi ul,
#navi li{
	list-style: none;
}

#navi ul span{
	display: none;
}

#navi a{
	display: block;
	width: auto;
	height: 36px;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 0 0 20px 0;
}

#navi a:hover {
	background-position: 0 100%;
}

#navi-neues,
#navi-neues a {
	width: 141px;
	background-image: url(/ndxz-studio/site/img/navi-neues.png);	
}
#navi-presse,
#navi-presse a {
	width: 167px;
	background-image: url(/ndxz-studio/site/img/navi-presse.png);	
}
#navi-vita,
#navi-vita a {
	width: 96px;
	background-image: url(/ndxz-studio/site/img/navi-vita.png);	
}
#navi-schauspielerin,
#navi-schauspielerin a {
	width: 271px;
	background-image: url(/ndxz-studio/site/img/navi-schauspielerin.png);	
}
#navi-musik,
#navi-musik a {
	width: 139px;
	background-image: url(/ndxz-studio/site/img/navi-musik.png);	
}


#navi-sprecherin,
#navi-sprecherin a {
	width: 227px;
	background-image: url(/ndxz-studio/site/img/navi-sprecherin.png);	
}
#navi-kontakt,
#navi-kontakt a {
	width: 200px;
	background-image: url(/ndxz-studio/site/img/navi-kontakt.png);	
}


body#Neues #navi-neues a {
	background-position: 0 100%;
}
body#Musik #navi-musik a {
	background-position: 0 100%;
}
body#Presse #navi-presse a {
	background-position: 0 100%;
}
body#Vita #navi-vita a {
	background-position: 0 100%;
}
body#Schauspiel #navi-schauspielerin a {
	background-position: 0 100%;
}
body#Sprechen #navi-sprecherin a {
	background-position: 0 100%;
}
body#Kontakt #navi-kontakt a {
	background-position: 0 100%;
}

h2 span{
	display: none;
}

/* HEADLINES */
body#Neues h2 {
	width: 141px;
	height: 36px;
	margin:0 0 20px 0;
	background-image: url(/ndxz-studio/site/img/headlines/navi-neues.png);
}
body#Presse h2 {
	width: 167px;
	height: 36px;
	margin:0 0 20px 0;
	background-image: url(/ndxz-studio/site/img/headlines/navi-presse.png);
}
body#Musik h2 {
	width: 139px;
	height: 36px;
	margin:0 0 20px 0;
	background-image: url(/ndxz-studio/site/img/headlines/navi-musik.png);
}
body#Vita h2 {
	width: 96px;
	height: 36px;
	margin:0 0 20px 0;
	background-image: url(/ndxz-studio/site/img/headlines/navi-vita.png);
}
body#Schauspiel h2 {
	width: 271px;
	height: 36px;
	margin:0 0 20px 0;
	background-image: url(/ndxz-studio/site/img/headlines/navi-schauspielerin.png);
}
body#Sprechen h2 {
	width: 227px;
	height: 36px;
	margin:0 0 20px 0;
	background-image: url(/ndxz-studio/site/img/headlines/navi-sprecherin.png);
}
body#Kontakt h2 {
	width: 200px;
	height: 36px;
	margin:0 0 20px 0;
	background-image: url(/ndxz-studio/site/img/headlines/navi-kontakt.png);
}



#content {
    height: 100%;
    margin: 0 0 0 430px;
    top: 0;
}

.container {
    padding: 20px;
}

.audiofile{
	width: 400px;
	background-color: #fff;
	padding: 10px;
	margin: 0 0 20px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.audiofile em{
	font-size: 11px;
	color: #666;
}
.audiofile object{
	margin: 10px 0 0 0;
	}

#content p { 
	width: 600px; 
	margin-bottom: 10px;
}

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }