body {background-color:rgb(255,255,190);}

ul {list-style-type:disc;}

li.subliste1 {
list-style-type:none;
margin-left: 1.5em;
font-size:0.8em;
}

li.subliste2 {
list-style-type:circle;
margin-left: 1.5em;
}

li.num1 {
font-weight:bold;
padding-bottom:10px;
}

img {float:none; margin: 1em 1em 1em 1em;
}
img.nf {float:none; margin: 1em 1em 1em 1em;}
img.fr {float:right; margin: 1em 1em 1em 1em;}
img.fl {float:left; margin: 1em 1em 1em 1em;}

.imgbox2 {float:right; margin: 2em 1em 2em 1em;
}

.imgboxright {float:right; margin: 1em 1em 1em 1em;}
.imgboxleft {float:left; margin: 1em 1em 1em 1em;}
.imgboxmiddle {position:relative; float:none; margin-right: auto;}

.imgrahmen1 { top:-4px; left:-4px; background:#fff; padding:4px; border:1px solid #ccc;}
.imgrahmen2 {margin: .5em .5em .5em .5em; padding: 2px; background: #000 border-bottom: 2px solid #474747; border-right: 2px solid #474747; border-top: 0.1px solid #fff; border-left: 0.1px solid #fff;}
.imgrahmen3 { top:-2px; left:-2px; background:#fff; padding:2px; border:1px solid #ccc;}
.imgrahmen4 { top:-3px; left:-3px; background:#767676; padding:2px; border:1px solid #999999;}


h1 {font-size:24px;color:rgb(255,255,0); text-shadow:black 3px 2px;}
h2 {font-size:18px;color:rgb(0,255,255); text-shadow:black 3px 2px;}
h3 {font-size:14px;color:rgb(255,255,255); text-shadow:black 2px 1px;}
p {font-weight:normal;}
p.small {font-size:.8em;}
p.big {font-size:1.2em;}
p.bigger {font-size:1.4em;}
p.zentriert {text-align:center;}

dl.meImgLeft { }
dl.meImgLeft dt {margin-bottom: 0;}
dl.meImgLeft dd {font-weight:normal; font-size:0.8em;}

DIV.left {float: left;height:13em; width: 47%;font-weight:normal;}
DIV.right {float: right;height:13em; width: 47%;font-weight:normal;}

DIV.ein {width: 47%; margin-top:1em; margin-left:6em;}
DIV.fett {font-weight:bold; margin:auto auto auto auto; }

DIV.fotol {height:225px; float:left; margin: 1em 1em 2em 1em;}
DIV.fotor {height:225px; float:right; margin: 1em 1em 2em 1em;}

DIV.zentriert {
position:relative;
height:96%;
border:solid 0px rgb(0,0,0);
text-align:left;
}

.gesamt {
width:755px;
height:585px;
margin:0px auto;
border:solid 0px rgb(0,0,0);
}

.galerie {
background-color:rgb(213,213,213);
width:755px;
height:585px;
margin:0px auto;
border:solid 0px rgb(0,0,0);
}

/* Die Hyperlinks allgemein*/
/*a { target-new:tab} */

a:link, a:visited, a:active, a:hover
{
  text-decoration:underline;
  font-weight:bold;
  font-size:12px;
}
a:active, a:hover
{
  color:rgb(255,140,0);
}

/* Die Hyperlinks im Menü */
a.menu:link, a.menu:visited
{
  color:rgb(107,142,35);
  line-height:2.3;
  text-decoration:none;
}
a.menu:active, a.menu:hover
{
  color:rgb(75,0,130);
  line-height:2.4;
}

a.menua:link, a.menua:visited
{
  color:rgb(75,0,130);
  line-height:2.3;
  text-decoration:none;
}
a.menua:active, a.menua:hover
{
  color:rgb(107,142,35);
  line-height:2.4;
}

/* Die Hyperlinks im Links */
a.link:link, a.link:visited
{
  color:rgb(255,255,0);
  line-height:2.3;
  text-decoration:none;
}
a.link:active, a.link:hover
{
  color:rgb(75,0,130);
  line-height:2.4;
}

/* Die Hyperlinks im Text */
a.linktext:link, a.linktext:visited
{
  color:rgb(255,255,0);
  text-decoration:none;
  font-size:100%;
}
a.linktext:active, a.linktext:hover
{
  color:rgb(75,0,130);
}

.zentriert {
text-align:center;
}

/* Die Titelzeile */
#title {
height:65px;
width:755px;
/*margin-bottom:1.5em;*/
padding-top:1.5em;
color:rgb(75,0,130);
/*background-color:rgb(255,190,0);*/
background-image:url(../img/title.jpg);
background-repeat:no-repeat;
border:solid 0px rgb(0,0,0);
text-indent:18em;
text-align:left;
}

/* Das Menü */

#menu {
position:absolute;
height:83%;
width:110px;
padding:10px 0px;
margin-top:-18px;
border:solid 0px rgb(0,0,0);
text-align:left;
font-stretch:ultra-condensed;
word-spacing:0.01px;
letter-spacing:0.01px;
color:rgb(,0,0);
background-color:rgb(255,255,190);
font-weight:bold;
font-size:0.8em;
}

#menu a {
display: block;
}

/* Der Inhalt */

#inhalt {
position:absolute;
margin-top:-21px;
height:83%;
width:82%;
overflow:auto;
/* scrollbar-base-color:rgb(107,142,35); */
background-color:rgb(107,142,35);
border:3px ridge rgb(211,211,211);
margin-left:110px;
color:rgb(255,250,250);
padding: 10px 10px 10px 10px;
}

