body { text-align:center; margin:0; padding:0; font-family:arial, verdana, helvetica, tahoma, sans-serif; font-size:100.01%; background-image:url(../img/back_firefox_new.gif); background-position:left top; background-repeat:repeat-y; background-color:#CBF0F9; color:#000; }

/*********** Container **********/

#overall { position:relative; text-align:center; margin:0; padding:0; font-size:1em; background-image:url(../img/back_right.gif); background-position:right top; background-repeat:repeat-y; z-index:1; min-width:776px; }

* html #overall { padding:120px 0 0 0; height:100%; background:none; } /* für IE */

#fakebackright { position:absolute; top:0; right:0; padding:0; margin:0; height:100%; width:200px; z-index:0; background-color:#CBF0F9; }

* html #fakebackright { display:none; }

.head { position:relative; top:0px; left:0; z-index:5; text-align:right; margin:0; padding:0; height:120px; min-height:2em; border-bottom:1px solid #00B2EB; background-position:left bottom; background-repeat:no-repeat; background-color:#FFFFFF; overflow:visible; }

* html .head { position:absolute; width:100%; } /* für IE */

#right { position:relative; float:right; overflow:visible; text-align:right; padding:0; margin:0px 0 0 0; z-index:4; width:200px; min-width:5em; }

* html #right { position:absolute; right:0; top:0; height:100%; background-color:#CBF0F9; padding:0 10px 0 0; z-index:2; } /* für IE */

#left { float:left; z-index:1; text-align:left; margin:0; padding:0; width:auto; min-width:226px; }

* html #left { position:absolute; left:0; height:100%; top:0; z-index:1; } /* für IE */

#farbe { position:relative; top:0; left:0; min-width:226px; width:auto; max-width:14.13em; background-color:#7FD8F5; margin:0 5px 0 0; padding:20px 0px 20px 0px; z-index:5; }

* html #farbe { position:absolute; z-index:5; margin:120px 0px 0px 0px; height:0.1%; width:226px; } /* für IE */

#center { text-align:center; padding:0; margin:0 200px 0 226px; z-index:1; width:auto; min-width:350px; }

* html #center { position:relative; height:100%; z-index:3; }

.headline { z-index:3; text-align:right; padding:0; margin:0 auto; background-color:#00B2EB; color:#FFFFFF; }

* html .headline { position:relative; width:100%; margin:0; } /* für IE */

#text { max-width:600px; min-width:16em; margin:0 auto 0 auto; text-align:left; padding:0px 0px 40px 0px; font-size:0.9em; margin:0px auto 0px auto; background-color:#FFFFFF; z-index:3; }

* html #text { height:0.1%; } /* für IE */

/*********** headers **********/

h1 { position:absolute; bottom:3px; left:60px; padding:0; margin-bottom:0; font:1.9em arial, sans-serif; }

#center h2 { padding:0.15em 0px 2px 0px; margin:0px auto 0px 20px; text-align:left; font:1.1em arial, sans-serif; float:left; background-color:#00B2EB; }

* html #center h2 { margin-left:1%; } /* für IE */

h3 { padding:15px 0 0 0; margin:10px 25px 0 25px; border-top:1px solid #00B2EB; text-align:left; font:1.1em arial, sans-serif; font-weight:600; }

h3.noborder { border:none; margin:0px 25px 0px 25px; padding:10px 0px 0px 0px; font:1.1em arial, sans-serif; font-weight:600; }

h4.border { padding:15px 0px 0px 0px; margin:10px 25px 0px 25px; border-top:1px solid #00B2EB; font-size:1em; }

* html h4.border, * html h3 { height:0.1%; }

/*********** Absatzformatierung und Textauszeichnung **********/

acronym { border-bottom:1px dotted; cursor:help; margin:0; padding:0; }

.headline acronym { border:none; }

#left acronym, #right acronym, .head acronym, abbr, a acronym  { border:none; cursor:help; }

.headline p { margin:0; padding:0 10px 0 0; font-size:1.2em; position:relative; }

* html .headline p { position:static; height:0.1%; }

p { line-height:1.4; }

p.norm, address { padding:9px 25px 1px 25px; margin:0 auto 0 auto; text-align:left; }

p.ex {  margin-top:10px; }

html + body .ex a, html + body .nach a, html + body .punkt a  { height:0; }

address { padding-bottom:2px; }

p.bottom { border-bottom:1px solid #00B2EB;  padding:10px 25px 15px 0px; margin:15px 25px 10px 25px; text-align:left; }

html + body p.bottom { padding-left:20px; margin-left:5px; }/*IE 5 Hack*/

* html p.bottom, * html .absatz, * html .punkt { height:1%; }

p.clear { clear:both; margin-top:10px; }

.absatz { padding:0; margin:20px 25px auto 25px; }

* html .absatz { width:23em; }

.head p { border:1px solid #FFFFFF; position:absolute; right:1px; top:1px; width:230px; height:116px; }

html + body .head p { right:0; background:#FFF; top:0; }

/********** Link-Listen rechts**********/

#right ul { position:static; text-align:right; color:#000000; list-style-type:none; background-image:url(../img/naul.png); background-position:right bottom; background-repeat:repeat-y; margin:28px 10px 0 15px; overflow:visible; padding:0; font-size:0.9em; background-color:#CBF0F9; z-index:5; }

* html #right ul { position:absolute; right:0; top:240px; margin:auto 10px auto 0; width:auto; padding-left:15px;  } /* für IE */

#right ul li { padding:0px 0px 0px 0px; margin:0px 3px 5px 0px; background-image:url(../img/renou.gif); background-position:right center; background-repeat:no-repeat; overflow:visible; background-color:#FFFFFF; }

* html #right ul li { display:inline; width:170px; height:1.2em; }  /* für IE */

#right ul li.oben { background-image:url(../img/reou.gif); }

#right ul li.unten { background-image:url(../img/reuu.gif); margin-bottom:0; }

/********** Link-Listen links**********/

#farbe ul { text-align:left; margin:0px 15px 0px 10px; padding:0; list-style-type:none; background-image:url(../img/naul.gif); background-position:9px 0px; background-repeat:repeat-y; font-size:0.9em; z-index:6; width:auto; /*max-width:8em; */}

* html #farbe ul, * html #farbe ul li { height:0.1%; } /* für IE */

* html #farbe ul li { display:inline; }  /* für IE */

#farbe ul li { padding:0px 0px 0px 0px; margin:0px 0px 5px 3px; background-image:url(../img/linou.gif); background-position:left center; background-repeat:no-repeat; background-color:#CBF0F9; }

#farbe ul li.solo { background-image:url(../img/na_liob_solo.gif); margin-bottom:0; }

#farbe ul li.oben { background-image:url(../img/liou.gif); }

#farbe ul li.unten { background-image:url(../img/liuu.gif); margin-bottom:0; }

/********** Listen central**********/

#center ul { margin:10px auto 0px 45px; padding:0; color:#00B2EB; list-style-type:disc; text-align:left; }

#center ul li { padding:0 0 5px 0; }

#center ul.nolink { color:#000000; }

/********** Bilder **********/

.head img { position:relative; top:63px; right:8px; margin:0; padding:0; border:none; width:199px; height:42px; }

#ekd { position:static; width:199px; height:auto; background:#FFF; margin:0; padding:0; z-index:2; text-align:right; border-left:1px solid #DDD; }

* html #ekd { width:200px; position:absolute; top:0; right:0; height:221px; border-bottom:1px solid #00B2EB; border-left:1px solid #DDD; }

#ekd img { border:none; }

#ekd a { padding:2px; display:block; width:44px; height:80px; margin:128px 12px 0 auto; }

#text img  { border:1px solid #E0E0E0; }

#text .popup img, #text .extern img { border:none; margin:0; padding:0; }

#group { padding:0px; margin:15px 0px 0px 25px; }

a #hotel { border:none; }

/********** versteckte Elemente **********/

.hide { position:absolute; left:-3000px; top:0; height:0pt; display:inline; }

.hide a { font-size:1pt; overflow:hidden; width:0pt; text-align:left; }

p.hide { font-size:1pt; overflow:hidden; top:auto; width:50pt; height:50pt; }

h4.hide { font-size:1pt; overflow:hidden; width:50pt; height:0pt; top:auto; }

/********** Links allgemein **********/

a { padding:0px 0px 0px 0px; }

a#akademie, a#hierho { position:absolute; left:62px; bottom:20px; z-index:1; border:1px solid #CBF0F9; }

a:link { color:#000000; text-decoration:none; border-bottom:1px solid; }
a:visited { text-decoration:none; border-bottom:1px solid; }
a:hover { text-decoration:none; border-bottom:2px solid; }
a:active { text-decoration:none; border-bottom:2px solid; }
a:focus { text-decoration:none; border-bottom:2px solid; }

html + body a:link { text-decoration:underline; }
html + body a:visited { text-decoration:underline; }
html + body a:hover { text-decoration:none; }
html + body a:active { text-decoration:none; }
html + body a:focus { text-decoration:none; }

#center .headline a { border:1px solid #CBF0F9; }

a.seitetop { background-image:url(../img/seitehoch.gif); background-position:left center; background-repeat:no-repeat; padding:0px 0px 0px 20px; }

html + body a.seitetop { height:0; }

.plus a, a.plus { background-image:url(../img/plus.gif); background-position:left center; background-repeat:no-repeat; padding:0px 0px 0px 20px; }

.punkt a { background-image:url(../img/punkt.gif); background-position:left center; background-repeat:no-repeat; padding:0px 0px 0px 20px; }

.punkt a.popup { background-image:url(../img/fenster.gif); background-position:left center; background-repeat:no-repeat; padding:0px 0px 0px 20px; }

.ex a { background-image:url(../img/extern.gif); font-weight:600; }

a.seitetop:link, .nach a:link, .punkt a:link, .punkt a.popup:link, .plus a.popup:link { border:none; }
a.seitetop:visited, .nach a:visited, .punkt a:visited, .punkt a.popup:visited, .plus a.popup:visited { color:#000000; border:none; }
a.seitetop:hover, .nach a:hover, .punkt a:hover, .punkt a.popup:hover, .plus a.popup:hover { color:#0009FF; text-decoration:underline; border:none; }
a.seitetop:active, .nach a:active, .punkt a:active, .punkt a.popup:active, .plus a.popup:active { color:#0009FF; text-decoration:underline; border:none; }
a.seitetop:focus, .nach a:focus, .punkt a:focus, .punkt a.popup:focus, .plus a.popup:focus { color:#0009FF; text-decoration:underline; border:none; }

.head a:link { border:1px solid #FFFFFF; position:absolute; right:1px; top:1px; width:230px; height:116px; }
.head a:visited { border:1px solid #FFFFFF; position:absolute; right:1px; top:1px; width:230px; height:116px; }
.head a:hover { border:1px solid #000000; position:absolute; right:1px; top:1px; width:230px; height:116px; }
.head a:active { border:1px solid #000000; position:absolute; right:1px; top:1px; width:230px; height:116px; }
.head a:focus { border:1px solid #000000; position:absolute; right:1px; top:1px; width:230px; height:116px; }

#ekd a:link { border:1px solid #FFFFFF; }
#ekd a:visited { border:1px solid #FFFFFF; }
#ekd a:hover { border:1px solid #000000; }
#ekd a:active { border:1px solid #000000; }
#ekd a:focus { border:1px solid #000000; }

a.popup:link, a.extern:link { border:1px solid #E0E0E0; display:block; }
a.popup:visited, a.extern:visited { border:1px solid #E0E0E0; display:block; }
a.popup:hover, a.extern:hover { border:1px solid #000000; display:block; }
a.popup:active, a.extern:active { border:1px solid #000000; display:block; }
a.popup:focus, a.extern:focus { border:1px solid #000000; display:block; }

a#akademie:link { border:1px solid #CBF0F9; }
a#akademie:visited { border:1px solid #CBF0F9; }
a#akademie:hover { border:1px solid #000000; }
a#akademie:active { border:1px solid #000000; }
a#akademie:focus { border:1px solid #000000; }

a#hierho:link { border:1px solid #CBF0F9; }
a#hierho:visited { border:1px solid #CBF0F9; }
a#hierho:hover { border:1px solid #CBF0F9; }
a#hierho:active { border:1px solid #CBF0F9; }
a#hierho:focus { border:1px solid #CBF0F9; }

.headline a:link { border:none; text-decoration:none; background:#FFF; color:#00B2EB; }
.headline a:visited { border:none; text-decoration:none; background:#FFF; color:#00B2EB; }
.headline a:hover { border:none; text-decoration:underline; background:#000; color:#FFF; }
.headline a:active { border:none; text-decoration:underline; background:#000; color:#FFF; }
.headline a:focus { border:none; text-decoration:underline; background:#000; color:#FFF; }

h3 a:link, h4 a:link { color:#000000; border:none; text-decoration:none; }
h3 a:visited, h4 a:visited { color:#000000; border:none; text-decoration:none; }
h3 a:hover, h4 a:hover { color:#000000; border:none; text-decoration:none; }
h3 a:active, h4 a:active { color:#000000; border:none; text-decoration:none; }
h3 a:focus, h4 a:focus { color:#000000; border:none; text-decoration:none; }

.head ul.hide a:link { position:static; overflow:hidden; width:0pt; }
.head ul.hide a:visited { position:static; overflow:hidden; width:0pt; }
.head ul.hide a:hover { position:static; overflow:hidden; width:0pt; }
.head ul.hide a:active { position:absolute; left:3010px; top:0px; width:auto; height:auto; font-size:1em; overflow:visible; display:block; border:1px solid; z-index:12; background:#FFFFFF; margin:0; padding:5px; }
.head ul.hide a:focus { position:absolute; left:3010px; top:0px; width:17.5em; height:auto; font-size:1em; overflow:visible; display:block; border:1px solid; z-index:12; background:#FFFFFF; margin:0; padding:5px; }

* html .head .hide a:active, * html .head .hide a:focus { left:2970px; top:20px; white-space:nowrap; }

.head ul.hide li:first-child a:active, .head ul.hide li:first-child a:focus { width:5em; }

.headline a:hover .hide, .headline a:active .hide, .headline a:focus .hide { left:auto; right:1.2em; height:auto; padding:0 3px; width:2em; background:#00B2EB; }

/********** Anker **********/

#geschichte, #selbst, #aufgaben, #themen, #gesell { text-decoration:none; }

#center a#inhalt { position:absolute; top:-500px; width:auto; visibility:hidden; }

* html #center a#inhalt { position:relative; left:-200px; top:-500px; display:none; } /* für IE */

/********** Links links **********/

#farbe a { padding:1px 0px 1px 30px; text-align:left; text-decoration:none; background-position:left center; background-repeat:no-repeat; display:block; color:#000000; z-index:6; margin:0; line-height:1.25; }

#farbe li p { padding:1px 0px 1px 30px; text-align:left; margin:0; text-decoration:none; line-height:1.25; }

* html #farbe a, * html #farbe li p  { line-height:1.25; height:1.5em; }  /* für IE */

#farbe .oben a, #farbe .oben p, #farbe .solo p { font-weight:600; }

#farbe a:link { text-decoration:none; background-image:url(../img/linoo.gif); border:none; background-color:#7FD8F5; }
#farbe a:visited { text-decoration:none; background-image:url(../img/linoo.gif); border:none; background-color:#7FD8F5; }
#farbe a:hover { text-decoration:none; border:none; background-color:transparent; background:none; }
#farbe a:active { text-decoration:none; border:none; background-color:transparent; background:none; }
#farbe a:focus { text-decoration:none; border:none; background-color:transparent; background:none; }

#farbe li.oben a:link { background-image:url(../img/lioo.gif); }
#farbe li.oben a:visited { background-image:url(../img/lioo.gif);  }
#farbe li.oben a:hover { background:none; }
#farbe li.oben a:active { background:none; }
#farbe li.oben a:focus { background:none; }

#farbe li.unten a:link { background-image:url(../img/liuo.gif); }
#farbe li.unten a:visited { background-image:url(../img/liuo.gif); }
#farbe li.unten a:hover { background:none; }
#farbe li.unten a:active { background-image:none; }
#farbe li.unten a:focus { background-image:none; }

/********** Links rechts **********/

#right li a { text-decoration:none; padding:1px 30px 1px 0px; text-align:right; display:block; background-position:right center; background-repeat:no-repeat; color:#000000; z-index:6; margin:0; line-height:1.25; }

#right li p { line-height:1.2; margin:0; padding:1px 30px 1px 0px; text-align:right; line-height:1.25; }

* html #right li a, * html #right li p { line-height:1.25; }  /* für IE */

#right li a:link { text-decoration:none; background-image:url(../img/renoo.gif); border:none; background-color:#CBF0F9; }
#right li a:visited { text-decoration:none; background-image:url(../img/renoo.gif); border:none; background-color:#CBF0F9; }
#right li a:hover { text-decoration:none; border:none; background-color:transparent; background:none; }
#right li a:active { text-decoration:none; border:none; background-color:transparent; background:none;}
#right li a:focus { text-decoration:none; border:none; background-color:transparent; background:none; }

#right li.oben a:link { background-image:url(../img/reoo.gif); }
#right li.oben a:visited { background-image:url(../img/reoo.gif); }
#right li.oben a:hover { background:none; }
#right li.oben a:active { background:none; }
#right li.oben a:focus { background:none;}

#right li.unten a:link { background-image:url(../img/reuo.gif); }
#right li.unten a:visited { background-image:url(../img/reuo.gif); }
#right li.unten a:hover { background:none; }
#right li.unten a:active {background:none; }
#right li.unten a:focus { background:none; }