;



<style type="text/css">


html { height:100%; }
body {
    margin:0px 0px 0 0px;
    padding:0;
    background:#fffff;
    font-family:Helvetica, Arial, sans-serif;
    font-size:16px;
    color:#373F43;
    line-height:1.5;/we
     }

.currency {
  text-align:right;
}
.error { font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: bold; background-color: #ffff00; }

p {
    font-family: Helvetica, Arial, sans-serif;
    color:#000000;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height:1.5;/we
    margin:2px 0px 10px 0px;
}

p.short_text {
    font-family: Helvetica, Arial, sans-serif;
    color:#000000;
    border-left-style:groove;
    border-left-color:#FC4276;
    font-size: 16px;
    font-style: normal;
    font-variant: bold;
    font-weight: 700;
    line-height: 1.2;
    margin:2px 5px 40px 10px;
    padding: 10px;
}

blockquote { font-family: Helvetica, Arial, sans-serif; font-size: 21px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 30px; }
pre { font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 18px; }

h1 {
    font-family: Helvetica, Arial, sans-serif;
    color:#AA336A;
    font-size: 34px;
    font-style: normal;
    font-variant: bold;
    font-weight: 500;
    line-height: 40px;
}

h2 {
    font-family: Helvetica, Arial, sans-serif;
    color:#AA336A;
    font-size: 22px;
    font-style: normal;
    font-variant: normal;
    font-weight: 100;
    margin:35px 0 15px 0;
}



h3 {
    font-family: Helvetica, Arial, sans-serif;
    color:#000000;
    font-size: 18px;
    font-style: bold;
    font-variant: normal;
    line-height: 20px;
    margin:15px 0 2px 0;
}

h4 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 20px;
    margin:30px 0 10px 0;
}

h5 {
    font-family: Helvetica, Arial, sans-serif;
    font-size:20px;
    font-style: bold;
    font-variant: bold;
    color:#AA336A;
    margin:0 0 20px 0;
    font-weight:500;
}

