@charset "utf-8";

/* CSS Document */

/*https://www.w3schools.com/css/css_form.asp*/

 

*{
        margin:0px;
        padding:0px;
}

body {
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        background-color:#FFFF;
 /*     background-image:url(../bilder/verlauf_horizonzal_01.jpg);*/
        background-position:left;
        background-repeat:repeat-y;

        }
          
h1 {
        text-indent:-999px;    
}

p {
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        margin-bottom:5px;
        color:#000000;
}



p.ueberschrift {
        font-family:Arial, Helvetica, sans-serif;
        font-size:13px;
        font-weight:bold;
        margin-bottom:5px;
        padding-bottom:5px;
        color:#000000;
}


p.ueberschrift_2 {
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:bold;
        margin-bottom:5px;
        color:#000000;
}
 

a {
        text-decoration:none;
        outline:none;
        color:#660033;
}


a:hover {
        text-decoration:none;
        outline:none;
        color:#9D8657;
}


ul {
        list-style:none;
}

 
img {
        border:none;
}

/*        -----------------hauptboxen------------------------*/

div#container {
        width:700px; /* Änderung Breite!*/
        overflow:visible;
        position:relative;
        margin: 0px auto;              
}

       
div#title {
        width:1000px; /* Änderung Breite!*/
        height:115px;
                background-image:url(../bilder/logo.gif);
                background-position:660px;
        background-repeat:no-repeat;
                /*background-color:#FC6; orange*/
}

 

div#navi_top {
        width: 1000px; /* Änderung Breite!*/
        height:25px;
                background-image:url(../bilder/sloganbg.gif);
                background-repeat:no-repeat;
        /*      border-bottom:solid 1px #9D8657;*/
}

 

div#content {
        width:1000px; /* Änderung Breite!*/
                background-image:url(../bilder/contentbg.gif);
                background-repeat:repeat-y;
                clear:both;
                overflow:hidden;
       /* background-color:#FF0; gelb*/
}

 

div#text {
        width:1000px;/* Änderung Breite!*/
                overflow:hidden;
}

 

/*------------------------Text--------------------------------------*/



 

div#text_right {
        float:left;
        text-align:left;
        width:450x; /* Änderung Breite!*/
        padding-top:25px;
        padding-left:50px;
        padding-right:50px;
}

 



div#text_left {
        float:left;
        text-align:left;
        width:300px; /* Änderung Breite!*/
        padding-top:25px;
        padding-left:50px;
        padding-right:50px;
        /*background-color:#C3F; lila*/
}

 

div#text_1 {
        float:left;
        width:400px;
        height:1000px;
        display:block;
        /*height:250px;*/
        padding-top:25px;
        padding-right:50px;
        background-color:#FFF;
}

/*----------------------aninmierte giffs------------------------------*/




/*------------------------Navigation_oben----------------------------------*/

 

div#navi_top ul.navi {
        /*height:50px;*/
        color:#4F4C50;
}

 

div#navi_top ul li.navzelle {
        float:left;
        /*width:110px;*/
        font-weight:normal;
        letter-spacing:2px;
        color:#4F4C50;
}

 

div#navi_top ul li a.oben {
        display:block;
        height:15px;
        padding:5px 0px 5px 30px;
        color:#4F4C50;
}

 

div#navi_top ul li a.oben:hover, a.oben:active {
        color:#ef3554;
        height:15px;
        padding:5px 0px 5px 30px;
}

 

div#navi_top ul li a.status_oben {
        display:block;
        /*width:100px;*/
        color:#9D8657;
        height:15px;
        padding:5px 0px 5px 30px;
}

 

/*-----------------------Navigation Foot-------------------------------------------*/

 

div#foot {
        float:left;
        text-align:left;
        width:882px;
        height:45px;
        position:bottom;
        background-image:url(../bilder/footerbg.gif);
        background-position:bottom;
        background-repeat:no-repeat;
        /*border-top:solid 1px #9D8657;*/
}

 

div#foot ul {
        margin-left:250px;
}

 

div#foot ul li.sub {
        float:left;
        width:auto;
        padding-right:25px;
}

 

div#foot ul li a {
        font-size:10px;
        display:block;
        padding:5px;
        float:left;
        width:auto;
        color:#4F4C50;
        letter-spacing:2px;
}

 

div#foot ul li a:hover {
        display:block;
        float:right;
        color:#ef3554;

}

 

div#foot ul li a.substatus {
        display:block;
        float:right;
        color:#FFF;
}

 

/*----------Slideshow_01----------------------------------------------------------*/

 

div#slideshow {
         height:250px; /* hier Hoehe der Slideshow-Bilder angeben */
}

 

div#slideshow img {
         display:none;
         position:absolute;
                 left:3px
}

 

div#slideshow_2 {
         height:250px; /* hier Hoehe der Slideshow-Bilder angeben */
}

div#slideshow_2 img {
          display:none;
         position:absolute;
                 left:3px
}



div#slideshow_3 {
         height:250px; /* hier Hoehe der Slideshow-Bilder angeben */
}

div#slideshow_3 img {
           display:none;
         position:absolute;
                 left:3px
}

 

