@font-face {

   font-family: Fontin_Sans_SC_45b;
   src: url(../fonts/Fontin_Sans_SC_45b.otf);
   
      
    
   }

/* <div class='window_quiz_station'>Station Nr. $stationID</div> */	

body {
    background-color: rgb(255,255,255);
    color: rgb(96,96,96);
    font-family: Arial,serif;
    font-size: 13px;
    margin: auto;
    padding: 0;
 
}

p
{
    padding:5px;
    color: rgb(96,96,96);
    font-family: Arial,serif;
    font-size: 1em;
    line-height:1.4em;

}

td
{
    background-color: rgb(255,255,255);
    font-size: 1em;
}

.impressum {
    background-color: rgb(255,255,255);
    color: rgb(96,96,96);
    font-family: Arial,serif;
    font-size: 0.9em;
    margin: auto;
    padding: 0;
 
}

.ueberschrift1,.ueberschrift2,.ueberschrift3 {
    color: rgb(96,96,96);
    font-family: Fontin_Sans_SC_45b,Arial,serif;
}

.ueberschrift1 {
    font-size: 1.6em; 
}

.ueberschrift2 {
    font-size: 1.5em;
}

.ueberschrift3 {
    font-size: 1.4em;  
}


.smallmap {
    width: 100%;
    height: 100%; 
    min-height:500px; 
    border: 1px solid silver;
}  

/* NEW FROM HERE*/



.window_quiz {
    background-color: #FFFFFF;
    color: rgb(96,96,96);
    font-family: Arial,serif;
    font-size: 13px;
    margin: auto;
    padding: 0;
    width: 550px;
    min-height: 400px;
}

.window_quiz_end {
    background-color: #FFFFFF;
    color: rgb(96,96,96);
    font-family: Arial,serif;
    font-size: 13px;
    margin: auto;
    padding: 0;
    width: 300px;
    min-height: 400px;
}

.window_quiz_question {
    background-color: #FFFFFF;
    color: rgb(96,96,96);
    font-family: Arial,serif;
    font-size: 1.2em;
    font-weight:bold;
}

.window_quiz_answer {
    background-color: #FFFFFF;
    color: rgb(96,96,96);
    text-align: left;
    font-family: Arial,serif;
    font-size: 1.3em;
    padding:5px;
}

.window_quiz_station {
    background-color: #FFFFFF;
    color: rgb(96,96,96);
    font-family: Arial,serif;
    font-size: 13px;
    text-align:right;
}

.window_quiz_name{
    background-color: #FFFFFF;
    color: rgb(96,96,96);
    font-family: Fontin_Sans_SC_45b,Arial,serif;
    font-size: 1.7em;
    padding:5px;
    border-bottom:1px solid silver;
}

.window_quiz_general{
    background-color: #FFFFFF;
    color: rgb(96,96,96);
    /* text-align: justify; */
    font-family: Arial,serif;
    font-size: 1.1em;
    padding:5px;
}



.window_quiz_image {
    background-color: #FFFFFF;
    color: rgb(96,96,96);
    font-family: Arial,serif;
    font-size: 1.1em;
    padding:12 0 12 0;
}

 

label, select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 150px; /* Breite.*/
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

input#submit { /* den Submit-Button */
  float: none;
  width: auto;
  background-color:rgb(224,224,224);
}

.button_check_answer {
	padding:1;
	margin:0;
	width:120px;
	font-size:1em;
	border: 1px solid silver;
	background-color: rgb(224,224,224);
	color:#000000;
	font-family: Arial,serif;
	}




A:link {
     color: rgb(0,102,0);
    font-family: Arial,serif;
    font-size: 0.9em;
    text-decoration: none;
}
A:visited {
     color: rgb(0,102,0);
    font-family: Arial,serif;
    font-size: 0.9em;
    text-decoration: none;
}
A:active {
     color: rgb(0,102,0);
    font-family: Arial,serif;
    font-size: 0.9em;
    text-decoration: none;
}
A:hover {
    color: rgb(0,102,0);
    font-family: Arial,serif;
    font-size: 0.9em;
    text-decoration: underline;
}

div#content {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial,serif;
    font-size: 13px;
    margin: auto;
    padding: 10;
    width: 95%;
    height:95%;
}

div#header {

color: #439400; 
    font-family: Fontin_Sans_SC_45b,Arial,serif;


    color:rgb(112,112,112);
     
    clear: both;
    

     
 
    padding: 5px;
    text-align:right;
}
div#statement {
    background-color: #FFFFFF;
    border-bottom: 2px solid silver;
    font-family: Arial,serif;
    font-size: 1.2em;
    height: 50px;
    padding-bottom: 25px;
    text-align: left;
}
div#source {
    background-color: #FFFFFF;
    font-family: Arial,serif;
    font-size: 0.8em;
    font-style: italic;
    height: 10px;
    padding-bottom: 2px;
    text-align: right;
}
div#left {
    background-color: #ffffff;
    color: #000000;
    float: left;
    height:95%;
    width: 305px;
    font-size:1em;
    font-family: Arial,serif;
    border-top:1px solid rgb(224,224,224);
   
}


div#station_current {
    float: left;
}

div#station_numbers_of {
   
    
}




 
div#right {
    background-color: #FFFFFF;
    height:95%; 
    margin-left:310px;
    font-family: Arial,serif;
    font-size: 1em;
}
div#footer {
    background-color: #FFFFFF;
    font-family: Arial,serif;
    font-size: 0.8em;
    font-style: italic;
    padding-bottom: 2px;
    text-align: center;
}