/* ---------------- CSS ------------------------------------------
 * ----- Das Design unterliegt dem Urheberrecht. -----------------
 * ---------------------------------------------------------------
 * - www.isa-igelchen.de created by dtintemann 2009, 2010, 2020 --
 * ---------------------------------------------------------------
 * ---------------------------------------------------------------
*/


html
{
height: 101%;
}

body
{
font: 100.01% sans-serif;
color: Black;
background: url(../images/bg.png);
background-repeat: repeat-x;
background-color: #FFFFFF;    /*E3F1C5*/
text-align: center;     /* nur zum zentrieren von <div> -Boxen in IE notwendig */
word-wrap:break-word;
}

#quick
{
background-image:none;
background-color:transparent;
padding: 0px;
margin: 0px;
text-align: left;
font-family: Arial, Helvetica, Sans-Serif;
font-size:0.85em;
font-variant: normal;
font-weight: bold;
font-style: normal;
}




/*Box f&uuml;r Aufnahme des Layouts */
#box1000
{
width: 1000px;
margin: 10px auto;
}

/* ---------------&Uuml;berschriften */

h1
{
/* Arial, blau, zentriert, 13pt, mit Abstand nach allen Seiten */
color:#000080;
font-family:Arial, Helvetica, Sans-Serif;
font-size: 12pt;
text-align: center;
margin: 0.0em;
padding: 0.0em;
}

h2
{
/* Arial, pink, zentriert, 14pt, mit gr&ouml;&szlig;eren Abstand nach oben und unten */
color:#00f;
font-family:Arial, Helvetica, Sans-Serif;
font-size: 12pt;
text-align: left;
margin: 0.3em;
padding: 0.0em;
}

/* ---------------&Uuml;berschriften Ende */

/* LOGO ----------------------------- */

#logo
{
background-image: url(../images/logo.jpg);
background-repeat: no-repeat;
height: 200px;
width: 1000px;
text-indent: -3000em;

}

/* Seitenlayout ---------------------- */

#links
{
float: left;
width: 798px;
background-color: #E3F1C5;

border-width:2px;
border-color: #dddddd;
border-style: none ridge none none;

text-align: justify;
font-family: Arial, Helvetica, Sans-Serif;
font-size:0.75em;
font-variant: normal;
font-weight: normal;
font-style: normal;
}

#rechts
{
float: left;
width: 180px;
padding: 10px;
/*background-color: #dddddd;   */

text-align: left;
font-family: Arial, Helvetica, Sans-Serif;
font-size:0.85em;
font-variant: normal;
font-weight: bold;
font-style: normal;

position: -webkit-sticky;
position: sticky;
top: 0;

}

#fuss
{
clear: left;
width: 1000px;
color:#444;
text-align: center;
font-family: Arial, Helvetica, Sans-Serif;
font-size:0.9em;
font-weight: bold;
}

hr.fuss
{
border: none;
height:1px;
background-color:#444;
}

#inhalt
{
padding:1em;
font-family: Arial, Helvetica, Sans-Serif;
font-size:1.25em;
}

#inhalt p
{
padding: 0;
margin: 0;
}

.imghome
{
background-color: #555;
border-color:#aaa;
border-width:4px;
border-style:solid;
float: left;
padding:3px;
margin:2ex;
}

.imglink
{
background-color: #555;
border-color:#aaa;
border-width:4px;
border-style:solid;
float: right;
padding:3px;
margin:5px;
}

#inhalt a:link
{
text-decoration:underline;
color:#222;
text-align: center;
font-family: Arial, Helvetica, Sans-Serif;
font-size:0.9em;
font-weight: normal;
}

#inhalt a:visited
{
text-decoration:underline;
color:#18682F;
text-align: center;
font-family: Arial, Helvetica, Sans-Serif;
font-size:0.9em;
font-weight: bold;
}

#inhalt a:hover
{
color:#F0FFD0;
background-color: #929FFC;
font-size: 0.9em;
}

#map
{
width: 750px;
height: 510px;
margin:auto;
}

.vorschau
{
height:210px;
background-color:#777;
overflow-x:scroll;
overflow-y:hidden;
border: 3px solid #aaa;
}

.spalte1
{
float:left;
width:350px;
min-height:450px;
}

.spalte2
{
float:right;
width:400px;
position:relative;
}



/* Seitenlayout Ende----------------- */

#fuss a:link, #fuss a:visited
{
text-decoration:none;
color:#444;
text-align: center;
font-family: Arial, Helvetica, Sans-Serif;
font-size:0.9em;
font-weight: bold;
}

#links p
{
padding: 1em;
}