a:link, button[type="submit"].link  { color:#9E273B; text-decoration:none; font-size:16px; font-family:Helvetica, Arial, Verdana; }
a:active,button[type="submit"].link:active   { color:#605D5C; text-decoration:none; font-size:16px; font-family:Helvetica, Arial, Verdana; }
a:hover, button[type="submit"].link:hover   { cursor:pointer; color:#605D5C; text-decoration:none; font-size:16px; font-family:Helvetica, Arial, Verdana;}

a.small:link, a:visited { color:#9E273B; text-decoration:none; font-size:8pt; font-family:Helvetica, Arial, Verdana;  }
a.small:active   { color:#605D5C; text-decoration:none; font-size:8pt; font-family:Helvetica, Arial, Verdana; }
a.small:hover   { color:#605D5C; text-decoration:none; font-size:8pt; font-family:Helvetica, Arial, Verdana; }


a.s_used:link,
a.s_used:visited,
a.s_used:active         { color:#605D5C; background-color:#DDDDDD; font-family:Helvetica, Arial, Verdana; font-size:11pt; display:block; vertical-align:middle; text-align:left; height:14px; border-style:solid; border-color:#aaaaaa; border-width:0px; padding:1px; text-decoration:none; font-weight:normal;}
a.s_used:hover          { color:#9E273B; background-color:#D2D2D2; font-family:Helvetica, Arial, Verdana; font-size:11pt; display:block; vertical-align:middle; text-align:left; height:14px; border-style:solid; border-color:#aaaaaa; border-width:0px; padding:1px; text-decoration:none; font-weight:normal;}

a.s_unused:link,
a.s_unused:visited,
a.s_unused:active       { color:#605D5C; background-color:#EEEEEE; font-family:Helvetica, Arial, Verdana; font-size:11pt; display:block; vertical-align:middle; text-align:left; height:14px; border-style:solid; border-color:#aaaaaa; border-width:0px; padding:1px; text-decoration:none; font-weight:normal;}
a.s_unused:hover        { color:#9E273B; background-color:#DFDFDF; font-family:Helvetica, Arial, Verdana; font-size:11pt; display:block; vertical-align:middle; text-align:left; height:14px; border-style:solid; border-color:#aaaaaa; border-width:0px; padding:1px; text-decoration:none; font-weight:normal;}

a.kundenmenue:link,
a.kundenmenue:visited,
a.kundenmenue:active    {
  color:#FFFFFF;
  background-color:#747474;
  font-family:Helvetica, Arial, Verdana;
  font-size:9pt;
  display:block;
  vertical-align:middle;
  text-align:left;
  height:18px;
  border-style:solid;
  border-color:#aaaaaa;
  border-width:0px;
  border-right: 1px solid #ffffff;
  padding:4px 8px 2px 8px;
  text-decoration:none;
  font-weight:bold;
}
a.kundenmenue:hover     {
  color:#FFFFFF;
  background-color:#21325D;
  font-family:Helvetica, Arial, Verdana;
  font-size:9pt;
  display:block;
  vertical-align:middle;
  text-align:left;
  height:18px;
  border-style:solid;
  border-color:#aaaaaa;
  border-width:0px;
  border-right: 1px solid #ffffff;
  padding:4px 8px 2px 8px;
  text-decoration:none;
  font-weight:bold;
}

a.sondercontent:link,
a.sondercontent:visited,
a.sondercontent:active    {
  color:#21325D;
  background-color:#C8C8C8;
  font-family:Helvetica, Arial, Verdana;
  font-size:9pt;
  display:block;
  vertical-align:middle;
  text-align:left;
  width:200px;
  border-style:solid;
  border-color:#21325D;
  border-width:1px;
  padding:10px;
  text-decoration:none;
  font-weight:normal;
  margin-bottom:5px;
  margin-right:15px;
}
a.sondercontent:hover     {
  color:#21325D;
  background-color:#E0E0E0;
  font-family:Helvetica, Arial, Verdana;
  font-size:9pt;
  display:block;
  vertical-align:middle;
  text-align:left;
  width:200px;
  border-style:solid;
  border-color:#21325D;
  border-width:1px;
  padding:10px;
  text-decoration:none;
  font-weight:normal;
  margin-bottom:5px;
  margin-right:15px;
}

a.navi             {color:#ffffff; background-color:#ff0000; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:16px; display:block; margin:2px; vertical-align:middle; text-align:center; height:auto; border-style:solid; border-color:#f6f6f6; border-width:0px; padding:8px 20px 8px 20px; text-decoration:none; font-weight:normal; text-decoration:none;float:left;}
a.navi:link        {color:#ffffff; background-color:#676767; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; display:block; margin-top:1px; vertical-align:middle; text-align:center; height:auto; border-style:solid; border-color:#f6f6f6; border-width:0px; padding:2px 10px 2px 10px; text-decoration:none; font-weight:normal; text-decoration:none;}
a.navi:visited     {color:#ffffff; background-color:#676767; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; display:block; margin-top:1px; vertical-align:middle; text-align:center; height:auto; border-style:solid; border-color:#f6f6f6; border-width:0px; padding:2px 10px 2px 10px; text-decoration:none; font-weight:normal; text-decoration:none;}
a.navi:hover       {color:#cccccc; background-color:#4C4C4C; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; display:block; margin-top:1px; vertical-align:middle; text-align:center; height:auto; border-style:solid; border-color:#ff0000; border-width:0px; padding:2px 10px 2px 10px; text-decoration:none; font-weight:normal; text-decoration:none;}


.mini {font-size:9px; }

.subm {
      font-family:Helvetica, Verdana, Arial;
      font-size:9pt;
      color:#4d699;
      background-color:#d8d8ff;
      border-left:1px solid #4d699;
      border-bottom:1px solid #4d699;
      border-right:1px solid #4d699;
      border-top:1px solid #4d699;
      -moz-border-radius:10px;
      -khtml-border-radius:10px;
      }

.white {
      font-family:Verdana, Arial, Helvetica;
      font-size:9pt;
      color:#ffffff;
      }




#main {
      margin: 0 auto;
      text-align: left;
      background-color:#ffffff;
      border: 0px;
      border-style: inset;
      border-color: #9E273B;
      width:960px;
      min-height:69vh;
      padding:0px;
      }


.header {
     position:static;
      width:100%;
      height:150px;
      background-color:#ffffff;
      z-index: 600;
     }

.cart-header {
     position:static;
      width:100%;
      height:40px;
      z-index: 600;
     }


#box {
      position:relative;
      z-index:100;
      top:-374px;
      left:650px;
      float:left;
      border: 1px;
      padding: 10px;
      border-style: inset;
      border-color: #9E273B;
      background-color:#ffffff;
      height: 344px;
      width: 280px;
      text-align: left;
           }

.boxauswahl { background-color:#eee; width:280px; border:1px solid #9E273B; }

#indexinhalt {
      position:relative;
      top:-369px;
      padding-bottom:-366px;
      background-color:#ffffff;
      left:1px;
      z-index:100000;
      float:left;
      width: 958px;

           }

.time-element {
    color: blue;
}


#column1 {
      position:relative;
      float:left;
      background-color:#ffffff;
      width: 450px;
      padding-left: 20px;
      text-align: left;
           }

#column2 {
      position:relative;
      float:left;
      background-color:#ffffff;

      width: 450px;
      padding: 0px;
      text-align: left;
           }



#column12 {
      position:relative;
      float:left;
      background-color:#ffffff;
      margin-left: 2px;
      width: 558px;
      padding: 20px;
      text-align: left;
           }

#column123 {
      position:relative;
      float:left;
      background-color:#ffffff;
      width: 960px;
      text-align: left;
           }

#column3 {
      position:relative;
      float:right;
      background-color:#ffffff;
      margin-left:5px;
      width: 320px;
      padding: 10px;
      text-align: left;
           }




#content {
      position:static;
      background-color:#fff;
      top: 0px;
      left: 0px;
      width: 960px;
      padding: 0px;
      text-align: left;
      z-index: 400;
           }

#flexwrap{
        margin-top:15px;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        }

.content_subelement{
  background-color:#ffffff>;
  border-radius: 1px;
  border-color:#f6f6f6>;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-style: solid;
  margin-top:10px;
  margin-bottom:0px;
  box-shadow: 3px 3px 2px silver;
  display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                width: 30%;
                padding: 10px;
                float:left;
                margin-right: 10px;

                flex-wrap:nowrap;

  }

.content {
  width:100%;
  padding-left:0px;
  padding-right:5px;
  padding-top:0px;
  padding-bottom:20px;
}


.content960 {
      position:static;
      top: 0px;
      padding-top: 10px;
      padding-bottom: 10px;
      text-align: left;
      z-index: 400;
      width:960px;
      margin: 0 auto;
           }


.content_infobox{
      background-color:#ffffff;
      border-color:#ffa500;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-style: solid;
      float: left;
      margin-top: 20px;
      margin-right: 10px;
      margin-left: 0px;
      margin-bottom: 30px;
      padding: 10px;
      width: 275px;
      height: auto;
      text-align: left;
      font-size:12px;
      color:#000000;


}

.content31 {
      background-color:#eeeeee;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-style: solid;
      float: left;
      top: 10px;
      left: 0px;
      margin-top: 10px;
      margin-right: 10px;
      margin-left: 0px;
      margin-bottom: 30px;
      padding-bottom: 10px;
      padding-top: 10px;
      padding-left: 10px;
      padding-right: 10px;
      width: 275px;
      height: 500px;
      text-align: left;
           }

.content48 {
      background-color:#eeeeee;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-style: solid;
      float: left;
      top: 10px;
      left: 0px;
      margin-top: 10px;
      margin-right: 5px;
      margin-left: 5px;
      margin-bottom: 30px;
      padding-bottom: 10px;
      padding-top: 10px;
      padding-left: 10px;
      padding-right: 10px;
      width: 420px;
      text-align: left;
           }

.content_item{
  padding-left:5px;
  padding-right:5px;
  padding-bottom:5px;
  padding-top:5px;
  margin-bottom:10px;
  font-family:Helvetica, Arial, Verdana;
  font-size:10pt;
  border-radius: 5px;
  background-color:#FFFFFF;
 }

.content_tiles_wrapper {
  display: flex;
  flex-wrap: wrap; /* Allows tiles to wrap onto the next line */
}

  .content_tile_grey_v23-1{
  background-color:#f4f4f4;
  border-color: #9E273B;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-radius: 5px;
  margin-top:20px;
  margin-bottom:10px;
  margin-right:10px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 445px;
  text-align: left;
  top: 10px;
  left: 0px;
  box-shadow: 3px 3px 2px silver;
  }

.content_tile{
  background-color:#f4f4f4;
  border-color: #9E273B;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-radius: 5px;
  margin-top:20px;
  margin-bottom:10px;
  margin-right:10px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 445px;
  height: auto;
  text-align: left;
  top: 10px;
  left: 0px;
  float: left;
  box-shadow: 3px 3px 2px silver;
  }

.content_tile50_white{
  background-color:#FFFFFF;
  border-color: #ffffff;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-radius: 5px;
  margin-top:10px;
  margin-bottom:5px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 445px;
  height: 445px;
  text-align: left;
  top: 15px;
  left: 0px;
  float: left;
  box-shadow: 3px 3px 2px silver;
  }

  .content_tile50_grey{
  background-color:#f4f4f4;
  border-color: #9E273B;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-radius: 5px;
  margin-top:20px;
  margin-bottom:10px;
  margin-right:10px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 445px;
  height: 445px;
  text-align: left;
  top: 10px;
  left: 0px;
  float: left;
  box-shadow: 3px 3px 2px silver;
  }

  .content_tile100{
  background-color:#f4f4f4;
  border-color: #9E273B;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-radius: 5px;
  margin-top:30px;
  margin-bottom:10px;
  margin-right:10px;
  text-align: left;
  top: 10px;
  left: 0px;
  box-shadow: 3px 3px 2px silver;
  padding:0px;
  width:100%;
  height:auto;
  float:left;
}



   .content_tile50_white{
  background-color:#FFFFFF;
  border-color: #9E273B;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-radius: 5px;
  margin-top:20px;
  margin-bottom:10px;
  margin-right:10px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 445px;
  height: 445px;
  text-align: left;
  top: 10px;
  left: 0px;
  float: left;
  box-shadow: 3px 3px 2px silver;
  }

  .content_tile50_grey_right{
  background-color:#f4f4f4;
  border-color: #9E273B;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-radius: 5px;
  margin-top:20px;
  margin-bottom:10px;
  margin-right:10px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 445px;
  height: 445px;
  text-align: left;
  top: 10px;
  left: 0px;
  float: right;
  }

.content_tile_coursefinder{
  background-color:#f4f4f4;
  border-color: #9E273B;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-radius: 10px;
  margin-top:10px;
  margin-bottom:10px;
  margin-right:10px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 30%;
  height: 300px;
  text-align: left;
  top: 10px;
  left: 0px;
  float: left;
  box-shadow: 3px 3px 2px silver;
  }

.content_tile_2023{
  background-color:#F2EFDE;
  border-color: #dddddd;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-style:solid;
  border-radius: 0px;
  margin-top:10px;
  margin-bottom:10px;
  margin-right:10px;
  padding:10px;
  width: 30%;
  height: 300px;
  text-align: left;
  top: 10px;
  left: 0px;
  float: left;
  box-shadow: 1px 1px 2px silver;
  }

.content_tile_admin{
  background-color:#f4f4f4;
  font-size:16px;
  color:#000000;
  border-color: #9E273B;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-radius: 10px;
  margin-top:10px;
  margin-bottom:10px;
  margin-right:10px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 90%;
  height: auto;
  text-align: left;
  top: 10px;
  left: 0px;
  float: left;
  box-shadow: 3px 3px 2px silver;
  }

.content_admin_header{

  margin-top:10px;
  margin-bottom:10px;
  margin-right:10px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 90%;
  height: auto;
  text-align: left;
  top: 10px;
  left: 0px;
  float: left;
  }

  .playbutton{
  background-color:#9E273B;
  border-radius: 3px;
  margin-top:0px;
  margin-bottom:10px;
  margin-right:10px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom: 1px;
  padding-top: 0px;
  width: auto;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  top: 0px;
  left: 0px;
  float: left;
  box-shadow: 2px 2px 1px silver;
  color:#ffffff;
  font-size:12px;
  }



.content_tile_posting{
  background-color:#ffffff;
  border-color: #aaaaaa;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-radius: 10px;
  margin-top:10px;
  margin-bottom:5px;
  margin-right:10px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 95%;
  height:auto;
  text-align: left;
  top: 10px;
  left: 0px;
  float: left;
  box-shadow: 3px 3px 2px silver;
  }


    .content_tile50_blue{
  background-color:#AA336A;
  color: #ffffff;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  margin-top:20px;
  margin-bottom:10px;
  margin-right:10px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 445px;
  height: 445px;
  text-align: left;
  top: 10px;
  left: 0px;
  float: right;
  }

.content50 {
      background-color:#FFFFFF;
      border-top-width: 1px;
      border-right-width: 0px;
      border-bottom-width: 0px;
      border-left-width: 1px;
      border-style: solid;
      border-color: #AA336A;
      float: left;
      top: 10px;
      left: 0px;
      margin-top: 10px;
      margin-bottom: 30px;
      padding-bottom: 10px;
      padding-top: 10px;
      padding-left: 10px;
      padding-right: 10px;
      width: 450px;
      text-align: left;
           }


.content12 {
      position: relative;
      background-color:#FFF;
      border-top-width: 1px;
      border-right-width: 0px;
      border-bottom-width: 0px;
      border-left-width: 0px;
      border-style: solid;
      border-color: #9E273B;
      float: left;
      top: 25px;
      left: 0px;
      padding-bottom: 25px;
      padding-top: 25px;
      width: 900px;
      text-align: left;
           }

.content12attn {
      position: relative;
      background-color:#ffffff;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-style: solid;
      border-color: #9E273B;
      border-radius: 5px;
      float: left;
      top: 25px;
      left: 0px;
      padding:15px;
       width: 500px;
      text-align: left;
      box-shadow: 3px 3px 2px silver;
           }

 .content_login {
      position: relative;
      background-color:#f6f6f6;
      border-radius: 5px;
      float: center;
      top: 25px;
      left: 0px;
      padding:15px;
      width: 70%;
      margin-left: 0px;
      margin-right: 20px; .
      text-align: left;
      box-shadow: 3px 3px 2px silver;
           }

.invoices {
  background-color:#f6f6f6;
  width:90%;
}

.invoices td {
  padding: 10px 5px 10px 0;
}

.content123attn {
      position: relative;
      background-color:#ffffff;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-style: solid;
      border-color: #AA336A;
      float: left;
      top: 25px;
      left: 0px;
      padding:15px;
      width: 100%;
      text-align: left;
           }

.content_tile0 {
      position: relative;
      background-color:#ffffff;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-style: solid;
      border-color: #9E273B;
      float: left;
      top: 50px;
      left: 0px;
      padding-left:10px;
      padding-top:10px;
      padding-bottom:20px;
      padding-right:50px;
      width: 240px;
      height: 270px;
      margin-right:15px;
      margin-bottom:15px;
      text-align: left;
      background-image:url("/images/tile_0.jpg");

           }
.content_tile1 {
      position: relative;
      background-color:#ffffff;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-style: solid;
      border-color: #9E273B;
      float: left;
      top: 50px;
      left: 0px;
      padding-left:10px;
      padding-top:10px;
      padding-bottom:20px;
      padding-right:105px;
      width: 185px;
      height: 270px;
      margin-right:15px;
      margin-bottom:15px;
      text-align: left;
      background-image:url("/images/tile_1.jpg");

           }

.content3 {
      position: relative;
      align:right;
      background-color:#f2f2f2;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-style: solid;
      border-color: #9E273B;
      margin-bottom: 30px;
      float: left;
      top: 25px;
      left: 0px;
      width: 300px;
      padding-bottom: 10px;
      padding-top: 10px;
      padding-left: 10px;
      padding-right: 10px;
      text-align: left;
      color:#000;
      line-height:1.1;
           }


.warning {
      position: relative;
      margin-bottom: 30px;
      background-color:#9E273B;
      color:#FFFFFF;
      float: left;
      padding: 15px;

           }

.button{
  background-color:#9E273B;
    width: 200px;
    height: 40px;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    font-family:Helvetica, Verdana, Arial;
    font-size:18pt;
    color:#ffffff;
    align:center;
 }


.textbox_white{
  background-color:#FFFFFF;
  border-color: #CCCCCC;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-radius: 1px;
  padding:10px;
  margin-bottom:5px;
  width: 95%;
  height: auto;
  text-align: left;
  top: 10px;
  left: 0px;
  float: left;
  box-shadow: 3px 3px 2px silver;
  }


#foot {
      margin: 0 auto;
      text-align: left;
      background-color:#21325D;
      width:980px;
      padding:5px;
      }


.image1 {
      margin-right:20px;
      margin-bottom:20px;
      margin-top:4px;
      border: 1px;
      border-color: #000;
      border-style: solid;
      width: 252px;
      height: 189px;
      float: left;
      }

.image2 {
      padding:0;
      margin-left:0px;
      margin-right:0px;
      margin-bottom:10px;
      margin-top:10px;
      width: 600px;
      height: 240px;
      z-index:100;
      }





.image3 {
      margin-right:20px;
      margin-bottom:20px;
      margin-top:4px;
      border: 0px;
      border-color: #000;
      border-style: solid;
      width: 160px;
      height: 120px;
      float: left;
      }



.image4 {
      margin-right:0px;
      margin-bottom:2px;
      margin-top:0px;
      margin-left:50px;
      border: 0px;
      border-color: #000;
      border-style: solid;
      width: 400px;
      float: right;
      }



.image5 {
      margin-right:20px;
      margin-bottom:20px;
      margin-top:4px;
      border: 0px;
      border-color: #000;
      border-style: solid;
      height: 200px;
      float: left;
      }

      .image6 {
      margin-right:0px;
      margin-bottom:2px;
      margin-top:0px;
      margin-left:50px;
      border: 0px;
      border-color: #000;
      border-style: solid;
      width: 320px;
      float: right;
      }

.image99 {
      margin-right:20px;
      margin-bottom:20px;
      margin-top:4px;
      border: 0px;
      border-color: #000;
      border-style: solid;
      width: 120px;
      float: left;
      }

#jtc_wrap_old{
  padding-left:5px;
  background:#AA336A;
  border-top:3px solid #605D5C;
  margin-top:12px;
  height:30px;
}

#jtc_wrap{
  padding-left:0px;
  background:#ffffff;
  border-bottom:1px solid #605D5C;
  margin-top:12px;
  height:30px;
}

.jtc_menu_old{
  z-index:1000;
  position:relative;
  width:960px;
  margin: 0 auto;
  height:30px;

}

.jtc_menu{
  z-index:1000;
  position:relative;
  width:auto;
  margin: 0 auto;
  height:30px;

}

.jtc_menu li{
  position:relative;
  float:left;
}
.jtc_menu ul ul li{
  clear:both;
  display:block;
  padding:0px;
}

.jtc_menu ul a{
  float:left;
  color:#ffffff;
  height:30px;
  line-height:29px;
  padding:0px 15px;
  white-space:nowrap;
  display:block;
  font-weight:normal;
}

.jtc_menu ul a{
  float:left;
  color:#AA336A;
  height:30px;
  line-height:29px;
  padding:0px 15px;
  white-space:nowrap;
  display:block;
  font-weight:normal;
}

.jtc_menu ul ul a{
  color:#AA336A;
  height:26px;
  line-height:24px;
  padding:0px 0px 0px 10px;
}
.jtc_menu ul ul ul a{
  color:#AA336A;
  padding:0px;
}
.jtc_menu ul table{
  border-collapse:collapse;
  border:0;
  position:relative;
  top:1px;
  margin-top:-30px;
  margin-left:-10px;
}
.jtc_menu ul{
  background-color:#F4F4F4;
  display:block;
}
.jtc_menu ul ul{
  z-index:1;
  visibility:hidden;
  position:absolute;
  left:0px;
  top:30px;
}
.jtc_menu ul ul li a{
  border-bottom:3px solid #F4F4F4;
  width:500px;
}
.jtc_menu ul a:hover{
  color:#ffffff;
  background:#082C50 url(navi.png) no-repeat 20px 100%;
}
.jtc_menu ul ul a:hover{
  color:#082C50;
  font-weight:bold;
}
.jtc_menu ul ul ul a:hover{
  color:#082C50;
  font-weight:bold;
}
.jtc_menu ul a:hover ul a{
  color:#082C50;
}
.jtc_menu ul a:hover ul a:hover{
  color:#082C50;
  background:none;
}
.jtc_menu ul ul :hover > a{
  color:#082C50;
  background:none;
}
.jtc_menu :hover > a{
  color:#082C50;
  background:#21325D url(navi.png) no-repeat 20px 100%;
}
.jtc_menu ul:hover{
  color:#082C50;
}
.jtc_menu ul li:hover ul,.jtc_menu ul a:hover ul{
  visibility:visible;
  overflow:hidden;
  background-color:#E9E9E9;
  border-bottom:5px solid #082C50;
  color:#082C50;
  width:300px;
  padding-top:5px;
}


:link,:visited{
  text-decoration:none;
}

ul.jtc_ul{
  list-style:none
}
ul.jtc_ul,li.jtc_ul{
  margin:0;
  padding:0
}

ol.gtc {
margin-left:20px;
}

li.gtc {
padding:10px;
}

input[type="submit"], button[type="submit"] {
   font-size: 1em;
   padding: 5px 15px;
   font-family: Helvetica;
   color: #ffffff;
   font-weight: 300;
   background-color:#AA336A;
   border-radius: 5px;
   border:none;
}
button[type="submit"].small {
  font-size:0.75em;
}
button[type="submit"].link {
  background-color:transparent;
  padding:0;
  font-weight:normal;
}

input[type="text"] {
   font-size: 1.3em;
   padding: 5px 12px;
   font-family: Helvetica;
   font-weight: 300;
   color:#605D5C;
   width:90%;
   height:16px;
   border: 1px solid #605D5C;
   background-color: #ffffff;
   border-radius: 5px;
}

input[type="radio"].form, input[type="checkbox"].form {
  vertical-align: top;
  margin-top:6px;
}

textarea {
   font-size: 1.3em;
   padding: 10px 12px;
   font-family: Helvetica;
   font-weight: 300;
   color:#605D5C;
   width:90%;
   border: 1px solid #605D5C;
   background-color: #ffffff;
   border-radius: 5px;
}
  input[type="password"] {
   font-size: 1.3em;
   padding: 5px 12px;
   font-family: Helvetica;
   font-weight: 300;
   width:90%;
   height:16px;
   color:#9E273B;
   border: 1px solid #605D5C;
   background-color: #ffffff;
   border-radius: 5px;
}

select {
   background-color: #ffffff;
   width: 95%;
   height:30px;
   font-size: 1.1em;
   padding: 1px 1px;
   margin-right:15px;
   font-family: Helvetica;
   color:#605D5C;
   font-weight: bold;
   border: 1px solid #605D5C;
   border-radius: 0px;
}

#picnavi .slidediv{
        width:960px;
        height:384px
}

#picnavi .blur {

        position:relative;
        top:0px;
        left:0px;
        padding: 0px;
        height:384px;
        width:960px;
        z-index:150;
}

