* {
 margin:0;
 padding:0;
}
body {
 background-color:#C0C5AF;
 margin:0.5em;
}
/*....  schrift und farben global.......*/
body {
 font:76% 'Lucida Grande', Arial, Helvetica, sans-serif;
 color:#333;
 line-height:1.5em;
}
h1, h2, h3, h4, h5, h6 {
 font-weight:bold;
}
h4 {
 margin-top:1em;
 margin-bottom:0.25em;
 font-size:1em;
 font-weight:bold;
}
p {
 margin-bottom:0.8em;
 line-height:1.6em;
}
blockquote {
 margin:0.4em 1em 0.3em 3em;
}
img {
 border:none;
}
a:link, a:visited {
 color:#4F6C57;
 text-decoration:none;
 font-weight:bold;
}
a:hover {
 color:#008000;
 text-decoration:none;
}
div#navigation a, div#subnavigation a  {
 font: bold 0.9em Arial, sans-serif;
 text-decoration:none;
 color:#FFFFFF;
}
li#startTab a, li#grammTab a, li#verbTab a, li.aktuell a {
 color:#FFFF00 !important;
}
/*...........................................*/
div#rahmen {
 margin:1em auto;
 width:800px;
 border-right:1px solid #BFBFBF;
 border-bottom:1px solid #BFBFBF;
 border-left:1px solid #EFEFEF;
 background-color:white;
}
div#rahmen.index {
 margin:0 auto;
 width:100%;
 border-right:1px solid #BFBFBF;
 border-bottom:1px solid #BFBFBF;
 border-left:1px solid #EFEFEF;
 background-color:white;
}
div#oben {
 height:114px;
 color:#FFFFFF;
 border-bottom:1px solid #BFBFBF;
 background:#FF8000 url(../grafik/bgKopf.jpg) repeat-x;
}
div#navigation {
 padding:90px 6px 4px 0px;
}
div#navigation ul {
 text-align:left;
 list-style:none;
}
div#navigation li {
 display:inline;
}
div#navigation a {
 padding:2px 6px 4px 6px;
}
div#subnavigation {
 padding:90px 6px 4px 2px;
 text-align:right;
}
div#subnavigation ul {
 padding-left:1em;
 margin:0;
}
div#subnavigation li {
 display:inline;
}
div#subnavigation a {
 padding:0 6px;
 margin:0;
}
table#grund {
 margin:0;
 padding:0;
}
table#grund td#linkeSpalte {
 padding:0;
 margin:0;
}

table#grund td#linkeSpalte, table#grund td.rechts  {
 background-color:#DFDFDF;
}
div#koerper {
 padding:0 0 0 0;
 background:url(../grafik/pusteblumeSchatten.jpg) no-repeat;
 background-position:470px 350px;
}
div#koerper.startBody {
 background:none;
}
/* ................ flanke .....................*/
div#flanke {
 padding:20px 10px 0 10px;
 width:145px;
}
div#flanke.weiter {
 width:180px;
}
div#rechts {
 padding:20px 20px 0 20px;
 width:160px;
}
div#flanke h2 {
 color:#005d1f
}
div#rechts h1, #rechts h2, #rechts a {
 color:#005d1f
}
div#flanke h1, div#rechts h1 {
 font-size:1.2em;
}
div#flanke h1.unten {
 padding-top:0;
}
div#flanke h2, div#rechts h2 {
 font-size:1em;
 margin:1em 0 0 0;
 padding:0.3em 0;
 text-transform: uppercase;
 font-weight:bold;
}
div#flanke p, div#rechts p  {
 font-size:0.9em;
}
div#rechts  {
 color:#005d1f;
 width:140px;
}
div#flanke ul, div#rechts ul {
 list-style-type:none;
}
div#flanke li, div#rechts li {
 line-height:155%;
 font-size:0.9em;
}
div#flanke li.ohne, div#rechts li.ohne {
 list-style-image:none;
 list-style-type:none;
}
div#flanke li a, div#rechts li a {
 font-weight:bold;
 width:160px;
}
div#flanke li a:hover, div#rechts li a:hover {
 font-weight:bold;
 color:#709F0B;
}
/*fuer zwischentitel in gliederung*/
div#flanke li.zwischentitel {
 font-variant:small-caps;
}
div#inhalt {
 padding:40px 10% 2em 20px;
}
div#inhalt.start {
 padding:40px 10% 20% 20px;
}
div#inhalt h1 {
 font:bold 1.2em verdana, arial, sans-serif;
 color:#FF8000;
 letter-spacing:1px;
 margin:0 0 0.6em 0;
 padding:0;
}
div#inhalt h2 {
 font:1em verdana;
 font-weight:bold;
 font-variant:small-caps;
 margin:2em 0 0.6em 0;
 color:#005D1F
}
div#inhalt h3 {
 font:bold 1em arial;
 margin:1.5em 0 0.2em 0;
 color:#005D1F
}
div#inhalt ul {
 margin:1em 2em;
}
div#fusszeile {
 clear:both;
 margin:2em 0 2em 0;
 padding-left:5px;
 font-size:0.8em;
 text-align:center
}
div#fusszeile img {
 margin:0 1em 0 5em;
}
/* ........................ eigenformate ...............*/

