body {
    font-family: Arial, sans-serif;
    font-size: 100.1%;
	color:#fff;
    min-width: 40em; /* min-width prevents display errors in modern browsers */
    margin: 0; padding: 0; background-color:#D96C00 /* old EF7700*/;   
  }


	/* text style definitions font 771515 */

	
    p, h1, h2 {color:#FFFFFF; }
    h1{font-size:20px;font-weight: bold;}
    h2{font-size:16px;font-weight: lighter;}
	p {font-size:15px; text-align:justify; font-family:Arial, Helvetica, sans-serif}
	.headline1 {color:#FFFFFF; font-size:18px; font-style:oblique; font-family:Arial, Helvetica, sans-serif}
	i {color:#FFFFFF; font-size:12px; font-style:oblique}

	a {color:#771515; text-decoration:none; font-family:Arial, Helvetica, sans-serif}
	a:hover {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif}

	/* navigation definitions */
	#navigation ul
	{
    margin: 0; padding: 2px;
    text-align: center;
		height:19px;
    z-index:5; 
	}
	
	#navigation ul li 
	{
    list-style: none;
	display:inline;
    margin: 0; padding: 0;
    z-index:5;
	}
	
	#navigation ul li a
	{
		float:left;
		margin-right:34px;
		padding-bottom:4px;
		z-index:5;
		color:#d96c00;
	}
	
	#navigation ul li a:hover
	{
		color:#FFFFFF;
	}



	/* content link definitions */
	#link ul
	{
    margin: 0; padding: 2px;
    text-align: center;
		height:19px;
    z-index:5; 
	}
	
	#link ul li 
	{
    list-style: none;
	display:inline;
    margin: 0; padding: 0;
    z-index:5;
	}
	
	#link ul li a
	{
		float:left;
		margin-right:34px;
		padding-bottom:4px;
		z-index:5;
		color:#771515;
	}
	
	#link ul li a:hover
	{
		color:#FFFFFF;
	}


  /* menu, fixed, overlapping with logo  old #BC0900 */
  #top 
  {
    position: absolute;
    width:100%;
    height:100px;
    background-color:#3d1800;
  }
  html>body #top 
  {  /* only for modern browsers! */
    position: fixed;
    left:0px; top:0px;
    z-index:2;
  }
	
	/* logo, fixed size 430x350 px   */
  #logo 
  {
    position: absolute;
    z-index:3;
    width: 430px;

  }
  html>body #logo 
  {  /* only for modern browsers! */
    position: fixed;
    left:0px; top:0px;
  }

  /* menu, fixed, overlapping with logo  */
  #menu 
  {
    position: absolute;
    padding:10px;
    z-index:4;
  }
  html>body #menu 
  {  /* only for modern browsers! */
    position: fixed;
  }

	/* content */
  #content 
  {
    position: absolute; 
    left:550px; top:100px;
    right:30px;
    min-width:300px;
    max-width:400px;
    min-height:20%;
    margin:10px;
    padding:20px;
  	z-index:0;
  }
  html>body #content
  {  /* only for modern browsers! */
    
  }
  
	/* bottom line with impressum, fixed   */
  #bottom 
  {
    position: absolute;
	bottom:0px;
    width:100%;
    height:30px;
    text-align:right;
    padding-top:9px;
    z-index:99;
    font-size:12px;
    background-color:#3d1800; 
	color:#d96c00;
  }
  html>body #bottom 
  {  /* only for modern browsers! */
    position: fixed;
    left:0px; bottom:0px;
	text-align:center;
  }
  
  #bottom a
  {
	color:#d96c00;
  }
  
  #bottom a:hover
  {
	color:#FFFFFF;
  }
  
  

	/* transparent filters for diary effect */  
  #Alpha_up
	{
		position:fixed;
		right:0px;
		top:100px; 
		width: 100%;
		height:140px;
    z-index:1;
    background-color:#D96C00;
  }
  
  #Alpha_bottom
	{
		position:fixed;
		right:0px;
		bottom:30px; 
		width: 100%;
		height:120px;
    z-index:1;
    background-color:#D96C00;
  }
  
  /* transparent pics (for non-IE browser) for diary effect */  
	#transparentPic_top
	{    
		position:fixed;
		right:0px;
		top:100px; 
		width: 100%;
		height:100px;
    z-index:2;
		background-image:url(../pics/transparent_top.png);
    background-position:0px 0px;
	background-repeat:repeat-x;
  }
  
  #transparentPic_bottom
	{    
		position:fixed;
		right:0px;
		bottom:38px; /* to change due to estimated pixel from above */
		width: 100%;
		height:120px;
    z-index:2;
		background-image:url(../pics/transparent_bottom.png);
    background-position:0px 0px;
	background-repeat:repeat-x;
  }  
  
	#disclaimer
	{
		margin-left:20%;
		margin-top:100px; 
		padding-top:0px;
		padding-bottom:0px;
		padding-left:0px;
		padding-right:0px;
		width: 70%;
  }
 
  #backButton
	{
	  	position:absolute;
			right:52px; bottom:38px;
	  	z-index:15;
	  	width:50px;
	  	height:20px;
	}
	html>body #backButton 
  {  /* only for modern browsers! */
    position: fixed;
  } 

  
  /* different Cities to pop in pics.html */

  #map
  {
  	position:fixed;
  	top:0px; left:0px;
  	height:570px;
  	width:900px;
  	z-index:2;
  }

 
#map a {color:#fff; text-decoration:none; font-family:Arial, Helvetica, sans-serif}
#map a:hover {color:#771515;}
 
  /* class cities for smaller display */
	.cities 
	{
		font-size:12px;
        z-index:999; 
	}
    
   	.cities a
	{
		font-size:12px;
        z-index:999; 
	}
 
  .formular {
		color:#FFFFFF;
		font-size:15px;
    text-align: left;
	}
	.formular > ul {
	    list-style-type: none;
	    margin-left: 0px;
	    padding-left: 0px;
	    color:#FFFFFF;
	}
	.formular > ul > li {
	    vertical-align: bottom;
	    color:#FFFFFF;
	}
	.formular * label:after {
	    content: ":";
	    color:#FFFFFF;
	}