#picnavi .topheader_text{
        filter:alpha(opacity=100);
        opacity:1;
        position:relative;
        top:-364px;
        left:20px;
        padding: 10px;
        line-height:1.5em;
        width:480px;
        color:#082C50;
        z-index:200;
}

h1.animation {
  margin:22px 0 14px 5px;
  color:#082C50;
  font-size:20px;
  font-weight:600;
}

p.animation {                                        margin: 10px 0 0 5px; padding:0;}
p + p {                                margin-top:0.5em;}
body.animation                {                margin:0px; padding:0px;}
div.image2container {
  margin-top:60px;
  margin-bottom:20px;
}
#tweets iframe {
  width: 100%!important;
}

details {
  font: 16px "Open Sans", Calibri, sans-serif;
  width: 95%;

}

details > summary {
  padding: 5px;
  width: 100%;
  background-color: #ffffff;
  border: none;
  box-shadow: 3px 3px 4px #dddddd;
  cursor: pointer;
  margin-bottom:10px;

}


summary:before {

  color: #9E273B;
  margin-right: 5px;
}

details > p {
  border-radius: 0 0 10px 10px;
  background-color: #ddd;
  padding: 2px 6px;
  margin: 0;
  box-shadow: 3px 3px 4px black;
}

tr.sum td {
  font-weight:bold;
  font-size: 14px;
}