/* Der Fuss */

#fuss {
border-bottom:110px;
height:26px;
width:755px;
/*background-color:rgb(255,190,0);*/
background-image:url(../img/foot.jpg);
background-repeat:no-repeat;
border:solid 0px rgb(0,0,0);
color:rgb(255,255,255);
text-indent:-130em;
text-align:right;
}

/* Tabellenlayouts */
.termine {
width:75%;
margin-left:18px;
background-color:rgb(255,190,0);
color:rgb(0,0,0);
text-align:center;
}

table.termine {
border:solid 0px rgb(0,0,0);
background-image:url(../img/wallpaper.gif);
}

td.termine {
}


table.news {
margin:20px 50px;
width=100%;
border:dotted 2px rgb(150,50,0);
color:rgb(0,0,0);
background-image:url(../img/wallpaper_b.gif);
padding: 20px 15px 20px 15px;
}

table.news tr {
}

table.news td {text-align:center;
margin:0px auto;
font-weight:bold;
padding: 10px 5px 5px 0px;
border:dashed 1px rgb(150,50,0);
}

table.ag {
color:rgb(0,0,0);
background-image:url(../img/wallpaper_b.gif);
table-layout:fixed;
text-align:center;
}

table.ag tr {

}

table.ag th {

}

table.ag td {border:solid 1px rgb(150,50,0);
padding: 0px 18px 0px 10px;
}

td.leer {line-height:9px; background:#6b8e23;}

a.linkag:link, a.linkag:visited
{
  text-decoration:none;
  font-size:100%;
}
a.linkag:active, a.linkag:hover
{
  color:rgb(255,140,0);
}

/* Für Quellcode-Beispiele im Text */
code
{
 font-size:12px;
 color:#0000cc;
}

/* Der Kasten mit dem Quellcode */
pre
{
 font-size:14px;
 color:rgb(0,0,205);
 padding:5px;
}


/* Das SubMenü */

/* Die Hyperlinks im SubMenü */
a.submenu:link, a.submenu:visited {
color:rgb(107,142,35);
font-size:11px;
line-height:1.3;
text-decoration:none;
padding: 0px 6px;
}
a.submenu:active, a.submenu:hover {
color:rgb(75,0,130);
font-size:11px;
line-height:1.4;
text-decoration:none;
padding: 0px 6px;
}

a.submenua:link, a.submenua:visited
{
color:rgb(75,0,130);
font-size:11px;
line-height:1.3;
text-decoration:none;
padding: 0px 6px;
}
a.submenua:active, a.submenua:hover
{
color:rgb(107,142,35);
font-size:11px;
line-height:1.4;
text-decoration:none;
padding: 0px 6px;
}

a.subsubmenu:link, a.subsubmenu:visited {
color:rgb(0,0,0);
font-size:11px;
line-height:1.3;
text-decoration:none;
padding: 2px 0px;
}
a.subsubmenu:active, a.subsubmenu:hover {
color:rgb(75,0,130);
font-size:11px;
line-height:1.4;
text-decoration:none;
padding: 2px 0px;
}

.grossrot { font-variant:small-caps; font-size:125%; color:red; }
.gross2 { text-transform:uppercase; font-variant:small-caps; }
.grosssilber { font-variant:small-caps; font-size:125%; color:silver; }
.kursiv { font-style:italic; }
.mittelkursiv { font-style:italic; font-size:125%; }
.grosskursiv { font-style:italic; font-size:200%; }

ul.tut-gal-lst {margin: 0;padding: 0em 0;list-style-type: none;clear: both;}
ul.tut-gal-lst li {float: left;width: 28%;height: 14em;margin: 0 1%;padding: 0 1%;}
ul.tut-gal-lst li p {text-align: center;}


table.lehrer {
color:rgb(255,255,190);
margin-left: 1.0em;
table-layout:fixed;
float:left;
font-style:italic; font-size:125%;
}
table.lehrer tr {
}
table.lehrer th {

}
table.lehrer td {border:solid 0px rgb(150,50,0);
padding: 0px 18px 0px 10px;
}

.foto {position:relative; 
height:96%;
border:solid 0px rgb(0,0,0);
text-align:center;}
.foto img {margin: .5em .5em .5em .5em; padding: 2px; background: #ccc border-bottom: 2px solid #ccc; border-right: 2px solid #ccc; border-top: 0.1px solid #ccc; border-left: 0.1px solid #ccc;}
.foto li {list-style: none; position: relative;}
.foto a .gross {display: none; text-decoration:none;} 
.foto a:hover .gross {
text-decoration:none;
display: block;
position: absolute;
width:auto;
height:350px;
top: 0;
left: 0;
} 

#highlight {
font-stretch:ultra-condensed;
font-style:italic;
word-spacing:0.01px;
letter-spacing:0.01px;
font-weight:bold;
font-size:0.9em;
text-shadow:black 3px 2px; font-size:2em; color:rgb(255,255,0);
}