* {
padding : 0;
margin : 0;
border : 0;
}
html, body {
width : 100%;
height : 100%;
}
body {
position : relative;
background : #fff url(grafx/main-bg.jpg) no-repeat center center;
color : #600;
}
#center {
position : absolute;
left : 50%;
top : 50%;
width : 700px;
height : 550px;
margin-left : -350px;
margin-top : -275px;
text-align : center;
overflow : hidden;
}
#titel {
margin-top : 30px;
margin-left : 180px;
}
#content {
font-family : arial;
position : absolute;
width : 430px;
height : 410px;
bottom : 10px;
right : 10px;
padding : 5px;
text-align : left;
overflow-y : auto;
overflow-x : hidden;
}
p {
text-indent : 30px;
}
#content ul li {
list-style-image : url(grafx/liste.jpg);
}
#nav {
position : absolute;
top : 224px;
left : 0.88em;
color : #660000;
width : 10em;
}
#nav ul {
list-style : none;
font-size : 1.1em;
}
#nav li {
text-align : right;
letter-spacing : 0.11em;
line-height : 1.3em;
display : block;
}
#nav a {
color : #600;
text-decoration : none;
font-weight : 600;
}
#nav a:hover {
text-decoration : underline;
}
a {
color : #600;
text-decoration : underline;
font-weight : 300;
}
a:hover {
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
#lightbox {
background-color : #eee;
padding : 10px;
border-bottom : 2px solid #666;
border-right : 2px solid #666;
}
#lightboxDetails {
font-size : 0.8em;
padding-top : 0.4em;
}
#lightboxCaption {
float : left;
}
#keyboardMsg {
float : right;
}
#closeButton {
top : 5px;
right : 5px;
}
#lightbox img {
clear : both;
}
#overlay {
background-image : url(grafx/overlay.png);
}
h2 {
font-size : 1.2em;
}