* {
 margin:0;
 padding:0;
}
body {
 background-color:#C0C5AF;
}
/*....  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:normal;
}
h4 {
 margin-top:1em;
 margin-bottom:0.25em;
 font-size:1em;
 font-weight:bold;
}
p {
 margin-bottom:0.5em;
 line-height:1.5em;
}
blockquote {
 margin:0 1em 0.3em 3em;
}
img {
 border:none;
}
a:link, a:visited {
 color:#005d1f;
 text-decoration:none;
 font-weight:bold;
}
a:hover {
 color:#008000;
 text-decoration:none;
}
table a {
 text-decoration:none !important;
}
div#navigation a, div#subnavigation a  {
 font: bold 0.9em Arial, sans-serif;
 text-decoration:none;
 color:#005d1f;
}
li#startTab a, li#grammTab a, li#verbTab a, li.aktuell a {
 color:#9CC543 !important;
}
/*...........................................*/
div#rahmen {
 margin:1.3em auto;
 padding:2em 0;
 width:740px;
 border-right:1px solid #BFBFBF;
 border-left:1px solid #EFEFEF;
 background:#FFFFFF url(../grafik/bgKopf.jpg) repeat-x;
}
div#oben {
 height:90px;
 color:#005d1f;
 border-bottom:1px solid #CFCFCF;
}
div#navigation {
 float:left;
 padding:68px 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:68px 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;
}
div#koerper {
 margin:2em 6px;
 padding:1em 2em 1em 2em;
 background:url(../grafik/pusteblumeSchatten.jpg) no-repeat;
 background-position:470px 350px;
}
div#koerper.index {
 background:none;
}
/* ................ flanke .....................*/
div#flanke {
 float:right;
 margin:0 0 0 8em;
 padding-bottom:2em;
 width:130px;
}
div#flanke.weiter {
 width:170px;
}
div#rechts {
 float:right;
 width:140px;
}
div#flanke h1, div#rechts h1 {
 font-size:1em;
 letter-spacing:3px;
}
div#flanke h1.unten {
 padding-top:0;
}
div#flanke h2, div#rechts h2 {
 font-size:1em;
 letter-spacing:2px;
 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#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;
 margin:0.5em 0 0 0;
}
div#inhalt {
 padding:0 260px 0 0;
}
div#inhalt.weit {
 padding-right:50px;
}
div#inhalt h1 {
 font:bold 1.5em verdana, arial, sans-serif;
 letter-spacing:1px;
 margin:0 0 0.6em 0;
 padding:0 0 0 0;
}
div#inhalt h2 {
 font:1.2em verdana;
 font-weight:bold;
 font-variant:small-caps;
 margin:2em 0 0.6em 0;
}
div#inhalt h3 {
 font:bold 1em arial;
 margin:1.5em 0 0.2em 0;
}
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;
}
div#fusszeile.tief {
 padding-bottom:400px;
}
/* ........................ eigenformate ...............*/
p.primo {
 margin-top:0;
}
p.pedef {
 width:30px;
 padding:0.4em;
 background-color:#ff6600;
 text-align:center;
 border:1px solid #F4F5F1;
 font:bold 0.75em arial !important;
}
p.pedef a:link, p.pedef a:visited {
 color:white;
 text-decoration:none !important;
}
p.pedef a:hover {
 background-color:#FF8000;
 color:#ffd600;
}
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.up img {
 border:none;
}
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;
}
div.untertitel p {
 font:bold 0.9em verdana;
 border-top:1px solid #d6d6d6;
 border-bottom:1px solid #d6d6d6;
 padding:0.4em 0;
}
ul.ohne {
 list-style-type:none;
}
.obenOhne {
 margin-top:0 !important;
}
.flinks {
 float:left;
 margin:0 2em 1em 0 !important;
}
.frechts {
 float:right;
 margin:1em !important;
}
.frechtsohne {
 float:right;
 margin-top:0 !important;
}
.erster {
 margin-top:0.2em !important;
}
.ersterMit {
 margin-top:4.5em !important;
}
.breakbefore {
 page-break-before:always;
}
.linkohne {
 text-decoration:none;
}
div.bild {
 text-align:center;
 margin:2em 0 1em 2em;
 text-align:left;
}
.bild img {
 border:none
}
.kreuzcursor {
 cursor:crosshair;
}
.normal {
 font-weight:normal !important;
}
li.leer {
 list-style-type:none;
}
.blogverweis {
 idth:100px;
 margin-top:0;
 padding:0.2em 0 0 4em;
 background:url(../grafik/blogButton.jpg) no-repeat;
}
.blogverweis a {
 color:#FFFFFF !important;
}
.abstand {
 margin-top:5em;
}
/* .....................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 2.5em 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;
}


/*............................... grammatiktafeln ...*/
table#grammatiktafel td {
 font-size:1em;
 text-align:center;
 vertical-align:middle;
 border:1px solid #999999;
 padding:0.2em 1em;
}
td.ersteSpalte {
 width:12%;
}
td.ersteZeile {
 width:22%;
 height:2.8em;
}
td.ersteSpalte, td.ersteZeile {
 background-color:#F4F5F1;
 color:#4F6C57;
 font-weight:bold;
}
.zelle {
  height:5em;
}
.markiert {
 line-height:160%;
 background-color:#CDE2A1
}
span.ergaenzung {
 font-size:0.9em;
}

