/***********************************/
/*-----css-datei für www.wessos.com-------*/
/*------13.juni 2006, joerg wessolowski------*/
/***********************************/
*   { margin: 0; padding: 0 }
body               { background-color: #063 }
#site                     { color: #063; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #ffc; text-align: center; margin: auto; position: relative; width: 778px; height: 500px }
/*---------------------------------------*/
#top1   { font-size: 10pt; background-color: #ffc; text-align: left; height: 20px }
#top1 ul    { margin-left: 330px }
#top1 li   { text-align: center; list-style-type: none; margin-right: 2px; padding: 2px; position: relative; width: 80px; float: left; border-right: 1px solid #063; border-left: 1px solid #063 }
#top1 a  { color: #063; text-decoration: none }
#top1 a:hover { font-weight: bold; text-decoration: underline overline }
#top1 li.active { font-weight: bold; background-image: url(images/hg_active.jpg) }
/*---------------------------------------*/
#top2               { background-image: url(images/hg_top2.jpg); text-align: left; height: 60px }
#top2 img  { position: relative; top: 8px; left: 310px }
/*---------------------------------------*/
#top2_bw               { background-image: url(images/hg_top2_bw.jpg); text-align: left; height: 60px }
#top2_bw img  { position: relative; top: 8px; left: 100px }
/*---------------------------------------*/
#top3                 { font-size: 10pt; background-color: #ffc; text-align: left; height: 20px }
#top3 ul    { margin-left: 4px }
#top3 li  { background-image: url(images/hg_top1.jpg); text-align: center; list-style-type: none; margin-right: 2px; padding: 2px; position: relative; width: 120px; float: left; border-right: 1px solid #063; border-left: 1px solid #063 }
#top3 a  { color: #063; text-decoration: none }
#top3 a:hover { font-weight: bold; text-decoration: underline overline }
#top3 li.active { font-weight: bold; background-image: url(images/hg_active.jpg) }
/*---------------------------------------*/
#content             { background-color: #ffc; position: relative }
/*---------------------------------------*/
#left                   { font-size: 10pt; background-color: #ffc; text-align: left; position: relative; width: 180px; float: left }
#left ul    { margin-top: 5px; margin-left: 4px }
#left li  { background-image: url(images/hg_top1.jpg); text-align: left; list-style-type: none; margin-bottom: 5px; padding: 2px; position: relative; width: 160px; float: left; border-right: 1px solid #063; border-left: 1px solid #063 }
#left li.up { background-image: url(images/hg_top1.jpg); text-align: left; text-indent: 20px; list-style-type: none; margin-bottom: 5px; padding: 2px; position: relative; width: 160px; float: left; border-right: 1px solid #063; border-left: 1px solid #063 }
#left a  { color: #063; text-decoration: none }
#left a:hover { font-weight: bold; text-decoration: underline overline }
#left li.active { font-weight: bold; background-image: url(images/hg_active.jpg) }
#left li.active_up { font-weight: bold; background-image: url(images/hg_active.jpg); text-indent: 20px }
/*---------------------------------------*/
#data               { font-size: 10pt; background-color: #ffc; text-align: left; margin-top: 5px; margin-left: 180px; position: relative }
#data table  { margin-right: 4px; margin-bottom: 10px; margin-left: 4px; padding: 2px; border-right: 1px solid #063; border-left: 1px solid #063 }
#data td  { padding: 2px; vertical-align: top }
#data td.bold { font-weight: bold }
#data td.album { text-align: center; width: 138px; height: 84px; vertical-align: middle; border-top: 1px solid #063; border-right: 1px solid #063; border-left: 1px solid #063 }
#data td.album2 { font-size: 8pt; text-align: center; width: 138px; height: 84px; vertical-align: middle; border: solid 1px #063; }
#data td.albumtext { font-size: 8pt; text-align: center; border-right: 1px solid #063; border-bottom: 1px solid #063; border-left: 1px solid #063 }
#data td.down { vertical-align: bottom ; width: 100px; }
#data td.down_right { text-align: right; vertical-align: bottom; width: 100px; }
#data td.fotogalerie { text-align: center; width: 400px; }
#data p.right { text-align: right; padding-right: 4px }
#data a { text-decoration: none }
#data a.bold { font-weight: bold; text-decoration: none; }
#data caption   { font-weight: bold; background-image: url(images/hg_top1.jpg); text-align: center; list-style-type: none; margin-top: 5px; margin-right: 4px; margin-left: 4px; padding: 2px; border-right: 1px solid #063; border-left: 1px solid #063 }
/*-----------tour_gmap.html----------------------------*/
/*---------------------------------------*/
/*---------------------------------------*/
#gmap_headline  { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-image: url(images/hg_gmap.jpg); margin: 4px; padding: 2px }
#gmap_card  { margin-left: 4px; width: 700px; height: 500px }
#gmap_close  { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url(images/hg_gmap.jpg); margin: 4px; padding: 2px }