* { padding: 0; margin: 0}
html { overflow-y: scroll }



/* ===== Hintergrundgrafik für die gesamte Seite ===== */

body {
	background-color: #f8f8f8;
	/* background-image: url(pix/bgmap1.jpg); */
	background-attachment: fixed;
	background-size: 100%;
	background-repeat: no-repeat;
	}
	
	
	
/* ==============================================================
Generelle Breite & Schriftarten 
============================================================== */

div#wrapper {
	/* position: relative; */
	/* z-index: 9999; */
	width: 900px;
	
	margin-right: auto;
	margin-left: auto;
	
	font-size: 100%;
	
	color: black;
	
	}
	
	
/* ============================================================== 
Bereiche
============================================================== */
	
	
div#navileiste {	
	z-index: 1000;
	background-color: white;
	
	width: 900px;
	height: 150px;
    position: fixed;
    top: 0px;
	
	/* margin-bottom: 100px; */
	
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.13);
	border-bottom: 1px solid black;
	
	text-align: center;
	
	}
	
/* Navi-Elemente nebeneinander */

div#navileiste  li {	
	display: inline;
	list-style-type: none;
	}

	
div#schlagzeile {

	width: 900px;
    position: relative;
	z-index: 100;

	background: none
	
	/* padding-top: 600px; */
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	
	/* margin-top: 600 px; */
	}
	
	
div#inhaltsbereich {	
	z-index: 100;
	
	width: 880px;
	height: 900px;
    position: relative;
	
	background-color: white;
	
	/* margin-bottom: 100px; */
	
	padding-top: 20px;
	padding-right: 20px;
    padding-bottom: 30px;
	padding-left: 40px;
	
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.13);
	
	text-align: center;
	
	}
	
div#prodinhalt {	
	z-index: 100;
	
	width: 660; /* 830px; */
	/* height: 930px; */
    position: relative;
	
	background-color: white;
	
	margin-bottom: 100px;
	
	padding-top: 20px;
	padding-right: 140px;
	padding-bottom: 30px;
	padding-left: 140px;
	
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.13);
	
	text-align: center;
	
	}
	
	

/* ================================================================
Produktionenliste inline darstellen
================================================================ */
	
	
div #inhaltsbereich li {	
	display: inline;
	list-style-type: none;
	}
	
	
	
	
/* ================================================================
Text-Formatierungen 
================================================================ */
	
/* h1 für die Schlagzeile */
	
h1 { 
    font-family: 'Montserrat', sans-serif;
	font-size: 300%;
	margin-top: 230px;
	margin-bottom: 1em;
	font-weight: normal;
	text-align: center;
	}
	
/* h2 für Überschriften auf Seiten (Produktionen etc.) */
	
h2 { 
	font-family: 'Montserrat', sans-serif;
	font-size: 150%; 
	color: Black;
	margin-top: 40px;
	margin-bottom: 2em; 
	font-weight: normal;
	text-align: center;
	}
	
	
/* h3 für die Navi-Punkte */

h3 { 
	font-family: 'Montserrat', sans-serif;
	font-size: 120%; 
	color: black;
	margin-bottom: 10px;
	font-weight: normal;
	text-align: center;
	}

/* h4 für aktuellen Navi-Punkt (Fell bold) */

h4 { 
	font-family: 'Montserrat', sans-serif;
	font-size: 140%; 
	color: black;
	margin-bottom: 10px;
	font-weight: bold;
	}
	


h5 {
    font-family: 'Montserrat', sans-serif;
	font-size: 120%; 
	color: black;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: normal;
	text-align: left;
}

/* h6 als Breakline zum Beenden von Float! */

h6 {
    clear: both;
}


p {
	font-family: 'Raleway', sans-serif;
	font-size: 110%;
    line-height: 1.7;
	text-align: justify;
	}


a { text-decoration: none; }

a:link, a:visited { color: black; font-weight: normal; }
a:hover, a:focus { color: black; text-decoration: underline; outline: none; }
a:active { color: black; text-transform: bold; }

p, ul, ol, blockquote {margin-bottom: 1em; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }

	
	
	
/* ================================================================
Bilder-Formatierungen 
================================================================ */

/* .img {
	margin-top: 20px;
	margin-left: 43px;
	margin-right: 43px;
	margin-bottom: 20px;
	
	padding: 5px;
	border: 1px solid #2f0d00;
	box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.13);
	}
	
.n-img	{
	margin-left: 60px;
	margin-right: auto; 
	} */
	
.video {
	padding: 10px;
	border: 1px solid black;
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.13)
}

.tn {
	margin: 20px;
	
	padding: 10px;
	border: 1px solid #2f0d00;
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.13);
	}
	
.tn_o {
	margin: 20px;
	padding: 10px;
	
	}
	
.bigpic {
	margin: auto;
	margin-bottom: 40px;
	padding: 10px;
	border: 1px solid #2f0d00;
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.13);
	}
	
.coverpic {
	margin-right: 20px;
	margin-top:20px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #2f0d00;
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.13);
	}


.lftflt {
    float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #2f0d00;
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.13);
	
	}

.rgtflt {
    float: right;
	}


/* ================================================================
Tabellen
================================================================ */

.navi-tab {
	/* table-layout: fixed; */
	vertical-align: bottom;
	padding-left: 10px;
}

.vita-tab   {
	margin-left: 43px;
	table-layout: fixed;
	border: 0;
	}
	
.vita-tab td {
	text-align: left;
	vertical-align: top;
	
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	
	}
	
	
.prod-tab   {
	table-layout: fixed;
	border: 0;
	}
	
.prod-tab td {
	text-align: left;
	vertical-align: top;
	
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	
	}