*{border:0;margin:0;padding:0;background:transparent;} 

body {
background:#ffffff url(img/bg.jpeg) repeat-x;
}

#distance {
width:auto;
height:25px;
}

#wrapper {
position:relative;
width:1024px;
height:1520px;
margin: 0 auto;
}

#header {
position:relative;
background:#ffffff  url(img/header.jpg) no-repeat top;
width:1024px;
height:450px;
}

/*-------navi-----------*/

ul#navi {
position:absolute;
top:203px;
left:134px;
height: 52px; 
list-style: none;
width: 600px;
border-bottom:1px dashed;
border-bottom-color:#1367bf; 
}

#navi li {
float: left;
height: 52px; 
margin: 0; 
padding: 0; 
text-indent: -1000em; 
}

#navi li a { 
display: block; 
height: 100%; 
overflow: hidden; 
width: 100%; 
}

#home { width: 79px; }
#about { width: 94px; }
#services { width: 111px; }
#special_events { width: 179px; }
#contact_us { width: 137px; }

#home a, #about a, #services a, #special_events a, #contact_us a  { background:url(img/menue.jpg); }

#home a:hover { background-position: 0 52px; } 
#about a {background-position: -79px 0; }
#about a:hover {background-position: -79px 52px; }
#services a {background-position: -173px 0; }
#services a:hover {background-position: -173px 52px; }
#special_events a {background-position: -284px 0; }
#special_events a:hover {background-position: -284px 52px; }
#contact_us a {background-position: -463px 0; }
#contact_us a:hover {background-position: -463px 52px; }

/*-------end navi-----------*/

#content {
position:relative;
width:1024px;
}

#main {
position:relative;
top:-165px;
padding:12px; 
width: 750px;
margin:0 auto;
}

.trennung {
width:450px;
height:10px;
background:#ffffff url(img/trennung.jpg) no-repeat;
margin: 30px 0 30px 0;
}

#left {
float:left;
width:470px;
height: auto;
border:1px solid;
border-color:#cccccc;
margin-left:15px;
margin-bottom:15px;
}

#left-left {
float:left;
width:225px;
}

#left-right {
float:right;
width:225px;
}

#left-left ul {
padding-top:10px;
}

#left-left ul li {
background: url(img/bullet.gif) no-repeat 10px 3px;
list-style-type: none;
margin: 0px;
font-size:14px;
color:#666666;
padding: 0px 0px 15px 30px;
}

#right {
float:right;
width:220px;
margin-right:35px;
}

#right1, #right2, #right3, #right4 {
float:right;
width:200px;
margin-bottom:20px;
border:1px solid;
border-color:#cccccc;
}
#right1 p, #right2 p, #right3 p, #right4 p {
font-size:0.8em;
margin-top:-10px;
}

p {
padding:10px;
font-size:15px;
color:#666666;
}
p:first-letter{
color: #1367bf;
font-size:130%;
}
p.wide{
padding:10px;
font-size:17px;
color:#666666;
}
p.wide:first-letter{
color: #1367bf;
font-size:150%;
}
li.lifirst:first-letter {
color: #1367bf;
font-size:130%;
}

#left h3 {
display:block;
position:relative;
font: 20px Georgia, serif;
font-weight:bold;
width:100px;
background:#ffffff;
top:-12px;
left:20px;
padding: 0 10px 0 10px; 
color: #1367bf;
}

#right h4 {
display:block;
position:relative;
font: 15px Georgia, serif;
font-weight:bold;
background:#ffffff;
top:-10px;
left:20px;
padding: 0 10px 0 10px; 
color: #1367bf;
}
#right h4.services {
display:block;
width:60px;
}
#right h4.about {
display:block;
width:46px;
}
#right h4.special_events {
display:block;
width:110px;
}
#right h4.contact {
display:block;
width:85px;
}

.ads {
margin:0 0 0 30px;
}

a.text {
text-decoration:none;
color:#666666;
}

a.text:hover {
text-decoration:none;
color:#666666;
font-weight:bold;
}


#footer {
position:relative;
top:-136px;
text-align: center;
font-size:11px;
color:#999999;
width:1024px;
height:200px;
background:#ffffff url(img/footer.jpg) no-repeat;
margin: 0 auto;
}

.footer {
color:#999999;
}

a.footer {
text-decoration:none;
}

a.footer:hover {
color:#666666;
font-weight:bold;
}

#grafik {
position:absolute;
width:287px;
height:176px;
background:#ffffff url(img/wasserbaelle.jpg) no-repeat;
top:1580px;
left:700px;
}

#grafik1 {
float:right;
width:200px;
height:200px;
background:#ffffff url(img/longdrink.jpg) no-repeat;
}