/* bildschirm-vorlagen */
@media projection, screen {

	html { font-size: 62.5%; /* 1 em = 10px */ -webkit-font-smoothing: subpixel-antialiased !important; }

	* { box-sizing: border-box; -ms-box-sizing: border-box;
		word-wrap: break-word; overflow-wrap: break-word;
	}

	body {
		background-color : #000000;
		width : 780px;
		margin : 20px auto;
		margin-top : 0;
		padding : 0px;
		font-family : Verdana, Helvetica, Arial, sans-serif;
		font-size: 18px; font-size: 1.8rem;
		font-style : normal;
		font-weight : normal;
		font-variant : normal;
		line-height : 1.7em;
		text-transform : lowercase;
		text-decoration : none;
		text-align : center;
		color : #666666;
	}


	/* ueberschriften */
	h1 {
		margin : 0px 10px 0px 10px;
		font-weight : normal;
		font-size : 2.4em;
		line-height : 180%;
		text-align : left;
		padding : 0 50px 0 50px;
		letter-spacing : 2px;
		background-color : transparent;
		color : #999999;
	}

	html > body h1 {
		margin : 0px 10px 0px 10px;
		font-weight : normal;
		font-size : 2.4em;
		line-height : 180%;
		text-align : left;
		padding : 0 50px 0 50px;
		letter-spacing : 2px;
		background-color : transparent;
		color : #999999;
	}

	* html h1 { /* nur fuer IE */
		margin : 10px;
	}

	h2 {
		margin : 0px 10px 0px 10px;
		font-weight : normal;
		font-size : 2.2em;
		line-height : 180%;
		text-align : left;
		padding : 0 50px 0 50px;
		letter-spacing : 2px;
		background-color : transparent;
		color : #777777;
	}

	html > body h2 {
		margin : 0px 10px 0px 10px;
		font-weight : normal;
		font-size : 2.2em;
		line-height : 180%;
		text-align : left;
		padding : 0 50px 0 50px;
		letter-spacing : 2px;
		background-color : transparent;
		color : #777777;
	}

	* html h2 { /* nur fuer IE */
		margin : 10px;
	}

		h3 {
		margin : 0px 10px 0px 10px;
		font-weight : normal;
		font-size : 2.0em;
		line-height : 170%;
		text-align : left;
		padding : 0 50px 0 50px;
		letter-spacing : 0px;
		background-color : transparent;
		color : #777777;
	}

	html > body h3 {
		margin : 0px 10px 0px 10px;
		font-weight : normal;
		font-size : 2.0em;
		line-height : 170%;
		text-align : left;
		padding : 0 50px 0 50px;
		letter-spacing : 0px;
		background-color : transparent;
		color : #777777;
	}

	* html h3 { /* nur fuer IE */
		margin : 10px;
	}
	/* ende ueberschriften */


	img {
		border-width : 0;
	}

	#content {
		width : 780px;
		margin : 0px;
	}


	/* textbereich-hintergrund */
	.top {
		width : 100.01%;
		background : url(gfx/bg_top.jpg) top no-repeat;
		margin : 0;
		padding : 0;
		overflow : hidden;
	}

	.mid {
		width : 100.01%;
		height : 100.01%;
		background : url(gfx/bg_mid.jpg) top repeat-y;
		margin : 0;
		padding : 0;
		overflow : hidden;
	}

	.bot {
		width : 100.01%;
		background : url(gfx/bg_bot.jpg) bottom no-repeat;
		margin : 0;
		padding : 0;
		overflow : hidden;
	}
	/* ende textbereich-hintergrund */


	/* gliederungs-abschnitte */
	.inh {
		margin-top : 10px;
		padding : 0;
		overflow : hidden;
	}

	.navi {
		margin : 0px 0px 0px 0px;
		padding : 0;
		font-weight : 500;
		text-align : right;
		line-height : 30px;
		background : url(gfx/menubg.jpg) top no-repeat;
		color : #cccccc;
	}

		.navi ul {
			padding : 0px 54px 0px 54px;
			margin : 0;
		}

		.navi li {
			list-style-type : none;
			display : inline;
			margin : 7px;
			padding : 0px;
		}

		.navi a:link, .navi a:visited {
			margin : 0px;
			padding : 1px;
			font-weight : 500;
			text-decoration : none;
			border-bottom : 0px dotted;
			color : #977d71;
			background-color : transparent;
		}

		.navi a:hover, .navi a:active, .navi a:focus,
			#showreel .nav00,
			#home .nav01,
			#service .nav02,
			#media .nav03,
			#vita .nav04,
			#privacy .nav05,
			#contact .nav06 {
				margin : 1px -7px 1px -7px;
				padding : 1px 8px 1px 8px;
				font-weight : 500;
				text-decoration : overline;
				border-bottom : 0px dotted;
				color : #eeeeee;
				background-color : transparent;
		}


	.colleft {
		float : left;
		width : 50%;
	}

	.colright {
		float : right;
		width : 50%;
	}
	/* ende gliederungs-abschnitte */

	/* verweise */
	a:link, a:visited {
		margin : 0px;
		padding : 0px 1px 0px 1px;
		font-weight : 500;
		text-decoration : none;
		border-bottom : 0px dotted;
		color : #977d71;
		background-color : transparent;
	}

	a:hover, a:active, a:focus {
		margin : 0px;
		padding : 0px 1px 0px 1px;
		font-weight : 500;
		text-decoration : none;
		border-bottom : 1px dotted;
		color : #eeeeee;
		background-color : transparent;
	}

	a.video {
		display : inline-block;
		width : 480px;
		height : 270px;
		text-align : center;
		border : 0;
	}
	/* ende verweise */

	/* absaetze deutsch, englisch, fusszeile, ueberschrift news */
	.de {
		padding : 5px 30px 5px 60px;
		text-align : left;
		color : #cccccc;
	}

	.en {
		padding : 5px 60px 5px 30px;
		text-align : right;
		color : #999999;
	}

	.extra {
		padding : 0px 0px 0px 0px;
		font-weight : bold;
		font-style : italic;
		text-decoration : none;
		text-align : left;
		color : #eeeeee;
	}

	.date {
		padding : 0px 5px 0px 5px;
		font-size : 1em;
		text-align : center;
		letter-spacing : 1px;
		color : #555555;
	}
	/* ende absaetze */

} /* ende bildschirm-vorlagen */



/* druck-vorlagen */
@media print {
} /* ende druck-vorlagen */