* {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px
 }
.konto{
    font-size: 0.75em;
    margin-left: 15px;
    clear: both;
    float: right;
    line-height: 1.2em
}

.tabelle1{
    border: 1px solid #CC5C48;
    padding: 2px 4px 2px 4px;
    border-collapse: collapse;
    font-size: 0.8em
}
.tabelle1 td{
    border-spacing: 10px;
    padding: 4px 5px 4px 5px;
    border-top: 1px solid #CC5C48;
    border-bottom: 1px solid #CC5C48;
    border-right: 1px solid #CC5C48;
}
.tabelle1 th{
    border-spacing: 10px;
    padding: 2px 2px 2px 2px;
    border-right: 1px solid #CC5C48;
    line-height: 1.2em
}
table{
    border-collapse: collapse;
    background-color: #FDEBAF;
    font-size: 0.9em
}

table td{
border-spacing: 10px;
padding: 0px 2px 0px 4px;
border: 1px solid #CC5C48;
}

.spalten{
width: 188px;
float: left;
text-align: center;
border: 1px solid #808080;
padding: 2px 2px 2px 2px;

}

.spalten img{
 border: none;
 max-width: calc(100% - 4px);
}

.spalten p{
    font-size: 0.85em;
}

.alinks{
    float: left;
    margin-right: 7px;
    margin-top: 2px;
    margin-bottom: 4px;
    max-width: calc(100% - 7px);
}

body {
font-family : Verdana, Geneva, sans-serif;
font-size : medium;
background-color: #DCDCDC
}
.hellgrau{
background-color: #DCDCDC
}
.hellgelb{
background-color: #F0F4D7
}

.rot {
color: #990300;
font-style: oblique
}

.voll1{
  width: 900px;
  max-width: calc(100% - 2px);
  margin-left: 1px;
  visibility: hidden
}

#rightcolumn {
padding:0px 7px 1px 7px;
text-align: justify;
line-height: 1.4em

}
#rightcolumn h1 {
font-size : 1.3em;
color : #481F19;
padding-bottom: 6px;
padding-top: 10px;
padding-left: 5px;
clear: left;
line-height: 1.2em
}
#rightcolumn h2 {
color : #20406A;
font-size : 1.1em;
padding: 8px 2px 6px 6px;
float: none;
line-height: 1.2em
}
#rightcolumn h3 {
font-size : 1.07em;
color : #530F09;
padding: 7px 2px 4px 4px;
}
.boxrechts {
border: 1px solid #444444;
float: right;
width: auto;
font-size: 0.85em;
background-color: #FFDC93;
padding: 4px 4px 4px 4px;
margin: 4px 2px 4px 4px;
}
#rightcolumn iframe{
max-width: calc(100% - 120px);
height: auto%;
}

hr {
    margin-top: 5px;
    margin-bottom: 5px
}


#menu a {
text-decoration: none;
display: block;
padding-top: 4px;
color: #660033;
text-align: center;
text-decoration: none;
}

.bottomleft a img {
margin: -5px -6px -0px -0px;
padding: 0 0 0 0;
}

#wrapper {
margin : 0px auto auto auto;
border: 2px solid #5C3319;
background: #FFF9EB;
max-width: 900px;
min-width: 260px
}
#unterlink{
font-size: 0.95em;
margin-top: -4px;
float: right;
clear: right
}
#unterlink ul{
margin-left: -8px;
width: auto;
margin-top: -4px;
border: 2px solid #339900;
border-top-style: none;
padding-left: 0px
}
#unterlink li{
width : 151px;
list-style-type: none;
text-decoration: none;
}
#unterlink a {
text-decoration: none;
display:block;
width : 141px;
}
#unterlink a:hover{
background: #B4D57E ;
padding-left: 9px;
font-weight: bold;
}
.inaktiv{
background-color: #F5DEB3;
}
.inaktiva{
background-color: #7DA234;
}
.inaktivb{
text-decoration:none;
border-radius: 8px;
background-color: #FFEAD1

}
.bildlinks {
padding : 0px 0px 0px 0px;
border : 1px solid #330000;
text-align: center;
float: right
}

.bildoben {
padding : 0px 0px 0px 0px;
border : 1px solid #330000;
margin: 0px -2px -4px -5px
}
.aktuell{
background-color: #EEA072;
font-weight: bold;
border-radius: 10px;
}
.aktuella{
font-weight: bold;
background-color: #D0976C;
text-decoration:none;
border: 1px solid #663300;

}
.aktuello{
background-color: #D3D694;
font-weight: bold;
  border: 1px solid #660000
}
#leftcolumn {
width : 152px;
float: right;
margin-left: 10px;
margin-right: 1px;
margin-bottom: 5px;
border-radius: 8px
}

.bottomleft {
margin-top : -1px;
background-color: #FFDC93;
border: 1px solid #660000;
font-size: 0.82em;
width: 150px;
border-radius: 8px
}

.untertitel {
 border: none;
font-size: 14px;
}

.leftlinks{
 border:  none;
}

#leftcolumn li a:hover {
background: #FFCC66;
text-align: center;
font-weight: bold;
border-radius: 8px
}


.untertitel li {
list-style : none;
border: 1px solid #660000;
border-radius: 8px;
margin-top: -1px;
}
.untertitel a {
display:block;
color: #660033;
text-decoration: none;
padding-left: 4px;
padding-top: 5px;
padding-bottom: 5px;

}
.untertitel  a:hover{
color:#EE0000;
}

.leftlinks li {
list-style : none;
border: 1px solid #660000;
margin-top: -1px
}

