@font-face {
	font-family: Lunova;
	src: url('fonts/PreludeFLF-Bold.ttf');
}

body{
	font-family: Verdana;
	color: black;
    background-color: rgb(170,176,197);
	font-size: 11px;
    margin: 0px; padding: 0px;
}

h1{
    position:absolute;left:0px;top:0px;
    font-family: Arial;
    font-size:10pt;
    font-weight:normal;
    color:white
}

input{
    border-radius: 0px;    
}

textarea{
    border-radius: 0px;
    resize: none;
}

#back{
    position:absolute;left:0px;top:0px;min-width:800px;width:100%;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=50);
}

#logo{
    position:absolute;left:40px;top:45px;
}

#chronomindlogo{
    position:absolute;left:10px;top:0px;
}

#header{
    position:absolute;left:0px;top:0px;width:100%;height:40px;
    background-image: url('pics/back01.gif');  
}

#footer{
    position:fixed;left:0px;bottom:0px;width:100%;height:110px;
    background-color: rgb(170,176,197);  
}

#powerd{
    position:absolute;left:50px;top:30px;width:120px;height:100px;
    font-family: Arial;
    font-size: 14pt;
    font-weight:normal;
    color: white;
}

.sepv{background-color:rgb(220,220,220);}
.u_sektor div{padding:0px;margin:0px;height:14px;color:white}
.u_sektor div:first-child{margin-bottom:6px;}    
#u_sep1{position:absolute;left:215px;top:10px;width:1px;height:90px;}
#u_sektor1{position:absolute;left:230px;top:10px;text-align:left;}
#u_sep2{position:absolute;left:405px;top:10px;width:1px;height:90px;}
#u_sektor2{position:absolute;left:420px;top:10px;text-align:left;}
#u_sep3{position:absolute;left:540px;top:10px;width:1px;height:90px;}
#u_sektor3{position:absolute;left:555px;top:10px;text-align:left;}
#u_sep4{position:absolute;left:655px;top:10px;width:1px;height:90px;}

.untenText{
    padding-left: 8px;
    font-size: 8pt;
    text-decoration: none;
    color:white;
}

.untenMenu{margin:0px;padding:0px;}
.untenMenu:visited{color:rgb(220,220,220);}
.untenMenu:focus{outline:none;}
.untenMenu:hover{text-decoration:underline;rgb(250,250,250)}

.untenSel:link{color: #444444;}
.untenSel:visited{color: #444444;}

#main{
    position:absolute;
    left:50%; top:40px; margin-left:-250px;
    width:500px; min-height:1000px;
}


#version{
    position:absolute;left:5px;bottom:5px;
    font-size:8pt; color:gray;
}


#txt{
    width:300px;
    font-size:12px;
    padding-left:5px;
    
}

#status{
    position:absolute;left:-105px;top:115px;width:100px;
    font-family: Arial;
    font-size:12pt;
    font-weight:bold;
    padding: 2px;
    color: white;
    text-align: right;
    letter-spacing: 1px;
}

#countdown{
    position:absolute;left:-105px;top:175px;width:100px;
    font-family: Arial;
    font-size:12pt;
    font-weight:bold;
    padding: 2px;
    color: white;
    text-align: right;
    letter-spacing: 1px;
}

#frage{
    position:absolute;left:0px;top:120px;width:487px;height:40px;
    font-size:16pt;
    font-weight:normal;
    line-height:40px;
    border-left: 2px solid white; 
    border-bottom: 1px solid white; 
    padding: 2px;
    padding-left:8px;
}


#antwort{
    position:absolute;left:0px;top:180px;width:485px;height:40px;
    font-size:16pt;
    font-weight:normal;
    line-height:40px; 
    background-color:white;
    padding: 2px;
    padding-left:8px;
}

#richtig{
    position:absolute;left:0px;top:240px;
    font-size:18px;
    font-weight:normal;
    text-align:left;
    padding: 4px;
}

#prozent{
    position:absolute;left:75%;top:12px;width:100px;margin-left:-50px;
    font-family: Arial;
    font-size:12pt;
    font-weight:normal;
    color:white;
    text-align: right;
}

#exercise{
    position:absolute;left:0px;top:30px;width:495px;height:80px;
    background-color: white;
    border: 1px solid black;
    visibility: hidden;
}

    #ex_title{
        position:absolute;left:0px;top:0px;width:485px;height:30px;
        font-size:16pt;
        font-weight:normal;
        background-color: rgb(12,39,110);
        padding-left: 10px;
        padding-top: 5px;
        color: white;
    }

    #ex_antwort{
        position:absolute;left:10px;top:38px;
        font-size:14pt;
    }

    #ex_auf{
        position:absolute;left:10px;top:63px;
        font-size:10pt;
    }
    

