body {
color:black;
background-image:url(../bin/asphalt.jpg);
padding:0;
margin:0;
font-family:arial, verdana, helvetica, sans-serif;
}
#container {
background-image: url(../bin/ziegel.jpg);
border-bottom:2px solid black;
}
#roof {
background-image: url(../bin/biber.jpg);
height:25px;
border-bottom:1px solid black;
}
#head {
height:70px;
background:white;
border-top:2px solid black;
border-bottom:2px solid black;
padding:0;
margin:0;
}
#headline {
width:80%;
float:left;
}
#logo_left {
height:70px;
width:10%;
float:left;
background-image: url(../bin/logo_neu_klein.jpg);
background-position: left;
background-repeat:no-repeat;
}
#logo_right {
height:70px;
width:10%;
float:left;
background-image: url(../bin/logo_alt_klein.jpg);
background-position: right;
background-repeat:no-repeat;
}
#head h1 {
font-variant:small-caps;
color: #AA0000;
font-size:1.8em;
letter-spacing:0.1em;
text-align:center;
padding:0;
margin:7px 0px 0px 0px;
}
#head h2 {
font-size:1.0em;
letter-spacing:0.1em;
text-align:center;
padding:0;
margin:0;
}
#navi {
background:#EEEEEE;
font-variant:small-caps;
font-size:0.8em;
letter-spacing:0.1em;
clear:both;
text-align:right;
padding:5px;
}
#breadcrumb {
color:#AA0000;
background:#EEEEEE;
font-size:0.7em;
clear:both;
margin:0;
padding:3px;
border-bottom:1px solid black;
}
#navi a, #navi a:link, #navi a:visited, #breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #foot a, #foot a:link, #foot a:visited, #content a, #content a:link, #content a:visited {
font-weight:bold;
color:#AA0000;
text-decoration:none;
}
#navi a:hover, #navi a:active, #breadcrumb a:hover, #breadcrumb a:active, #foot a:hover, #foot a:active, #content a:hover, #content a:active {
color:#000000;
text-decoration:underline;
}
#main {
background:white;
}
#menu {
background:white;
float:left;
width:150px;
}
#menu ul {
text-align:center;
font-variant:small-caps;
font-weight:bold;
letter-spacing:0.1em;
margin:0px;
padding:20px 0 0 5px;
list-style:none;
}
#menu li {
padding:0 0 5px 0;
margin:0;
}
#menu a {
display:block;
margin:auto;
padding:3px;
color:#AA0000;
background:#EEEEEE;
font-size:0.7em;
font-variant:normal;
letter-spacing:0;
border:1px solid black;
text-decoration:none;
text-align:center;
}
#menu a:hover {
background:#FFFFCC;
}
#menu p {
margin-left:5px;
padding:10px;
color:#000000;
font-size:0.6em;
font-variant:normal;
letter-spacing:0;
}
input.button {
font-weight:bold;
width:100px;
color:#AA0000;
background:#EEEEEE;
border:1px solid black;
text-decoration:none;
text-align:center;
padding:2px;
}
input.button:hover {
background:#FFFFCC;
}
input, textarea {
background:white;
font-family:arial, verdana, helvetica, sans-serif;
border:1px solid black;
}
input:focus, textarea:focus {
background:#FFFFCC;
}
input.text, textarea {
width:300px;
}
select {
font-family:arial, verdana, helvetica, sans-serif;
border:1px solid black;
}
form {
margin:0;
}
td.firstcol {
width: 50px;
text-align:center;
}
fieldset {
background:white;
text-align:left;
border:1px solid black;
margin-bottom: 15px;
}
legend {
font-weight:bold;
padding:5px;
}

#content{
min-height:410px;
text-align:center;
color:black;
margin:0 0 0 160px;
padding:30px;
border-left:1px solid black;
background-image: url("../bin/ziegel.jpg");
}
#content h1 {
background:white;
border:1px solid black;
font-variant:small-caps;
color: #AA0000;
font-size:1.2em;
letter-spacing:0.05em;
text-align:center;
margin-top:0px;
padding:2px 0px 2px 12px;
}
#content h2 {
font-size:1.0em;
text-align:center;
}
#content hr {
color: black;
background-color: black;
height: 1px;
margin: 20px 0px 20px 0px;
}
#maintext {
font-size:0.8em;
text-align:justify;
background:white;
border:1px solid black;
padding:15px;
}
#fliesstext p:first-letter {
font-family:palatino, serif;
font-size:2em;
font-weight:bold;
color:#AA0000;
}
#foot {
font-size:0.6em;
clear:both;
color:#AA0000;
background:#EEEEEE;
text-align:center;
padding:0;
margin:0;
border-top:1px solid black;
border-bottom:1px solid black;
}
#foot p {
margin:0;padding:4px;
}

<!-- Galerie -->

#box {
padding:0;
margin:0;
}
#box img {
border:3px solid black;
}
#box div {
display:none;
}
#box:hover div {
display:block;
position:absolute;
left: 207px;
top: 450px;
background:#AA0000;
color:#ffffff;
border:3px solid black;
padding:10px 119px 10px 119px;
margin:2px 0 0 0;
}
#galerie {
background-image: url(../bin/filmstreifen.jpg);
background-position: top left;
background-repeat:repeat-x;
}
#galerie td {
width:100px;
height:140px;
}
#galerie a:link, a:visited {
color: #AA0000;
text-decoration:none;
}
#galerie a:hover {
color: #FFF;
}
#bildtitel {
font-weight: bold;
}
td.tooltip a:link, a:visited {
color:#A00;
}
td.tooltip a:hover {
color:#FFF;
}
td.tooltip a:link span {
display: none;
}
td.tooltip a:visited span {
display: none;
}
td.tooltip a:hover span {
position: absolute;
color: #000;
background-color: #FFC;
margin:15px 0px 0px 20px;
max-width:220;
padding: 2px 10px 2px 10px;
border: 1px solid #000;
font-size:0.67em;
text-align:left;
display: block;
}
#marken {
margin:auto;
border: 1px solid black;
border-collapse:collapse;
background : #FFF;
}
#marken th {
border: 1px solid black;
text-align:center;
padding:10px;
}
#marken td {
border: 1px solid black;
text-align:center;
}
#marken img {
max-width:150px;
max-height:150px;
}
#links {
margin:auto;
border: 1px solid black;
border-collapse:collapse;
background : #FFF;
}
#links td {
border: 1px solid black;
padding:10px;
}