@charset "utf-8";
/* CSS Document */
body {
   font-family:Verdana, Geneva, sans-serif;
   font-size:90%;
   background-color:#fafafa;
}

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


#inhalt {
   padding:0.5em;	
}

a {
   color:#00f;
   text-decoration:none;
  /* background-color:#ff9;  */
   border-bottom: 1px solid #999;
   padding: 1px;
   -moz-transition: all 1s ease;
   -webkit-transition: all 1s ease;
   -o-transition: all 1s ease;
   -ms-transition: all 1s ease;
   transition: all 1s ease;
   	
 }


a:focus, a:hover, a:active  {
   background-color:#FF3;
   color:#008;
   border-bottom: 1px solid #888;
}

.rot {
   color:#F00;	
}

.schwarz {
  color:#000;	
}

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

.rot {
   color:#F00;	
}

.abschluss {
    clear:both;	
}

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

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

.menu_1 li a {
    display:block;
	padding: 5px;
	height: 100%;
	color:#900;	
	text-decoration:none;
	border: 1px solid #003;
	background:url(menu.jpg) repeat 0 0;
}

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

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

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

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



.menu_2 li a {
    font-size:95%;
	display:block;
	padding: 5px;
	height: 100%;
	color:#900;	
	text-decoration:none;
	margin:0 0 0px 5px;
	border: 1px solid #999;
	border-bottom:2px solid #ddd; 
	background:url(menu.jpg) repeat 0 0;
	-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;
}



.menu_3 li a {
     font-size:80%;
	 padding-left:0.5em;
	 padding-right:0.5em;
	 margin-left:1em;
     margin-top:0.5em;
     background:url(menu.jpg) repeat 0 0;
     background-color:#7394cb;
     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;
	
}
.menu_3 li a:hover, .menu_3 li a:focus, .menu_3 li a:active {
   background:none;
   background-color:#aff
}

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


#besucher {
	
	padding:0px 15px 0px 5px;
	background-color: #0099ff;
	/*border: 1px solid #0033cc; */
	color:#900;
	height:30px;
	
 }
 
.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_quer {
	border: 1px solid #0033CC;
	margin:1em;
	padding:0.5em;
	background-color:#FFd;
	
 }
 
.kasten_quer li {
    margin-bottom:5px;	
}


 .kasten_rechts {
	margin-left: 440px;
	padding:0.5em;
	
}

