html, body {
font-family: arial, helvetica, serif;
font-size: 100%;
background: #AAAAAA;
margin:0px;
padding:0px;
}
table, tr, td {
margin-bottom:0px;
text-align: center;
font-weight: bold;
}
html>body table{
margin-bottom:-4px;
text-align: center;
}
#banner {
width:auto;
margin: 0px;
padding-top:0em;
height: 116px;
background-color: #DEDEDD;
}
#content {
width: 904px;
height:800px;
background-color: #EF9A48;
padding: 0;
border: none;
margin-top: 0px;
margin-left:auto;
margin-right:auto;
}
html>body #content {
width: 904px;
margin-top:0px;
}
#line1{
position: absolute;
top: 90px;
width:904px;
height: 5px;
margin:0px;
background-color: #aaaaaa;
}
#line2{
position: absolute;
top: 98px;
width:904px;
height: 10px;
margin:0px;
background-color: #e17c00;
}
#line3{
position: absolute;
top:111px;
width:904px;
height: 5px;
margin:0px;
background-color: #ef9a48;
}
#line4{
width:904px;
height: 5px;
margin-top:8px;
background-color: #dededd;
}
html>body #line4{
margin-top: 30px;
}
#line5{
width:904px;
height:10px;
margin-top:3px;
background-color: #e17c00;
}
#line6{
width:904px;
height:5px;
margin-top:1px;
background-color: #aaaaaa;
}
a {
text-decoration: none;
_height: 1em;
}
a:link {
color: #0002C1;
}
a:visited {
color: #636363;
}
a:active {
color: #636363;
}
a:hover {
text-decoration: underline;
}
h1 {
text-align: center;
padding: 0 0 0.25em 0;
margin: 0;
font-size: 1.5em
}
ul {
list-style: none;
padding: 0em;
margin: 0;
}
#nav a {
font-weight: normal;
font-size: larger;
color: Black;
text-decoration: none;
display: block;
}
#nav a:hover {
background-color: #FFAD48;
}
#nav li li a {
font-weight: normal;
color: Black;
padding: 0.2em 0.2em;
}
#nav li li a:hover {
padding: 0.2em 0.2em;
background-color: #FFAD48;
}
li {
float: left;
position: relative;
width: 128px;
text-align: center;
cursor: default;
padding: 0em 0em 0em 0em;
background-color: #E17C00;
border: 1px solid #7d6340;
border-width: 1px 0px 1px 1px;
}
li#first {
border-left-width:auto;
}
li#last {
border-right-width: 1px;
}
li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
font-weight: normal;
background-color:#e17c00 ;
padding: 0;
border: 1px solid #7d6340;
}
li>ul {
top: auto;
left: auto;
}
li li {
display: block;
float: none;
background-color: transparent;
border: 0px;
margin: 0 0 0 0;
}
li:hover ul, li.over ul {
display: block;
}
#mainlogo{
margin-top: 40px;
margin-left:200px;
}
#slogan{
position: relative;
left: 40px;
font-size: 120%;
}
#footer{
width: 904px;
height: 30px;
font-size:120%;
text-align: right;
background-color: #e17c00;
margin-left:auto;
margin-right:auto;
}
#konzertblock{
position: relative;
top: 100px;
height: 400px;
width:904px;
background-color: #F2BC80;
text-align: left;
}
#konzerttext{
position:relative;
top: 5px;
width: 300px;
height: 390px;
overflow: auto;
margin-left: 10px;
font-size: 80%;
padding-right: 25px;
}
#konzertbild{
float:right;
margin-right:20px;
}
#kontaktform{
position:absolute;
top:100px;
left:500px;
}
#kontaktblock{
position: relative;
top: 100px;
min-height: 400px;
width:904px;
background-color: #F2BC80;
}
#headerkontakt{
position: absolute;
top: 220px;
font-size: 300%;
}
#gaestebuchcontent{
width: 904px;
background-color: #EF9A48;
padding: 0;
border: none;
margin-top: 0px;
margin-left:auto;
margin-right:auto;
}
#terminetext{
position:absolute;
left: 500px;
top:0px;
width: 350px;
height: 390px;
overflow: auto;
margin: 10px 0px 0px 10px;
padding-right: 25px;
font-family: Verdana, Geneva, sans-serif;
font-style: normal;
color: #000;
}
#pressetext{
position:absolute;
left: 450px;
top:0px;
width: 438px;
height: 390px;
overflow: auto;
margin: 10px 0px 0px 10px;
padding:0 5px 0 0;
font-size: 80%;
}
#leuteblock{
position: relative;
top: 28px;
height: 600px;
width:904px;
background-color: #F2BC80;
}
.pictext{
float:left;
height:150px;
width:112px;
vertical-align:middle;
}
.clearboth{
clear:both;
}
.leute1 a { float:left; display: block; width:112px; height:150px; background-image: url(./stuff/carsten.jpg); background-position:left;}
.leute1 a:hover { background-image: url(./stuff/carsten.jpg); background-position:right; cursor:default;}
.leute2 a { float:left; display: block; width:112px; height:150px ;background-image: url(./stuff/sabiner.jpg); background-position:left;}
.leute2 a:hover { background-image: url(./stuff/sabiner.jpg);background-position:right; cursor:default;}
.leute3 a { float:left; display: block; width:112px; height:150px; background-image: url(./stuff/christianew.jpg);background-position:left; }
.leute3 a:hover { background-image: url(./stuff/christianew.jpg);background-position:right; cursor:default;}
.leute4 a { float:left; display: block; width:112px; height:150px; background-image: url(./stuff/johanna.jpg); background-position:left;}
.leute4 a:hover { background-image: url(./stuff/johanna.jpg);background-position:right; cursor:default;}
.leute5 a { float:left; display: block; width:112px; height:150px; background-image: url(./stuff/andi.jpg); background-position:left;}
.leute5 a:hover { background-image: url(./stuff/andi.jpg);background-position:right;cursor:default;}
.leute6 a { float:left; display: block; width:112px; height:150px; background-image: url(./stuff/kerstin.jpg); background-position:left;}
.leute6 a:hover { background-image: url(./stuff/kerstin.jpg);background-position:right; cursor:default;}
.leute7 a { float:left; display: block; width:112px; height:150px; background-image: url(./stuff/juergenm.jpg);background-position:left;}
.leute7 a:hover { background-image: url(./stuff/juergenm.jpg);background-position:right; cursor:default;}
.leute8 a { float:left; display: block; width:112px; height:150px; background-image: url(./stuff/thomas.jpg);background-position:left; }
.leute8 a:hover { background-image: url(./stuff/thomas.jpg);background-position:right; cursor:default;}
.leute9 a { float:left; display: block; width:112px; height:150px; background-image: url(./stuff/sabinep.jpg);background-position:left; }
.leute9 a:hover { background-image: url(./stuff/sabinep.jpg);background-position:right; cursor:default;}
.leute10 a { float:left; display: block; width:112px; height:150px; background-image: url(./stuff/gabyh.jpg); background-position:left; }
.leute10 a:hover { background-image: url(./stuff/gabyh.jpg);background-position:right; cursor:default;}
.leute11 a { float:left; display: block; width:112px; height:150px; background-image: url(./stuff/christianeb.jpg);background-position:left;}
.leute11 a:hover { background-image: url(./stuff/christianeb.jpg);background-position:right; cursor:default;}
.leute12 a { float:left; display: block; width:112px; height:150px; background-image: url(./stuff/gabia.jpg); background-position:left;}
.leute12 a:hover { background-image: url(./stuff/gabia.jpg);background-position:right; cursor:default;}
.leute13 a { float:left; display: block; width:112px; height:150px; background-image: url(./stuff/juergenc.jpg);background-position:left;}
.leute13 a:hover { background-image: url(./stuff/juergenc.jpg);background-position:right; cursor:default;}
#leutetext{
position:relative;
top:75px;
left:50px;
font-size: 150%;
}
#clipblock{
float: right;
width: 350px;
}
#impressumblock{
font-size:80%;
position: relative;
top: 100px;
height: 400px;
width:874px;
background-color: #F2BC80;
padding-left:30px;
}
html>body #impressumblock{
top: 90px;
}
.teachtext {
font-family: Verdana, Geneva, sans-serif;
background-color: #C2C1C1;
}
#bildtext {
font-family: Verdana, Geneva, sans-serif;
background-color: #F2BC80;
float: left;
width: auto;
position: relative;
font-size: 9px;
top: -20px;
left: 4px;
}