html { /* Vermeidung eines Randes im IE */
border:0px;
padding:0px;
margin:0px;
}
body { /*Schriftgröße und Schriftart, Hintergrundgrafik */
background-color:#3F3F40;
background-image:url(image/background.gif);
background-repeat:repeat-x;
background-position:0px 219px;
text-align:center;
font-family:Verdana, Helvetica;
font-size:11px;
line-height:14px;
color:#FFFFFF;
border:0px;
padding:0px;
margin:0px;
}
#seite { /* Seitengröße und  Ausrichtung */
display:block;
width:900px;
margin-left:auto;
margin-right:auto;
text-align:left;
margin-top:40px;
}
#kopfzeile { /* Kopfzeile mit Logo und Text als Bild */
width:900px;
height:180;
border:0px;
background-image:url(image/kopfzeile.gif);
}
#startbild { /* Angaben für die Startseite */
display:block;
top:0px;
left:0px;
bottom:0px;
background-image:url(image/kringel.png);
background-repeat:no-repeat;
width:900px;
height:270px;
padding:0px;
border:0px;
margin:0px;
}
#menu { /* Angaben für das Menu auf der linken Seite */
display:block;
top:0px;
left:0px;
position:relative;
width:250px;
height:270px;
float:left;
margin:0px;
padding:0px;
background-color:#000000;
border-right:white solid 1px;
}
#menutitel { /* Überschrift über dem Menu */
display:block;
width:250px;
height:30px;
}
#menuinhalt { /* Abstand des Menus vom linken Rand */
padding-left:6px;
}
a.intern:link, a.intern:visited { /* Darstellung von allgemeinen Links */
color:white;
text-decoration:none;
}
a.intern:hover { /* Rollovereffekt von allgemeinen Links */
color:white;
text-decoration:underline;
} 
a.intern:active, a.intern:focus { /* Darstellung von allgemeinen aktiven Links */
color:white;
text-decoration:none;
}
#frame { /* Position und Größe des Iframes*/
display:block;
top:0px;
left:0px;
position:relative;
width:649px;
height:270px;
margin:0px;
padding:0px;
float:left;
}
#navigation { /* Angabe zur Hauptnavigation, Position, Ausrichtung */
width:900px;
height:36px;
background-color:#3F3F40;
clear:left;
margin:0px;
padding:0px;
top:0px;
border-top: white solid 1px;
}
#navigation ul { /* Angabe zur Hauptnavigation, Ausrichtung */
display: inline;
margin:0px;
padding:0px;
height:35;
margin:0px;
float:right;
}
#navigation li { /* Angabe zur Hauptnavigation, Anordnung nebeneinander */
float:left;
display:inline;
}
#navigation a { /* Angabe zur Hauptnavigation, Hintergrund */
background-repeat:no-repeat;
}
a.home:link, a.home:visited { /* Link in Hauptnavigation */
background-image:url(image/button-home.gif);
display:block;
width:110px;
height:35px;
}
a.home:hover { /* Rollovereffekt für Hauptnavigation */
background-image:url(image/button-home.gif);
background-position: 0px -35px;
width:110px;
height:35px;
}
a.home:active, a.home:focus { /* Aktivierte Link in Hauptnavigation */
background-image:url(image/button-home.gif);
background-position:0px -70px;
width:110px;
height:35px;
}
a.projekte:link, a.projekte:visited { /* Link in Hauptnavigation */
background-image:url(image/button-projekte.gif);
display:block;
width:140px;
height:35px;
}
a.projekte:hover { /* Rollovereffekt für Hauptnavigation */
background-image:url(image/button-projekte.gif);
background-position: 0px -35px;
width:140px;
height:35px;
}
a.projekte:active, a.projekte:focus { /* Aktivierte Link in Hauptnavigation */
background-image:url(image/button-projekte.gif);
background-position:0px -70px;
width:140px;
height:35px;
}
a.kontakt:link, a.kontakt:visited { /* Link in Hauptnavigation */
background-image:url(image/button-kontakt.gif);
display:block;
width:140px;
height:35px;
}
a.kontakt:hover { /* Rollovereffekt für Hauptnavigation */
background-image:url(image/button-kontakt.gif);
background-position: 0px -35px;
width:140px;
height:35px;
}
a.kontakt:active, a.kontakt:focus { /* Aktivierte Link in Hauptnavigation */
background-image:url(image/button-kontakt.gif);
background-position:0px -70px;
width:140px;
height:35px;
}
a.profil:link, a.profil:visited { /* Link in Hauptnavigation */
background-image:url(image/button-profil.gif);
display:block;
width:140px;
height:35px;
}
a.profil:hover { /* Rollovereffekt für Hauptnavigation */
background-image:url(image/button-profil.gif);
background-position: 0px -35px;
width:140px;
height:35px;
}
a.profil:active, a.profil:focus { /* Aktivierte Link in Hauptnavigation */
background-image:url(image/button-profil.gif);
background-position:0px -70px;
width:140px;
height:35px;
}
a.person:link, a.person:visited { /* Link in Hauptnavigation */
background-image:url(image/button-person.gif);
background-repeat:no-repeat;
display:block;
width:140px;
height:35px;
}
a.person:hover { /* Rollovereffekt für Hauptnavigation */
background-image:url(image/button-person.gif);
background-position: 0px -35px;
width:140px;
height:35px;
}
a.person:active, a.person:focus { /* Aktivierte Link in Hauptnavigation */
background-image:url(image/button-person.gif);
background-position:0px -70px;
width:140px;
height:35px;
}
.versteckt { /* Zum Verstecken bestimmter Inhalte */
display:none;
}

