.textbtn10 {
    font-size: 10px;
}

.textbtn12 {
    font-size: 12px;
}
.btn-wahl {
    font-size:10px;
    padding:4px;
    width:auto;
    height:30px;

}
.MyBtn {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
    margin-top: 7px;
    padding: 5px;
    line-height: 1.1;
    border: solid;
    border-width: 2px;
    border-color: #e0d7d7;
    color: #121111;
    box-shadow: 2px 2px 4px 2px black;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cedce7+0,596a72+100;Grey+3D+%231 */
    background: #cedce7; /* Old browsers */
    background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #cedce7 0%,#596a72 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #cedce7 0%,#596a72 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
}

    .MyBtn:hover {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4ddb4+0,83c783+17,52b152+33,008a00+67,005700+83,002400+100;Green+3D+%231 */
        background: #b4ddb4; /* Old browsers */
        background: -moz-linear-gradient(top, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
        color: #e0d7d7;
    }

.MinBtn{
    padding:5px;
    font-size:xx-small;
    line-height:1.2;

}

.InfoBlue {
    line-height: 1.2em;
    background-color: grey;
    height: 300px;
    text-align: center;
    padding: 3px;
    border-radius: 10px;
    border: double;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    color:white;
    
}

.lang30{
    width:30%;
    min-width:200px
}
.lang50 {
    width: 50%;
    min-width: 200px
}
.lang20 {
    width: 20%;
    min-width: 200px
}


.size120x120 {
    width: 120px;
    height: 120px;
}
.size100x100{
    width:100px;
    height:100px;

}

.MyBtn.a:visited {
    color: #FFF;
    background-color: #28492e;
}



.MyBtn:link {
    background-color: #28492e;
    color: #FFF;
}
.btn200x60 {
    width: 200px;
    height: 30px;
    margin: 3px
}
    

.btn200x60:hover {
        background: #ffd800;
        color: black
    }

.MyBTN_menu01 {
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #c9de96;
    box-shadow: #808080 1px 1px 1px 1px;
    color: black;
    padding: 5px;
    width: 80%;
    max-width: 300px;
    border-radius: 5px;
    font-size: medium;
}


.MyBtn2 {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 2px;
    margin-top: 15px;
    padding: 4px;
    font-size: medium;
    font-weight: bold;
    text-align: center;
    border: solid;
    border-width: 1px;
    border-color: #000000;
    box-shadow: 2px 2px 4px 2px #2e2e2e;
    background-color: #e0d7d7;
    color: #121111;
    border-radius: 10px;
}



btn_font_small {
    font-size: small;
}


/*/*###############*/
.MyBox {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 3px;
    margin-top: 3px;
    padding: 5px;
    font-size: large;
    color: black;
    font-weight: bold;
    text-align: center;
    border: solid;
    border-width: 2px;
    border-color: aliceblue;
    box-shadow: 2px 2px 4px 2px black;
    color: white;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+100,7db9e8+100,207cca+100 */
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 100%, #7db9e8 100%, #207cca 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 100%,#7db9e8 100%,#207cca 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 100%,#7db9e8 100%,#207cca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#207cca',GradientType=0 ); /* IE6-9 */
}
    .MyBox:hover {
        background: #ffd800;
        color: black
    }


.DivBtn {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 3px;
    margin-top: 3px;
    padding: 5px;
    width: 80%;
    height: 40px;
    font-size: large;
    color: black;
    font-weight: bold;
    text-align: center;
    border: solid;
    border-width: 2px;
    border-color: aliceblue;
    box-shadow: 2px 2px 4px 2px black;
    color: white;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+100,7db9e8+100,207cca+100 */
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 100%, #7db9e8 100%, #207cca 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 100%,#7db9e8 100%,#207cca 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 100%,#7db9e8 100%,#207cca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#207cca',GradientType=0 ); /* IE6-9 */
}

    .DivBtn a { color: white }
    .DivBtn:hover { background: #ffd800; color: black}
    .DivBtn:hover a { color: black  }


.gross {
    width: 220px;
    height: 150px;
    padding: 3px ;margin:12px
}
.klein {
    width: 200px;
    height: 100px;
    padding: 3px; margin: 12px
}
.sehrklein {
    width: 200px;
    height: 60px;
    padding: 3px;margin: 12px
}
.x-klein { width: 200px; height: 30px; padding:3px ; margin: 12px}
.xy-klein {
    width: 100px;
    height: 30px;
    padding: 3px ; margin: 3px
}
.BTN_100_50 {
    width: 100px;
    height: 50px;
    padding: 3px;
    margin: 3px;
  
}
.Btn2 {
    height: 30%;
    width: 50%;
    padding: 5px;
}
.Btn3 {
    height: 30%;
    width: 30%;
    padding: 5px;
    min-height:50px;
}
.Btn4 {
    height: 30%;
    width: 25%;
    padding: 5px;
}
.Spot {
    width: 30px;
    height: 30px;
    vertical-align:middle;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 2px;
    margin-top: 2px;
    padding: 2px;
    font-size: x-small;
    font-weight:normal
}
.Btn30 {
    
    width: 25%;
    padding: 2px;
    min-height: 60px;
    margin:5px
}
.rund  { border-radius: 35px;}

.rund10{ border-radius: 10px;}

.lang100{width:100%}
.lang90{
    width:90%;}

.lang {
    width: 95%;
    margin:5px;
    }



.Pressbutton {
    padding: 15px 25px;
    margin:10px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #fff;
    background-color: #005303;
    border: none;
    border-radius: 15px;
    box-shadow: 0 9px #999;
}

    .Pressbutton:hover {
        background-color: #3e8e41
    }

    .Pressbutton:active {
        background-color: #3e8e41;
        box-shadow: 0 5px #666;
        transform: translateY(4px);
    }

.MyScorekarten_BTN {
    background: #1C6EA4;
    background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    border-bottom: 2px solid #444444;
    color: #ffffff;
    box-shadow: #e0d7d7 3px 3px 3px 3px;
    padding: 10px;
    margin: 10px;
    width: 90%;
    max-width: 300px;
   
}


/*/*###############*/

.MyweiterBTN {
    color: #e4e4e4;
    border: solid;
    border-color: #1C6EA4;
    padding: 3px;
    width: 100px;
    background: #1C6EA4;
    background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    border-bottom: 2px solid #444444;
}

.MyLink {
    color:#e4e4e4;
    border:solid;
    border-color:#1C6EA4;
    border-radius: 10px;
    padding:3px;

}
.MySmallBTN {
    width: 100%;
    height: 20px;
    padding:5px;
    margin:5px;

    font-size:x-small;
    background: #1C6EA4;
    background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    border-bottom: 2px solid #444444;
    color: #ffffff;
    box-shadow: #e0d7d7 3px 3px 3px 3px;
    border-radius: 15px;
}
.MyLink:hover {
    border: solid;
    border-color: #808080;
    border-radius: 15px;
    padding: 3px;
    color: #e0d7d7;
}
.MyAnmeldung_BTN {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c9de96+0,8ab66b+44,398235+100;Green+3D+%233 */
    background: #c9de96; /* Old browsers */
    background: -moz-linear-gradient(top, #c9de96 0%, #8ab66b 44%, #398235 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c9de96 0%,#8ab66b 44%,#398235 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c9de96 0%,#8ab66b 44%,#398235 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=0 ); /* IE6-9 */
    color: #ffffff;
    box-shadow: #e0d7d7 3px 3px 3px 3px;
    padding: 10px;
    margin: 10px;
    width: 80%;
    max-width: 300px;
    border-radius: 15px;
}

 
.MyAnmeldung_BTN:hover {
        background-color: #ffd800;
        box-shadow: #ffd800 3px 3px 3px 3px;
        color: black;
        padding: 10px;
        margin: 10px;
        width: 80%;
        max-width: 300px;
        border-radius: 15px;
    }
.MyInfo_BTN {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #5592bb;
    box-shadow: #808080 1px 1px 1px 1px;
    color: black;
    padding: 10px;
    width: 80%;
    max-width: 300px;
    border-radius: 5px;
    font-size: large;
}
    .MyInfo_BTN:hover {
        background-color: #ffd800;
       
    }
/*Button die direkt eine Antwort geben verursachen*/
.MyDirektInfo_BTN {
    background-color: #054005;
    color: white;
    box-shadow: #e0d7d7 3px 3px 3px 3px;
    padding: 10px;
    margin: 10px;
    width: 80%;
    max-width: 300px;
    border-radius: 15px;
}

.MyDirektInfo_BTN:hover {
        background-color: #ffd800;
        box-shadow: #808080 3px 3px 3px 3px;
        color: black;
        padding: 10px;
        margin: 10px;
        width: 80%;
        max-width: 300px;
        border-radius: 15px;
    }

.MySchliesen_BTN {
    background-color: #c6c6c6;
    box-shadow: #e0d7d7 3px 3px 3px 3px;
    border-color:#808080;
    color: black;
    padding: 10px;
    margin: 10px;
    width: 80%;
    max-width: 200px;
    border-radius: 15px;
}
    .MySchliesen_BTN:hover {
        box-shadow: 0px 0px 20px 3px #3100ff;
        background-color: #ffd800;
        box-shadow: #e0d7d7 3px 3px 3px 3px;
        color: black;
        padding: 10px;
        margin: 10px;
        width: 80%;
        max-width: 200px;
        border-radius: 15px;
     
    }
.MyBTN25 {
    width:25%;
}
.MyGalerie_BTN {
    background-color: lightskyblue;
    color: white;
    box-shadow: #e0d7d7 3px 3px 3px 3px;
    padding: 10px;
    margin: 10px;
    width: 80%;
    max-width: 300px;
    border-radius: 15px;
}
.myButton {
    color: rgb(255, 255, 255);
    font-size: 15px;
    line-height: 15px;
    padding: 17px;
    border-radius: 30px;
    font-family: Georgia, serif;
    font-weight: normal;
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    background-image: linear-gradient(to right, rgb(28, 110, 164) 0%, rgb(35, 136, 203) 50%, rgb(20, 78, 117) 100%);
    box-shadow: rgb(0, 0, 0) 5px 5px 15px 5px;
    border: 2px solid rgb(164, 41, 146);
    display: inline-block;
    width: 100px;
    text-align: center;
}

    .myButton:hover {
        background: #ff0000;
        background-image: linear-gradient(to right, rgb(28, 164, 85) 0%, rgb(28, 164, 85) 50%, rgb(151, 239, 129) 100%);
        box-shadow: rgb(0, 0, 0) 5px 5px 15px 5px;
        border: 2px solid rgb(164, 41, 146);
        display: inline-block;
    }

    .myButton:active {
        background: rgb(28, 164, 85);
        border: 2px solid rgb(151, 239, 129);
    }
    .mylesen_BTN {
        width: 100%;
        height: 20px;
        padding: 5px;
        margin: 5px;
        font-size: x-small;
        background: #1C6EA4;
        background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
        background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
        background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
        border-bottom: 2px solid #444444;
        color: #ffffff;
        box-shadow: #e0d7d7 3px 3px 3px 3px;
        border-radius: 10px;
    }