/*
Author: Javed Ur Rehman
Website: https://htmlcssphptutorial.wordpress.com
*/

* {
  margin: 0;
  padding: 0;
  font-family: Helvetica, Arial, sans-serif;
}

html, body {
	height: 100%;
}

html {
   background: url(sifl_start18.jpg) no-repeat center center fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover; 
   font-size:100%;
}

body {
    /* display: table; */
    width: 92%;
    margin: 0 auto;
    font-size:1rem;
}



.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/*a {text-decoration:none;font-size: 16px;width:550px;padding: 10px 25px 8px;color:white;font-weight:bold;margin: 0 auto;}
*/
a {text-decoration:none;font-size: 16px;width:100%;color:white;font-weight:bold;}
a:hover {text-decoration:none;margin: 0 auto;}
.fform{width: 100%;heigth:100%; margin: 0 0 0 0;padding: 3px 3px 3px 3 px;}
.form{width: 100%; margin: 0 auto;}
.form19{width: 100%; margin: 0 0 0 0; padding: 3px 3px 3px 3 px;}


option[value='Loe'] {
                background: orange;    
            }

input[type='number'], input[type='text'], input[type='email'], input[type='password'] {width: 350px; border-radius: 2px;border: 1px solid #CCC; padding: 5px; color: #333; font-size: 14px; margin-top: 5px;}

input[type='text']:disabled {width: 350px; border-radius: 2px;border: 1px solid #CCC; padding: 2px; color: #333; font-size: 13px; font-weight: bold; margin-top: 4px;}

input[type='submit']{width:100%; padding: 15px 8px 30px 15px; color: #fff; background-color: #78b941; text-shadow: rgba(0,0,0,0.24) 0 1px 0; font-size: 16px; box-shadow: rgba(255,255,255,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0; border: 1px solid #6faf38; border-radius: 2px; margin-top: 10px; cursor:pointer;}

input[type='submit']:hover {background-color: #80c248;}


input[type='reset']{width: 100%; padding: 12px 22px 10px; color: darkblue; background-color: red; text-shadow: rgba(0,0,0,0.24) 0 1px 0; font-size: 16px; box-shadow: rgba(255,255,255,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0; border: 1px solid #6faf38; border-radius: 2px; margin-top: 10px; cursor:pointer;}

h5 {margin-bottom: 5px;}

input[type="text"]:invalid {color:red;}

.typein {border:3px solid red; background:yellow;font-size:200%;}


.hfont {font-size:75%;}


.h1font {font-size:115%;}

/* responsive */

@media only screen and ( min-width: 950px ) {
    /* breites Browserfenster */
    body { height: 100%; }

    input[type='text'], input[type='email'] {width: 500px; border-radius: 2px;border: 1px solid #CCC; padding: 5px; color: black; font-size: 200%; margin-top: 5px;}
    input[type='password'] {width: 500px; border-radius: 2px;border: 1px solid #CCC; padding: 5px; color: black; font-size: 200%;                         margin-top: 5px;}

}



@media only screen and ( min-width: 440px ) and ( max-width: 950px ) {
    /* Tablets und mittlere Bildschirme */
    body { height: 100%;}
    .kleinschrift {font-size:90%;}

input[type='submit']{width:100%; padding: 7px 7px 7px 7px; color: #fff; background-color: blue; text-shadow: rgba(0,0,0,0.24) 0 1px 0; font-size: 16px; box-shadow: rgba(255,255,255,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0; border: 1px solid #6faf38; border-radius: 2px; margin-top: 1px; cursor:pointer;}


}

@media only screen and ( max-width: 480px ) {
    /* mobile Geräte */
    body { height: 100%;  }

    input[type='number'] {width: 50px; padding: 10px; color: red; font-size: 200%; margin-top: 5px;}

    .texthoehe1 {font-size:150%;}

    .kleinschrift {font-size:60%;}

input[type='submit']{width:100%; padding: 7px 7px 7px 7px; color: #fff; background-color: blue; text-shadow: rgba(0,0,0,0.24) 0 1px 0; font-size: 16px; box-shadow: rgba(255,255,255,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0; border: 1px solid #6faf38; border-radius: 2px; margin-top: 1px; cursor:pointer;}

}