body {
margin: 0 0 0 0;
}

a img {
text-decoration: none;
border: none;
}

#stripe {
background: #d6b131 url(/stripe.jpg) no-repeat;
height: 4px;
}

#logo {
margin: 25px 5px 5px 5px;
}

#navigation {
width: 873px;
background: #9c381b;
}

#navigation ul {
list-style: none;
margin: 0 0 0 0;
height: 40px;
border-bottom: 1px solid #f3efef;
background: #9c381b;
}

#head {
background: transparent url(/head_bac.jpg) repeat-x;
}

#head_strasse {
background: transparent url(/header_strasse_bac.jpg) repeat-x;
}

#head_strand {
background: transparent url(/header_strand_bac.jpg) repeat-x;
}

#head_daecher {
background: transparent url(/header_daecher_bac.jpg) repeat-x;
}

#head_fruechte {
background: transparent url(/header_fruechte_bac.jpg) repeat-x;
}

#head_cathedrale {
background: transparent url(/header_cathedrale_bac.jpg) repeat-x;
}


#head_tourist {
background: transparent url(header_tourist_bac.jpg) repeat-x;
}

#navigation ul li {
float: left;
padding: 15px 10px 6px 10px;
margin-right: 20px;
background: #9c381b;
}

#navigation ul li.selected {
background: #68230f;
padding: 15px 10px 6px 10px;
}

#navigation ul li a {
font: bold 14px Helvetica Neue, sans-serif;
color: #fff;
text-decoration: none;
}

#navigation ul li a:hover {
font-weight: normal;
}

#navigation ul li.selected a:hover {
font-weight: bold;
}

#rightside {
background: #fff url(/page_bac.jpg) repeat-y;
width: 600px;
font: 13.5px Helvetica Neue, Helvetica, sans-serif;
line-height: 21px;
color: #20201f;
padding: 10px 30px 10px 25px;
margin: -4px 0 0 223px;
}

#rightside img {
border: 5px solid #fcfdd8;
margin: 5px 10px 5px 10px;
}

#rightside p {
margin: 0 0 30px 0;
font: 13.5px Helvetica Neue, Helvetica, sans-serif;
line-height: 21px;
color: #20201f;
}

#rightside ul {
list-style-image: url(/dot.jpg);
}

#rightside p a {
color: #68230f;
font-weight: bold;
text-decoration: none;
}

#rightside p a:hover {
color: #000;
}

#rightside p a:before {
content: url(/link.jpg);
}

#subnav {
display: none;
color: #494945;
margin-top: 18px;
font: 15px Lucida Sans, Lucida Grande, Lucida, Arial, sans-serif;
border-bottom: 1px solid #ededed;
padding-bottom: 5px;
} 

#subnav a {
color: #494945;
font: 14px Lucida Sans, Lucida Grande, Lucida, Arial, sans-serif;
text-decoration: none;
}

#subnav a.select {
font-weight: bold;
}

#subnav a:hover {
color: #000;
}

#leftside {
position: absolute;
top: 280px;
left: 15px;
width: 210px;
}

#leftside ul {
list-style: none;
padding: 0 0 0 10px;
margin: 8px 0 0 0;
}

#leftside ul li {
margin-bottom: 20px;
line-height: 22px;
}

#leftside ul li.selected a {
color: #000;
}

#leftside ul li.selected ul, #leftside ul li ul {
border-left: 1px solid #ededed;
margin-left: 3px;
padding-left: 5px;
}

#leftside ul li.selected ul li, #leftside ul li ul li {
margin-bottom: 3px;
}

#leftside ul li.selected ul li a, #leftside ul li ul li a {
color: #585856;
font: 14px Arial, Helvetica, sans-serif;
text-transform: none;
}

#leftside ul li.selected ul li a:hover {
color: #000;
}


#leftside ul li.selected ul li ul li a, #leftside ul li ul li ul li a {
font: 13px Helvetica Neue, Helvetica, Arial, sans-serif;
}

#leftside ul li a {
text-decoration: none;
color: #585856;
text-transform: uppercase;
font: bold 14px Lucida Sans, Lucida Grande, Lucida, Arial, sans-serif;
}

#leftside ul li.selected a {
color: #000;
}

#leftside ul li a:hover {
color: #000;
}

h1 {
font: 19px Helvetica Neue, Helvetica, Arial, sans-serif;
margin: -70px 0 38px 0;
letter-spacing: 1px;
color: #fff;
background: #b53512;
}

h2 {
background: #fff url(/h_before.jpg) no-repeat left center;
font: 21px Helvetica Neue, Helvetica, Arial, sans-serif;
color: #000;
margin: 0 0 0px 0;
padding: 0 0 0 30px;
}

h3 {
font: bold 14px Helvetica Neue, Helvetica, Arial, sans-serif;
color: #000;
margin: 0 0 4px 0;
}

h3.map {
font: bold 13px Helvetica Neue, Helvetica, Arial, sans-serif;
color: #585856;
margin: 1px 15px 5px 20px;
background: #fcfdd8;
border: 1px solid #ededed;
padding: 3px 5px 3px 5px;
width: 150px;
height: 17px;
overflow: hidden;
}