th, th a, th a:hover, th a:visited, th a:active, th a:focus {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px!important;
  font-weight: bold;
}

th a.selected {
  color: #000;
}

table.list {
  padding: 0;
  width: 100%;
  background-color:#AA336A;
}

table.list td a {
  font-size: 14px;
}

table.list td, table.edit td, table.show td {
  padding:3px 5px 3px 5px;
}

table.list tr:nth-child(even) td, table.show tr:nth-child(even) td, table.edit td {
  background: #eee;
}

table.list tr:nth-child(odd) td, table.show tr:nth-child(odd) td {
  background: #fff;
}

table.list td, table.list th {
  text-align:left;
}

table.edit td:first-child, table.show td:first-child {
  font-weight:bold;
}

table.list td:nth-child(3), table.list td:nth-child(4),table.list td:nth-child(5),table.list td:nth-child(6)     {
  text-align:right;
}

 table.list th:nth-child(8),table.list th:nth-child(8),table.list th:nth-child(10),table.list th:nth-child(11),table.list td:nth-child(11),table.list td:nth-child(14) {
  text-align:center;
}

table.list th {
  padding:3px 5px 3px 5px;
  background: #AA336A;
  color: #ffffff;
}



table.list2 {
  padding: 0;
  background-color:#cccccc;
}

