H1 {color:#000077; font-size:24pt; font-family:serif; font-style:normal; font-weight:bold; text-align:center}
H2 {color:rgb(0,0,0); font-size:17pt; font-family:sans-serif; font-style:normal; font-weight:normal; text-align:center;margin-top:1em}
H3 {color:#000000; font-size:15pt; font-family:serif; font-style:normal; font-weight:bold; text-align:left}
TD {color:black; font-size:12pt; font-family:sans-serif; font-style:normal; font-weight:normal; text-align:left}
P {color:black; font-size:12pt; font-family:sans-serif; font-style:normal; font-weight:normal; text-align:left}
LI {color:black; font-size:12pt; font-family:sans-serif; font-style:normal; font-weight:normal; text-align:left}
DT {color:black; font-size:12pt; font-family:sans-serif; font-style:normal; font-weight:bold; margin-top:1ex; margin-bottom: 0.5ex; text-align:left}
DD {color:black; font-size:12pt; font-family:sans-serif; font-style:normal; font-weight:normal; text-align:left}
BLOCKQUOTE {color:black; font-size:12pt; font-family:sans-serif; font-style:normal; font-weight:normal; text-align:left}

/*
BODY {background-color:rgb(239,206,171); margin:0; padding:0; border-width:0;}
*/
BODY {background-color:rgb(210,230,255); margin:0; padding:0; border-width:0;}

.normaltext {color:black; font-family:sans-serif; font-style:normal; font-weight:normal;}
.rechtstext {color:black; font-family:sans-serif; font-style:normal; font-weight:normal; text-align:right;}
.liste {color:black; font-family:sans-serif; font-style:normal; font-weight:normal;}
.atzeichen {height:1.1em;}
.applogo{height:2em;vertical-align:middle;margin:0ex 0.5ex}
.portraitfoto {width:150px;}
.sportfoto {width:200px;}
.sportfotogr {width:100%;}


/* Äußerer Rahmen um Seiten ohne iframe. Die height ist nur vorläufig und wird per JavaScript angepasst:*/
.hauptrahmen{position:static; top:0px; left:0px; margin:0px; padding:12px; border-width:0px; border-style: none; border-color:red;}

/* Äußerer Rahmen um den iframe. Die height ist nur vorläufig und wird per JavaScript angepasst:*/
.iframerahmen{position:static; border-style:none; border-width:0px; border-color:red; padding:0px; margin:0px;height:500px}
.inlinerahmen{position:static; border-style:none; border-width:0px; top:0px; left:0px; margin:0px; padding:0px; width:100%;height:100%}

/*********************************** Titelseite **************************************************/

.titel {text-align:center; color:white; font-size:46pt; margin-top:0ex; margin-bottom:-0.4ex; font-family:sans-serif; font-style:italic; font-weight:bold; text-shadow:#003377 0.15ex 0.15ex 0.1ex, white 0.15ex 0.15ex 0.1ex}
.untertitel {text-align:center; color:white; font-size:20pt; margin-top:1.5ex; margin-bottom:0ex; font-family:sans-serif; font-style:italic; font-weight:bold; text-shadow:#003377 0.2ex 0.2ex 0.1ex, white 0.2ex 0.2ex 0.15ex}

.titelbild {position:absolute; left:0px; top:0px; padding:0; margin:0; border-width:0; z-index:-1; width:100%; height:100%;}

A:link.titellink {font-size:11pt; font-family:sans-serif; font-style:normal; font-weight:bold; background-color: white; padding: 5px 5px 5px 5px; white-space:nowrap;}
A:visited.titellink {font-size:11pt; font-family:sans-serif; font-style:normal; font-weight:bold; background-color: white; padding: 5px 5px 5px 5px; white-space:nowrap;}
A:hover.titellink {font-size:11pt; font-family:sans-serif; font-style:normal; font-weight:bold; background-color: white; padding: 5px 5px 5px 5px; white-space:nowrap;}
A:active.titellink {font-size:11pt; font-family:sans-serif; font-style:normal; font-weight:bold; background-color: white; padding: 5px 5px 5px 5px; white-space:nowrap;}

.schatten {font-size:11pt; font-family:sans-serif; font-style:normal; font-weight:bold; color: black; background-color: black; padding: 5px 5px 5px 5px; white-space:nowrap;}

.titellink#i1 {position:absolute; right:20%; top:62%; z-index:3; }
.schatten#i1   {position:absolute; right:19.7%; top:62.5%; z-index:2; }
.titellink#i2 {position:absolute; left:15%; top:69%; z-index:3; }
.schatten#i2   {position:absolute; left:15.3%; top:69.5%; z-index:2; }
.titellink#i3 {position:absolute; right:15%; top:76%; z-index:3; }
.schatten#i3   {position:absolute; right:14.7%; top:76.5%; z-index:2; }
.titellink#i4 {position:absolute; left:20%; top:83%; z-index:3; }
.schatten#i4   {position:absolute; left:20.3%; top:83.5%; z-index:2; }
.titellink#i5 {position:absolute; right:20%; top:90%; z-index:3; }
.schatten#i5   {position:absolute; right:19.7%; top:90.5%; z-index:2; }

/*********************************** Navigation ***********************************************/
.menue {     position:fixed; left:0px; top:0px;  z-index:1; background-color:transparent; width:100%; margin:0px; padding:0ex; border-width:0px; border-collapse: collapse; border-style: none; background-image:url("images/wolken.jpg");background-repeat:repeat-x;}
.menuestart {position:fixed; left:0px; top:0px;  z-index:1; background-color:transparent; width:100%; margin:0px; padding:0ex; border-width:0px; border-collapse: collapse; border-style: none;}
.menueshadow {                                              background-color:transparent; width:100%; margin:0px; padding:0ex; border-width:0px; border-collapse: collapse; border-style: none; }
.menuelinks {background-color:transparent; text-align:center;}
.menuerand {background-color:transparent; font-size:4pt; height:16px;margin:0px; padding:0px; border:0px}

A:link.navi   {font-size: 12pt; font-family:sans-serif; font-weight:bold; white-space: nowrap; line-height:2.5em; margin:3px; padding:0.8ex; text-decoration: none; color: maroon; background-color:white;}
A:visited.navi  {font-size: 12pt; font-family:sans-serif; font-weight:bold; white-space: nowrap; line-height:2.5em; margin:3px; padding:0.8ex; text-decoration: none; color: maroon; background-color:white;}
A:hover.navi   {font-size: 12pt; font-family:sans-serif; font-weight:bold; white-space: nowrap; line-height:2.5em; margin:3px; padding:0.8ex; text-decoration: none; color: maroon; background-color:white; cursor: pointer;}
A:active.navi  {font-size: 12pt; font-family:sans-serif; font-weight:bold; white-space: nowrap; line-height:2.5em; margin:3px; padding:0.8ex; text-decoration: none; color: maroon; background-color:white; cursor: pointer;}

A:link.nshad   {font-size: 12pt; font-family:sans-serif; font-weight:bold; white-space: nowrap; line-height:2.5em; margin:3px; padding:0.8ex; text-decoration: none; color: transparent; background-color:transparent;}
A:visited.nshad  {font-size: 12pt; font-family:sans-serif; font-weight:bold; white-space: nowrap; line-height:2.5em; margin:3px; padding:0.8ex; text-decoration: none; color: transparent; background-color:transparent;}
A:hover.nshad {font-size: 12pt; font-family:sans-serif; font-weight:bold; white-space: nowrap; line-height:2.5em; margin:3px; padding:0.8ex; text-decoration: none; color: transparent; background-color:transparent; cursor: pointer;}
A:active.nshad  {font-size: 12pt; font-family:sans-serif; font-weight:bold; white-space: nowrap; line-height:2.5em; margin:3px; padding:0.8ex; text-decoration: none; color: transparent; background-color:transparent; cursor: pointer;}
/* Die cursor-Anweisung braucht der IE, sonst behandelt er die Box zwar als Link, aber ändert den Cursor nicht in eine Zeigehand.
   text-decoration: none muss hier eingetragen werden, sonst unterstreichen Firefox und Opera den Text */

A:link    {color: maroon; font-weight: bold; font-size:11pt;text-decoration:none;}
A:visited {color: maroon; font-weight: bold; font-size:11pt;text-decoration:none;}
A:hover   {color: maroon; font-weight: bold; font-size:11pt;text-decoration:none;}
A:active  {color: maroon; font-weight: bold; font-size:11pt;text-decoration:none;}


.kontaktname {font-size: 12pt; font-family: sans-serif; font-weight: bold; color: black; margin-left:5%;}
.kontaktinfo {font-size: 12pt; font-family: sans-serif; font-weight: normal; margin-left:5%}

.kopf {text-align:center; vertical-align:middle;}
.motto {color:rgb(0,0,160); font-size:20pt; font-family:"Comic Sans MS"; font-style:normal; font-weight:bold; text-align:center}
.mittig {text-align: center;}
.karte {text-align: center;}
.webcam {width: 100%;}

.fn {font-size:8pt; font-family:sans-serif}
.fusslink    {font-size: 10pt; text-align: left;}
.aenderdatum {font-size: 10pt; text-align:right;}

.dltabkopf {background-color:#003377; color:white; font-family:sans-serif; font-size:11pt; font-weight:normal;}
.dltabelle {background-color:white; color:black; font-family:sans-serif; font-size:11pt; font-weight:normal;}