#trigger_prozent{position:absolute;bottom:3px;left:75%;cursor:pointer;margin-left:52px;}
#menu_prozent_surround{position:absolute;left:75%;top:40px;width:260px;height:100px;margin-left:-10px;}
#menu_prozent_container{position:absolute;left:65%;top:40px;width:300px;height:26px;margin-left:20px;visibility:hidden;}
#btn_prozent_1{position:absolute;left:0px;top:0px;width:100%;}

#kurs{
    position:absolute;left:50%;top:12px;width:300px;margin-left:-150px;
    font-size:18px;
    font-weight:normal;
    color: white;
    text-align: center;
}
#trigger_kurs{position:absolute;bottom:3px;left:50%;cursor:pointer;margin-left:152px;visibility:hidden;}

#remain{
    position:absolute;right:10px;top:12px;
    font-family: Arial;
    font-size:12pt;
    font-weight:normal;
    color: white;
    text-align: right;
}


#level{position:absolute;left:25%;top:7px;width:100px;height:35px;margin-left:-45px;}
.level_item   {position:absolute;bottom:12px;width:5px;background-color:rgb(120,120,120);cursor: pointer;}
.level_item_sel{position:absolute;bottom:12px;width:5px;background-color:white;cursor: pointer;}
#level_1{left:30px;height:4px;}
#level_2{left:37px;height:7px;}
#level_3{left:44px;height:10px;}
#level_4{left:51px;height:13px;}
#level_5{left:58px;height:16px;}
#trigger_level{position:absolute;bottom:5px;left:65px;cursor:pointer;}
#menu_level_surround{position:absolute;left:25%;top:40px;width:150px;height:180px;margin-left:-10px;}
#menu_level_container{position:absolute;left:25%;top:40px;width:80px;height:130px;margin-left:20px;visibility:hidden;}
#btn_level_1{position:absolute;left:0px;top:0px;width:70px;}
#btn_level_2{position:absolute;left:0px;top:25px;width:70px;}
#btn_level_3{position:absolute;left:0px;top:50px;width:70px;}
#btn_level_4{position:absolute;left:0px;top:75px;width:70px;}
#btn_level_5{position:absolute;left:0px;top:100px;width:70px;}





#ausgabe{position:absolute;right:0px;top:60px;width:250px;visibility:hidden;}

.c0{color: rgb(90,90,90);}
.c1{color: rgb(180,0,0);}
.c2{color: rgb(0,128,0);}
.c3{color: black;text-decoration: underline}

.button{
    border: 1px solid grey;
    cursor: pointer;
    padding: 3px;
    padding-left: 4px;
    font-size: 13px;
    font-weight: bold;    
    color: black;
    letter-spacing: 1px;
    height:18px; width:190px;
    background-color: white;
    text-decoration: none;
}

.head_button{
    border: 1px solid white;
    cursor: pointer;
    padding: 2px;
    font-size: 10px;
    font-weight: bold;    
    color: white;
    padding-left: 4px;
}

.mo{
    background-color: grey;
    color: white;
}

.sel{
    text-decoration: underline;    
}

#menu{
    position:absolute;left:10px;top:60px;
    cursor: pointer;
}

#menu_surround{position:absolute;left:10px;top:40px;width:250px;height:400px;}

#menu_container{
    position:absolute;left:31px;top:60px;width:200px;
    visibility: hidden;
}


#btn_methode{position:absolute;left:0px;top:0px;}
#btn_impressum{position:absolute;left:0px;top:25px;}
#btn_reset{position:absolute;left:0px;top:50px;}
#btn_new{position:absolute;left:0px;top:75px;}
#btn_id{position:absolute;left:0px;top:100px;}

#txt_modus{
    position:absolute;left:10px;top:110px;
    font-size: 16px;
    font-weight: bold;
}

#maske{
    position:fixed;width:100%;height:100%;left:0px;top:0px;
    background-image: url('pics/maske.gif');
    visibility: hidden;
}

.modul{
    position:absolute;width:600px;height:400px;left:50%;top:100px;margin-left:-300px;
    background-color: white;
    visibility: hidden;
}

.modul_titel{
    position:absolute; left:0px; top:0px;
    width:95%;height:29px;
    background-color: rgb(21,55,126);  
    font-size: 20px; color: white;
    padding-left:5%;
    padding-top:5px;
}

.modul_content{
    position:absolute; left:0px; top:50px;
    width:90%;
    font-size:12px;
    padding-left:5%;
}

.btn_modul_close   {position:absolute;right:6px;top:6px;width:22px;height:22px;background-image:url('pics/delete.gif');cursor:pointer}
.btn_modul_close_mo{position:absolute;right:6px;top:6px;width:22px;height:22px;background-image:url('pics/deleteRed.gif');cursor:pointer}

#i_lernerID{
    position:absolute;left:5%;top:100px;width:100px;height:20px;
    font-size:16px;
    font-weight:bold;
    text-align:left;
    line-height:20px; 
    background-color:white;
    padding: 2px;
}

#modul_abfrage{height:200px;}
#btn_lernerID_ok{position:absolute;left:520px;top:100px;width:50px;text-align: center}