/* AUFGABE 2 */

/* Hier die Tabelle gestalten */
thead {
    background-color: #fff; 
    color: #01698b; 
    border-top: 3px solid #01698b;
    border-bottom: 3px solid #01698b;
}

tbody {
    background-color: #daf4fc; 
    border: none; 
}

th,td
{
	padding: 0px;
	margin: 0px;
	border-bottom: 3px solid #fff;
	vertical-align: top !important;	
    font-family: 'Open Sans';
    font-size: 16px;	
	
}

.hg-td-center
{
	text-align: center;
}

/* Hier die Checkbox gestalten */
.hg-checkbox
{
	width: 34px;
	height: 34px;
	border: 2px solid #01698b;
	display: inline-block;
	background: #fff;
	cursor: pointer;
	padding: 2px;
}

.hg-checkbox-clicked
{
	background-image: url("cb_kreuz.png");
	background-repeat: no-repeat;
	background-position: center;
}

.hg-checkbox-richtig
{
	border: 3px solid #28a745;
}

.hg-checkbox-falsch
{
	border: 3px solid #d30000;
}

@media only screen and (min-width: 600px) {
	.hg-cell-special
	{
		display:none;
	}
}




.info_h2
{
	color: #01698b;
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 10px;
}

.extra-hintergrund
{
	margin: 5px 0px 10px 0px;
	width: 100%;
	background: #01698b;
	padding: 4px 4px;
}
.extra-hintergrund >span
{
	
	color: #fff;
	
}

.modal-extra-row
{
	margin-bottom: 20px;
}

.model-extra-kasten
{
	margin: 5px 0px 0px 0px;
	background: #f5f5f5;
	padding: 5px 10px 5px 10px;
}

@media (min-width: 1000px) {	
	.modal-extra-floatimg
	{
		max-width: 300px;
		float: left;
		margin: 0px 20px 15px 0px;
	}
	
	.modal-extra-p-clear
	{
		clear: left;
	}	
}

.modal-extra-p
{
	margin-top: 10px;
}