/*Alles zu den eingebettenen Frames */

#frameinhalte { /* Größe der Seite im Iframe und Ausrichtung */
width:649px;
height:270px;
background-color:#000000;
text-align:left;
padding:0px;
margin:0px;
border:0px;
}
#oberzeile { /* Überschriftenzeile über dem Menu, Hintergrund */
width:649px;
height:30px;
background-color:#000000;
background-image:url(image/linieframe.gif);
background-repeat:repeat-x;
}
.ub { /* Überschrift über den Text und Abstand zum Rand */
height:30px;
font-family:Verdana, Helvetica;
font-size:12px;
margin:0px;
font-weight:normal;
padding-top:7px;
padding-left:16px;
}
.abstand { /* Abstand Text zum rechten Rand */
padding-right:6px;
padding-left:16px;
padding-top:0px;
padding-bottom:0px;
margin-top:12px;
}
.bild { /* Bildumfluss und Abstand zum Text */
float:left;
margin:0px;
border:0px;
padding-left:0px;
padding-right:10px;
}
.zweispalten { /* Für die zwei Spalten im Impressum */
width:409px;
top:30px;
left:240px;
position:absolute;
margin-top:12px;
}
.kapitel { /* Fläche und Position für Seitenzahlen und Verweise */
display:block;
width:114;
height:30;
position:absolute;
top:232px;
left:535px;
}
.seite1 { /* Link zu Seite 1 */
display:block;
width:38px;
height:30px;
background-image:url(image/seite-1.gif);
background-repeat:no-repeat;
float:left;
}
.seite2 { /* Link zu Seite 2 */
display:block;
width:38px;
height:30px;
background-image:url(image/seite-2.gif);
background-repeat:no-repeat;
float:left;
}
.seite3 { /* Link zu Seite 3 */
display:block;
width:38px;
height:30px;
background-image:url(image/seite-3.gif);
background-repeat:no-repeat;
float:left;
}
.plus { /* Bildposition für das Plus-Zeichen */
display:block;
width:15px;
height:15px;
position:absolute;
background-image:url(image/plus.gif);
background-repeat:no-repeat;
top:247px;
left:8px;
}
.minus { /* Bildposition für das Minus-Zeichen */
display:block;
width:15px;
height:15px;
position:absolute;
background-image:url(image/minus.gif);
background-repeat:no-repeat;
top:247px;
left:8px;
}
.info { /* Bildposition für das Info-Zeichen */
display:block;
width:30px;
height:15px;
position:absolute;
background-image:url(image/info.gif);
background-repeat:no-repeat;
top:247px;
left:30px;
}
.textfenster { /* Das Textfenster halbtransparent über dem Bild */
width:549px;
height:240px;
position:absolute;
top:30px;
left:100px;
background-image:url(image/transparent.png);
text-align:left;
padding:0px;
filter:Alpha(opacity=85);
}
.bildtext { /* Innenabstand vom Text zu Rand */
display:block;
width:530px;
height:240px;
padding:12px;
}