#grammatiktafel2 td {
 font-weight:bold;
 text-align:center;
 vertical-align:top;
 padding:0.2em 0.2em;
}
#grammatiktafel2 td.zeile {
 color:#4F6C57;
 border-bottom:1px solid #808080;
}
#grammatiktafel2 td.reihe {
 color:#4F6C57;
 border-right:1px solid #808080
}
#grammatiktafel2 td.zelle {
 height:3em;
}
#grammatiktafel2 td.obenlinks {
 border-right:1px solid #808080
}


#grammatiktafel2 td.dritteperson {
 vertical-align:top !important;
 padding-top:3px !important;
 width:160px;
}
#grammatiktafel2 table.dritte {
 width:100% !important;
 margin-top:0 !important;
}
#grammatiktafel2 table.dritte td {
 width:33%;
 padding-top:0em !important;
}

table.verben {
 border-collapse:collapse;
 margin:1em 0 1.5em;
}
table.verben td {
 padding:0.3em 1.5em;
 font-weight:bold;
 color:#444
}
table.verben td.pronomen {
 font-weight:bold;
 color:#008000
}
table.verben td.endung {
 background-color:#fafafa
}


tr.zeileoben {
 background-color:#F4F5F1
}

/*............................ alle listen außer navi (geplant).......................*/
ul li a {
 text-decoration:none !important;
}
ul.ohne {
 margin:1em 0 !important;
 list-style:none;
}
ul.ohne li {
 margin-top:0.4em;
 line-height:1.3em;
}
ol {
 margin:2em;
}
ol li {
 margin-top:1em;
 line-height:1.4em;
}

/*...................................................*/

/*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);
}



/*......... übernahmen aus ausgemustertene css-dateien .................*/

/*fehler*/
p#aufgabe {
 width:70%
}
p#aufgabeblass  {
 color:#CFCFCF;
 width:70%
}
span.rot {
 color:#709F0B;
}

/* .........................   grammatikstichwörter ...................*/
div#inhalt p.trennbalken {
 background:#F4F5F1 url(../grafik/trennbalken.jpg);
 padding:0.4em;
 margin-top:2em;
 background-repeat:no-repeat;
}
p.trennbalken a:link, p.trennbalken a:visited {
 padding:0.4em;
}
div#inhalt p.trennbalken_hinweis {
 padding:0.4em;
 border:1px solid #008000;
}
div#belege {
 background-color:#C0C0C0;
 border:1px dashed #aaa;
 padding:1em;
 padding-top:0;
 margin-top:2em;
}
div#belege h2 {
 margin-top:0 !important;
}
/*balken*/

div.balken {
 position:absolute;
 top:230px;
 height:300px;
 width:180px;
 background-color:#fff;
 cursor:move;
}
div.balken.versteckt {
 padding:1em;
 width:400px;
 left:500px;
 top:2000px;
 border:1px solid;
 border-top-color: #eee;
 border-right-color: #999;
 border-bottom-color: #999;
 border-left-color: #eee ;
}
div.balken.ganzrechts {
 left:660px;
}
#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
}

/*infotaefelchen wie schulen, twain*/
#info {
 background-color:#F4F5F1;
 margin:3em auto;
 width:440px;
 padding:2em 5em 2em 3em;
 border:1px solid;
 border-top-color: #eee;
 border-right-color: #999;
 border-bottom-color: #999;
 border-left-color: #eee ;
}
#info h2 {
 font-size:1.1em;
 font-weight:bold;
 margin-bottom:1em;
}


/*.................. neue übungen (200 verben ...) ......................*/

div#uebungsrahmen {
 margin:1em auto;
 padding:2em 2em 2em 3em;
 width:800px;
 border-right:1px solid #BFBFBF;
 border-bottom:1px solid #BFBFBF;
 border-left:1px solid #EFEFEF;
 background-color:white;
}
div#uebungsrahmen h1 {
 font:bold 1.2em verdana, arial, sans-serif;
 color:#005D1F;
 letter-spacing:1px;
 margin:0 0 2em 0;
 padding:0;
}
div#uebungsrahmen h2 {
 font:1.2em verdana;
 font-weight:bold;
 font-variant:small-caps;
 margin:2em 0 0.6em 0;
}
table#uebung {
 width:100%;
 margin:0;
}
table#uebung td {
 vertical-align:top;
 padding:0.5em 3em 0.5em 1em;

}
table#uebung tr.dunkel {
 background-color:#f0f0f0;
}
table#uebung tr.hell td {
 padding:0.8em 3em 0.7em 1em;
}
div.balken.uebung {
 padding:1em;
 width:120px;
 left:420px;
 top:80px;
 border:1px solid #fafafa;
 background:#fff url(../grafik/fragebalken_2.jpg);
}

td.mitte {
 width:40px;
 text-align:center;
}
td.mitte a {
 width:50px;
 display:block;
 background-color:#FFFFFF;
 color:#005D1F !important;
}