@charset "utf-8";
/* CSS Document */
body {
    font-family: Helvetica, Arial, Geneva, sans-serif;
	line-height: 1.35em; /* 20px */  
    background-color:#fafafa;
}

#seite {
	width:1000px;
	margin:auto;
	border: 1px solid #6CF;
	hyphens: auto;
}

.ui-widget {
	font-size: 12px !important;
}

.ui-tooltip {
    max-width:400px !important;
  }

#besucher {
	width:62%; 
	margin-left:50%; 
	padding-top:1em;
}
#inhalt {
   padding:0.5em;	
}

.link  { /*alle <a-Tags erhalten diese Klasse */
   color:#00f;
   text-decoration:none;
   padding: 1px;
}

.link:focus, .link:hover  {
   color:#f00;
   border-bottom: 1px solid #f00; 
}

.rot {
   color:#F00;	
}

img {
    max-width:100% !important;
	height:auto !important;
}


h1 {
   color: #00C;
   font-size:1.2em;
   margin-bottom:0.2em;
}

h2 {
   color: #00C;
   font-size:1.2em;
   margin-bottom:0.2em;
}

h3 {
   color: #00C;
   font-size:1.1em;
   margin-bottom:0.2em;
}

h4 {
   	color: #00C;
   font-size:1.0em;
   margin-bottom:0.2em;
}


h5 {
   color: #00C;
   font-size:0.9em;
   margin-bottom:0.2em;
}

.abschluss {
    clear:both;	
}

.menu_1eiste {
     display:flex;
	 flex-wrap: wrap;
	 border-top-right-radius: 6px;
	 border-top-left-radius: 6px;
	 padding:0.3em;
	 margin:0px;
	 background-color:#dFF; 
	 border: 1px solid #09F; 
	 border-bottom:1px solid #dff;
	 
}

.menu {
	border: 1px solid #003;
	border-radius:3px;
	background-color:#bff;
	padding:0.3em;
	margin-left:0.5em;
	box-shadow:2px 2px 0px #CCCCCC ;
	max-height:2.2em;
}

.menu:hover, .menu_2:hover, .menu_3:hover {
     box-shadow:2px 2px 5px #36F ;
}

.menu_aktiv {
	background-color:#0CF !important;
	box-shadow:2px 2px 5px #f00 !important;
	
}
.menu_aktiv a {
     color:#003 !important;
	 font-weight:400;
}
.menu a, .menu_2 a, .menu_3 a{
    text-decoration:none !important;
	color:#009;
}

.menu_2, .menu_3 {
	border: 1px solid #003;
	border-radius:3px;
	background-color:#0cf;
	padding:0.2em;
	margin-left:0.3em;
	box-shadow:2px 2px 0px #CCCCCC ;
}


 
.verlauf_blau {
    background: linear-gradient(#89fcf5, #fff );
}

.kasten_quer {
	border: 1px solid #0033CC;
	margin:0.5em;
	padding:0.5em;
	background-color:#FFd;
}

.ph_tab {
    border:1px solid #06F;
	border-top:0px;
	padding:4px;
	background-color:#dFF;
 }
 
.kasten_fehler {
    border: 1px solid #0033CC;
	margin:2em;
	padding:0.2em;
	background-color: #FFFFbb;
}
 
 .kasten_fehler_kopf {
    color:#00C;
	border-bottom-style: dotted;
	border-bottom-color: #33CCFF;
	border-bottom-width: thin;
	background-color: #dff;
	padding-top:0.2em;
	padding-bottom:0.2em;
	padding-left:0.2em;
	font-weight: bold;	
 }
 
 .kasten_fehler_inhalt {
	padding-top:0.2em;
	padding-bottom:0.2em;
	padding-left:0.2em;
	font-size: small;
	line-height: normal;
 }
 
.bild, .bild_rechts, .bild_rechts_folge {
	margin:0.2em;
	border: 1px solid #333333;
	padding: 0.2em;
	border-radius:3px;
}

.bild_rechts, .bild_rechts_folge {
	float:right;
}

.kasten_links, .kasten_ohne {
    margin-left: 0.2em;
	margin-bottom:1em;
	padding:0.2em;
	background-color: #FFFF99;
}

.kasten_ohne {
	display:inline-block;
	max-width:45%;
}

.bild_links{
	float:left;
	margin:5px;
	border: 1px solid #333333;
	border-radius:3px;
	padding: 5px;
}

.bild_mitte {
    margin-left:4em;
	margin-top:2em;
}

.bild_v_mitte, .text_mitte {
	vertical-align: middle;
}

.teilgebiet_gesamt, .teilgebiet_gesamt_smart {
	background-color:#ff9;
	border:1px solid #CCC;
	padding-left:1em;
	padding-right:0.5em;
	padding-bottom:0.5em;
	box-shadow: 5px 5px 3px #bbb;
	border-radius: 5px;
 }
  
 .teilgebiet {
	width:33%; 
 }
 
table {
	border-collapse:collapse; 
}
 
.tabelle_grau td, .tabelle_grau th  {
	 border: 1px solid #666;
	 padding: 0.5em;
     vertical-align:top;
	 text-align:left;
 }

.tabelle_grau tr {
   background-color:#ddd;	
}

.tabelle_grau tr:nth-child(2n) {
   background-color:#eee;	
}

.tabelle_grau ul {
	list-style-type: square;
	list-style-position: inside;
	
}

.tabelle_grau ol {
	list-style-position: inside;
	
}

.tabelle_grau li {
   text-align:left;
}

.bestell_deaktiv {
     background-color:#FFC;	
	 color:#CCC;
}

.download_kiste {
	padding:0.2em;
	border: 1px solid #000;
	background-color:#CCC;
	margin:1em;
	flex-basis: 45%;
	
}

.bestell_deaktiv input:disabled {
   background-color:#FFC;	
}
		  
.inaktiv {
	    background-color:#aaa;
		text-decoration:none;
        margin-left:1em;
        margin-top:1em;
        padding:3px;
		color:#900;
        border: 1px solid #003;
        border-radius: 3px;
}

.aufgabe, .loesung {
   background-color:#fff;
   margin : 5px 5px 0px;
   border: 1px solid #0000cc;
   padding:0.5em;
   box-shadow: 5px 5px 3px #bbb;
   border-radius: 5px;
}

.loesung {
	border: 1px solid #ff0000;
}

.geg, .ges {
	   float:left;
	   width:5%;
	   color:#039;
	   font-weight:bold;
}
.bild_geg {
	float:left;
	width:30%;
}

.antwort {
   	color:#039;
	font-weight:bold;
	display:inline;
}

.aufgabe table, .loesung table {
     border-collapse:collapse;
	 width:90%;
}

.aufgabe td, .loesung td {
	border: 1px solid #999999;
	vertical-align: top;
	padding-top: 0.2em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	
 }
 
.aufgabe th, .loesung th {
	border: 1px solid #999999;
	vertical-align: top;
	padding-top: 0.2em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	background-color:#CCCCCC;
 }

.aufgabe ol, .loesung ol {
	list-style-type: lower-alpha;
	list-style-position: inside;
 }
 
a.anker {
  border:none;	
}


.loesung_inhalt {
	display: none;
}

.adw td, .adw th {
    border: 1px solid #00C;
	text-align:center;
}

.adw th {
     background-color:#CCC;	
}

.adweven {
	background-color:#0099cc;
}

.adwodd {
	background-color:#66ccff;
}
.adw tr:hover {
	background-color:#CFF;
}
.adw th.asc { 
    background-image: url(images/sort_asc.gif); 
    background-color: #CCffFF; 
} 

.adw th.desc { 
    background-image: url(images/sort_desc.gif); 
    background-color: #CCffFF; 
} 

.adw th { 
    background-image: url(images/sort_default.gif);     
    cursor: pointer; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
	text-align:center;
} 

.text_aktiv {
   color:#000;
   background-color:#FF6;
   padding:2px;
}
			
.text_inaktiv {
    color:#666666;
	background-color:#FFFFbb;
	padding:2px;	
}



.hintergrund_grau{
                position:fixed;
                top:0;
                left:0; 
                background:#000;
                opacity:0.6;
                z-index:998;
                height:100%;
                width:100%;
				display:none;
	}
	
#fenster_danke, #fenster_zugang, #fenster_pw {
	position:fixed;
	z-index:999;
	display:none;
	max-width: 400px;
    top: 20%;
	left: 50%;
	margin-left: -150px;
	margin-top: -100px;
	background-color:#FFF;
	border:2px solid #03F;
	padding:0.5em;
	box-shadow: 5px 5px 3px #bbb;
	border-radius: 5px;
}

