/* roboto-regular - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/roboto-v19-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Roboto'), local('Roboto-Regular'),
       	url('fonts/roboto-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       	url('fonts/roboto-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       	url('fonts/roboto-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       	url('fonts/roboto-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       	url('fonts/roboto-v19-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}


* html fieldset {
	padding: 8px;
}

body {
	font-family: roboto;
	font-size: 95%;
         padding: 0 3%;
}

#header {
	margin: 10px auto;
}

h1, h2, h3 {
	text-align: center;
}

h1 {
	font-size: 22px;
}

#header  h1{
	font-size: 180%;
	padding-top: 20px;
	text-align:left;
	max-width:50%;
	font-weight:bold;
}

#header p{
	font-size: 80%;
	max-width:50%;
	margin-bottom:30px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 18px;
}

ul {
	line-height: 1.8em;
	list-style-type: circle;
}

fieldset {
	padding: 5px;
	margin: 2.0em auto 2.5em auto;
	display: block;
	font-size: 1em;
	border: 1px solid #2b734d;
	background: #d0f1d3;
	position:relative;
}

fieldset a {
	color:#2b734d;

}

fieldset a:visited, fieldset a:hover {
	color:#373d61;
}

/* 65em */
.form, .info {
	width: 95em;
}

/* 65em */
fieldset.form, fieldset.info  {
	width: 97%;
}


/* 45em */
.nav, #header {
	width: 70em;
}

legend {
	background: #c2ffc2;
	padding: 8px;
	border: 1px solid #2b734d;
	color:#2b734d;
	border-right-width: 1px;
	border-bottom-width: 1px;
	margin-bottom: 4px;
	font-weight: bold;
	-webkit-box-shadow: 5px 6px 5px -3px rgba(0,0,0,0.27);
	-moz-box-shadow: 5px 6px 5px -3px rgba(0,0,0,0.27);
     	box-shadow: 5px 6px 5px -3px rgba(0,0,0,0.27);
}

label {
	font-size: 1em;
	font-weight: bold;
	margin: 5px 0;
	width: 19em;
	margin-right: 5px;
	float: left;
	text-align: right;
}

#anmerkung {
	font-size: 0.9em;
	color: red;
}

#hervorhebung {
	color: #666666;
}

#message {
	font-size: 1em;
	font-weight: bold;
	color: red;
	text-align: center;
}

#message_ok {
	font-size: 1em;
	font-weight: bold;
	color: darkgreen;
	text-align: center;
}

#message_error {
	font-size: 1em;
	font-weight: bold;
	color: darkred;
	text-align: center;
}

#message_do_nothing {
	font-size: 1em;
	font-weight: bold;
	color: darkblue;
	text-align: center;
}

#hinweis {
	font-size: 0.8em;
}

.formtype  {
	width: 25em;
}

.radioinput {
	margin-top: 10px;
}

input[type="text"],textarea {
	font-family: roboto, sans-serif;
	margin: 3px 0;
	border: 1px solid #4b408c;
	background: white;
	padding: 3px 3px;
}

input[type="submit"] {
        padding: 5px;
        margin: 10px;
	color: #2b734d;
        font-weight: bold;
}

input[type="button"], input[type="reset"], input[type="submit"] {
        background: white;
	padding: 5px;
        margin: 10px;
}

input:active, input:focus, input:hover, textarea:active, textarea:focus, textarea:hover {
      	background: #E8EBDF;
}



table {
	margin-left: 19em;
}

.dblist {
	vertical-align:top;
	background-color:#CCCCCC;
	padding: 5px 5px 5px 5px;
}

.buttons {
	text-align: center;
}

#dateiinfos {
	font-size: 0.8em;
}

#icons {
	float: right;
	margin-right: 25em;
}

.box {
	border: 4px solid #2b734d;
         padding: 10px;
         max-width: 98%;
         margin: 0 1%;
         overflow-wrap: break-word;
}


/* Main questions */

.main_chapter {
	font-weight: bold;
	font-size: 1.2em;
}

.main_question {
	font-weight: bold;
	font-size: 1.3em;
}

.main_subtitle {
	font-size: 1.1em;
}


/* Question groups */

.group_chapter {
	font-style: italic;
	font-weight: bold;
	color: #99999;
	font-size: 1.35em;
}

.group_question {
	font-style: italic;
	font-weight: bold;
	color: #99999;
	font-size: 1.35em;
}

.group_subtitle {
	font-style: italic;
	font-size: 1.1em;
}


/* Question categories (Navigation questions) */

.nav_chapter {
	font-style: italic;
	font-weight: bold;
	color: #800000;
	font-size: 1.2em;}

.nav_question {
	font-style: italic;
	font-weight: bold;
	color: #800000;
	font-size: 1.2em;
}

.nav_subtitle {
	font-style: italic;
	font-size: 1.1em;
}


/* Questions */

.chapter {
	font-weight: bold;
}

.question {
	font-weight: bold;
}

.subtitle {
	font-size: 80%;
}

.help {
	font-family: roboto, sans-serif;
	font-size:11px;
	color:black;
}

a img {
	border:0;
}




/* Ergänzungen Christoph Fischer , 29.06.2023 */
     fieldset {
	border: 1px solid #996699;
	background: #ffccff;

}
  legend {
      background: #993399;
      color: #fff;
  }