.leftlinks a {
display:block;
color : #303030;
text-decoration : none;
padding-left: 3px;
padding-top: 4px;
padding-bottom: 4px
}
.leftlinks  a:hover{
color:#EE0000;
}

.bottomleft p {
padding: 3px;
}
.bottomleft img {
margin: 0px -1px 0px 0px;
padding: 0 0 0 0;
border: 1px solid #660000;

}

.bottomleft a {
color : #333333;
text-decoration: none;
display: block;
padding: 5px 5px 5px 5px;
}

.bottomleft li {
list-style-type: none
}

#rightcolumn li{
margin-left: 8px;
line-height: 1.3em;
padding-bottom: 5px
}

#rightcolumn ul{
    margin-bottom: 3px;
    margin-top: 3px;
    margin-left: 10px;
}

#rightcolumn p{
text-indent: 15px;
margin-bottom: 5px;
}
.klein{
font-size: 0.8em
}

#rightcolumn a {
color : #0D1866;
}
#rightcolumn  a:hover{
color:#00AA00;
text-decoration: underline;
}

#footer {
float : none;
border-top: thin solid #000000;
background-image: url(Index_dat/Untergebertsham03.jpg);
background-position: top;
background-repeat: no-repeat;
clear: both;
height: 33px;
margin-left: 1px;
margin-right: 1px
}

.logo {
border: none;
margin-top: -6px;
font-size : 16px;
padding-left : 5px;
padding-bottom: 5px;
text-align: center;
margin-left: -15px;
}


img {
border: 1px solid #611914;
margin: 1px 1px 1px 1px;
padding: 0px 0px 0px 0px
}
img.floatTL {
float : left;
margin-right : 7px;
margin-bottom : 4px;
margin-top : 2px;
margin-left : 0px;
max-width: calc(100% - 2px);
height: auto;
}
img.floatTR {
float : right;
margin-left : 7px;
margin-bottom : 4px;
margin-top : 2px;
margin-right : 0px;
max-width: calc(100% - 2px);
height: auto;
}

#menu {
font-size: 14px
}
#menu li {
border: 1px solid #663300;
list-style : none;
height: 44px;
width: 20%;
float : left;
margin-right: -1px;
margin-left: -1px;
margin-bottom: -1px
}
#menu  a:hover{
color:#EE0000;
 display: block;
 background-color: #EEBB3A ;
 height: 40px;
 font-weight: bold
}

img.floatTL3 {
float : left;
margin-right : 7px;
margin-bottom : 4px;
margin-top : 2px;
margin-left : 0px;
max-width: calc(100% - 165px);
height: auto;
}

img.floatTR3 {
float : right;
margin-left : 7px;
margin-bottom : 4px;
margin-top : 2px;
margin-right : 0px;
max-width: calc(100% - 165px);
height: auto;
}


@media screen and (max-width: 750px) {

.boxrechts{
max-width: calc(100% - 8px); 
}

.spalten{
max-width: calc(50% - 3px);
font-size: 0.8em
}

#rightcolumn h1 {
font-size : 1.1em;
line-height: 1.1em
}
#rightcolumn h2 {
font-size : 1.0em;
line-height: 1.1em
}

.aktuell{
border-left: 2px solid #696969;
border-right: 2px solid #696969;
font-size: 0.95em
}
img.floatTL3 {
max-width: calc(100% - 120px);
}

img.floatTR3 {
max-width: calc(100% - 120px);
}

.bottomleft img {
max-width: 108px;
height: auto;
}

#leftcolumn {
width : 110px;
margin-left: 7px;
}

.bottomleft {
font-size: 0.75em;
width: 108px;
}

.untertitel {
font-size: 14px;
}


.untertitel a {
padding-left: 1px;
padding-top: 6px;
padding-bottom: 6px
}

.bottomleft a img {
margin: -6px -6px -0px -0px;
padding: 0 0 0 0;
border: 1px solid #660000;
}

.logo {
margin-top: -6px;
font-size : 13px;
padding-left : 0px;
padding-bottom: 3px;
margin-left: -5px;
margin-right: -1px
}
.leftlinks a {
padding-left: 2px;
padding-top: 5px;
padding-bottom: 6px;
font-size: 14px
}
.bildoben{
display: none
}
#rightcolumn {
font-size: 0.92em;
line-height: 1.3em
}
}


@media screen and (max-width: 680px) {
#menu {
font-size: 12px;
}
#rightcolumn {
font-size: 0.9em
}
}


@media screen and (max-width: 580px) {

 #rightcolumn h1 {
font-size : 1.0em;
line-height: 1.0em
}
#rightcolumn h2 {
font-size : 0.9em;
line-height: 1.0em
}



#menu li {
width: 33.3%;
height: 37px;
}
#menu  a:hover{
 height: 33px;
}
#rightcolumn {
font-size: 0.88em

}
}

@media screen and (max-width: 400px) {

#menu li {
width: 50%;
}
.logo {
font-size : 12px;
margin-left: -5px;
margin-right: 2px
}
#leftcolumn {
width : 90px;
}
.untertitel {
font-size: 12px;
}
.leftlinks a {
font-size: 12px
}
#rightcolumn p{
text-indent: 5px;
}
#rightcolumn {
font-size: 0.84em;
line-height: 1.2em
}
img.floatTL3 {
max-width: calc(100% - 100px);
}
img.floatTR3 {
max-width: calc(100% - 100px);
height: auto;
}
.bottomleft{
display: none
}
#rightcolumn iframe{
max-width: calc(100% - 104px);
height: 100%;
}
}