body {
    color: black; background-color: #EAEAFF;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 1em;
    min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  }

  h1 {
	font-size: 1.5em;
	margin: 0 0 0.7em;
	padding: 0.3em;
	text-align: center;
	background-color: #E0E0FF;
	border: 2px ridge silver;
	overflow: inherit;
  }
  
  h2{
	float:left;
	font-size:1em;
	font-weight:700;
	width:700px;
	margin:0;
	padding:5px 0 5px 8px;
  }
  
    h3{
	font-size:1em;
	font-weight:700;
	margin:0;
	padding:5px 0 5px 8px;
  }

  ul#Navigation {
    font-size: 0.83em;
    float: left; width: 9em;
    margin: 0 0 1.2em; padding: 0;
    border: 1px dashed silver;
  }
  ul#Navigation li {
    list-style: none;
    margin: 0; padding: 0.5em;
  }
  ul#Navigation a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
	border: 1px dotted silver;
  }
  ul#Navigation a:link {
    color: black; background-color: #E0E0FF;
  }
  ul#Navigation a:visited {
    color: #666; background-color: #E0E0FF;
  }
  ul#Navigation a:hover {
    color: black; background-color: #D0D0FF;
	border: 1px solid black;
  }
  ul#Navigation a:active {
    color: white; background-color: gray;
  }

  div#Info {
    font-size: 0.9em;
    float: right; width: 14em;
    margin: 0 0 1.1em; padding: 0;
    background-color: #eee; border: 1px dashed silver;
  }
  div#Info h2 {
    font-size: 1.33em;
    margin: 0.2em 0.5em;
  }
  div#Info p {
    font-size: 1em;
    margin: 0.5em;
  }

  #content{
	/* height:400px; */
	left:12%;
	position:absolute;
	top:10%;
	width:1000px;
	margin:0px 0 0 0px;
	padding:0;
	}
  div#content h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
  }
  div#content p {
    font-size: 1em;
    margin: 1em 0;
  }

  p#Fusszeile {
    clear: both;
    font-size: 0.9em;
    margin: 0; padding: 0.1em;
    text-align: center;
    background-color: #E0E0FF; border: 1px solid silver;
  }
  
  #main{
 	height:80%;
  	height:400px;
  	min-width:900px;
  	position:absolute;
  	width:90%;
  }
  
	
    #content_matroska{
		border:1px solid #E0E0FF;
		padding:0;
	}
	
    #supplemental{
		height:600px;
		visibility:hidden;
		width:900px;
	}
	
    .thumbs{
		border-right:1px solid #E0E0FF;
		float:left;
		height:480px;
		margin-right:20px;
		overflow:auto;
		padding-left:5px;
		position:relative;
		width:235px;
	}
	
    #canvas{
		clear:right;
		height:550px;
		overflow:auto;
		margin:0;
		padding:0px 0 0;
	}

    #title_footer{
		clear:both;
		margin:0;
		padding:0;
	}
	

  #canvas a {
   /* display: block; */
    padding: 0.2em;
    font-weight: bold;
	border: 1px dotted silver;
  }
  
  #canvas a:link {
    color: black; background-color: #E0E0FF;
  }
  
  #canvas a:visited {
    color: #666; background-color: #E0E0FF;
  }
  
  #canvas a:hover {
    color: black; background-color: #D0D0FF;
	border: 1px solid black;
  }
  #canvas a:active {
    color: white; background-color: gray;
  }

	
    
	
    #img_canvas{
		border:0;
		min-height:465px;
		width:1px;
		z-index:0;
		margin:0;
		padding:0;
	}
	
    #canvas img{
		border:1px solid #E0E0FF;
		margin:0;
		padding:5px;
	}
    
	.thumb_img{
		border:1px solid #E0E0FF;
		margin:1px;
		padding:2px;
	}
    #menu{
		font-weight:700;
		position:relative;
		top:-5px;
		color:#000;
		clear:both;
	}
	
    #menu_left{
		display:inline;
	}
	
    #signature a{
		color:#E0E0FF;
		text-decoration:none;
	}
	
    #signature a:hover{
		color:#4f4f4f;
	}
	
    .thumb_space{
		display:block;
		line-height:2px;
		width:200px;
	}
	
    .thumbs .folder{
		border:1px solid #E0E0FF;
		color:#000;
		display:block;
		height:2em;
		left:-4px;
		line-height:2em;
		position:relative;
		text-decoration:none;
		width:196px;
	}
	
    .thumbs a{
		border:0;
		padding:0;
	}
	
    .folder .title{
		background:#FFF;
		border-left:1px solid #E0E0FF;
		display:block;
		font-size:85%;
		margin:0 0 0 5px;
		padding:0 0 0 5px;
	}
	
    .thumbs .folder:link,.thumbs .folder:visited,.thumbs .folder:active{
		margin:5px;
		padding:0;
	}
	
    .thumbs .folder:hover{
		background:#E0E0FF;
	}
    
	#no_file_content{
		border-left:1px solid #E0E0FF;
		height:520px;
	}
	
    h2 .path{
		font-size:70%;
	}
	
    #loader{
		background:#FFF;
		border:1px solid #E0E0FF;
		left:13px;
		position:relative;
		top:-450px;
		width:65px;
		z-index:1;
		padding:5px;
		visibility:hidden;
	}
    
	#signature{
		color:#E0E0FF;
		font-size:80%;
		text-align:center;
		margin:0;
		padding:0;
	}
	
    #canvas #slideshow a:link,#canvas #slideshow a:visited,#canvas #slideshow a:active,#canvas #menu_left a:link,#canvas #menu_left a:visited,#canvas #menu_left a:active,#canvas #menu_right a:link,#canvas #menu_right a:visited,#canvas #menu_right a:active{
		padding:2px;
	}
	
    #fullscreen_menu a:hover,#canvas #slideshow a:hover,#canvas #menu_left a:hover,#canvas #menu_right a:hover{
		color:#000;
		padding:2px;
	}
    
	#menu_right,#slideshow{
		display:inline;
		padding-left:153px;
	}
    
	.thumb_folder{
		width:196px;
		border:1px solid #E0E0FF;
		left:1px;
		position:relative;
		line-height:12px;
		margin-bottom:4px;
		min-height:90px;
		background:#ececec;
		padding:2px 0;
	}
    
	.thumb_folder a{
		border:0;
		text-decoration:none;
		font-size:85%;
		color:#000;
		margin:0;
		padding:0;
	}
    
	.thumbs .thumb_folder a img{
		text-decoration:none;
	}
	
    .thumb_folder img{
		float:left;
		border:0;
		margin:0 2px;
	}

    .thumb_folder_description{
		text-align:left;
		font-size:85%;
	}
	
    .thumb_folder_title{
		text-align:center;
		display:block;
		border-bottom:1px solid #E0E0FF;
		font-size:0.9em;
		margin:0 0 5px 94px;
		padding:2px 0;
	}
	
    #fullscreen_canvas_img{
		display:none;
		position:absolute;
		top:10px;
		left:10px;
	}

    #fullscreen_menu{
		position:absolute;
		display:none;
		color:#000;
		cursor:move;
		top:20px;
		left:100px;
		background:#ececec;
		border:1px solid #E0E0FF;
		z-index:10;
		opacity:0.8;
		padding:5px;
	}
	
    #fullscreen_menu span{
		margin-left:50px;
	}
    
	#fullscreen_menu a{
		border:0;
		color:#000;
		text-decoration:none;
		font-weight:700;
		margin:0;
		padding:2px;
	}
	
    #fullscreen_loader{
		background:#ececec;
		border:1px solid #E0E0FF;
		display:none;
		position:absolute;
		top:20px;
		left:20px;
		z-index:5;
		opacity:0.8;
		padding:5px;
	}