/* ------- Body: Anfang ---------------------------------------------------------------- */
/* 10pt, schwarz, weiß */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: black;
background-color: white;
}
/* ------- Body: Ende ------------------------------------------------------------------ */

/* ------- Links: Anfang --------------------------------------------------------------- */
/* schwarz, nicht unterstr. */
A:link, A:visited, A:active {
text-decoration: none;
color: black;
}

/* lila, nicht unterstr. */
A:hover {
text-decoration: none;
color: purple;
}
/* ------- Links: Ende ----------------------------------------------------------------- */

/* ------- h1 und p: Anfang ------------------------------------------------------------ */
/* 15pt, fett, blau */
h1 {
font-size: 15pt;
font-weight: bold;
color: blue;
z-index: 2;
}

/* normaler Fließtext */
/* 10pt */
p {
font-size: 10pt;
}
/* ------- h1 und p: Ende -------------------------------------------------------------- */

/* ------- Layout: Anfang   Layout: Anfang   Layout: Anfang ---------------------------------------------------- */
/* Box für Navigationsspalte: Bezugspunkt 5 nach rechts, 5 nach unten */
#navi {
position: absolute;
top: 5px;
left: 5px;
}

/* ------- Linkleiste: Anfang ---------------------------------------------------------- */
/* hellgelb #ffffcc, Rahmen 5 bis 170 nach rechts, 119 bis 425 nach unten */
/* in linkleis.html */
#lay0 {
position: absolute;
top: 0px;
left: 0px;
height: 495px;
width: 165px;
background-color: #ffffcc;
border: 0px;
}

/* überall !!! */
#lay1 {
position: absolute;
top: 114px;
left: 0px;
}

/* Rahmen für Buttons: Breite 125 (8 bis 133 nach rechts) */
/* 8pt, normal, hellgelb #ffffcc  */
.linkbox1 {
margin-top: 1px;
margin-left: 6px;
width: 125px;
font-size: 8pt;
padding: 4px;
background-color: #ffffcc;
}

/* 8pt, fett, hellblau #dafaff  */
.linkbox2 {
margin-top: 1px;
margin-left: 6px;
width: 125px;
font-size: 8pt;
font-weight: bold;
padding: 4px;
background-color: #dafaff;
}
/* ------- Linkleiste: Ende ------------------------------------------------------------ */

/* Box für Hauptspalte: Bezugspunkt 175 nach rechts (Ende: 710), 5 nach unten */
#main {
position: absolute;
top: 0px;
left: 170px;
}

/* Briefkopf-Buehlschule: 8pt, rechts, Rahmenoberkante (25 nach unten) 480 bis 700 */
#kopf {
position: absolute;
top: 20px;
left: 305px;
width: 220px;
font-size: 8pt;
text-align: right;
}

/* Briefkopf-Buehlschule: 12pt */
#gross {
font-size: 12pt;
}

/* Linie: (88 nach unten; +8) 207 bis 700 */
.linie {
position: absolute;
top: 75px;
left: 32px;
width: 493px;
}

/* Box für Hauptgestaltung: Bezugspunkt 195 nach rechts (Ende: 745), 115 nach unten */
#inhalt {
position: absolute;
top: 110px;
left: 20px;
width: 550px;
z-index: 1;
}
/* ------- Layout: Ende   Layout: Ende   Layout: Ende ---------------------------------------------------------- */

/* ------- Home: Anfang ---------------------------------------------------------------- */
/* Logo-Buehlschule by Peter: 10pt, fett, Rahmenoberkante (88 nach unten) 178 bis 805 */
#logobue {
position: absolute;
top: 83px;
left: 3px;
width: 630px;
font-size: 10pt;
font-weight: bold;
color: blue;
}

/* Copyright, Position: 389 nach unten, 655 nach rechts */
#copyr {
position: absolute;
top: 384px;
left: 480px;
}

/* Schriftzug-Buehlschule: 20pt, fett, zentr., Rahmenoberkante (443 nach unten) 214 bis 714 */
#buehls {
position: absolute;
top: 438px;
left: 39px;
width: 500px;
font-size: 20pt;
font-style: bold;
text-align: center;
padding: 5px;
}

/* Logo-Giengen: Rahmen 196 bis 236 nach rechts, 437 bis 477 nach unten */
#logogie {
position: absolute;
top: 432px;
left: 21px;
}
/* ------- Home: Ende ------------------------------------------------------------------ */

/* ------- GS-Klassen: Anfang ---------------------------------------------------------- */
/* Logo-GS: 195 nach rechts, 25 nach unten */
#gslogo {
position: absolute;
top: 20px;
left: 20px;
z-index: 2;
}
/* ------- GS-Klassen: Ende ------------------------------------------------------------ */

/* ------- ZACKZACK + Tip-top: Anfang -------------------------------------------------- */
/* ZACKZACK: Rahmen 195 bis 745 nach rechts, 115 bis 425 nach unten */
#zzstart {
position: absolute;
top: 110px;
left: 20px;
height: 310px;
width: 550px;
z-index: 1;
}

/* Tip-top-Start: zartgelb #ffffee, Rahmen 195 bis 745 nach rechts, 115 bis 735 nach unten */
#ttstart {
position: absolute;
top: 110px;
left: 20px;
height: 620px;
width: 550px;
background-color: #ffffee;
z-index: 1;
}

/* Tip-top-Cate.: zartgelb #ffffee, Rahmen 195 bis 1195 nach rechts, 115 bis 735 nach unten */
#ttcate {
position: absolute;
top: 110px;
left: 20px;
height: 1000px;
width: 550px;
background-color: #ffffee;
z-index: 1;
}

/* Tip-top-Mensa: zartgelb #ffffee, Rahmen 195 bis 1495 nach rechts, 115 bis 735 nach unten */
#ttmensa {
position: absolute;
top: 110px;
left: 20px;
height: 1300px;
width: 550px;
background-color: #ffffee;
z-index: 1;
}
/* ------- ZACKZACK + Tip-top: Ende ----------------------------------------------------- */