table.list2 td a {
  font-size: 14px;
}

table.list2 td {
  padding:3px 10px 3px 10px;
}

table.list2 tr:nth-child(even) td{
  background: #eee;
}

table.list2 tr:nth-child(odd) td {
  background: #fff;
}

table.list2 td, table.list th {
  text-align:left;
}


table.list2 th {
  padding:3px 10px 3px 10px;
  background: #AA336A;
  color: #ffffff;
  text-align:left;
}


.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* Adjust based on desired column width */
    gap: 15px; /* Spacing between grid items */
}

.grid-item {
    display: flex;
    flex-direction: row; /* Align items horizontally */
    justify-content: flex-start; /* Align items to the start (flag on the left) */
    align-items: center; /* Center the flag and text vertically */
    padding: 10px;
    border: 1px solid #ccc;
    text-align: left; /* Text will align to the left */
    height: 40px; /* Adjust the height if needed */
    background-color: #ffffff;
    color: #AA336A;
    transition: all 0.3s ease; /* Smooth hover effect */
    text-decoration: none;
}

.grid-item:hover {
    background-color: #AA336A;
    color: #ffffff;
    text-decoration: none;
}

.grid-item img {
    margin-right: 10px; /* Add space between the flag and country name */
}

.coursetile-grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 15px; /* Spacing between grid items */
}