#zugang_hinweise {
	display:none;
}

.container {
   display:flex;
   width: 100%;
   flex-wrap: wrap;
   	
}

.flex_box {
    display:flex;
	border: 1px solid #03f;
    border-radius:3px;	
}

.inhalt_flex_box {
     margin: 0.5em;
     border: 1px solid #aaa;
     border-radius:3px;	
     padding: 0.5em;
}

.flex_tabelle {
    display:flex;
	flex-wrap: wrap;
}


.flex_tabelle_spalte {
	
	
}

.flex_tabelle_zelle {
    padding:0.3em;
	border:1px solid #09F;
	max-height:1em;	
}

.flex_tabelle_k_zelle {
    padding:0.3em;
	border:1px solid #09F;
	max-height:1em;
	background-color:#CCCCCC;	
}
.rahmen_unten {
	border-bottom:1px solid #09F;
}

.formularfeld {
     display:flex;
	 align-items: flex-start;
	 margin: 1.5em auto 1.5em auto;
}

.downloadfeld {
     display:flex;
	 align-items: flex-start;
	 margin: 1em;
}

.formular input[type=text], .formular input[type=password], 
.formular input[type=email], .formular textarea {
            margin: 3px 0;
			border: 1px solid #4b408c;
			background: #FFF;
			padding: 3px ;
			width:80%;
}
	  
.formular input[type=text]:active, .formular input[type=text]:focus, .formular input[type=text]:hover, 
.formular input[type=password]:active, .formular input[type=password]:focus, .formular input[type=password]:hover,
.formular input[type=email]:active, .formular input[type=email]:focus, .formular input[type=email]:hover
 { 
     background-color:#eee;
}

.formulareintrag {
	display:flex;
	align-items: flex-start;
	
}

.downloadeintrag {
	display:flex;
	justify-content:space-between;
	align-items: center;
	background-color:#eee;
	border-bottom:dotted 1px #666;
	min-height:2.5em;
	padding:0.3em;
}


.formulareintrag label {
	width: 5em;
}

.formular input, .formular textarea {
 
	 text-align:left !important;
}

.formular fieldset {
   border: 1px solid #0033cc;
   background-color:#ff9;
   box-shadow: 5px 5px 3px #bbb;
   border-radius: 5px;
}

.formular textarea {
	      vertical-align: top;
		  margin: 3px 0;
		  border: 1px solid #4b408c;
		  background: white;
		  padding: 3px ;
}

input[type=checkbox], input[type=radio]{
    border:0px solid #000000;
	background-color:#ff9;
	
}

.formular legend {
	background-color:#FF9;
	color:#00C;
	padding: 4px;
	border: 1px solid #4b408c;
	margin-bottom: 4px;
	margin-left:4px;
	font-weight: bold;
}