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

*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}


#seite {
	width:950px;
	margin:auto;
	border: 1px solid #6CF;
	box-sizing:border-box;
}


.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;
}

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

/*
td img {
   width:100% !important;	
}
*/
.link:focus, .link:hover  {
   color:#f00;
   border-bottom: 1px solid #f00; 
}

.rot {
   color:#F00;	
}

.schwarz {
  color:#000;	
}
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_1 ul, .menu_2 ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

.menu_1 li, .menu_2 li {
   float:left;
   margin-left:4px;
   padding:0;
   text-align:center;
   
}

.menu_1 li a, .menu_2 li a {
    display:block;
	padding: 5px;
	color:#900;	
	text-decoration:none;
	border: 1px solid #003;
	border-radius:3px;
	background-color:#80d0e0;
	transition-property: background;
    transition-duration: 0.2s;
    transition-timing-function: linear;
}



.menu_1 li a:focus {
   background-color:#e0fefe;  

}

.link_i {
    display:block;
	padding: 5px;
	height: 100%;
	color:#f00;	
	text-decoration:none;
	border: 1px solid #003;
	border-radius:3px;
	background-color:#dFF;	
}

 .menu_2 li {
   margin-left:0px;
 }

.menu_2 li a {
    margin:0 0 0px 5px;
	border: 1px solid #999;
	border-bottom:2px solid #ddd; 
	-webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

}
.menu_1 li a:hover, .menu_2 li a:hover, .menu_3 li a:hover {
	background-color:#e0fefe !important;
}

