body {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color: #3C0F00;
background-image: url(images/body_HG.gif); /* Motiv 124 x 181, Kachel 163 x 220 */
background-repeat: repeat-y;
}

#container {
position: absolute;
left: 55%;
top: 40%;
width: 900px;
height: 540px;
margin-left: -465px;
margin-top: -220px;
border-top: 5px solid #B99B6E;
border-bottom: 5px solid #B99B6E;
background-color: #F5EDD0;
}

/* ================= left ==================== */
#left {
position: absolute;
left: 0px;
top: 0px;
width: 308px;
height: 540px;
background-color: #E0D2AF;
}

#signet { /* unter #left, 268 x 84px */
position: absolute;
left: 20px;
top: 150px;
}

ul#nav1 {
position: absolute;
left: 25px;
bottom: 70px;
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul#nav1 li {
margin: 0px 0px 1px 0px;
padding: 0px;
}

ul#nav1 a:link, ul#nav1 a:visited, ul#nav1 a:active {
padding: 0px 0px 0px 24px;
color: #000000;
text-decoration: none;
background-image:  url("images/nav1.gif");
background-repeat: no-repeat;
background-position: 0px 4px; /* linke obere Ecke, horizontal, vertikal */
}

ul#nav1 a:hover {
background-image:  url("images/nav1_ov.gif");
}

ul#nav1 .pr1 {
background-image:  url("images/nav1_pr.gif")!important; /* sonst wirkt a:link */
}

ul#nav2 {
position: absolute;
left: 25px;
bottom: 12px;
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul#nav2 li {
display: inline;
margin: 0px 10px 0px 0px;
padding: 0px;
}

ul#nav2 a:link, ul#nav2 a:visited, ul#nav2 a:active {
text-decoration: none;
}

ul#nav2 a:hover { /* a:hover wirkt, #722B13 */
}

ul#nav2 .pr2 { /* unbenutzt */
}

/* ================= rahmen, content ========= */
#rahmen {
position: absolute;
left: 364px;
top: 15px;
width: 508px;
height: 508px;
border: 1px solid #B99B6E;
}

#content { /* Scroll-Seiten */
width: 465px; /* Scrollbalken 16 --> 449 --> 448 sicher verfügbar */
height: 452px;
margin-left: 8px;
padding-right: 27px;
overflow: auto;
}

#print {
position: absolute;
right: 8px;
top: 7px;
}

a:link#print, a:visited#print, a:active#print {
display: block;
width: 17px;
height: 15px;
background-image: url(images/printpic.gif);
}

a:hover#print {
background-image: url(images/printpic_ov.gif);
}

/* ================= Formate ================= */
p {
margin: 0px 0px 6px 0px;
padding: 0px;
}

h1 { /* Seitentitel */
margin: 0px 0px 20px 0px;
padding: 6px 0px 6px 8px;
background-color: #E0D2AF;
font-size: 14px;
color: #722B13;
}

h2 { /* Kontakt, Stellenangebote, Referenzen, Veranst_info_div */
margin: 0px 0px 6px 0px;
padding: 0px;
font-size: 12px;
}

h3 { /* Tooltips */
margin: 0px 0px 6px 0px;
padding: 0px;
font-size: 12px;
letter-spacing: 1px;
}

ul {
margin: 0px 0px 3px 0px;
padding: 0px 0px 0px 30px;
list-style-type: square;
}

li {
margin: 0px 0px 3px 0px;
padding: 0px;
}

a:link, a:visited, a:active {
color: #000000;
}
a:hover {
color: #722B13;
}

a.inv:link, a.inv:visited, a.inv:active { /* tt.html */
color: #F5EDD0;
}
a.inv:hover {
color: #E0D2AF;
}

a:focus {
outline: none;
}

.small-font {
font-size: 10px;
line-height: 13px;
}

img {
display: block;
}

.tabform_01 { /* Veranstaltungen */
background-color: #F5EDD0;
}

.tabform_01 td {
padding: 0px 0px 8px 0px;
vertical-align: top;
}

.tt {
display: none; /* DW */
}

/* ================= index.php =============== */
#index_iFrame {
width: 492px;
height: 492px;
margin: 8px;
}

#index_txt { /* liegt über iFrame */
position: absolute;
left: 50px;
top: 295px;
width: 340px;
line-height: 17px;
}

/* ================= Veranstaltungen.php ===== */
#Veranst_tab {
width: 492px;
height: 452px;
margin-left: 8px;
overflow: auto;
}

.Veranst_info_Btn { /* Info-Piktogramm im a-Tag */
float: right;
}