div#slideshow_4 {
         height:250px; /* hier Hoehe der Slideshow-Bilder angeben */
}

div#slideshow_4 img {
           display:none;
         position:absolute;
                 left:3px
}

 

div#slideshow_5 {
         height:250px; /* hier Hoehe der Slideshow-Bilder angeben */
}

div#slideshow_5 img {
           display:none;
         position:absolute;
                 left:3px       
}

 

/*----------Buttons NEU----------------------------------------------------------*/

 

button#button_start{
        float:inherit;
        text-align:center;
        align-items:center;
        vertical-align:middle;
        font-size:20px;
        width:200px;
        height:200px;
        font-size: 50px;
        border-color:#85c04e;
        border-radius: 100px;
		  background-color: #85c04e
}

 

button#button_laeuft{
        float:inherit;
        text-align:center;
        align-items:center;
        vertical-align:middle;
        font-size:20px;
        width:200px;
        height:200px;
        font-size: 50px;
        border:none;
        border-radius: 100px;
        background-color: rgba(255, 187, 0, 0.733)
}

 

button#button_stopp{
        float:inherit;
        text-align:center;
        align-items:center;
        vertical-align:middle;
        font-size:20px;
        width:200px;
        height:200px;
        font-size: 50px;
        border-color:#e44a4a;
        border-radius: 100px;
        background-color: #e44a4a
}

button#button_reset{
        float:none;
        text-align:center;
        vertical-align:middle;
        font-size:20px;
        width:120px;
        height:40px;
        font-size: 12px;
        font-weight:bold;
        border-color:#d4d4d4;
        border-radius:10px;
        background-color: rgba(172, 172, 172, 0.733)
}

button#button_hide_data{
        float:none;
        text-align:center;
        vertical-align:middle;
        font-size:20px;
        width:120px;
        height:40px;
        font-size: 20px;
        border-color:#ebebeb;
        border-radius:10px;
        background-color: rgba(172, 172, 172, 0.733)
}

 

button#button_show_data{
        float:none;
        text-align:center;
        vertical-align:middle;
        font-size:20px;
        width:120px;
        height:40px;
        font-size: 20px;
        border-color:#ebebeb;
        border-radius:10px;
        background-color: rgba(172, 172, 172, 0.733)
}

 

button#button_name_speichern{
        float:none;
        text-align:center;
        vertical-align:middle;
        font-size:20px;
        width:120px;
        height:40px;
        font-size: 12px;
        font-weight:bold;
        border-color:#d4d4d4;
        border-radius:10px;
        background-color: rgba(172, 172, 172, 0.733)
}

 

div#nameeingabe{
        float:none;
        text-align:center;
        vertical-align:middle;
        font-size:20px;
        width:120px;
        height:40px;
        font-size: 12px;
        background-color: azure;
        border-radius:10px;
        border-color:#000000
}

/*----------Tabellen-----------------------------------------------------*/

 

table#table_time, tr, th, td{
        text-align:left;
        vertical-align:middle;
        font-size:15px;
        /*width:270px;*/
        width:100px;
        background-c
        olor:rgb(255, 250, 236);
        border: #757575 1px;
        border-collapse:collapse;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        padding-top:5px;
        padding-right:2px;
        padding-bottom:5px;
        padding-left:10px;
        }

 

table#table_best_of, tr, th, td{
        text-align:left;
        vertical-align:middle;
        font-size:15px;
        /*width:270px;*/
        width:270px;
        background-color:rgb(255, 250, 236);
        border: #757575 1px solid;
        border-collapse:collapse;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        padding-top:5px;
        padding-right:2px;
        padding-bottom:5px;
        padding-left:10px;
}

 

table#table_current, tr, th, td{
        text-align:center;
        vertical-align:middle;
        font-size:15px;
        /*width:600px;*/
        width:350px;
        background-color:rgb(255, 250, 236);
        border: #757575 1px solid;
        border-collapse:collapse;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        padding-top:5px;
        padding-right:2px;
        padding-bottom:5px;
        padding-left:10px;
} 

 

table#table_all, tr, th, td{
        text-align:center;
        vertical-align:middle;
        font-size:15px;
        /*width:600px;*/
        width:350px;
        background-color:rgb(255, 250, 236);
        border: #757575 1px solid;
        border-collapse:collapse;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        padding-top:5px;
        padding-right:2px;
        padding-bottom:5px;
        padding-left:10px;
        } 

 

/*-----Input---------------*/

 

input#nameeingabe{
        float:none;
        text-align:center;
        vertical-align:middle;
        font-size:20px;
        width: 150px;
        height:35px;
        font-size: 12px;
        border-color:#747474;
        border-radius:5px;
}


/* Quiz-Buttons MC/OF (eigene Quiz-Engine, ersetzt Questbase) */
a.qbtn{
  display:inline-block; padding:2px 10px; margin:2px 3px;
  background:#9D8657; color:#fff !important; border-radius:12px;
  font-size:12px; font-weight:bold; text-decoration:none; line-height:1.4;
}
a.qbtn:hover{ background:#660033; color:#fff !important; }