/* default styles here for older browsers. 
      I tend to go for a 600px - 960px width max but using percentages
*/
body{
    font:  10px 'Arial';
    /*		background:hsla(167, 82%, 68%, 0.5);
                    background:-moz-linear-gradient(top right, red -25%, yellow 20%, blue 125%);
                    background:-webkit-linear-gradient(top right, red -25%, yellow 20%, blue 125%);
    background: #ffffaa;
    background:hsla(63, 96%,52%, 0.91);
    */

    background: #e0f400;
    color: #1c1d18; 
}
/*
a, a.visited{color: #0000cc; text-decoration: none;}
a.hover {color:#CE205A;text-decoration: underline;}

/*
    @media only screen and (min-width:960px){
        /* styles for browsers larger than 960px; *
    }
    @media only screen and (min-width:1440px){
        /* styles for browsers larger than 1440px; *
    }
    @media only screen and (min-width:2000px){
        /* for sumo sized (mac) screens *
    }
    @media only screen and (max-device-width:480px){
       /* styles for mobile browsers smaller than 480px; (iPhone) *
    }
    @media only screen and (device-width:768px){
       /* default iPad screens *
    }
    /* different techniques for iPad screening *
    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
      /* For portrait layouts only *
    }

    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
      /* For landscape layouts only *
    }
*/

@media only screen and (max-device-width:810px){
    /* styles for mobile browsers smaller than 480px; (iPhone) */
    body{
        font: 24px 'Arial';        
        font-size:150%;
        /*		background:hsla(167, 82%, 68%, 0.5);
                        background:-moz-linear-gradient(top right, red -25%, yellow 20%, blue 125%);
                        background:-webkit-linear-gradient(top right, red -25%, yellow 20%, blue 125%);
        */
        background:hsla(63, 96%,52%, 0.91);
    }
}


#map1{
    width:80%;
    height:80%;
    float:left;
}

.myButton{
    /* border: 2px solid #777777;
     /*  background: #6e9e2d;
     /*  color: white; */
    font: bold 1.2em 'Arial';
    /*padding: 4px;
     cursor: pointer; */ 
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.mayer {
    font-style:italic;
    font-weight:bold;
}


.pageFooter{
    background: #4d90fe; /*#6b90da; /* #c9d7f1; /* #4d90fe; /*#bfbfbf; */
    color: white;
    column-gap: 0;
    clear:both;
    font-size: 1em;
    font-weight:bold;
    -webkit-font-smoothing:antialiased
}

.pageFooterButton{
    color: #fff;
    text-decoration: none;     
    background: #4d90fe; /*#6b90da; /* #c9d7f1; /* #4d90fe; /*#bfbfbf; */
    border: 2px solid #fff;
    /*  background: #6e9e2d;
    /*  color: white; */
    font: bold 1.0em 'Arial';
    padding: 1px;
    cursor: auto; 
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
/*
.pageFooter ul{float:right;margin-left: 0px}
.pageFooter li{display:inline;margin-left:0px}
.pageFooter script{display:left; margin-right:0px; font-size: 0.75em}
/*
.menu-line{
    /*  background-color: #bfbf00; */
/*font-size: 1em; *
font-weight: bold;
}*/

/* Level 1 */
.menu-line,
.menu-line li
.menu-line li a { display: inline-block; color: white; }



.pageFooter a:hover {color: #ff3333; text-decoration: underline; }

.pageFooter a{
    color: #fff;
    text-decoration: none; 
    cursor: auto;
}
.goog-te-gadget{font-family:arial;font-size:0.8em;color:#fff;}
.goog-te-gadget-simple{background-color:#4d90fe;color:#fff; font-size:1em;}
.goog-te-menu *,.goog-te-menu2 *,.goog-te-balloon *{background-color:#4d90fe;color:#fff;font-family:arial;font-size: 0.8em;}
.goog-te-gadget-simple .goog-te-menu-value {
    color: #fff;
}
.goog-te-gadget-simple {
    background-image: none;
    background-position: 0px 0px;
}
/*

.goog-logo-link:active{font-size: 0.8em;font-weight:bold;color:#444;text-decoration:none}
.goog-te-banner .goog-logo-link,.goog-close-link{display:block;margin:0px 1px}
.goog-te-banner .goog-logo-link{padding-top:2px;padding-left:4px}
.goog-te-combo,.goog-te-banner *,.goog-te-ftab *,.goog-te-menu *,.goog-te-menu2 *,.goog-te-balloon *{font-family:arial;font-size: 0.8em}
*/
/*
a:-webkit-any-link {
color: #fff;
text-decoration: underline;
cursor: auto;
}
*/
goog-te-menu-value{
    font-size: 6px;
    background-color: #3399ff;
    color: #000; 
}
goog-te-balloon *,
goog-te-combo *{
    font-size: 6px;
    background-color: #33a3a2;
    color: #000;
}
/* */
table.gridtable th,td {
    border-width: 0px;
    padding: 1px;
    border-style: solid;
    border-color: black;
}

.divLink{
    background-color: #e0f400; /* #efefeF; */
    color: #fff;
    text-decoration: none; 
    cursor: auto;    
    border: 1px solid #000;
    min-height: 40px;
    /*  background: #6e9e2d; #ecff33;
    /*  color: white; */
    font: bold 1.0em 'Arial';
    padding: 1px;
    cursor: auto; 
    -moz-border-radius: 4px;
}
.divLink:hover{
    background-color: #e5fa91;
}

#InfoBox {
    visibility:hidden;
    position:absolute;
    top:10px;
    left:10px;
    z-index:1;

    /* diese Angaben können Sie anpassen */
    width:300px;
    background-color: #e0f400;
    border:1px solid #0090E0;
}


/* weitere Box in der Info-Box für padding */
#BoxInnen {
    padding:15px;
}


/* Formatierung Texte in der Info-Box */

#BoxInhalte {
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;    
    color: #fb0808;
    line-height:130%;
}
  

.ueb_td {
    background: #4d90ff; /*#6b90da; /* #c9d7f1; /* #4d90fe; /*#bfbfbf; */
    color: yellow;
    font-weight: bold;
    font-family: Verdana,Arial,Helvetica,serif;  
    font-style: italic;
 }
 .ueb_td a{ color: yellow; text-decoration: none; }
 .ueb_td a:link{ color: yellow;}
 .ueb_td a:visited{ color: yellow;}
 .ueb_td a:active{ color: yellow;}

 .ort_td{
    font-weight: bold;
    font-family: Verdana,Arial,Helvetica,serif;  
    font-style: italic;
    text-decoration: none;
 }
.ort_td a{ text-decoration: none; }
.norm_td a{ text-decoration: none; }