p.up {
 font-size:0.9em;
 font-weight:bold;
 padding:0.3em;
 text-align:right;
}
p.up a {
 color:#005D1F !important;
 text-align:right;
}
p.upAbstand {
 margin-top:550px;
 text-align:center;
}
p.upAbstand img {
 border:none;
}
p.abschluss {
 background:url(../grafik/abschluss.jpg) no-repeat;
}
.zierBg {
 background:url(../grafik/zierBg.jpg) no-repeat;
 margin:2em 0;
}
.flinks {
 float:left;
 margin:0 2em 1em 0 !important;
}
.frechts {
 float:right
}
div.bild {
 float:right;

}
.kreuzcursor {
 cursor:crosshair;
}
.blogverweis {
 width:8em;
 margin-top:1em;
 padding:0.2em 1em 0 2em;
 background:url(../grafik/blogButton.jpg) no-repeat;
}
.blogverweis a {
 color:#FFFFFF !important;
}
/* .....................neue universaltafeln .......................*/
table {
 border-collapse:collapse;
 margin:1.5em 0;
 border:none;
}
table td {
 vertical-align:top;
 line-height:1.5em;
}

/* starts: materialübersichten*/
table#tabelle td {
 padding:0.3em 2em 0.3em 0;
 border-bottom:1px solid #DFDFDF;
}
table#tabelle td.link a {
 text-decoration:none !important;
 font-weight:bold;
}
table#tabelle.ersteBreit td.link {
 width:120px;
}

/*.. paradigmen ...*/

table.hundert {
 width:100%;
}
table.obenOhne {
 margin-top:0;
}
table.rand {
 border:1px solid #aaa;
}

table.standard td {
 padding:2px 1em 2px 2px;
}
table.luftig td {
 padding:5px 10px;
}
table.flexion td {
 padding:1px 1em 0 1em;
 border-bottom:1px solid #dfdfdf
}
table.flexion.luftig td {
 padding:5px 10px;
}
table.flexion td.eins {
 background-color:#f4f5f1
}
table.flexion td.markiert {
 background-color:#F2FADA
}

.liniert {
 border-bottom:1px solid #dfdfdf
}
.farbe {
 background-color:#F4F5F1
}
.zentriert {
 text-align:center;
}
.fett {
 font-weight:bold;
}
/*balken*/
div.balken {
 position:absolute;
 top:230px;
 height:300px;
 width:180px;
 background-color:#fff;
 cursor:move;
}
div.balken.versteckt {
 padding:1em;
 width:100px;
 left:30px;
 height:100px;
 top:1390px;
 border:1px solid;
 border-top-color: #eee;
 border-right-color: #999;
 border-bottom-color: #999;
 border-left-color: #eee;
 padding:20px;
 text-align:center;
 vertical-align:middle;
 color:#ff6600;
 font-size:4em
}
#verweise {
 float:left;
 font-size:0.9em;
 font-weight:bold;
 margin-top:0em;
 margin-bottom:1em;
 padding:0 3em 10px 0;
}
#verweise p {
 margin:0;
}
#verweise a {
 text-decoration:none !important;
}
p.inhaltueber {
 font-weight:bold;
 font-size:1em;
 border-bottom:1px solid #333
}





/*erster rahmen grau*/
table.rahmen {
 border-collapse:collapse;
 margin:1em 0;
}
table.rahmen.oben {
 margin-top:0;
}
table.rahmen td.oli {
 background-image:url(../grafik/rahmen/ra03/raoli.jpg);
 width:5px;
 height:5px;
}
table.rahmen td.omi {
 background-image:url(../grafik/rahmen/ra03/rao.jpg);
}
table.rahmen td.ore {
 background-image:url(../grafik/rahmen/ra03/raore.jpg);
 width:5px;
 }
table.rahmen td.li {
 background-image:url(../grafik/rahmen/ra03/rali.jpg);
  width:5px;
}
table.rahmen td.inhalt {
 padding:1em;
 background-color:#f4f5f1;
}
table.rahmen td.re {
 background-image:url(../grafik/rahmen/ra03/rare.jpg);
}
table.rahmen td.uli {
 background-image:url(../grafik/rahmen/ra03/rauli.jpg);
}
table.rahmen td.umi {
 background-image:url(../grafik/rahmen/ra03/rau.jpg);
 height:5px;
}
table.rahmen td.ure {
 background-image:url(../grafik/rahmen/ra03/raure.jpg);
}

/*wegen ankuendigung wortschatzuebungen fuer blog in blog.html, also eigentlich aus style.css fuer fenster = blog*/
p.wortschatz {
 float:right;
 margin:0 0 1em 1em;
 width:30px;
 background-color:red;
 border:1px solid #709F0B;
 color:white;
 font-weight:bold;
 text-transform:uppercase;
 text-align:center;
}
p.wortschatz a {
 color:white;
}