a.Veranst_info_Btn:link, a.Veranst_info_Btn:visited, a.Veranst_info_Btn:active {
display: block;
width: 21px;
height: 15px;
background-image: url(images/Veranst_info_Btn.gif);
}

a:hover.Veranst_info_Btn {
background-image: url(images/Veranst_info_Btn_ov.gif);
}

.Veranst_Essen {
background-image: url("images/Pict_Essen.gif");
background-repeat: no-repeat;
}

.Veranst_Fussball {
background-image: url("images/Pict_Fussball.gif");
background-repeat: no-repeat;
}

.Veranst_Geburtstag {
background-image: url("images/Pict_Geburtstag.gif");
background-repeat: no-repeat;
}

.Veranst_Konzert {
background-image: url("images/Pict_Konzert.gif");
background-repeat: no-repeat;
}

.Veranst_Tanz {
background-image:  url("images/Pict_Tanz.gif");
background-repeat: no-repeat;
}

.Veranst_Theater {
background-image: url("images/Pict_Theater.gif");
background-repeat: no-repeat;
}

.Veranst_BMesse {
background-image: url("images/Pict_BMesse.gif");
background-repeat: no-repeat;
}

/* ================= Referenzen.php ========== */
#Ref_box {
position: relative; /* Elternelement */
width: 465px;
height: 90px;
margin-bottom: 30px;
}

#Ref_bild_01 { /* linkes Bild in #Ref_box, 90 x 90 */
width: 90px;
height: 90px;
background-color: #666666; /* falls Bild fehlt */
float: left;
}

#Ref_txt {
margin-left: 150px;
}

#Ref_gal { /* Bereich kleine Quadrate */
position: absolute;
left: 150px;
bottom: 0px;
}

#Ref_Feedback { /* in #Ref_gal */
margin-right: 10px;
float: left;
}

a:link#Ref_Feedback, a:visited#Ref_Feedback, a:active#Ref_Feedback {
display: block;
width: 55px;
height: 12px;
background-image: url(images/Ref_Feedback.gif);
}

a:hover#Ref_Feedback {
background-image: url(images/Ref_Feedback_ov.gif);
}

#Ref_gal_pic { /* kleines Quadrat */
margin-right: 4px;
float: left;
}

a:link#Ref_gal_pic, a:visited#Ref_gal_pic, a:active#Ref_gal_pic {
display: block;
width: 12px;
height: 12px;
background-image: url(images/imgnav.gif);
}

a:hover#Ref_gal_pic {
background-image: url(images/imgnav_ov.gif);
}

/* ================= Panorama.php ============ */
ul#Pano_Links {
position: absolute;
left: 0px;
top: 200px;
}

ul#Pano_Links li {
margin: 0px;
padding: 0px;
}

a:link.Pano_Link, a:visited.Pano_Link, a:active.Pano_Link {
display: block;
height: 20px;
}

.Pano_Bild {
position: absolute;
right: 45px;
top: 200px;
}

#Pano_Rundgang {
}

#Pano_RundBlick {
visibility: hidden;
}

#Pano_LVZonline {
visibility: hidden;
}

/* ================= Kontakt.php ============= */
#kont_txt {
width: 492px;
margin: 0px 0px 15px 8px;
}

#kont_form {
margin: 0px 0px 0px 8px;
}

.kont_tab {
margin-bottom: 4px;
}

.kont_input {
margin: 0px; /* nur bei einigen Browsern erf. */
padding: 2px;
border: 1px solid #B99B6E;
background-color: #F7F2DE;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.kont_textarea {
width: 334px;
height: 85px;
padding: 2px;
border: 1px solid #B99B6E;
background-color: #F7F2DE;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.kont_btn {
margin-left: 10px;
padding: 1px 2px 2px 2px;
font-size: 12px;
}

#kont_img {
position: absolute;
left: 8px;
bottom: 8px;
}

/* ================= Lage.php ================ */
#Lage_txt1 {
width: 492px;
margin-left: 8px;
}

#Lage_txt2 {
position: absolute;
right: 8px;
top: 161px;
width: 130px;
}

#map_canvas {
position: absolute;
left: 8px;
bottom: 8px;
width: 335px;
height: 335px;
overflow: hidden;
}

/* ================= Jobs.php ================ */
#Jobs_txt1 {
width: 492px;
margin-left: 8px;
}

#Jobs_txt2 { /* Kontaktdaten */
position: absolute;
left: 8px;
bottom: 150px;
}

#Jobs_img {
position: absolute;
left: 8px;
bottom: 8px;
}