body{
margin: 0px;
padding: 8px;
font-family: "Helvetica Neue", "Helvetica", "Arial", "sans serif";
color: #555555;
background-color: #f2f1f0;
}
strong {
font-weight: bold;
}
a {
color: inherit;
font-family: inherit;
text-decoration: none;
}
table {
border-collapse: collapse;
}
td {
padding: 10px;
}
a:link {
color: inherit;
font-family: inherit;
text-decoration: none;
}
a:visited {
color: inherit;
font-family: inherit;
text-decoration: none;
}
a:hover {
color: inherit;
font-family: inherit;
text-decoration: none;
}
a:active {
color: inherit;
font-family: inherit;
text-decoration: none;
}
#container {
width: inherit;
max-width: 960px;
margin: 0 auto 0 auto;
}
#kopfleiste {
width: inherit;
height: 170px;
background-image: url(images/logo2.jpg);
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 15px;
}
#kopfleiste h1 {
margin: 0px;
padding: 0px;
font-size: 36px;
line-height: 115px;
color: #FAF9F8;
}
#menu {
width: auto;
height: auto;
background-color: #DBBD97;
float: left;
margin: 0px 10px 0px 0px;
padding: 25px;
}
#menu li {
margin: 0px 0px 10px 0px;
padding: 0px 10px 0px 10px;
color: #AA1480;
font-size: 16px;
}
#menu li.current {
color: #BFBFBF;
background-color: #A52770;
}
#menu a:hover {
background-color: #f2f1f0;
}
#menu ul {
padding: 0px;
list-style-type: none;
}
.scroll {
background: #E3CBAF;
height: 620px;
overflow: scroll;
width: auto;
border: 1px solid #000;
padding: 10px;
}
#inhalt {
width: auto;
height: auto;
overflow: hidden; /*Damit das Layout mit float funktioniert*/
padding: 10px 15px 10px 15px;
background-color: #E3CBAF;
box-shadow: 2px 2px 2px 0px #515151;
}
#inhalt a {
color: inherit;
font-size: 16px;
text-decoration: underline;
}
#inhalt h2 {
text-align: center;
font-size: 22px;
line-height: 1.4;
}
#inhalt p {
font-size: 20px;
line-height: 1.3;
}
#studio }
.rechts { float: left; width: 5em; height: 10em; background-color: pink; }
/*--Formatierung der Linkleiste--*/
.gallery {
padding: 0;
margin: 500px 0 0 0px;
list-style-type: none;
position: relative;
width: 550px;
}
/*--Horizontale Anordnung der Listeneinträge--*/
.gallery li {
float: left;
}
/*--Formatierung der Link-Buttons--*/
.gallery li a, .gallery li a:visited {
font-size: 11px;
display: block;
text-decoration: none;
color: #000;
background: #fff;
text-align: center;
width: 26px;
height: 26px;
line-height: 24px;
border: 1px solid #444;
margin: 2px;
}
/*--Hover-Formatierung der Link-Buttons--*/
.gallery li a:hover {
background: #ddd;
}
/*active und focus-Formatierung der Link-Buttons*/
.gallery li a:active, .gallery li a:focus {
background: #444;
color: #fff;
}
/*-- Blendet die Bilder aus--*/
.gallery li a img {
visibility: hidden;
border: 0;
}
/*--Positionierung der Normal-Bilder--*/
.gallery li a img.norm {
position: absolute;
top: -500px;
left: 0;
}
/*--Positionierung der Querformat-Bilder--*/
.gallery li a img.quer {
position: absolute;
top: -500px;
left: 0;
}
/*--Positionierung der Hochformat-Bilder*/
.gallery li a img.hoch {
position: absolute;
top: 500px;
left: 200;
border-left: 0px solid #E3CBAF;
border-right: 0px solid #E3CBAF;
}
/*--Einblenden der Bilder im active/focus-Zustand--*/
.gallery li a:active img, .gallery li a:focus img {
visibility: visible;
}