/* Navigationsmen&uuml;e ----------------   */

#nav
{
background-color: rgba(240,255,208,0.75);    /*#F0FFD0*/
border-style: solid;
border-width:7px;
border-color: #B8C39F;
font-family: cursive;
font-size: 10pt;
padding:0.65em;
text-align: left;
line-height:1.5em;

position: -webkit-sticky;
position: sticky;
top: 0;


}

.rot
{
color: #ff0000;
font-size: 13pt;
padding: 0.3em;
}

#nav a:link, #nav a:visited
{
text-decoration:none;
color:#00f;
font-size: 13pt;
padding: 0.3em;
}

#nav a:hover
{
color:#F0FFD0;
background-color: #929FFC;
font-size: 13pt;
}


#nav ul
{
list-style-type: none;
display: inline;
margin: 0;
padding-left: 0;
}

#nav li
{
display: inline;
}

#left-m
{
display: none;
}

/* ---------------Navigation Ende */

/*------ InfoBox ----*/

.infoBox {
background-color:#F9FCFF;
border:7px solid #B8C39F;
font-family:Arial,Helvetica,sans-serif;
font-size:0.85em;
text-align:left;
color:#5F5F5F;
padding:10px;
}

/*------ InfoBox Ende ----*/

/*------ Kalender ----*/
#caldiv  {
position:absolute;
visibility:hidden;
background-color:white;
layer-background-color:white;
}

        .calcsscpYearNavigation,
        .calcsscpMonthNavigation
                        {
                        background-color:#6677DD;
                        text-align:center;
                        vertical-align:center;
                        text-decoration:none;
                        color:#FFFFFF;
                        font-weight:bold;
                        }
        .calcsscpDayColumnHeader,
        .calcsscpYearNavigation,
        .calcsscpMonthNavigation,
        .calcsscpCurrentMonthDate,
        .calcsscpCurrentMonthDateDisabled,
        .calcsscpOtherMonthDate,
        .calcsscpOtherMonthDateDisabled,
        .calcsscpCurrentDate,
        .calcsscpCurrentDateDisabled,
        .calcsscpTodayText,
        .calcsscpTodayTextDisabled,
        .calcsscpText
                        {
                        font-family:arial;
                        font-size:8pt;
                        }
        TD.calcsscpDayColumnHeader
                        {
                        text-align:right;
                        border:solid thin #6677DD;
                        border-width:0 0 1 0;
                        }
        .calcsscpCurrentMonthDate,
        .calcsscpOtherMonthDate,
        .calcsscpCurrentDate
                        {
                        text-align:right;
                        text-decoration:none;
                        }
        .calcsscpCurrentMonthDateDisabled,
        .calcsscpOtherMonthDateDisabled,
        .calcsscpCurrentDateDisabled
                        {
                        color:#D0D0D0;
                        text-align:right;
                        text-decoration:line-through;
                        }
        .calcsscpCurrentMonthDate
                        {
                        color:#6677DD;
                        font-weight:bold;
                        }
        .calcsscpCurrentDate
                        {
                        color: #FFFFFF;
                        font-weight:bold;
                        }
        .calcsscpOtherMonthDate
                        {
                        color:#808080;
                        }
        TD.calcsscpCurrentDate
                        {
                        color:#FFFFFF;
                        background-color: #6677DD;
                        border-width:1;
                        border:solid thin #000000;
                        }
        TD.calcsscpCurrentDateDisabled
                        {
                        border-width:1;
                        border:solid thin #FFAAAA;
                        }
        TD.calcsscpTodayText,
        TD.calcsscpTodayTextDisabled
                        {
                        border:solid thin #6677DD;
                        border-width:1 0 0 0;
                        }
        A.calcsscpTodayText,
        SPAN.calcsscpTodayTextDisabled
                        {
                        height:20px;
                        }
        A.calcsscpTodayText
                        {
                        color:#6677DD;
                        font-weight:bold;
                        }
        SPAN.calcsscpTodayTextDisabled
                        {
                        color:#D0D0D0;
                        }
        .calcsscpBorder
                        {
                        border:solid thin #6677DD;
                        }

/*------ Kalender Ende ----*/

.onlymob
{
display: none;
}

/* ------ Mailer Form --------*/

.m-f
{
  position:relative;
}

.m-d {
        width: 47%;
        padding: 10px 10px;
        float: left;
}

.m-f label {
        display: block;
        padding: 3px;
        font-size: 1.0em;

        cursor: pointer;
}

.m-f textarea
{
resize: none;
width: 25em;
height: 5.5em;
line-height:1.25;
}

br.clear
{
clear:both;
}