@CHARSET "ISO-8859-1";

div#container div#layoutElemente div#titelbild {
	
	background-image: url("/diehonigmacher/layout/balken_varroa.svg");
	background-size: auto auto;
	background-position:  230px 60px

}


div#container div#gameajaxwindow  {
 position:            absolute;
 top:                    15em;
 display:               none;
 left:                  16.2em;
 font-family: Verdana,Helvetica,Arial,sans-serif;
 font-size:      99%;
 color: #000;	
 background: rgba(255,255,204,0.7);	
 border-left:   2px solid #ddd; 
 border-top:    2px solid #ddd;
 border-right:  2px solid #ae905c;
 border-bottom: 2px solid #ae905c;
 quotes:"\201E" "\201C" "\201A" "\2018";
 width:       40.0em;
 z-index:         50;	
	
}

div#container div#gameajaxwindow  .klein {
 font-size: 0.7em;
}

div#container div#gameajaxwindow div#formscreen  {
 padding: 0.5em;
 font-size: 1.0em;
  /* background: #ffffcc;	 */
  background: rgba(255,255,204,0.7);	
}

div#container div#gameajaxwindow div#formscreen h1 {
 padding-top: 0.5em;	
 padding-bottom: 0.5em;	
 font-size: 1.1em;
 line-height:   1.3em;	
}

div#container div#gameajaxwindow div#formscreen h2 {
 padding-top: 0.5em;	
 padding-bottom: 0.5em;	
 font-size: 1.0em;
 line-height:   1.2em;	
}

div#container div#gameajaxwindow div#formscreen p {
 padding-top: 0.5em;	
 padding-bottom: 0.5em;	
 font-size: 0.9em;
 line-height:   1.2em;	
}

div#container div#gameajaxwindow div#formscreen input {
 padding-top: 0.5em;	
 padding-bottom: 0.5em;	
 background: #ffffcc;
 font-size: 0.9em;
 line-height:   1.1em;	
}
div#container div#gameajaxwindow div#formscreen input[type=text] {
	margin:  0.5em;
	padding: 0.3em;
	width: 14.0em;
}

div#container div#gameajaxwindow div#formscreen input[type=submit] {
	margin:  0.3em;
	padding: 0.2em;
	width: 13.5em;
	min-width: 45px;
	min-height: 45px;
}
 
div#container div#gameajaxwindow div#formscreen label {
 padding-top: 0.5em;	
 padding-bottom: 0.5em;	
 font-size: 0.9em;
 line-height:   1.1em;	
}

div#container div#gamedescriptionlink  {
 position:            absolute;
 top:                    155px;
 display:               inline;
 left:                  18.5em;
 font-weight:             bold;
 font-size:              1.0em;
 color:                #d39d05;
 background-color: transparent;
 z-index:                   50;	
}

/* Link-Darstellung*/
div#container div#gamedescriptionlink a {
 color:               #d39d05;
 text-decoration:        none;
} 

div#container div#gamedescriptionlink a:hover {
 color:        #990000;
 text-decoration: none;
}


div#container div#highscorelink  {
 position:            absolute;
 top:                    155px;
 display:               inline;
 left:                  37.5em;
 font-weight:             bold;
 font-size:              1.0em;
 color:                #d39d05;
 background-color: transparent;
 z-index:                   50;	
}


div#container div#highscorelink a {
 color:        #d39d05;
 text-decoration: none;
}
div#container div#highscorelink a:hover {
 color:        #990000;
 text-decoration: none;
} 
div#container div#content div#gameImageQuer {
 text-align: center;
 margin-left: -10em;
}

div#container div#content div#gameImageQuer img { 
 border-left:   1px solid #ddd; 
 border-top:    1px solid #ddd;
 border-right:  1px solid #777;
 border-bottom: 1px solid #777;
} 
 
div#container div#content div#gameImageQuer canvas { 
 border-left:   1px solid #ddd; 
 border-top:    1px solid #ddd;
 border-right:  1px solid #777;
 border-bottom: 1px solid #777;
} 

div#container div#content div#gameImageQuer a {
 text-decoration: none;
 }
 
div#container div#content div#gameImageQuer a img { 
 border-left:   1px solid #ddd; 
 border-top:    1px solid #ddd;
 border-right:  1px solid #777;
 border-bottom: 1px solid #777;
} 
 
 div#container div#content div#gameImageQuer form  {
 display: inline;
 
 }
 
 
 
div#container div#content div#gameImageQuer div#buttonline {
	
 	
 }
 
div#container div#content div#gameImageQuer input[type=submit] {
 margin-top:   0.6em;
 width:       16em;
 	min-width: 45px;
	min-height: 45px;
 background-color: #ffffcc;
 border-left:   1px solid #c0c0c0; 
 border-top:    1px solid #c0c0c0;
 border-right:  2px solid #404040;
 border-bottom: 2px solid #404040;
}


div#container div#content div#gameImageQuer input[type=submit]:hover {
 border-right:   1px solid #c0c0c0; 
 border-bottom:    1px solid #c0c0c0;
 border-left:  2px solid #404040;
 border-top: 2px solid #404040;
} 


div#container div#content div#gameImgeQuer input[type=submit]:active {
 background-color: #ff0000;
 border-right:   1px solid #c0c0c0; 
 border-bottom:    1px solid #c0c0c0;
 border-left:  2px solid #404040;
 border-top: 2px solid #404040;
} 