.kasten_fehler {
    border: 1px solid #0033CC;
	margin-top:30px;
	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_rechts{
	float:right;
	margin:5px;
	border: 1px solid #333333;
	padding: 5px;
}

.kasten_links {
	width: 400px;
	border: 1px solid #0033CC;
	margin-left: 0.2em;
	margin-bottom:1em;
	float:left;
	padding:0.2em;
	background-color: #FFFF99;
	
 }


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

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


.ph_tab {
    border:1px solid #06F;
	border-top:0px;
	padding:4px;
	background-color:#dFF;
 }
 
 .teilgebiet_gesamt {
	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{
            margin: 3px 0;
			border: 1px solid #4b408c;
			background: #FFF;
			padding: 3px ;
					
		  }
		  
.formular input:active, .formular input:focus, .formular input:hover { 
     background-color:#eee;
}

.imp input:active, input:focus, 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 ;
	
	
	}


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



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


input[type=submit], input[type=button]{
   margin-left:1em;
   margin-top:0.5em;
   background:url(menu.jpg) repeat 0 0;
   background-color:#7394cb;
   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;
  
  }

input:hover[type=submit], input:hover[type=button], 
input:focus[type=submit], input:focus[type=button],
input:active[type=submit], input:active[type=button]
{
   background:none;
   background-color:#aff
}

	

.formular fieldset {
   margin: 1.5em auto 1.5em auto;
   display: block;
   font-size: 99%; 
   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;
}

.formular label {
	display: block;
	width: 5em;
	float: left;
	margin-left:4px;
	
}

.radiotrenner {
    display: block;
	padding-right:4px;
	float: left;
    width: 7em;
	
}

.anrede {
    clear: both;
    width: 31em;
    cursor: pointer;  /* Mauszeiger aendern */
}

.aufgabe, .loesung {
   background-color:#fff;
   margin : 5px 5px 0px;
   border: 1px solid #0000cc;
   padding:0.5em;
   width:880px;
   -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;
}



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

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

 
.loesung a:focus {
	outline: none;
}

.loesung a:hover, .loesung a:active, .loesung a:focus {
   background:none;
   background-color:#aff;
}

.loesung a {
   background:url(menu.jpg) repeat 0 0;
   color:#900;
   border: 1px solid #003;
}

.aufgabe a, .loesung_inhalt a{
  background:none;
  background-color:#fff;
  border_bottom: 1px dotted #CCC;
  color:#00F;
}

.loesung_inhalt a:hover, .loesung_inhalt a:active, .loesung_inhalt a:focus {
   background:none;
   background-color:#aff;
}

.aufgabe a:hover, .aufgabe a:active, .aufgabe a:focus {
   background:none;
   background-color:#aff;
}

a.anker {
  border:none;	
}


.loesung_inhalt {
	display: none;
}


.lsg_zeigen, .lsg_button, .lsg_nicht_zeigen {
	text-align: center;
	width: 10em;
	height: 1.4em;
	margin: 0 ;
	display: block;
	color:#00f;
    text-decoration:none;
    background-color:#ff9;
    border-bottom: 1px dotted #CCC;
    border-left: 1px dotted #CCC;
    padding: 2px;
}

/* Default DOM Tooltip Style */
div.domTT {
	border: 1px solid #333333;
	background-color: #eeeeee;
}
div.domTT .caption {
	font-family: serif;
	font-size: 12px;
	font-weight: bold;
	padding: 1px 2px;
	color: #FFFFFF;
}
div.domTT .contents {
	font-size: 12px;
	font-family: sans-serif;
	padding: 3px 2px;
	background-color: #F1F1FF;
}

/* Classic Style */
div.domTTClassic {
	border: 1px solid black;
	background-color: #eeeeee;
	text-align: left;	
}
div.domTTClassic .caption {
	font-family: serif;
	font-size: 13px;
	_font-size: 12px;
	font-weight: bold;
	font-style: italic;
	padding: 1px 2px;
}
div.domTTClassic .contents {
	color: #000000;
	font-size: 13px;
	_font-size: 12px;
	font-family: Arial, sans-serif;
	padding: 1px 2px;
	_padding-bottom: 0;
}

/* Win9x Style */
div.domTTWin {
  border: 2px outset #BFBFBF;
  background-color: #808080
}
div.domTTWin .caption {
  border: 0px solid #BFBFBF;
  border-width: 1px 1px 0px 1px;
  background-color: #00007F;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  font-family: sans-serif;
  color: white;
}
div.domTTWin .contents {
  border: 1px solid #BFBFBF;
}

/* Overlib Style */
div.domTTOverlib {
	border: 1px solid #333366;
	background-color: #333366;
}
div.domTTOverlib .caption {
	font-family: Verdana, Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
div.domTTOverlib .contents {
	font-size: 10px;
	font-family: Verdana, Helvetica;
	padding: 2px;
	background-color: #F1F1FF;
}

/* Nicetitle Style */
div.niceTitle
{
	background-color: #333333;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	font-family: "Trebuchet MS", sans-serif;
	width: 250px;
	left: 0;
	top: 0;
	padding: 4px;
	position: absolute;
	text-align: left;
	z-index: 20;
	-moz-border-radius: 0 10px 10px 10px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
	-moz-opacity: .87;
	-khtml-opacity: .87;
	opacity: .87;
}
div.niceTitle .contents
{
	margin: 0;
	padding: 0 3px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
div.niceTitle p
{
	color: #D17E62;
	font-size: 9px;
	padding: 3px 0 0 0;
	margin: 0;
	text-align: left;
	-moz-opacity: 1;
}

/* Context Menu Style */
div.domTTMenu {
  width: 150px;
  border: 2px outset #E6E6E6;
}
div.domTTMenu .caption {
  font-size: 12px;
  font-family: sans-serif;
  background-color: #E6E6E6;
}
div.domTTMenu .contents {
  padding: 1px 0;
  background-color: #E6E6E6;
}


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