body
{
background-color: #999;
margin: 15px 0
}

/* Rahmen für Grafiken */

img
{
border: 0
}

/* Logo */

#logo
{
width: 780px;
height: 121px;
background-image: url('../images/logo-bg.jpg');
background-repeat: no-repeat;
text-align: left
}

#logo h1
{
margin: 0 0 0 30px;
font-family: 'Tretbuchet MS', Arial, Tahoma;
font-size: 40px;
line-height: 80px;
color: #fefefe;
letter-spacing: -2px
}

#logo h2
{
margin: 0 0 0 35px;
font-family: Verdana, Arial, Tahoma;
font-size: 16px;
line-height: 16px;
color: #fefefe;
font-style: italic;
letter-spacing: 1pt
}

/* horizontale Navigation */

#nav
{
width: 780px;
line-height: 36px;
background-image: url('../images/navi-leiste.jpg');
background-repeat: no-repeat;
text-align: left;
text-transform: uppercase;
letter-spacing: 1pt
}

#nav a:link, #nav a:visited, #nav a:active
{
display: block;
background-image: url('../images/nav-bg.gif');
background-repeat: no-repeat;
background-position: center right;
font-family: 'Tretbuchet MS', Arial, Tahoma;
padding: 0 20px 0 12px;
font-size: 11pt;
letter-spacing: 0.5px;
font-weight: bold;
line-height: 36px;
color: #2F1A0E;
text-decoration: none
}

#nav a:hover
{
text-decoration: none;
color: #FEFEFC
}

/* Außen-Rahmen für Tabelle */

#rahmen
{
width: 780px;
background-image: url('../images/inhalt-bg.jpg');
background-repeat: repeat-y
}

/* Haupt-Tabelle */

#tab_rahmen
{
width: 770px;
background-image: url('../images/text-bg.jpg');
background-repeat: repeat-x;
font-family: 'Trebuchet MS', Arial, Tahoma;
font-size: 16px;
/* waren alt 12px*/
text-align: justify;
color: #666
}

/* Formatierung linke Tabellenspalte */

.inhalt
{
text-align: justify;
width: 73%;
padding: 15px 25px 15px 20px
}

.inhalt h1, .inhalt h2
{
color: #336699
}

.inhalt h1
{
margin: 10px 0;
font-size: 18px
}

.inhalt p
{
margin: 10px 0 15px 0;
line-height: 120%
/* alt 150%*/
}

/* allgemeine Linkformatierung für Inhalt und Infobox */

.inhalt a:link, .inhalt a:visited, .inhalt a:active, .textbox a:link, .textbox a:visited, .textbox a:active
{
text-decoration: underline;
color: #FF9933
}

.inhalt a:hover, .textbox a:hover
{
text-decoration: none;
background-color: #4670F8;
color: #fefefe
}

/* Formatierung rechte Tabellenspalte */

.spalte_re
{
width: 27%;
background-image: url('../images/text-bg.jpg');
background-repeat: repeat-x;
background-color: #EAFBFD;
padding-bottom: 15px
}

/* Formatierung Beispiel-Suchformular */

form
{
margin-top: 25px
}

label {
        clear: both;
        line-height: 2em;
        margin-right: 1em;
}

label::after {
        content: "";
}

input:valid {
        color: green;
}

input:invalid {
        background-color: #eb9d58;
}

.suchbox
{
border: 1px solid #336699;
width: 100px
}

.suchbutton
{
border: 1px solid #336699;
width: 60px;
font-family: Verdana, Arial, Tahoma;
font-size: 9pt;
color: #fff;
background-color: #4670F8
}

/* Linkformatierung vertikale Spaltenmenüs */

.menu
{
width: 160px;
margin-bottom: 15px
}

.menu a:link, .menu a:visited, .menu a:active
{
text-align: left;
padding-left: 10px;
display: block;
border-bottom: 1px dotted #99CCFF;
line-height: 28px;
color: #336699;
text-decoration: none
}

.menu a:hover
{
text-decoration: none;
color: #333
}

/* Überschrift vertikale Spaltenmenüs */