.coursetile-grid-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 10px;
    border: 1px solid #ccc;
    text-align: left;
    aspect-ratio: 1 / 1;
    background-color:#F2EFDE;
    border-color: #dddddd;
    color: #000000;
    transition: all 0.3s ease;
    text-decoration: none;
}

.coursetile-grid-item:hover {
    background-color: #dddddd;
    text-decoration: none;
}

.coursetile-grid-item img {
    width:100%;
    margin-bottom: 10px;

}
.content-grid-item h3 {
    margin-top: 0;
    margin-bottom: 10px;
}

.coursetile-grid-item a {
    text-decoration: none; /* Remove underline for links inside the grid item */
    color: inherit; /* Ensure link takes the text color of the container */
}

.coursetile-grid-item a:hover {
    text-decoration: none; /* Prevent underline on hover */
}

/* Grid container */
.content-grid-container {
    display: grid;
    margin-top:20px;
    grid-template-columns: repeat(auto-fit, minmax(275px, 1fr)); /* Adjusts based on available space */
    gap: 10px; /* Space between grid items */
    align-items: stretch; /* Makes all items in a row the same height */
}

/* Each grid item */

.content-grid-item {
    background-color: #eeeeee;
    border: 1px solid #ccc;
    padding: 10px;
    text-align: left;

    flex-direction: column; /* Ensure content inside stretches to fill the box */
}

.content-grid-item img {
    margin-top: 5px;
    margin-bottom: 10px;
    width: 100%;
    height: auto;
}

.content-grid-item h2 {
    margin-top: 0;
}


/* Button container style */
.ButtonAction {
    margin-top: 10px; /* Add some space between the content and button */
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    height: 50px;
    line-height: 50px; /* Center text vertically */
    font-size: 14px;
    background-color: #AA336A;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    cursor: pointer;
    align-self: center; /* Center button horizontally */


}

/* Hover effect */
.ButtonAction:hover {
    background-color: #dddddd;
    text-decoration: none;
}
.ButtonAction a {
    color: #fff;
    white-space: nowrap; /* Prevent long links from wrapping */
    overflow: hidden; /* Hide overflow text if it’s too long */
    text-overflow: ellipsis; /* Display ellipsis (...) for long overflow text */
    text-decoration: none;
}


.content-grid-item a {

    white-space: nowrap; /* Prevent long links from wrapping */
    overflow: hidden; /* Hide overflow text if it’s too long */
    text-overflow: ellipsis; /* Display ellipsis (...) for long overflow text */
}

</style>