/*  Kommentare in Style-Dateien  Stylesanwendung:z.B. <span class="stylename">  */

body,table,td,tr,div,p,pre,h1,h2,h3,h4,ul,li {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: black;
}

body,td,div,p,pre,ul,li {font-size: 12px; }
body {background-color:#708090; }                     /* Aussenumrandung slategray */

body {
	font: 13px trebuchet ms, arial, helvetica, sans-serif;
	color: #778899;    /* lightslategray */
	background: slategray ;
	margin: 0px;

}

p {
	font: 11px trebuchet ms, arial, helvetica, sans-serif;
	margin-top: 0px;
	text-align: left;
}

a:link {
	font: 14px arial, helvetica, sans-serif;
	color: #4682B4;    /* steelblue */
	background: transparent;
	padding: 0 2px 0 2px;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	font: 14px arial, helvetica, sans-serif;
	color: #4682B4;    /* steelblue */
	background: transparent;
	padding: 0 2px 0 2px;
	text-decoration: none;
	font-weight: bold;
}

a:hover, a:active {
	font: 14px arial, helvetica, sans-serif;
	color: teal;
	background: transparent;
	padding: 0 2px 0 2px;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid
}

h1 {
	background: transparent;
	color: black;
	font: 20px trebuchet ms, arial, helvetica, sans-serif;
	margin-top: 0px;
	text-align: center;
}

h2 {
	background: transparent;
	color: #9F927F;
	font: 15px trebuchet ms, arial, helvetica, sans-serif;
	margin-top: 0px;
	text-align: center;
	font-weight: bold;
}

h3 {display:none}

h6 {
	background: gold;
	color: #778899;    /* lightslategray */
	font: 17px trebuchet ms, arial, helvetica, sans-serif;
	margin-top: 0px;
	text-align: center;
	word-spacing: 5px;
}

                             <!--/* specific divs */  -->

#introcontainer {
	position: absolute center;
	border: 1px lightsteelblue solid;
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
	width: 720px;
	height: 502px;
}

#container {
	position: absolute center;
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
	width: 720px;
}

                             <!--/* Anfang der Kopf der Seite */  -->
#intropageHeader {
	position: absolute;
	background: darkseagreen ;
	border-bottom: 2px lightsteelblue solid;
	margin-top: 0px;
	margin-left:0px;
	width: 720px;
	height: 80px;
}

#pageHeader {
	position: absolute;
	background: darkseagreen ;
	border-top: 1px lightsteelblue solid;
	border-left: 1px lightsteelblue solid;
	border-bottom: 1px lightsteelblue solid;
	border-right: 1px lightsteelblue solid;
	margin-top: 0px;
	margin-left:0px;
	width: 720px;
	height: 80px;
}

#linkleiste {
	position: absolute ;
	background: transparent;
	border: none;
	margin-top: 20px;
	margin-left:160px;
	width: 500px;
	height: 35px;
}


                             <!--/* Ende der Kopf der Seite */  -->


#boxLinks {
	position: absolute;
	background: darkseagreen;
	margin-top: 82px;
	margin-left:0px;
	margin-right:auto;
	width: 20px;
	height: 360px;

}

#boxMitte {
	position: absolute;
	background: darkseagreen;
	border-top: 1px lightsteelblue solid;
	border-left: 1px lightsteelblue solid;
	border-bottom: 1px lightsteelblue solid;
	border-right: 1px lightsteelblue solid;
	margin-top: 82px;
	margin-left:0px;
	padding-left: 50px;
	padding-top: 50px;
	margin-right:auto;
	width: 670px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 12px;
}

#boxRechts {
	position: absolute;
	background: darkseagreen;
	border-top: 1px lightsteelblue solid;
	margin-top: 82px;
	padding-top: 30px;
	margin-left:550px;
	margin-right:auto;
	width: 170px;
}


#boxUnten {
	position: absolute;
	background: darkseagreen;
	margin-top: 82px;
	margin-left:240px;
	margin-right:auto;
	width: 120px;
	height: 360px;
}

#introLinksOben {
	position: absolute;
	background: #deb887 ;
	margin-top: 82px;
	margin-left:0px;
	width: 240px;
	height: 240px;
	text-align: center;
	color: #778899;    /* lightslategray */
	font-size: 19px;
	padding: 10px;

}

#introLinksMitte {
	position: absolute;
	background: steelblue;
	margin-top: 322px;
	margin-left:0px;
	width: 240px;
	height: 120px;

}

#introLinksUnten {
	position: absolute;
	background: #deb887 url(images/qBuddha.jpg) no-repeat left;
	margin-top: 382px;
	margin-left:0px;
	width: 240px;
	height: 120px;
}

#introMitte {
	position: absolute;
	background: sandybrown;
	margin-top: 82px;
	margin-left:240px;
	margin-right:auto;
	width: 120px;
	height: 360px;
}

#introMitteUnten {
	position: absolute;
	background: darkseagreen ;
	margin-top: 442px;
	margin-left:240px;
	margin-right:auto;
	width: 360px;
	height: 60px;
}

#introRechtsOben {
	position: absolute;
	background: indianred url(images/testbild240240.jpg) no-repeat top;
	margin-top: 82px;
	margin-left:360px;
	width: 240px;
	height: 360px;
}


#introRechtsRechts {
	position: absolute;
	background: steelblue ;
	margin-top: 82px;
	margin-left:600px;
	width: 120px;
	height: 420px;
}

#introRechtsRechtsUnten {
	position: absolute;
	background: steelblue ;
	border-bottom: 1px lightsteelblue solid;
	border-left: 1px lightsteelblue solid;
	border-right: 1px lightsteelblue solid;
	margin-top: 502px;
	margin-left:600px;
	width: 119px;
	height: 60px;
	text-align: center;
	vertical-align: middle;
}


table, td, tr {border:1px; background-color:#8FBC8F;}   /* darkseagreen */
.zelle {width:300px; height:150px; }                    /* Tabellenzellenformat in Kontakt  */
                                                        /* Tabellenzellenformat in Beispiele  */
.bsp  {font-size:10pt; border:0px; padding:15px; font-weight:bold; text-align:left; }
.bild { border-color:gray; border-width:4px; border-style:solid;  } /* Bildformate in Beispielen  */

.link   { color:#98FB98; font-weight:bold;  font-size:16pt;}       /* inaktive links im Kopf  */
.maich  { color:#98FB98; font-size:12pt; font-weight:900;}        /* Format für: mach ich  */
.otitel { color:black; font-size:14pt; }                           /* Obertitel bei Verweisen*/
.otiklein { font-size:12pt; font-weight:bold; color:black;}              /* Obertitel klein */
.fontkopf { font-weight:bold;  font-size:20pt; }                    /* tucanu im Kopf  */

.fontall   { color:#81B381; font-weight:bold; font-size:30pt;}         /* Buchstaben in Index  */
.fontextra { color:#98FB98; font-weight:bold; font-size:30pt;}     /* Schrift in Index  */

.small    { font-size: 12px;}
.mini     { font-size: 11px;}
.minimini {font-size: 10px;}

/* Formate der links
a { font-size: 14px; text-decoration: none; font-weight : bold;}
a:link {color:#98FB98;}                /*unbenutzter Link
a:visited {color:darkslategray;}             /*mindestens 1 mal benutzter Link
a:hover{color: mediumblue;}              /*während der Anwender mit der Maus darüber fährt
a:active {color:#98FB98;}              /*für gerade angeklickte Links*/