/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */
body {
    background-image: url(beer_bkgrd.jpg);
	    background-color: rgba(255,255,255,0.8);
    background-blend-mode: lighten;
	
}

a {
color: inherit;
text-decoration:none; }
a:hover{
 text-decoration:underline;}
a:active{
color:#DD3938 } 

p {
margin: 0px;
margin-bottom: 3px;
font-family: 'PT Sans Narrow', sans-serif;
color: #114735;
font-size:18px;
}

table {
  table-layout: fixed ;
  width: 100% ;
}

h1 {
font-family: 'PT Sans Narrow', sans-serif;
font-weight:bold;
padding-top: 0px;
margin: 0px;
color: #114735;
font-size:35px;
text-align:left;
padding-bottom:0px;
}

h2 {
font-family: 'PT Sans Narrow', sans-serif;
padding: 0;
margin: 0;
color:#ffffff ;
background-color: #926550;	
font-size:40px;
text-align:center;
}

h3 {
font-family: 'PT Sans Narrow', sans-serif;
padding: 0;
margin: 0;
color:#ffffff ;
background-color: #926550;	
font-size:30px;
text-align:center;
}

hr {
color:#926550;	
}

#addhops,#showhops2,#showhops,#addgrain,#showgrain2,#showgrain, #addyeast,#showyeast2,#showyeast,#addbeer,#showbeer2,#showbeer {
font-family: 'PT Sans Narrow', sans-serif;
font-size:20px;
	color: #926550;
}

form{
font-family: 'PT Sans Narrow', sans-serif;
    font-size:inherit;
	background: transparent;
    color:inherit;
    display:inline;
}
input[type=button]{
font-family: inherit;
font-size: inherit;	
	background: #926550;
    color:#FFFFFF;
    border-style:solid;
    border-width:thin;
    margin-top: 9px;
}

input[type=text]{
font-family: inherit;
font-size: inherit;	
    color:#926550;
    border-style:solid;
    border-width:thin;
	border-color:#926550;
    margin-bottom: 9px;
}

select {
font-family: inherit;
font-size: inherit;	
    color:#926550;
    border-style:solid;
    border-width:thin;
	border-color:#926550;
    margin-bottom: 9px;
}
/* Standard-CSS-Angaben & Angaben für kleinere Bildschirme * * * * * * * * */

#wrapper {
	margin: 0 auto; /* Zentriert das Layout */
	width: 100%; /* Definiert die Gesamtbreite des Layouts */
    max-width:370px;
	min-height: 1000px;
	background-color: rgba(255, 255, 255, 0.8);
}

#header{    
font-family: 'PT Sans Narrow', sans-serif;
	background: inherit;
	height: 100px; 
	float: left; 
	width: 100%;
    font-size:80px;
    color: #926550;
    text-align:center;
    margin-top:10px;
}
#headerlinks{
    font-family: 'Bubblegum Sans', cursive;
	background: inherit;
	float: left; 
	width: 100%;
    font-size:20px;
    color: #114735;
    text-align:center;
    padding-bottom:8px;
    border-bottom:double;
}
#userdata{
    font-family: 'PT Sans Narrow', sans-serif;
	background: transparent;
	float: left; 
	width: 100%;
    font-size:16px;
    font-weight:bold;
    color: #331FE4;
    border-bottom:double;
    border-bottom-color:#114735;
}
#quizlinks{
    font-family: 'PT Sans Narrow', sans-serif;
	background: inherit;
	/*height: 90px;  Nur zur Sichtbarkeit im Browser, solange kein Inhalt vorhanden ist */
	float: left; 
	width: 100%;
    font-size:20px;
    color: #114735;
    /*border:double;*/
}
#footer{
    font-family: 'PT Sans Narrow', sans-serif;
	background: inherit;
	float: left; 
	width: 100%;
    font-size:16px;
    color: #114735;
    text-align:left;
    border-top:double;
    margin-top: 5px;
}
#falsch{
    font-family: 'PT Sans Narrow', sans-serif;
    font-size:12px;
	background: inherit;
	height: 20px; 
    padding-top: 4px;
    padding-bottom: 4px;
	float: left; 
	width: 100%;
    color:#114735;
    text-align: center;
}
#logging{
    font-family: 'PT Sans Narrow', sans-serif;
    font-size:18px;
	background: inherit;
    padding-top: 10px;
    padding-bottom: 10px;
	float: left; 
	width: 100%;
    color:#114735;
    text-align: left;
    border-top:double;
}

#subnavigation{
    font-family: 'PT Sans Narrow', sans-serif;
	background: inherit; /* Nur zur Sichtbarkeit im Browser, solange kein Inhalt vorhanden ist */
	float: left;
    color:#114735; 
	width: 100%;
}

#content{
    font-family: 'PT Sans Narrow', sans-serif;
	background: inherit;
	/*min-height: 500px;  Nur zur Sichtbarkeit im Browser, solange kein Inhalt vorhanden ist */
	float: left; 
	width: 100%;
    border-top:double;
    color:#114735;
    font-size:18px;
}

#lcontent{
    font-family: 'PT Sans Narrow', sans-serif;
	background: inherit;
	float: left; 
	width: 100%;
    padding-top:8px;
    padding-bottom:10px;
    color:#114735;
    font-size:18px;
    text-align:left;
}

#timer {
    font-family: 'PT Sans Narrow', sans-serif;
	background: inherit;
	float: left; 
	width: 100%;
    border-bottom:double;
    padding-top:2px;
    padding-bottom:2px;
    color:#114735;
    font-size:18px;
    text-align:center;
    font-weight:bold;
}
  
#contentnoli{
    font-family: 'PT Sans Narrow', sans-serif;
	background: inherit;
	/*min-height: 500px;  Nur zur Sichtbarkeit im Browser, solange kein Inhalt vorhanden ist */
	float: left; 
	width: 100%;
    color:#114735;
    font-size:18px;
}
#contentex{
    font-family: 'PT Sans Narrow', sans-serif;
	background: inherit;
	/*min-height: 500px;  Nur zur Sichtbarkeit im Browser, solange kein Inhalt vorhanden ist */
	float: left; 
	width: 100%;
    color:#114735;
    font-size:18px;
}