@import url(../css/start-immer.css);
@import url(../css/start-standard-klassen.css);
@import url(layout.css);

h1 {
         margin-bottom: 1em;
         }

/* ------------------------------------------------- Schriften, Farben */

         {color: #262626;}

/* a div.info p, */
h1 span {
         color: #262626;
         }


h1,h2 {
         font-weight: normal;
         }

.titel,
h1,
.blau,
a {
         text-decoration: none;
         color: #00ABE3;
         }

a:hover {
         text-decoration: none;
         color: #999;
         }

#kopf a {
        font-size:24px;
        font-weight: bold;
        }

.menu1,
.sprache {
         font-size:18px;
         }

h1,h2,
.menu2,
.menuUnten a.impressumlink,
.titel,
.untertitel {
         font-size: 14px;
         }

h1.druckUeberschrift {
         position: absolute;
         text-indent: -9000px;
         }
/* ------------------------------------------------- Linklisten allgemein */
li {
         display: inline;
         background-repeat: no-repeat;
         }

li a,
li span,
.newsmenu span span {
         display: block;
     /*    background-position: 0 0;    */
         background-repeat: no-repeat;
         }

/* ------------------------------------------------- Menü Grafiktext  */

.menu1,
.sprache {
         width: 140px;
         margin-top: -7px;
         _margin-top: -5px; /* IE 6 */
         }

/* IE 7 */  *+html .menu1,
/* IE 7 */  *+html .sprache {margin-top: -9px;}

.menu2 {
         position: absolute;
         left: 140px;
         top: 6px;
         width: 90px;
         }

.newsmenu {
         top: 46px;
         }

.menu1 li,
.sprache li,
.newsmenu li {
         position: relative; /* .menu2 ist absolut positioniert */
         display: block; /* ohne funktioniert opacity nicht */
         height: 24px;
         }

.menu2 li,
.menu2 li a,
.menu2 li span {
         height: 20px;
         }

.sprache li a,
.sprache li span,
.menu1 li a,
.menu1 li span,
.newsmenu li span span {
         background-position: 0 -25px;
         text-indent: -9000px;/* Linktext verbergen */
         height: 24px;
         padding: 2px 0;
         text-decoration: none;
		 
         _padding: 0;  /* IE 6 */
         }

body.ohneJS .menu1 li a,
body.ohneJS .sprache li a,
body.ohneJS .newsmenu li span span,
body.mitJS .bilderkiste li a:hover div.info {
         opacity: 0.00001;
         }

body.ohneJS .menu1 li a.act,
body.ohneJS .menu1 li a:hover,
body.ohneJS .menu1 li span,
body.ohneJS .sprache li a.act,
body.ohneJS .sprache li a:hover,
body.ohneJS .sprache li span,
body.ohneJS .newsmenu li a:hover span span,
body.ohneJS .newsmenu li span.act span {
         opacity:1;
         background-position: 0 -25px;
         }

/* ------------------------------------------------- Bilderkiste */
.bilderkiste li,
.bilderkiste li a,
li.nix  {
         background: #FFF url() 0 0 no-repeat;
         width: 157px;
         height: 157px;
         padding: 0;
		 
         _overflow: hidden; /* sonst dehnt IE6 die Kiste entsprechend der .info Boxbreite */
         }

.bilderkiste li {
         margin: 0 10px 10px 0;
         float:left;
         }

.bilderkiste li.nix {
         background: #E6E6E6;
         }

.bilderkiste li a {
         margin: -4px;
         border: solid 4px #FFF;
         text-indent: -9000px;
		 
         _margin: 0; 
		 _border: solid 0px #FFF; 
         }

.bilderkiste li.cur a {
         text-indent: 0px;
         }

.bilderkiste li.cur a span {
         text-indent: -9000px;
         }

.bilderkiste a:hover,
.bilderkiste li.cur a {
         border-color: #00ABE3;
         text-decoration: none; /* IE */
		 
         _border: solid 4px #00ABE3;
		 _width: 149px;
		 _height: 149px;
         }

/* ------------------------------------------------- Bilder Infotext */

/* ------ hover Infotext */
.bilderkiste li a:hover .info {
         position: absolute;
         margin: 0;
         left: 10px;  /* #menu {margin-left:10px;} */
         top: 330px;
         text-indent: 0;
         width: 265px;
         }

/* ------ fester Infotext */

#menu {
         position: relative;
         height: 660px;
         }

