body {
	color: #000000;
	background: #DDD;
	font-family: Arial,sans-serif;
	margin: 0;
         padding:0;
	font-size: 14px;
         line-height:1.5em
  	}

#login  { float:right }

.clear{clear:both;}

a:link 	 { color:blue   }
a:visited { color:purple }
a:hover 	 { color:red    }

dt { font-weight: bold }

h1 {
	font-weight: normal;
	font-size: 26px;
	margin-top: 30px;
         line-height:1.2em
	}

h2 {
	font-weight: normal;
	font-size: 18px;
         line-height:1.2em;
         margin-bottom:1.2em
	}


h3 {
	font-weight: bold;
	font-size: 14px;
         line-height:1.2em;
         margin-bottom:1.2em
}

#wrappertop {
  background:#CCCCCC;
  padding-right:10px;
  }

#wrappertopdrei {
  background:#777777;
  padding-right:10px;
  }


#logo img{
	width: 200px;
	height: auto;
	}

@media print {
	#wrappertop,
         #logo,
         #login,
         .pfeile,
         .speichern {
         	display:none
                 }
         }

table {
 border-collapse:collapse;
 width:100%;color:#000000;
 }

td {
 padding:5px;color:#000000;
 }



.erklaerung,
.erklaerung ol li,
.erklaerung p{
	line-height: 160%;
	background-color:none;
	margin-bottom: 5px;
	}

.col1,
.col2,
.col3 {
  display:inline-block
  }
.col1 { width:20px;}
.col2 { width:280px }
.col3 { width:250px }

.left {text-align:left !important}
.center { text-align:center !important}
.right {text-align:right !important}

p#abgeschlossen {
	background:red;
	padding:5px;
	color:white;
	font-weight:bold;
	clear:left
	}

.tooltip {
         position:absolute;
         width:200px;
         margin:5px 0 0 -50px;
         border:1px solid silver;
         border-radius:5px;
         padding:10px;
         background:#eee;
         display:none;
         text-align:left;
         font-weight:normal
	}

#U_III_4_1 {
	margin-left:150px
         }

.tooltip::after {
	content:"\f00d";
font-family: FontAwesome;
	font-size:1.5em;
	cursor:pointer;
	position:absolute;
	top:0;
	right:5px
	}