/* GENERALities */

body	{
	background-color: #655d55;
	padding: 0;
	margin: 0;
	font-size: 0.9em;
	font-family: Verdana, Geneva, "MS Trebuchet", sans-serif;
	}
h1	{ font-size: 2em; margin-top: 4px; padding-top: 0;}
h2	{ font-size: 1.8em; margin-top: 4px; padding-top: 0;}
h3	{ font-size: 1.6em; margin-top: 4px; padding-top: 0;margin-bottom: -2px; }
h4	{ font-size: 1.2em; margin-top: 4px; padding-top: 0;margin-bottom: -5px; }
h5	{ font-size: 1.1em; margin-top: 4px; padding-top: 0;}
h6	{ font-size: 1em; margin-top: 4px; padding-top: 0;}

	/* link styling */
a							{ text-decoration: none;}
a, #language a:visited		{ color: #d65a1d; }
.levelOne a, .levelTwo a	{ color: #dbd3cb ; }

li	a {
		display: block;
		border: 1px solid transparent; 
		}	
li	a:hover {
		display: block;
		border: 1px solid #d65a1d; 
		}	
		/*
li.levelOne a:hover, li.levelTwo a:hover	{ 
		border: 1px solid #d65a1d; 
		display: block ; 
		}
		*/
.levelOne a:visited, .levelTwo a:visited
							{ color: #9a938d ; }
a:visited 					{ color: #903 ; } /* 000077 */
a:hover, a:visited:hover 	{ color: #d65a1d ; } /* D32D2E */
img	{ border: 0; }


/* main PARTS */

#top	{
	position: absolute; 
	left: 0; 
	top: 0; 
	right: 0; 
	}
#left	{
	background-color: #3c3838; 
	position: absolute; 
	left: 5%; 
	width: 20%; 
	min-width:120px; 
	max-width: 250px;
	top: 0; 
	bottom: 0; 
	padding: 0;
	}
#middle	{
	background-color: #494541; 
	position: absolute; 
	left: 8%; 
	right: 72%; 
/*	min-width:100px; 
	max-width: 150px;  	*/
	top: 0; 
	bottom: 0; 
	padding: 0;
	display: block;
	}
#right	{
	background-color: #dbd3cb; 
	position: absolute; 
	left: 28%; 
	right: 9%; 
	width: 63%; 
	min-width: 400px; 
	max-width: 600px; 
	top: 0; 
	bottom: 0; 
	padding: 0; 
	margin: 0;
	display: block;
	}
#farright	{
	background-color: #55504b; 
	position: absolute; 
	right: 7%;  
	top: 0; 
	width: 20%; 
	min-width: 180px; 
	max-width: 300px; 
	height: 100%;
	padding: 0; 
	margin: 0;
	display: block;
	}

/* within TOP */

#logo	{
	position: absolute;
	left: 31%;
	top: 9px;
	margin-left: -1px;
	}
#logo img {
	width: 200px;
	height: 70px;
	padding: 0;
	margin: 0;
	}
#stripe	{
	position: absolute;
	left: 0;
	right: 0;
	top: 95px;
	height: 20px;
	background-color: #d65a1d;
	opacity: 0.8;
	}
#shortcuts	{
	position: absolute;
	left: 0;
	margin-left: -250px;
	top: 101px;
	height: 100px;
	padding: 0 0 0 200px;
	overflow: hidden;
	display: block;
	width: auto;
	right: 0;
	white-space: nowrap;
	}
#shortcuts img	{
	opacity: 0.6;
	padding: 0;
	margin-right: 10px;
	border: 1px solid transparent;
	width: 110px;
	height: 82px;
	}

#shortcuts img:hover	{
	opacity: 1;
	}


	
/* 	trimming navigation, title, shortcuts and content */
	
#navi	{
	position: absolute;
	background-color: #3c3838; 
	left: 5%; 
	width: 20%; 
	min-width:120px; 
	max-width: 250px; 
	top: 220px;
	padding: 0;
	margin: 0;
	border: 0px solid transparent;
	
	height: 80em;   /* 	ACHTUNG
						WENN MAL VIEL MEHR SEITEN IN DER NAVIGATION STEHEN,
						MUSS DIESER WERT ERHOEHT WERDEN 
					*/
	}
	
#navIn	{
	background-color: #3c3838; 
	}
	
ul #filmSection, ul #profileSection	{
	display:none;
	}
	
	
#titleHolder	{
	position: absolute;
	top: 146px;
	left: 0;
	right: 0;
	width: 100%;
	height: 45px;
	}
#title	{
	bottom: 0;
	}

/* within LEFT */

	
/* within RIGHT */
#title	{
	font-size: 16px;
	}
#content	{
	top: 225px;
	clear: both;
	}
img .imgRight	{
	/* align: right; */
	float: right;
	padding: 1em 0 1em 4em;
	width: 200px;
	height: 150px;
	}
div#image	img {
	width: 200px important!;
	height: 150px important!;
	}
#gallery img	{
	margin: 2em 0;
	clear: both;
	width: 440px;
	height: 330px;
	display: block;
	}
#teaser	{
	font-size: 1.1em;
	margin-bottom: 1em;
	}

#language, #title, #content	{
	position: absolute; 
	display: block;
	}
	
	
	
	
	
#right,	#language, #title, #content	{
	left: 28%; 
	right: 9%; 
	width: 63%; 
	min-width: 400px; 
	max-width: 600px; 
	padding: 0 2% 0 3%; 
	margin: 0;
	}
	
	
	
	
	
#language	{
	bottom: 1px;
	text-align: right;
	font-size: .9em;
	}
#languageHolder	{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 79px;
	}
	
	
#title	{
	bottom: 0;
	}
	
	
/* WIIIIIIIIIIIIIIIIICHTIIIIIIIIIIIIIIIIIIIIIIG */
	
#left, #middle, #right, #farright	{
	position: fixed;
	}
	
	
#farright	{
	z-index: 1;
	}
#middle	{
	z-index: 2;
	}
#left	{
	z-index: 3;
	}
#navi	{
	z-index: 4;
	}
#right	{
	z-index: 5;
	}
#logo	{
	z-index: 6;
	}
#stripe	{
	z-index: 7;
	}
#content	{
	z-index: 9;
	}
#titleHolder	{
	z-index: 10;
	}
#shortcuts	{
	z-index:11;
	}
#language	{
	z-index: 12;
	}
	
	
	
	
/*  NAVIGATION list issues */
	

	 #navIn	{
		padding: 0;
		}
	ul.levelOne, ul.levelOne li, ul.levelTwo li, #navIn li {
		left: 0;
		margin: 0;
		padding: 0;
		}
	ul.levelOne li, ul.levelTwo li	{
		display: block;
		}	
	ul.levelOne li a	{
		left: 0;
		margin: .4em 0 .1em 0;
		padding: .1em 0 .1em 5%;
		font-weight: bold;
		font-size: 1.1em;
		line-height: 1.1em;
		}
	ul.levelTwo li a {
		width: 100%;
		margin:  0 0 0 -50em;
		padding: .1em 0 .1em 50em;
		line-height: 1.1em;
		font-size: 0.9em;
		font-weight: normal;
		}
	ul.levelOne li.levelZero a	{
		font-weight: normal;
		}