fieldset {
        border: 2px solid #C5D8E1;
        border-radius: 6px;
}

#tdl { text-align: left; padding: 4px 0;}
#tdr { text-align: right;}
#tdc { text-align: center; margin-left: auto; margin-right: auto;}

.tdl { text-align: left; padding: 4px 0;}
.tdr { text-align: right;}
.tdc { text-align: center;}

#tgb { font-weight: bold; color: green; }
#trb { font-weight: bold; color: red; }

#h3 { font-weight: bold; }

.nounderline {text-decoration:none;}

.topimg {height: 350px;}

strong { font-family: 'Open Sans', sans-serif; color:#333333; font-size: 16px; font-weight: 600;}

a:link{ font-family: 'Open Sans', sans-serif; color:#333333; font-size: 16px; text-decoration:none;}
a:visited{ font-family: 'Open Sans', sans-serif; color:#333333; font-size: 16px; text-decoration:none;}
a:hover{ font-family: 'Open Sans', sans-serif; color:#333333; font-size: 16px; text-decoration:underline;}

input[type="radio"] {width:23px; height:23px; margin: 6px; display: inline-block; vertical-align: middle;}
input[type="checkbox"] {width:23px; height:23px; margin: 6px; display: inline-block; vertical-align: middle;}

/* Info Boxen */

.symbol {
    font-size: 1.2em;
    font-family: 'Open Sans', sans-serif;
    border-radius: 1em;
    padding: .1em .6em .1em .6em;
    font-weight: bolder;
    color: white;
    background-color: #4E5A56;
}

.icon-info { background-color: #3229CF; }
.icon-error { background: #e64943; font-family: 'Open Sans', sans-serif; }
.icon-tick { background: #13c823; }
.icon-excl { background: #ffd54b; color: black; }

.icon-info:before { content: 'i'; }
.icon-error:before { content: 'X'; }
.icon-tick:before { content: '\002713'; }
.icon-excl:before { content: '!'; }

.notify {
    background-color:#e3f7fc;
    color:#555;
    border:.1em solid;
    border-color: #8ed9f6;
    border-radius:10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 400;
    padding:5px 5px 5px 5px;
    margin:10px;
    cursor: default;
    vertical-align: middle;
}

.notify-yellow { background: #fffff7; border-color: #f7deae; }
.notify-red { background: #fff2f2; border-color: #fad9d7; }
.notify-green { background: #F0FFF0; border-color: #D1FAB6; }

.notify a  {
    color:#555;
    padding: 5px;
    text-decoration: none;
}
.notify a:hover  {
    text-decoration: underline;
}
.notify img  {
    padding: 5px;
    text-align: center;
}

.headmid {
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
}


.tabwdt { width: 80%; }
#tabwdt { width: 40%; }

             input, select {
                 border: 2px solid #C5D8E1;
                 border-radius: 6px;
                 padding: 0.3em;
                 font-size: 18px;
                 color: #222;
                 width: 80%;
             }
             textarea {
                 border: 2px solid #C5D8E1;
                 border-radius: 6px;
                 padding: 0.3em;
                 font-size: 18px;
                 color: #222;
                 width: 80%;
             }

.center {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

        .marquee {
                max-width: 100vw; /* iOS braucht das */
                white-space: nowrap;
                overflow: hidden;
                font-family: 'Open Sans', sans-serif;
                color: #333;
                font-size: 20px;
                line-height: 40px;
                vertical-align: middle;
        }

        .marquee span {
                display: inline-block;
                padding-left: 100%;
                animation: marquee 5s linear infinite;
        }

        /* Optional: mouseover (oder Tipp auf dem Touchscreen) pausiert die Laufschrift */
        .marquee span:hover {
                animation-play-state: paused
        }

        /* Make it move */
        @keyframes marquee {
                0%   { transform: translateX(0); }
                100% { transform: translateX(-100%); }
        }

.infobox {
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
background-color: #fff;
width: 98%;
}
.infobox p {
padding: 5px;
margin: 5px;
}

.iamfooter{
  font-family:'Open Sans', sans serif;
  color: #fff;
  font-size: 16px;
  text-align: center;
  background-color: #F71873;
}
.iamfooter a {
  color: #fff;
  font-size: 16px;
}

/* seo friendly tables */
.table{
        display:table;        /* Defines a Table */
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        text-align: left;
}
.table-head{
         display: table-header-group; /* Defines a table header group */
}
.table-head .column{ /* Column inside the table-head */
}
.table-head .column:hover{ /* Column hover inside the table-head */
}
.row{
 display:table-row;        /*  Defines a table row */
}
.row .column:nth-child(1){ /* First column in a row */
        border-left:none;
}
.row:last-child .column{  /* column in a last row */
        border-bottom:none;
}
.column{
        display:table-cell; /* Defines a table cell */
        padding:4px 2px;
}

.column:hover{
}

/* Responsive table */
@media all and (max-width: 640px){
.table, p {
        font-size:16px;
}
        .table,
        .row,
        .column,
        .table,
        .row .column:last-child{
                border-bottom:none;
        }
        .table-head{
                position:absolute;        /* Hides table head but not using display none */
                top:-1000em;
                left:-1000em;
        }
        .row{
                margin:4px 0;
        }
        .row .column:nth-child(1){ /* first column of the row */
                border-left:none;
        }
        .row .column:last-child{ /* last column of the row */
                border-right:none;
        }
        .row:last-child .column,
        .column{ /* Column in the last row and column */
                border-bottom:none;
        }

             input, select {
                 width: 96%;
             }
             textarea {
                 width: 96%;
             }

  .tabwdt { width: 96%; }
  #tabwdt { width: 96%; }
  .column img { padding: 5px;}
  .content { padding: 4px; }

  strong { font-size: 14px; font-weight: 600;}
  p { font-size: 14px; }
  .topimg {height: 150px;}

}