<style type="text/css">

    a:link { font-weight:bold; color:navy; text-decoration:none; } 
    a:link { font-weight:bold; color:navy; text-decoration:none; }
	a:visited { font-weight:bold; color:navy; text-decoration:none; }
	a:focus { font-weight:bold; color:blue; text-decoration:underline; }
	a:hover { font-weight:bold; color:blue; text-decoration:underline; }
	a:active { font-weight:bold; color:blue; text-decoration:underline; }
	 
	 
     li {
     	color: black;
     	font-family:  Helvetica, Verdana, sans-serif;
        	font-size: 100%;	
     }
     
      opt-strong {
     	color: black;
     	font-family:  Helvetica, Verdana, sans-serif;
     	font-weight: bold;
        font-size: small;	
     }
     
	 opt-small {
		color: black;
		font-family: Helvetica, Verdana, sans-serif;
		font-weight: normal;
		font-style:normal;
		font-size:xx-small;
	 }
	 opt-highlight {
		color: navy;
		font-weight: bold;
	 }
	 
     body {
     	background-color: #E98B2B;
     }
     
     #continuum {
     	
     	background-color: #FFA500;
     	width: 900px;         /* Breite des Elementes */
             height: 675px;
             border: 0;
             padding: 0;
             margin: auto;
     
             color: black;
     
     }
     
     
     #site-box {
        position: absolute;
        width: 900px;         /* Breite des Elementes */
        height: 675px;
        border: 0;
        margin: 0;
        padding: 0;
        color: black;
        background-color: #FFA500;
        background-image: url(../bitmaps/background.jpg);
     }
     
     #title-box-shadow{
     	position: absolute;
     	top: 32px;
     	left: 202px;
     	width: 880px;
     	height: 113px;
     	border: 0;
        	margin: 0;
        	padding: 0;
        	background-color: transparent;
        	
        	color: black;
        	font-family:  Helvetica, Verdana, sans-serif;
        	font-size: 300%;
     }
     
     #title-box{
     	position: absolute;
     	top: 30px;
     	left: 200px;
     	width: 880px;
     	height: 113px;
     	border: 0;
        	margin: 0;
        	padding: 0;
        	background-color: transparent;
        	
        	color: yellow;
        	font-family:  Helvetica, Verdana, sans-serif;
        	font-size: 300%;
     }
     
     
     #opt-box {
     	position: absolute;
        top: 133px;
     	left: 747px;
		
     	width: 145px;
     	height: 479px;
		margin: 0;
		padding: 0;
     	background-color: #FFA500;
		background-image: url(../bitmaps/opt-background.jpg);
     	
     	color: black;
     	font-family:  Helvetica, Verdana, sans-serif;
		font-size: 60%;	
     }

     
     #content-box {
     	position: absolute;
             top: 133px;
     	left: 164px;
     	width: 574px;
     	height: 479px;
       	border: 0;
     	margin: 0;
     	padding: 0;
     
     	background-color: #FFA500;
        	background-image: url(../bitmaps/content-background.jpg);
     	
     	color: black;
     	font-family:  Helvetica, Verdana, sans-serif;
        	font-size: 75%;	
     
     	
     }
     
     #menu-box {
     	position: absolute;
        top: 133px;
     	left: 10px;
     	width: 145px;
     	height: 479px;
        border: 0;
        margin: 0;
        padding: 0;
     
     	background-color: transparent;
        	/*background-image: url(../bitmaps/menu-background.jpg);*/
     	
     	color: black;
		font-size: 85%;
		font-style:italic;
        font-family:  Helvetica, Verdana, sans-serif;
     
     }
     
     

     
     
     
     ul#gallery, #gallery ul{
/*Remove all spacings and bullets*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#gallery>li{
	float: left;
	padding: 3px;
	margin: 3px;
	width: auto;
	height: auto;
	border: 1px solid transparent;
}

ul#gallery>li ul{
	padding: .8em;
	margin-top: 10px; /*may be adjusted according to the dimension size of the thumbnail images*/ [*]
	border: 1px solid #000;
	background-color: rgb(255,255,128);
	color: #000;
	font-size: 90%;
	max-width: 60%; /*prevent the popups from being too wide*/
	display: none;
	position: absolute;
}

ul#gallery>li ul li{
	margin-top: 2px; /*some spacing between the image data*/
}

ul#gallery>li:hover{
/*of course, the colors are customizable*/
	color: #369;
	background-color: rgb(255,255,128);
	border-color: #369;
}

ul#gallery>li:hover ul{
	display: block;
	list-style-type: none;
}

ul#gallery ul:before{
/*display the 'Image Information' at the top of the popups*/
	content: "Bild - Information";
	font-size: 130%;
	font-weight: bold;
	border-bottom: 1px solid #999;
	display: block;
}

ul#gallery ul:after{
/*display the '(click to view the larger version of this image)' at the bottom of the popups*/
	content: "(Klicken um das Bild zu vergrößern.)";
	
	font-size: 90%;
	text-align: right;
	border-top: 1px solid #999;
	display: block;
	margin-top: 1em;
}

ul#gallery img{
/*width and height may be adjusted according to the dimension size of the thumbnail images*/
	width: 120px;
	height: 80px;
	display: block;
}

img,a img{
/*Remove borders from images*/
	border: 0;
}
     
     
</style>