body {
margin:0;
padding:0;
text-align:left;
background-color:#fffff;   
font-family: helvetica, tahoma, arial, sans-serif; 
color:#4f4f4f;
font-size:16px;
}
#page {
margin:0 auto;
margin-top:10px;
width:840px;
}
#email {
padding:10px 0;
margin:0;
width:600px;
float:left;
text-align:right;
font-size:12px;
background:url(../images/email.png) 410px 8px no-repeat;
}
#email a {
color: #4f4f4f;
text-decoration: none;
}
#email a:hover,
#email a:focus,
#email a:active {
color: #ff007f;
text-decoration: none;
}
#topnav {
padding:10px 0;
margin:0;
width:200px;
float:right;
text-align:right;
font-size:12px;
}
#topnav a {
color: #4f4f4f;
text-decoration: none;
}
#topnav a:hover,
#topnav a:focus,
#topnav a:active {
color: #ff007f;
text-decoration: none;
}
#logo {
padding:0;
margin:0;
width:600px;
height:150px;
float:left;
background:url(../images/logo.png) 10px 10px no-repeat;
}
#logo h1 {
padding-top:60px;
padding-left:160px;
font-size:30px;
}
#orchid {
padding:0;
margin:0;
width:200px;
height:150px;
float:right;
background:url(../images/orchid.jpg) 60px 10px no-repeat;
}
#telefon {
padding-top:0px;
padding-bottom:20px;
margin:0;
width:600px;
float:left;
text-align:left;
font-size:26px;
background:url(../images/telefon.png) 240px 5px no-repeat;
}
#telefon  strong{
padding-left:285px;
}
#adress {
padding:10px 0;
margin:0;
width:600px;
float:left;
text-align:left;
font-size:20px;
}
#adress a {
color: #4f4f4f;
text-decoration: none;
padding-left:10px;
}
#adress a:hover,
#adress a:focus,
#adress a:active {
color: #ff007f;
text-decoration: none;
}
#open {
padding:0px 0;
margin:0;
width:175px;
float:right;
text-align:right;
font-size:16px;
}
#termin {
padding:0;
margin:0;
width:175px;
float:right;
text-align:right;
font-size:10px;
}
#Weihnachten {
padding-top:10px;
margin:0;
width:840px;
clear:both;
float:left;
text-align:center;
font-size:16px;
color:red;
}
#images {
padding-top:10px;
margin:0;
width:840px;
clear:both;
float:left;
}
#images img {
border:1px solid #4f4f4f;
padding:2px;
}
#images img:hover,
#images img:focus,
#images img:active {
border:2px solid #ff0080;
padding:1px;
}

#img1{
position:relative;
top:0px;
left:0px;
}
#img2{
position:relative;
top:0px;
left:15px;
}
#img6{
position:relative;
top:0px;
left:30px;
}
#img7{
position:relative;
top:10px;
left:0px;
}
#img8{
position:relative;
top:10px;
left:45px;
}
#img9{
position:relative;
top:10px;
left:90px;
}
#img10{
position:relative;
top:20px;
left:0px;
}

#copy {
clear: both;
padding:50px 15px;
margin:0;
width:840px;
float:left;
text-align:left;
font-size:10px;
}
#copy a {
color: #4f4f4f;
text-decoration: none;
}
#copy a:hover,
#copy a:focus,
#copy a:active {
color: #ff007f;
text-decoration: none;
}
#imgpreload {
width:0px;
height:0px;
display:inline;
background:url(../images/img1.jpg);
background:url(../images/img2.jpg);
background:url(../images/img3.jpg);
background:url(../images/img4.jpg);
background:url(../images/img5.jpg);
background:url(../images/img6.jpg);
background:url(../images/img7.jpg);
background:url(../images/img8.jpg);
background:url(../images/img9.jpg);
background:url(../images/img10.jpg);
background:url(../images/img11.jpg);
background:url(../images/img12.jpg);
}
/*----------------------------anfahrt.html------------------------------------------*/
#logo2 {
padding:0;
margin:0;
width:600px;
height:150px;
clear:both;
float:left;
background:url(../images/logo.png) 10px 10px no-repeat;
}
#logo2 h1 {
padding-top:60px;
padding-left:160px;
font-size:30px;
}
#adress2 {
padding-top:65px;
margin:0;
width:140px;
float:right;
text-align:right;
font-size:20px
}
#head {
padding:10px 0;
margin:0;
width:600px;
float:left;
text-align:left;
font-size:24px
}
#head a{
color: #4f4f4f;
text-decoration: none;
}
#head a:hover,
#head a:focus,
#head a:active {
color: #ff007f;
text-decoration: none;
}
#telefon2 {
padding-top:5px;
padding-bottom:20px;
margin:0;
width:200px;
float:right;
text-align:right;
font-size:20px;
background:url(../images/telefon.png) 10px 5px no-repeat;
}
#bus {
padding-top:5px;
padding-bottom:5px;
padding-left:30px;
margin:0;
width:825px;
float:left;
text-align:left;
font-size:16px;
background:url(../images/bus_pic.gif) 0px 5px no-repeat;
}
#tube {
padding-top:5px;
padding-bottom:5px;
padding-left:30px;
margin:0;
width:825px;
float:left;
text-align:left;
font-size:16px;
background:url(../images/u_pic.gif) 0px 5px no-repeat;
}
#train {
padding-top:5px;
padding-bottom:25px;
padding-left:30px;
margin:0;
width:825px;
float:left;
text-align:left;
font-size:16px;
background:url(../images/s_pic.gif) 0px 5px no-repeat;
}
#map {
padding:0;
margin:0;
width:825px;
height:425px;
clear:both;
float:left;
border:1px solid #4f4f4f;
}