div#container div#content div#gameImageQuer div#buttonline2 {
	margin-top:   0.6em;
	
 	
 }
 
div#container div#content div#gameImageQuer div.descriptionQuer  {
 margin-left:    1.0em;
 margin-top:     0.3em;
 width:         60.0em;
 font-size:      1.0em;
 line-height:    1.3em;
 }
 
div#container div#content div#gameImageQuer div.discriptionQuer p {
 padding-top:    0.4em;
 }
 
div#container div#content div#gameImageQuer span.copyright  {
 font-size: 0.7em;
}

div#container div#gameajaxwindow  div#helpscreen {
 position:     relative;
 top: 		      2.7em;
 left:                0;
 width:            43em;
 font-size:       1.0em;
 padding-bottom:  2.5em;	
 font-family: Verdana,Helvetica,Arial,sans-serif;
 background: #ffffcc;
 quotes:"\201E" "\201C" "\201A" "\2018";
}

div#container div#gameajaxwindow  div#helpscreen  {
 top: 		      0;
 left:            0;
 font-size:       1.0em;
 width:           auto;
 background: rgba(255,255,204,1.0);
}

div#container div#gameajaxwindow  div#helpscreen h2 {
 padding-top:    1.6em;
 padding-left:   1.0em;	
 padding-bottom: 0.4em;
 font-weight:     bold;
 font-size:      1.4em;
} 

div#container div#gameajaxwindow  div#helpscreen h3 {
 padding-top:    1.4em;
 padding-left:   1.0em;		
 padding-bottom: 0.2em;
 font-weight:     bold;
 font-size:      1.2em;
} 

div#container div#gameajaxwindow  div#helpscreen h4 {
 padding-top:    1.1em;
 padding-left:   1.3em;		
 padding-bottom: 0.1em;
 font-weight:   normal;
 font-size:      1.0em;
 border:             0;   	
} 

div#container div#gameajaxwindow  div#helpscreen h5 {
 padding-top:    1.0em;
 padding-left:   1.5em;		
 padding-bottom: 0.1em;
 font-weight:   normal;
 font-size:      0.9em;
} 


div#container div#gameajaxwindow  div#helpscreen p {
 padding-left:   1.5em;		
 font-size:   	0.9em;
 line-height:   1.4em;	
} 


div#container div#gameajaxwindow  div#helpscreen ul {
 margin-left:     1.5em;
 padding-top:     0.5em;
 padding-left:   1.5em;	
 padding-bottom:  0.5em;
 font-size:       0.9em;	
}

div#container div#gameajaxwindow  div#helpscreen ul li {
  padding-left:     2.5em;
  padding-bottom:  0.25em;
}


div#container div#gameajaxwindow  div#helpscreen table {
 margin:          0;
 margin-top:  1.0em;
 font-size:   0.9em;
 background: #eeeeee;		
 width: auto;	
}

div#container div#gameajaxwindow  div#helpscreen table th {
 padding:        0.5em;	
 font-size:      1.2em;	
}

div#container div#gameajaxwindow  div#helpscreen table tr.gerade {
 background: #ffffdd;	
}

div#container div#gameajaxwindow  div#helpscreen table tr.ungerade {
 background: #eeeebb;	 
}


div#container div#gameajaxwindow  div#helpscreen table tr td {
 padding:       0.5em;	
 font-size:     1.0em;	
}

div#container div#gameajaxwindow  div#helpscreen table tr td.text {
 width:         20em;	
 text-align:    left;	
 padding-left: 1.0em;
	
}

div#container div#gameajaxwindow  div#helpscreen table tr td.zahl {
 width:           7.0em;	
 text-align:    right;
 padding-right:  3.0em;	
}

div#container div#gameajaxwindow  div#helpscreen table tr td.right {
 width:           7.0em;	
 text-align:    right;
 padding-left:  2.0em;	
}

div#container div#gameajaxwindow   div#helpscreen div#titlelinehelptext {
 display:       inline;	
 font-size:     0.9em;
 color:        #d39d05;
 text-align:    left;
}

div#container div#gameajaxwindow  div#helpscreen div#closebutton {
 display:       inline;
 padding-left:    20em;	
 font-size:     0.9em;
 text-align:    right;
}

div#container div#gameajaxwindow div#closebutton a {
 color:        #d39d05;
 text-decoration: none;
}

div#container div#helptext div#helpdescription {
 font-size:   	1.0em;
} 

div#container div#helptext div#helpdescription.quer {
 width: 700px;
} 
div#container div#helptext div#helpdescription p {
 padding-top:  0.5em;
 padding-bottom:  0.25em;
}

div#container div#helptext div#helpdescription p.quer {
 width: 700px;
 }
 
div#container div#helptext div#helpdescription img.laengs {
 padding-top:  0.5em;
 padding-left:  0.5em;
  float: right;
  
}

div#container div#helptext div#helpdescription dl dt {
 padding-right:  0.5em;
 font-weight: bold;
 
}

div#container div#helptext div#helpdescription dl dd {
  padding-bottom:  0.25em;
}


div#container div#helptext div#helptitle {
 padding-top: 1.0em;
 font-weight: bold;
 font-size:   	1.2em;
}