body   {font-family:arial,sans-serif;}

td     {font-family:arial,sans-serif;}

td.g10 {font-family:arial,sans-serif;font-size:10.5px;}
td.g12 {font-family:arial,sans-serif;font-size:12px;font-weight:bold;color:#db6715;text-align:right;}
td.g13 {font-family:arial,sans-serif;font-size:13px;font-weight:bold;color:#db6715;}
td.g13a {font-family:arial,sans-serif;font-size:12px;font-weight:bold;color:#db6715;background-color:#FFEFD5;padding-left:20px;}

td.g14 {font-family:arial,sans-serif;font-size:14px;font-weight:bold;color:#db6715;text-align:center;}
td.g20 {font-family:arial,sans-serif;font-size:20px;font-weight:bold;color:#db6715;text-align:right;}


a:link       {color:#7a50c5;}
a:visited    {color:#7a50c5;}
a:active     {color:#7a50c5;}
a:hover      {color:blue;}
a.hov:hover  {color:#ff0; background-color:blue}
a            {text-decoration:none;}
a.vis:visited {color:blue;}


td.k1  {font-family:arial,sans-serif;font-size:12px;}
td.k2  {font-family:arial,sans-serif;font-size:10px;}
td.k13 {font-family:arial,sans-serif;font-size:13px;}
td.k14 {font-family:arial,sans-serif;font-size:14px;font-weight:bold;color:#db6715;}
td.k20 {font-family:arial,sans-serif;font-size:20px;font-weight:bold;color:#db6715;}
td.k24 {font-family:arial,sans-serif;font-size:24px;font-weight:bold;color:#db6715;}

.inpu { font-family: arial,sans-serif;
        font-size: 13px;
        color: #0F408C;
        background-color:#fafafa;
        padding:2px;
        border: #ABABAB;
        border-style: dashed ;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px; }
        
.inpuklein { font-family: arial,sans-serif;
        font-size: 13px;
        color: #0F408C;
        background-color:#fafafa;
        padding:2px;
        border: #ABABAB;
        border-style: solid ;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        size: 5;        }

textarea { font-family: arial,sans-serif;
        font-size: 13px;
        color: #0F408C;
        background-color:#fafafa;
        padding:2px;
        border: #ABABAB;
        border-style: dashed ;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        overflow:visible; }

/*Ab hier Ergänzungen von Richard Aude*/        
#main-table {
		padding-left: 3em;
		padding-right: 2.5em;
}

ul {
	display: flex;
	list-style: none;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: baseline;
	background: #FFEFD5;
	/*width: 696px;
	height: 394.75px;*/
}

ul li {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 2em;
}

section {
	margin-left: 3em;
	text-align: left;
}

#questions, #answerpool, #controls, #sources, .segment {
	border-bottom: 2px solid #6666cc;
	width: 695px;
}

ol {
	padding-left: 1.25em;
}

ol li {
	text-align: left;
}

ol li + li {
	margin-top: 1em;
}

li {
	font-size: 0.8em;
}

ol span {
	width: 100%;
	text-align: left;
}

#controls section {
	background: #FFEFD5;
	text-align: center;
	margin-top: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-right: 3em;
	margin-bottom: 2em;
}

.taken {
	text-decoration: line-through;
}

pre, #main-table p {
	text-align: left;
	line-height: 2em;
	font-size: 0.95em;
	font-family:arial,sans-serif;
}

#questions img, #kap4Aufg2 img, #kap7Aufg1 img, #kap6Aufg1 img {
	height: 28px;
	vertical-align:-7px;
}

#kap3aufg1 .inpu, #main-table .inpu {
	width: 200px;
}

#kap3aufg1 font {
	line-height: 2em;
}

#kap4Aufg2 .inpu {
	width: 30px;
}

#sources {
	text-align: center;
	padding-bottom: 1em;
}

#kap5Aufg1 .inpu {
	width: 350px;
}

#kap5Aufg2 {
	line-height: 2em;
}

#kap5Aufg2 h4 {
	text-align: left;
	padding-left: 3em;
}

#kap6Aufg1 li {
	font-size: 1em;
}

.kap6Aufg2 h4, .kap6Aufg2 > p{
	text-align: left;
	margin-left: 3em;
}

.segment {
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}

#kap7Aufg1 .segment p {
	margin-top: 0px;
	margin-bottom: 0px;
}

#kap8Aufg1 .inpu {
	width: 590px;
}

#kap9Aufg1 .inpu {
	width: 225px;
}

#kap9Aufg1 .inpu_check {
	width: 90px;
}

#kap9Aufg2 {
	line-height: 2em;
}