.menu_hinten  {
   background-color:#CCC;
    height:100%;
   -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.menu_3 ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

.menu_3 li {
   float:left;
   margin-left:0px;
   padding:0;
   text-align:center;
}

.ph_tab {
    border:1px solid #06F;
	border-top:0px;
	padding:4px;
	background-color:#dFF;
 }
 
.verlauf_blau {
    background: linear-gradient(top, #89fcf5, #fff );
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#89fcf5), to(#ffffff)); /* Safari und Chrome */
	background:-webkit-linear-gradient(top, #89fcf5, #ffffff); /* Safari, Chrome - neue Syntax! */
    background: -moz-linear-gradient(top, #89fcf5, #ffffff); /* Firefox */
	background:-o-linear-gradient(top, #89fcf5, #ffffff); /* Opera */
	background:-ms-linear-gradient(top, #89fcf5, #ffffff); /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89fcf5', endColorstr='#ffffff');
}

.kasten_kopf {
    color:#000000;
	border-bottom-style: dotted;
	border-bottom-color: #555500;
	border-bottom-width: thin;
	background-color: #FFFF77;
	padding-top:0.2em;
	padding-bottom:0.2em;
	padding-left:0.2em;
	font-weight: bold;	
 }


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

.kasten_rechts {
	margin-left: 45%;
	padding:0.5em;
	
}

.kasten_fehler {
    border: 1px solid #0033CC;
	margin-right:1em;
	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;
}

.formel_rechts {
	margin:1em;
	border: 1px solid #aaa;
	padding: 0.2em;
	border-radius:3px;
	float:right;
	width:800px;
	
	
}

.formel_links {
	margin:0.5em;
	border: 1px solid #aaa;
	padding: 0.2em;
	border-radius:3px;
	float:left;
	max-width:45%;
}

.formel_ohne {
	margin:0.5em;
	border: 1px solid #aaa;
	padding: 0.2em;
	border-radius:3px;
	display:inline-block;
	max-width:45%;
}

.rahmen {
   border: 1px solid #aaa;
   border-radius:3px;
	
}


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

.kasten_links {
	width: 50%;
	float:left;
	
 }
 
 .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 {
	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;
	-webkit-box-shadow: 5px 5px 3px #bbb;
    -moz-box-shadow: 5px 5px 3px #bbb;
    box-shadow: 5px 5px 3px #bbb;
	-webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    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;
}

/* Formelkasten */
.formel {
   background-color: #fff;
}

.formel table {
   border-collapse:collapse;	
}

td.rechts {
	border-left: 1px solid #000;	
	padding:2px;
	vertical-align: top;
	
}

td.links {
	padding:2px;
	vertical-align: top;
}

.formel_eintrag {
    margin-bottom:0.3em;
	margin-left:0.2em;
	display:table;
	overflow: hidden;
	width:30em;
	#height:1.5em;
	#position: relative; 
	
}

.formel_eintrag_hoch {
    margin-bottom:0.3em;
	margin-left:0.2em;
	display:table;
	overflow: hidden;
	width:30em;
	#height:3em;
	#position: relative; 
}

.mitte_fz {
   display: table-cell; 
   vertical-align: middle;
   width: 3em;
   #position: absolute;
   #top: 50%;
}

.mitte_text {
   display: table-cell; 
   vertical-align: middle;
   #position: absolute;
   #top: 50%;
}

.fz  {
   border-bottom: 1px dotted #CCC;
   width: 3em;
   float:left;
   margin-left:0.3em;
   #position: relative;  
   #top: -50%;
   
}
.f_text {
	#position: relative;  
	#top: -50%;
	#margin-left:3em;
		
}
.formel img {
	 vertical-align:middle;
	 display:inline;
}

.fz {
	 vertical-align:top;
	 display:inline;
}

.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:95%;
 }

#suchfeld {
   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;
}
.bestell_deaktiv {
     background-color:#FFC;	
	 color:#CCC;
}


.formular label, .formular input, .formular textarea {
    display: inline-block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em; /* 16px */
    line-height: 1.25em; /* 20px */  
}

.formular label {
    width: 100%;
}

.anrede {
    float:none;
	cursor: pointer;  /* Mauszeiger aendern */
	width:64%;
}

.adw_checkbox {
	   margin-left:1%;
	}
	
.download_links {
    width:45%; 
	float:left;
	padding:0.2em;
}

.download_rechts {
    width:45%; 
	margin-left:50%;
	padding:0.2em;
}

.download_kiste {
	padding:0.2em;
	border: 1px solid #000;
	background-color:#CCC;
}

.download_kiste_links {
    float:left;
	width:60%;
}

.download_kiste_rechts, .download_kiste_links  {
    background-color:#eee;
	border-bottom:1px dotted #039;
	padding:0.2em;
}

.formular fieldset {
   margin: 1.5em auto 1.5em auto;
   display: block;
   font-size: 1em; 
   border: 1px solid #0033cc;
   background-color:#ff9;
   -webkit-box-shadow: 5px 5px 3px #bbb;
    -moz-box-shadow: 5px 5px 3px #bbb;
    box-shadow: 5px 5px 3px #bbb;
	-webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	
}

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

.bestell_deaktiv input:disabled {
   background-color:#FFC;	
}
		  

.imp input:active, .imp input:focus, .imp input:hover { 
     background-color:#fff;
}

.imp input:disabled {
   color:#000;	
}

.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;
	
}

.knopf  {
   text-decoration:none;
  /* margin-left:1em; */
   margin-top:1em;
   padding:3px;
   background-color:#80d0e0;
   color:#900;
   border: 1px solid #003;
   -moz-transition: all 1s ease;
   -webkit-transition: all 1s ease;
   -o-transition: all 1s ease;
   -ms-transition: all 1s ease;
   transition: all 1s ease;
   border-radius: 3px;
   width: auto !important; 
   
  }

.knopf:hover 
{
    background-color:#e0fefe;
}

.lsg_knopf {
    float:left;
	
}

.inaktiv {
	    background-color:#aaa;
		text-decoration:none;
        margin-left:1em;
        margin-top:1em;
        padding:3px;
		color:#900;
        border: 1px solid #003;
        -moz-transition: all 1s ease;
  	    -webkit-transition: all 1s ease;
	    -o-transition: all 1s ease;
	    -ms-transition: all 1s ease;
	    border-radius: 3px;
}



.aufgabe, .loesung {
   background-color:#fff;
   margin : 5px 5px 0px;
   border: 1px solid #0000cc;
   padding:0.5em;
  
   -webkit-box-shadow: 5px 5px 3px #bbb;
    -moz-box-shadow: 5px 5px 3px #bbb;
    box-shadow: 5px 5px 3px #bbb;
	-webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    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;
} 

.anrede_farbe {
     
	 box-shadow: inset 0px 0px 10px #7394cb,
	             0px 0px 10px #7394cb;
	 padding:0.2em;	
}

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


.formel_tooltip {
    max-width: 600px ; 
    background: #FFC !important;
    border: 2px solid white !important;
    padding: 5px !important;
    color: #009 !important;
    border-radius: 6px !important;
    box-shadow: 0 0 10px #666 !important;
}

title

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