h3#here {
font: bold 13px Helvetica Neue, Helvetica, Arial, sans-serif;
color: #585856;
float: left;
margin: -4px 15px 5px 0;
background: #fcfdd8;
border: 1px solid #ededed;
padding: 3px 5px 3px 5px;
}


h4 {
font: bold 14px Helvetica, Arial, sans-serif;
color: #fff;
margin: 15px 0 0 0;
}


img.footimg {
margin-left: 223px;
}

#footer {
background: #fdfdd7;
width: 589px;
margin: -10px 0 20px 257px;
padding: 5px 0 5px 0;
}

#footer img {
background: #fdfdd7;
float: left;
}

#footer p {
margin: 5px 0 0 0px;
color: #454543;
}

#footer a {
font: 13px Arial, Helvetica, sans-serif;
text-decoration: none;
padding: 5px;
color: #454543;
}

#footer a:hover {
color: #000;
}


#schools {
position: absolute; 
top: 290px;
left: 880px;
}

#schools ul {
list-style: none;
border-top: 1px solid #ededed;
padding: 0 0 0 0;
}

#schools ul li {
background: transparent url(arrow.gif) no-repeat left center;
font: 14px Helvetica Neue, Helvetica, Arial, sans-serif;
color: #050505;
margin-bottom: 3px;
border-bottom: 1px solid #ededed;
padding: 7px 2px 7px 15px;
}

#schools ul li a {
font: bold 14px Lucida Sans, Lucida Grande, Lucida, Arial, sans-serif;
color: #b53512;
text-decoration: none;
}

#schools ul li a:hover {
color: #000;
}


#head_map {
border-bottom: 1px solid #efefef;
padding: 5px 0 5px 5px;
margin: 0 0 5px 0;
}


#head_map img {
float: left;
}

#poi1 {
width: 220px;
height: 150px;
position: absolute;
top: 125px;
left: 490px;
visibility: hidden;
}

#poi2 {
width: 220px;
position: absolute;
top: 123px;
left: 540px;
visibility: hidden;
}

#poi3 {
width: 220px;
position: absolute;
top: 132px;
left: 620px;
visibility: hidden;
}

#poi4 {
width: 220px;
position: absolute;
top: 225px;
left: 385px;
visibility: hidden;
}

#poi5 {
width: 220px;
position: absolute;
top: 170px;
left: 310px;
visibility: hidden;
}

#poi6 {
width: 220px;
position: absolute;
top: 60px;
left: 185px;
visibility: hidden;
}

#poi7 {
width: 220px;
position: absolute;
top: 144px;
left: 205px;
visibility: hidden;
}

#poi8 {
width: 220px;
position: absolute;
top: 310px;
left: 10px;
visibility: hidden;
}

#poi9 {
width: 220px;
position: absolute;
top: 70px;
left: 490px;
visibility: hidden;
}

#poi10 {
width: 220px;
position: absolute;
top: 110px;
left: 454px;
visibility: hidden;
}

#poi11 {
width: 220px;
position: absolute;
top: 360px;
left: 640px;
visibility: hidden;
}

#poi12 {
width: 220px;
position: absolute;
top: 230px;
left: 323px;
visibility: hidden;
}

#poi13 {
width: 220px;
position: absolute;
top: 190px;
left: 30px;
visibility: hidden;
}

#poi14 {
width: 220px;
position: absolute;
top: 140px;
left: 445px;
visibility: hidden;
}

#poi15 {
width: 220px;
position: absolute;
top: 93px;
left: 450px;
visibility: hidden;
}


#poi16 {
width: 220px;
position: absolute;
top: 204px;
left: 342px;
visibility: hidden;
}

#poi17 {
width: 220px;
position: absolute;
top: 220px;
left: 640px;
visibility: hidden;
}

#poi18 {
width: 220px;
position: absolute;
top: 85px;
left: 165px;
visibility: hidden;
}



.inner {
background: #85280f url(grad_pop.jpg) repeat-x bottom;
margin: 0 0 0 0;
padding: 5px 10px 20px 10px;
}

.inner p {
margin: 4px 0 0 0;
font: italic 12px Helvetica, Arial, sans-serif;
color: #fff;
}

img.point {
margin: 0 0 0 90px;
}

img.point8 {
margin: 0 0 0 50px;
}

img.point11 {
margin: 0 0 0 160px;
}

img.point17 {
margin: 0 0 0 110px;
}

img.mapmal {
border: 2px solid #b53512;
margin: 0 0 0 5px;
float: left;
}

img.moreinfo {
float: right;
margin: -30px 0 20px 0;
padding: 0;
border: 2px solid #b62e09;
}

img.moreinfo:hover {
border: 2px solid #fff;
margin: -33px 0 20px 0;
}

a.close_window {
font: 11px Helvetica, Arial, sans-serif;
color: #da7154;
text-decoration: none;
margin: 2px 0 0 -9px;
background: #661e0a;
padding: 5px 3px 3px 3px;
}

a.close_window:hover {
color: #fff;
}

ul#punkte {
position: absolute;
top: 40px;
left: 900px;
padding: 0 0 0 0;
width: 230px;
list-style-image: url(dot.jpg);
}

ul#punkte li {
margin: 0 0 10px 0;
}

ul#punkte li a {
font: bold 13px Arial, Helvetica, sans-serif;
color: #7f0508;
text-decoration: none;
}

ul#punkte li a:hover {
color: #000;
}