@CHARSET "UTF8";

.btn-hilfe
{
	/* Hier die kleinen Info-Buttons gestalten! */
	
}


.hg-row
{
	display: block;
	width: 100%;
	margin-top: 20px;
}

.hg-col
{
	display: inline-block;
	padding: 5px;
}

.eingabefeld
{
	width: 110px;
}

.hg-eingabefeld>input[type="text"]
{
    width: 40px;
    height: 40px;
    font-size: 20px;
    text-align: center; 
    text-transform: uppercase;
    margin-bottom: 8px;
}

.luecke
{
	display: inline-block;
	width: 40px;
}

.hg-textlang
{
    width: 260px;
    text-transform: uppercase;
}

.hg-marg-bott
 {
 	margin-bottom: 20px;
 }

.hg-input-aktiv
{
	background: #cbcbcb;
	outline: medium none;
	border: 1px solid #575757;
}

.hg-input-passiv
{
	background: #ebebeb;
	outline: medium none;
	border: 1px solid #575757;
}

.hg-input-auswahl
{
	background: #e5f7b3;
	border: 2px solid #a4c25a;
	background-repeat: no-repeat;
	background-position: right top;
	outline: medium none;		
}

.hg-rifa img
{
	display: none;
	width: 25px;
    padding-bottom: 8px;
}

.hg-indexzahl
{
	color: #a4c25a;
	font-size: 12px;
	margin: 0px 10px 0px -15px;
}


@media (max-width: 500px) {	
	.hg-liste
	{
	
		min-width: 380px;
	}
}