#menu .info {
         position: absolute;
         left: 0;
         top: 330px;
         width: 260px;
         }

.info .titel,
.info h1 {
        /* color: #00ABE3;
         font-weight: bold;
         white-space: nowrap;
         overflow: visible;      */
         width: 265px;
        display: block;
         }

.info .untertitel,
.info h1 span {
         color: #262626;
         display: inline;
         position: relative;
         white-space: nowrap;
         }


span.pdfLink,
span.pdfLink a {
         width: 17px;
         height: 17px;
         background: url(../pics/downloadbutton.gif) 0 0 no-repeat;
         font-size: 1px; /* sonst verzerrt IE<7 die Klötze */
         }

/* Vererbung überschreiben: */
.info h1 span.pdfLink {
         margin-left: 10px;
         position: absolute;
         }

.info h1 span.pdfLink a {
         text-indent: -9000px;
         background-position: 0 -17px;
         display: block;
         }

body.ohneJS .pdfLink a {
         opacity: 0.00001;
         }

body.ohneJS .pdfLink a:hover,
body.ohneJS .pdfLink a:active {
         opacity:1;
         }

/* ------------------------------------------------- vor- / zurücknavi  */

.prevNext {
         position: absolute;
         width: 660px;
         height: 660px;
         top: 0px;
         }

.prevNext a {
         position: absolute;
         display: block;
         width: 330px;
         height: 660px;
         z-index: 5;
         text-indent: -9000px;

         /* ohne Hintergrund sind beim IE die Flächen nicht klickbar: */
         background: url(../pics/1px.gif) 0 0 no-repeat;
         }

a.prev {
         left: 0px;
         background: url(../pics/prev.gif) 5px 318px no-repeat;
         }

a.next {
         right: 0px;
         background: url(../pics/next.gif) 313px 318px no-repeat;
         }

a.first,
a.last {
         width: 660px;
         }

a.next.first {
         background-position: 643px 318px;
         }


body.ohneJS .prevNext a {
         opacity: 0.00001;
         }

body.ohneJS .prevNext a:hover {
         opacity:1;
         }

/* ------------------------------------------------- zusätzliche Sachen in der Spalte Menu  */


#menu ul.auszeichnungen,
#menu div.menuUnten {
         position: absolute;
         left: 0;
         bottom: 0;
         }

ul.auszeichnungen li {
         display: inline;
         }

ul.auszeichnungen span {
         position: absolute;
         text-indent: -9000px;
         }

#menu ul.auszeichnungen img {
         margin: 8px 8px 0 0;
         }
/* ------------------------------------------------- Klötzchennavi */
#spalte {
         position: relative;
         }

/* IE<7 */ * html #spalte {
position: absolute;
top: 0;
left: 990px;
}

.klotzchen {
         position: absolute;
         top: 626px;
         left: 2px;
         height: 34px;
         width: 72px;
         }

/* IE 7 */  *+html .klotzchen {top: 629px;}
/* IE<7 */  * html .klotzchen {top: 629px;}

.klotzchen ul {
         position: absolute;
         bottom: 0;
         }

.klotzchen li {
         float:left;
         }

.klotzchen li a,
.klotzchen li span {
         background: #E6E6E6;
         display: block;
         width: 14px;
         height: 14px;
         text-indent: -9000px;
         line-height: 0; /* sonst verzerrt IE<7 die Klötze */
         margin: 3px 3px 0 0;
         }

.klotzchen li a:hover,
.klotzchen li span {
         background:  #00ABE3;
         }

/* ------------------------------------------------- DL tabellarisch */
/*
#text dl {
         width: 420px;
         }
*/

dt {
         width: 100px;
         float: left;
         clear: left;
         }

dd {
         margin-left: 120px;
         }

dd:after {
         content: ".";
         display: block;
         clear: left;
         height: 0;
         visibility: hidden;
         }


/* IE 7 */ *+html dl {min-height: 0;}

/* IE<7 */ * html dl,
/* IE<7 */ * html dd {height: 1px;}

/* ------------------------------------------------- news */
.news {
         margin-bottom: 20px;
         }

.news h1 {
         margin-bottom: 7px;
         }

.news h1 span {
         padding-left: 5px;
         }

.newstext {
         margin-top: 10px;
         }
/* ------------------------------------------------- TYPO3 */
table.typo3-editPanel { border: none; background-color: #fff; width: auto;}
table.typo3-editPanel td.typo3-editPanel-controls { border: 1px solid #ccc; background-color: #fff;}