html, body {/*TODO:weglassen!*/
height: 100%; 
width:100%;
padding:0px;
border:0px;
margin:0px; /* Aussenabstände */
}

.transparent { /* Glasscheibe Header und Texte */
opacity:0.7; /* CSS3 (Neuere Browser außer Internet Explorer) */
filter:alpha(opacity=70); /* Internet Explorer 4-7 */
-moz-opacity:0.7; /* Gecko (Ältere Mozilla-Browser)  */
-khtml-opacity:0.7; /* Alte Versionen von Konqueror oder Safari */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* Internet Explorer 8 */
}

/* header:begin */
#header {
background-color:#fff;
position:absolute;
z-index:3;
top:0px;
left:0px;
width:280px;
height:150px;
margin:10px;
padding:10px;
font-family:"Helvetica", Arial, sans-serif; 
font-size:1.5em;
font-weight:bold;
text-align:right;
}

#header a:link { text-decoration:none; color:lightblue;}
#header a:visited 	{ text-decoration:none; color:lightblue;}
#header a:hover 	{ text-decoration:none;color:red;}
#header a:active 	{ text-decoration:none;color:lightblue;}
#header a:focus { text-decoration:none; color:lightblue;}

#header a img {float:left; border:0px; /* Anordnung der Header-Images */
opacity:0.7; /* CSS3 (Neuere Browser außer Internet Explorer) */
filter:alpha(opacity=70); /* Internet Explorer 4-7 */
-moz-opacity:0.7; /* Gecko (Ältere Mozilla-Browser)  */
-khtml-opacity:0.7; /* Alte Versionen von Konqueror oder Safari */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* Internet Explorer 8 */
}

#header a:hover img {
opacity:1.0; /* CSS3 (Neuere Browser außer Internet Explorer) */
filter:alpha(opacity=100); /* Internet Explorer 4-7 */
-moz-opacity:1.0; /* Gecko (Ältere Mozilla-Browser)  */
-khtml-opacity:1.0; /* Alte Versionen von Konqueror oder Safari */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Internet Explorer 8 */
}
/* header:end */

/* menue:begin */
#menue {
position:absolute;/*notwendig für IE, kein z-index!*/
z-index:2;
visibility:hidden;
font-family:"Helvetica", Arial, sans-serif; 
font-size:1.5em;
font-weight:bold;
width:360px;
height:100%;
overflow:auto;
clear:left;
}

#menue a:link { text-decoration:none; color:lightblue;}
#menue a:visited 	{ text-decoration:none; color:lightblue;}
#menue a:hover 	{ text-decoration:none;color:red;}
#menue a:active 	{ text-decoration:none;color:blue;}
#menue a:focus { text-decoration:none; color:blue;}

ul {
padding:0px;
list-style:none;
}
/* menue:end */

/* foto:begin */
#foto {
background-color:#444444;
position:absolute;
z-index:1;
width:100%;
height:100%;
}

#background {/*TODO:weglassen!*/
position:absolute;
width:100%;
height:100%;
}
/* foto:end */

/* texte:begin */
#titel {color:blue;}
.bold {font-weight:bold;}
.italic {font-size:0.7em;color:blue;}
#copy {font-weight:normal;font-size:0.9em;}

#texte {
background-color:#fff;
position:absolute;
z-index:2;
bottom:0px;
right:0px;
width:23em;
height:100%;
padding-left:1.5em;
padding-right:0.5em;
font-family:"Helvetica", Arial, sans-serif; 
font-size:1.5em;
visibility:hidden;
overflow:auto;
}
/* texte:end */