.menu p
{
text-align: left;
padding-left: 10px;
margin-bottom: 0;
border-bottom: 1px dotted #336699;
line-height: 28px;
font-weight: bold;
letter-spacing: 2px;
color: #336699
}

/* Infobox rechte Spalte */

.textbox
{
width: 160px;
color: #336699;
text-align: justify
}

.textbox p
{
text-align: left;
margin-bottom: 10px;
padding-left: 10px;
border-bottom: 1px dotted #336699;
line-height: 28px;
font-weight: bold;
letter-spacing: 2px;
color: #336699
}



#fuss
{
width: 780px;
font-family: Verdana, Arial, Tahoma;
font-size: 11px;
color: #fefefe;
line-height: 70px;
background-image: url('../images/fuss.jpg');
background-repeat: no-repeat
}

#fuss a:link, #fuss a:visited, #fuss a:active
{
text-decoration: underline;
color: #fefefe
}

#fuss a:hover
{
text-decoration: none
}
a.box
{
background-color: #ffffff;
color: #173C93;
padding: 3px;
text-decoration: none
}
a.box:hover
{
cursor: help;
background-color: #fff;
color: #ff9933
}
a.box span
{
position: absolute;
visibility: hidden;
margin-left: 2px;
margin-top: -10px;
padding: 8px;
text-decoration: none
}
a.box:hover span
{
visibility: visible;
border: 3px dotted #000;
color: #000;
background-color: #9FB0D3
}

/* Eingabefeld */

#klick:focus
{
background: #eb9d58;
color: white
}

a.info
{
position:relative;
z-index:1;
background-color:#ff0;
color:#2D006B;
text-decoration:none;
}

a.info:hover
{
z-index:2;
background-color:#C0FF3E;
}

a.info span
{
display: none;
}

a.info:hover span
{
display:block;
position:absolute;
top:-300px;
left:-300px;
width:1100px;
height: 409px;
background: url(../images/altenburgerboden.jpg);
}
a.info:hover
{
z-index:2;
background-color:#C0FF3E;
}

a.info_1
{
position:relative;
z-index:1;
background-color:#ff0;
color:#2D006B;
text-decoration:none;
}

a.info_1:hover
{
z-index:2;
background-color:#C0FF3E;
}

a.info_1 span
{
display: none;
}

a.info_1:hover span
{
display:block;
position:absolute;
top:-300px;
left:-300px;
width:748px;
height: 810px;
background: url(../images/milchtankstelle.jpg);
}
a.info_1:hover
{
z-index:2;
background-color:#C0FF3E;
}
a.info1
{
position:relative;
z-index:1;
background-color:#ff0;
color:#2D006B;
text-decoration:none;
}

a.info1:hover
{
z-index:1;
background-color:#C0FF3E;
}

a.info1 span
{
display: none;
}

a.info1:hover span
{
display:block;
position:absolute;
top:-300px;
left:-300px;
width:400px;
height: 534px;
background: url(../images/himmelgucker.jpg);
}
a.info1:hover
{
z-index:1;
background-color:#C0FF3E;
}

a.info_2
{
position:relative;
z-index:1;
background-color:#ff0;
color:#2D006B;
text-decoration:none;
}

a.info_2:hover
{
z-index:2;
background-color:#C0FF3E;
}

a.info_2 span
{
display: none;
}

a.info_2:hover span
{
display:block;
position:absolute;
top:-800px;
left:-300px;
width:387px;
height: 683px;
background: url(../images/scheibe-a-halle.jpg);
}
a.info_4:hover
{
z-index:2;
background-color:#C0FF3E;
}

 a.info_1
{
position:relative;
z-index:1;
background-color:#ff0;
color:#2D006B;
text-decoration:none;
}

a.info1:hover
{
z-index:2;
background-color:#C0FF3E;
}

a.info1 span
{
display: none;
}

a.info1:hover span
{
display:block;
position:absolute;
top:-400px;
left:-100px;
width:400px;
height: 534px;
background: url(../images/himmelgucker.jpg);
}
a.info_4:hover
{
z-index:2;
background-color:#C0FF3E;
}