/* ::::: adapted from http://www.staatsgalerie.de/ext_css/styles_min.css ::::: */

*, h1, h2, h3 { border: 0pt none ; margin: 0pt; padding: 0pt; }
body { background: rgb(0,0,0) none repeat; font-family: Verdana,Geneva,Arial,sans-serif; font-size: 76%; color: rgb(0,0,0); }
td, th { font-family: Verdana,Geneva,Arial,sans-serif; font-size: 76%; color: rgb(0,0,0); }
h1, h2, h3 { font-weight: bold; }
h1 { font-size: 1.2em; line-height: 100%; }
h2 { margin: 1em 0pt 0.5em; font-size: 1.1em; }
h3 { font-size: 0.9em; }
.legende { font-size: 0.7em; }
td, th { text-align: left; vertical-align: top; }
img { margin:0px; border:0px; }

/* ::::: adapted from http://www.staatsgalerie.de/ext_css/screen.css.php?color_scheme=5,0,25 ::::: */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++ AB HIER CSS-TEIL ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#Bildbereich { position:absolute; left:10px; top:140px; padding:0;
clip:rect(0 353px 500px 0); visibility:visible; }
#Navigationsbereich { position:absolute; left:320px; top:140px;
width:100px; font-size:24px; }

/* #### BASICS, ALLE SEITEN ############################################################### */

*
{ margin: 0; padding: 0; border: 0; text-decoration: none; }
html, body
{ height: 100%; }
body
{ background: rgb(199,199,187) url(../media/bg/05.gif) top center repeat-y; text-align:center; font-family: Verdana, "Lucida Grande", Geneva, Arial, sans-serif; font-size: 14px; line-height: 1.5em; color: rgb(0,0,0); }


/* WinIE Dreck \*/
* html body { margin-left: 1px; }
/* WinIE Dreck Ende */

/* #### CONTAINEREBENE 1, SATZSPIEGEL ##################################################### */

#c1 /* umklammert komplette Seite */
{ width: 760px; margin: auto; text-align:left; padding-bottom: 30px; }
#c1-bg /* dasselbe mit Background */
{ width: 760px; min-height: 100%; margin: auto; text-align:left; background: url() no-repeat 0 100px; }
/* alle IE Dreck \*/
* html #c1-bg { height: 100%; }
/* alle IE Dreck Ende */


/* #### CONTAINEREBENE 2, HAUPTSPALTEN #################################################### */
#c2-navimain
{ background-image: url(../media/bg/00_00x1.gif); width: 760px; height: 70px; }

/* ++++ Zeile Logo +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#c2-logo
{ clear:both; font-size:10.5px; font-weight:normal; text-transform:uppercase; letter-spacing:0.2em;}
#c2-logo-li
{ vertical-align:middle; float: left;
border:0px; width: 538px; margin: 0px; text-align:right; background: black; padding: 0.5em 8px 0.5em 0px; min-height: 1.0em; font-size: 1.3em; overflow:hidden;line-height: 1.3em;}
#c2-logo-re
{ border:0px; margin: 0px; text-align:left; background: green; padding: 0.5em 0px 0.5em 8px; min-height: 1.0em; font-size: 1.3em; overflow:hidden;line-height: 1.3em; }

/* nicht verwendete attribute: font-variant:small-caps; border-style:dashed; */
/* ++++ content ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#c2-01-li /* 01 - Hauptspalten links/rechts */
{ width: 546px; float: right; border: 0px; margin:0px; padding:0px;}
#c2-01-re
{ width: 214px; float: right; margin-left: 0px; /*border-left: 1px dotted #aaa;*/ /*min-height: 480px*/}

#c2-02-li /* 02 - Sammlung einfarbig */
{ width: 378px; float:left; }
#c2-02-re
{ width: 352px; margin-left: 378px; }

#c2-03-li /* 03 - Architektur einfarbig; float reverted by mkm, 2008 */
{ width: 400px; float: left; }
#c2-03-re
{ width: 300px; float: right; } /*margin-left: 430px; }*/

#c2-06-li /* 06 - Habitate, by mkm, 2008 */
{ width: 450px; float: left; }
#c2-06-re
{ width: 310px; float: right; }

#c2-04 /* 04 - NICHT VERWENDET Shopseiten */
{ margin: 0 30px 0 30px; }

#c2-05-li /* 05 - NICHT VERWENDET Ausstellungsintros, Rueckblick & Aktuell */
{ position: relative; width: 546px; z-index: 1; }
/* WinIE Dreck \*/
* html #c2-04 { margin: 0 20px 0 20px; }
* html #c2-05-li { width: 540px; }
/* WinIE Dreck Ende */
#c2-05-re
{ width: 214px; float: right; position: relative; }

/* #### CONTAINEREBENE 3, OPTIONALE UNTERSPALTEN ########################################## */

.c3-01 /* Standard */
{ width: 486px; margin: 0 30px 0 30px; }
.c3-01-t /* mit Rand oben */
{ width: 486px; margin: 30px 30px 0 30px; }
.c3-01-full /* mit Rand ueberall und ganze breite */
{margin: 27px 27px 27px 27px; }
.c3-01-margin0 /* mit Rand ueberall und ganze breite */
{margin: 0px 0px 0px 0px; }
.c3-02 /* Ausstellungsbanner */
{ width: 516px; margin: 0 0 0 30px; }
/* WinIE Dreck \*/
* html .c3-02 { width: 513px; }
/* WinIE Dreck Ende */
.c3-03 /* Thubnailmatrix */
{ margin-left: 28px; height: 270px; }

.c3-04-li /* Submenues Sammlung, Sander-Rundgang, moeglichst eleminieren */
{ width: 273px; margin: 0; float:left; }
.c3-04-re
{ margin: 0 0 0 273px;}


.c3-05-li /* Torso, Sander Rundgang only */
{ width: 330px; margin: 0; float:left; }
.c3-05-re
{ margin: 0 0 0 330px; }
.c3-gaesteb-01 /* Gaestebuch 1 */
{ padding: 5px 30px 15px 30px; background: rgb(144,127,137); }
.c3-gaesteb-02 /* Gaestebuch 2 */
{ padding: 5px 30px 15px 30px; background: rgb(0,0,0); }
.c3-shopform
{ width: 340px; float: left; }
.c3-shopform#fs1, .c3-shopform#fs3
{ margin-right:20px; }

/* #### CONTAINEREBENE 4, EINZELBOXEN #################################################### */
.c4 /* Standardbox */
{ margin: 0; }

.c4-re /* Standardbox rechts*/
{ margin: 0px 10px 0px 10px; font-size: 1em; font-family: Georgia, "Times New Roman", Times, serif; border-bottom: 1px dotted #aaa; padding: 10px 0px 10px 0px;}

.c4-box /* Grau und umrahmt */
{ margin: 10px 0px 10px 0px; background: #eeeeee; border: 1px dotted #aaa; padding: 10px 10px 8px 15px;}


/* ++++ Nur Ausrichtung +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.c4-c /* zentriert, Rundgang Sammlung, Ausstellungen */
{ text-align: center; }
.c4-r /* rechtsbuendig, Rundgang Architektur, Sander, Torso */
{ text-align: right; }

/* ++++ Abstaende u. andere Eigenschaften +++++++++++++++++++++++++++++++++++++++++++++++++ */
.c4-orl-01 /* */
{ padding: 40px 30px 0 30px; }
.c4-o-01
{ padding: 40px 0 0 0; }
.c4-r-01
{ text-align: right; }
.c4-rl-01 /* Introseiten */
{ padding: 0 30px 0 30px; }
.c4-u-01
{ padding: 0 0 10px 0; }
.c4-u-02
{ padding: 0 0 5px 0; }
.c4-u-01#first
{ margin-top: 20px; }
.c4-l-01 p
{ padding: 0 0 0 0px; margin-bottom: 5px; border-bottom: 1px dotted; }
.c4-partner
{ margin-top: 100px; text-align: center; }

/* ++++ 2-Spalter m. float ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.c4-engfeld-li
{ width: 100px; margin: 0; float:left; }
.c4-engfeld-re
{ margin: 0 0 0 120px; }
.c4-mittelfeld-li
{ width: 148px; margin: 0; float:left; }
.c4-mittelfeld-re
{ margin: 0 0 0 168px; }
.c4-feld-li
{ width: 186px; margin: 0; float:left; clear: left; } /* TEST wg. clear */
.c4-feld-re
{ margin: 0 0 0 206px; }
.c4-breitfeld-li
{ width: 233px; margin: 0; float: left; }
.c4-breitfeld-re
{ margin-left: 253px; }
.c4-breitfeld-re#menu
{ margin-left: 283px; margin-right: 10px; }
.c3-shopform .c4-mittelfeld-re, .c3-23-re .c4-mittelfeld-re
{ margin: 0 0 0 148px; }


/*++++ diverse Sonderfaelle +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.c4-breitfeld-re#checkbox1, .c4-breitfeld-re#checkbox2
{ margin-left: 148px; }
.c4-breitfeld-re#checkbox3
{ margin-left: 178px; }

/* WinIE Dreck 3-Pixel-Jog \*/
* html .c4-engfeld-re, * html .c4-mittelfeld-re, * html .c4-feld-re, * html .c3-04-re, * html .c3-05-re, * html .c4, , * html .c4-breitfeld-re, * html .c4-artikeltext, * html .c4-vbox-re
{ height: 1%; }
/* WinIE Dreck Ende */

/* ++++ Bildboxen Rundgaenge Ausstellungen, Sammlungen, Architektur +++++++++++++++++++++++ */
.c4-img-rundg /* Ausstellungen (Standard) */
{ width: 486px; height: 360px; text-align: center; margin-left: 30px; overflow:hidden; }
.c4-img-hab /* Habitate, mkm */
{ width: 450px; height: 338px; text-align: left; margin:40px 0px 40px 0px; text-align: center; }
.c4-img-hab-top /* Habitate, mkm */
{ width: 450px; height: 338px; text-align: left; margin:0px 0px 40px 0px; text-align: center; }
img.border8
{ border:8px;}
.c4-img-rundg#sammlung
{ width: 378px; height: 360px; text-align: center; margin-left:0; }
.c4-img-rundg#architektur
{ width: 400px; height: 360px; text-align: left; margin-left:0; }
.c4-img-rundg#sander
{ width: 243px; height: 370px; text-align: right; }
.c4-img-rundg#torso
{ width: 300px; height: 360px; text-align: right; }
.rundg-arc /* Ausrichtung Rundgangbild in Architekturbox, andere Rundgaenge ausgelagert */
{ margin-top: 40px; }
.c4-thumb-01 /* Thumbnails */
{ width: 78px; height: 78px; float:left; text-align: center; margin: 2px; }
.c4-matrixsymbol
{ width: 20px; height: 20px; margin-right: 15px; float:left; background:rgb(0,0,0); }
.c4-matrixsymbol img
{ margin: 5px 5px 0 5px; }
.c4-banner /* Ausstellungsbanner */
{ width: 234px; height: 143px; float:left; text-align: left; margin: 0 18px 0 0; }
/* WinIE Dreck \*/
* html .c4-banner {margin-right: 12px; }
/* WinIE Dreck Ende */

/* ++++ Pfeilbuttons etc. +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.c4-pfeil /* Pfeil- u.andere Buttons */
{ margin: 0 2px 0 2px; border: 0; vertical-align:top; }
.c4-r .c4-pfeil /* Bei rechtsbuendiger Position */
{ margin: 0 0 0 4px; }
.c4-kopfbuttons
{ float: right; margin: 50px 30px 0 0; width: 100px; text-align:right; }
.c4-fussbuttons
{ clear: both; float:right; margin: 30px 30px 0 0; text-align: right; }
.c4-fussbuttons#banner
{ margin-top: 12px; }

/* WinIE Dreck \*/
* html .c4-kopfbuttons { margin-right: 36px; }
* html .c4-fussbuttons#banner {margin-right: 15px; }
/* WinIE Dreck Ende */

/* #### HOME, KALENDER, SHOP U. PRESSE ###################################################### */

/* ++++ Homepage, diverse Boxen +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.c4-home-datum
{ text-align: right; height: 50px; padding: 10px 10px 0 0; }
.c4-home-box
{ height: 80px; }
.c4-home-box#pics-1, .c4-home-box#pics-2
{ height: 120px; }
.c4-home-box#heute
{ height: 3.5em; background: url(../media/home/heute_bg.gif) bottom no-repeat; padding: 0 10px 0 0; text-align: right; color: rgb(0,0,0); }
.c4-home-box#aktuell
{ height: 3.5em; background: url(../media/home/aktuell_bg.gif) bottom no-repeat; }
.home-box-1, .home-box-2
{ padding: 5px 10px 5px 10px; }
.home-box-1#montag
{ text-align: center; padding: 20px 10px 20px 10px; }
#homedatum
{ padding-top: 0.4em; color: rgb(0,0,0); }

/* ++++ Intro Shop ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.c4-shopintro
{ background: rgb(217,243,195); float:right; padding: 10px 20px; width: 500px; margin: 150px 0 20px 0; }

/* ++++ Kopfbereiche Shop u. Kalender +++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.c2-head-shop
{ background: url(../media/shop/shop_bg.gif) no-repeat left bottom; }
.c2-head-kal
{ background: url(../media/kalender/tageskalender_bg.gif) no-repeat left bottom; }
.c2-head-kal#vk
{ background: url(../media/kalender/veranstaltungen_bg.gif) no-repeat left bottom; }
.c2-head-kal#ak
{ background: url(../media/kalender/ausstellungen_bg.gif) no-repeat left bottom; }
.c2-head-kal#fk
{ background: url(../media/kalender/fuehrungen_bg.gif) no-repeat left bottom; }

/* ++++ Auswahlseite Shop +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.c3-auswahl
{ clear: both; margin-bottom: 10px; width: 710px; background: url(../media/shop/auswahl_bg.gif) repeat-y; }
.c4-auswahl
{ float:left; width: 345px; margin-right: 10px; background: rgb(217,243,195); }
.c4-auswahl-bild /* Auswahlbild Shop (und Presse) */
{ width: 100px; height: 100px; text-align: center; float: left; }
.c4-engfeld-li .c4-auswahl-bild
{margin-top: 0.45em;}
.c4-auswahl-text
{ padding: 10px; margin-left: 100px; }
.c4-auswahl img
{ margin: 10px; }

/* ++++ Artikelseite Shop +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.c4-artikel
{ background: rgb(217,243,195); }
.c4-artikelbild
{ float: left; width: 282px; margin: 20px; text-align: center; }
.c4-artikeltext
{ margin-left: 302px; padding: 20px; }
.c4-in-wk
{ text-align: left; background: rgb(0,0,0); padding:5px; border-top: 1px solid white; clear: left; }
.c4-in-wk-menu
{ padding: 5px 15px 5px 5px; }
.c4-in-wk-menu#stueckzahl, .c4-in-wk-menu#attribut, .c4-in-wk-menu#inwk
{ float: left; }

/* ++++ Diverse Statusmeldungen nach Interaktion ++++++++++++++++++++++++++++++++++++++++++ */
.c4-status
{ text-align: left; background: rgb(217,243,195); border: 1px solid rgb(0,0,0); border-bottom: 0; padding:5px; }
.c4-status#negativ, .c4-status#warnung
{ background: rgb(204,51,153); color: rgb(0,0,0); border: 1px solid white; }
.c4-status#negativ
{ margin-top: 150px; }
.c4-status#auswahlstatus, .c4-status#wkprima
{ border: 0; margin-bottom: 10px; }
/* WinIE Dreck \*/
* html .c4-status#auswahlstatus, * html .c4-status#wkprima {width: 690px; }
/* WinIE Dreck Ende */
.c4-status#wkprima
{background: rgb(0,0,0); }
.c4-status#tk
{background:rgb(0,51,153); color: rgb(0,0,0); border-left: 0; border-right: 0; }

/* ++++ Tabellen ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
table
{border-spacing:0; border:0; }
.kal-table
{clear: both; border-bottom: 1px solid rgb(255,255,255); }
td, th
{ vertical-align: top; text-align: left; padding: 5px; border-top: 1px solid rgb(255,255,255); color: rgb(0,0,0); font-size: 0.95em;}
th
{ background: rgb(130,100,118); color: rgb(255,255,255); }
#confirmation table
{ border-collapse:collapse; font-size: 0.9em;}
#confirmation td, #confirmation th
{ vertical-align: top; text-align: left; padding: 0.1em 0.3em; border: 1px solid grey; color: rgb(0,0,0); }
.zeile-1, .home-box-1
{ background: rgb(144,127,137); }
.zeile-2, .zeile-2-summary, .home-box-2
{ background: rgb(240,240,240); }
.kal-th-1, .kal-td-1, .shop-th-1, .shop-th-2, .shop-th-2-sum, .shop-td-1, .shop-td-2, .shop-td-2-sum, .shopsum-th-1, .shopsum-th-2, .shopsum-th-2-sum, .shopsum-td-1, .shopsum-td-2, .shopsum-td-2-sum
{ border-right: 1px solid rgb(255,255,255); }
.shopsum-th-1, .shopsum-th-2, .shopsum-th-2-sum, .shopsum-td-1, .shopsum-td-2, .shopsum-td-2-sum, .shopsum-summe, .shopsum-zwsumme, .shopsum-summe, .shopsum-zwsumme
{ padding: 3px 5px 3px 5px; font-size: 0.95em;}
.shop-th-1, .shop-td-1, .shopsum-th-1, .shopsum-td-1
{ border-left: 1px solid rgb(255,255,255); }
.shop-summe, .shop-zwsumme, .shopsum-summe, .shopsum-zwsumme
{ background: rgb(206,222,253); }
.shop-summe td, .shopsum-summe td
{ border-bottom: 1px solid rgb(255,255,255); }
.shop-th-2-sum, .shop-td-2-sum, .shopsum-th-2-sum, .shopsum-td-2-sum
{ text-align: right; }
.adresssum-td-1, .adresssum-td-2
{ background: rgb(240,240,240); padding: 0px 5px 0px 5px; border-right: 1px solid rgb(255,255,255);}
.adresssum-td-1
{ border-left: 1px solid rgb(255,255,255);}


/* ++++ Spezialfall Veranstaltungen im Detail +++++++++++++++++++++++++++++++++++++++++++++ */
.v-top, .v-top-01, .v-top-02, .v-bottom, .v-bottom-01, .v-bottom-01
{ clear: left; }
.v-top
{ background: rgb(204,204,153); }
.v-top-01
{ background: rgb(154,230,88); }
.v-top-02
{ background: rgb(160,137,151); }
.v-bottom
{ background: url(../media/kalender/veranstaltungen_bg_01.gif) repeat-y; }
.v-bottom-01
{ background: url(../media/kalender/veranstaltungen_bg_02.gif) repeat-y; }
.v-bottom-02
{ background: url(../media/kalender/veranstaltungen_bg_03.gif) repeat-y; }
.c4-vbox-li
{ padding: 5px 20px 5px 30px; float:left; width: 200px; }
.c4-vbox-re
{ padding: 5px 30px 5px 0; margin-left: 270px; }
.c4-vbox-titel
{ float: left; }

/* ++++ Diverse Einzelboxen +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.c4-artikelsuche, .c4-terminfilter
{ float: right; margin: 50px 0 0 20px; }
.c4-engfeld-li .c4-auswahl-bild /* Pressebilder */
{ height: 90px; float: none; background:rgb(0,0,0); padding-top: 10px; margin-bottom: 15px; }
.c4-terminsuche
{ text-align: left; background: rgb(144,127,137); padding: 10px 5px 10px 5px; color: rgb(0,0,0); }
.c4-terminsuche#form
{ background: rgb(0,0,0); border-top: 1px solid rgb(0,0,0); padding-top: 20px; }
.c4-terminsuche#warnung
{ background: rgb(130,100,118); color: rgb(245,245,215); border-bottom: 1px solid rgb(0,0,0); }
.c4-pressesuche
{ width: 182px; padding: 5px 22px 5px 10px; margin-top: 20px; }


/* #### TYPOGRAPHIE ALLG. ################################################################# */

h1
{ font-size: 160%; line-height: 120%; padding: 50px 20px 30px 30px; color: rgb(0,0,0); }
/* color: rgb(245,245,215); */
h1.eng
{ padding: 30px 0 15px 30px; }
h1#shopintro
{ padding-left: 0; }
h1#shopinfo
{ margin-bottom: 30px; }
h1#rundg-header, h1#aus-header
{ font-size: 1.0em; color: rgb(0,0,0); padding:0; }
h1#rundg-header
{ margin-bottom: 0.5em; }
h1#aus-header
{ margin-top: 1em; text-align:center; }
h2
{ font-size: 1.1em; font-weight: bold; margin: 0.3em 0 0.5em 0; color: rgb(0,0,0); }
h2.top
{ margin-top: 0; }
h2.font2
{ font-size: 1.0em; font-weight: normal; }
h2.persp /* Neue Perspekt., Einzug wg. Datum */
{ margin: -0.3em 0 0.5em 0; }
h2.presse
{ font-size: 1.0em; margin: 0 0 0.5em 0; }
.c4-feld-li h2, .c4-mittelfeld-li h2, .c4-breitfeld-li h2
{ margin: 0; }
.c4-auswahl-text h2, .c4-artikeltext h2, .c4-vbox-re h2
{ margin: 0; font-size: 1.0em; }
h3
{ font-size: 1.0em; font-weight: bold;}
p, h3.pressenews
{ margin-bottom: 0.5em; font-size: 0.95em;}
p.introtext
{ font-size: 1em; line-height: 200%; padding-top: 2em; }
p.introtext#shop
{ line-height: 200%; padding: 0; }
p.pressebild
{ margin-bottom: 1em; }
p.abschluss
{ margin-bottom: 1.5em; }
p.formerror
{ background-color: rgb(130,100,118); padding: 5px 10px; color: rgb(0,0,0); }
p.thumblegend 
{font-size:0.85em; line-height:1.2em; margin:0px; margin-top:3px;margin-bottom:30px;}
.font2
{ color: rgb(245,245,215); }
abbr
{ font-style: normal; cursor: help; border-bottom: 1px dotted; }
h1.noscreen, h2.noscreen, h3.noscreen /*keine Anzeige auf Bilschirm */
{ font-size: 1px; position: absolute; top:-1500px; left:-1500px; }
span.mandatory {font-size: 0.8em; color: red;}
span.mandatory {font-size: 0.8em; color: red;}
/* ++++ spezielle Absatztypen +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.legende
{ margin: 0 0 1em 0; font-size: 0.9em; line-height: 1.1em; color: rgb(0,0,0); }
.legende#zaehler /* Zaehler Arch. + Sammlung Rundgang */
{ margin: 30px 0 0 0; color: rgb(0,0,0); }
.legende#rundg-leg, .legende#aus-leg
{ color: rgb(0,0,0); line-height: 1.3em; }
.legende#aus-leg
{ margin: 0.5em 0 0 0; }
.c4-rundg
{ margin: 0 30px 0 30px; text-align: center; }
.rundgang-sam
{ margin: 0 30px 0 30px; text-align: left; }
.home-box-1 p, .home-box-2 p, .home-box-1 h3, .home-box-2 h3
{ font-size: 0.95em; line-height: 1.1em; }

/* #### FORMULARE ######################################################################### */

/* ++++ Strukturelemente ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
legend
{ font-weight: bold; padding: 10px 0 10px 0; }
label.normal, label.breit
{ display: block; float: left; clear: left; cursor: pointer; }
label.normal
{ width: 148px; }
label.breit
{ width: 233px; }
label.nofloat
{ margin: 0; display:inline; float: none; cursor: pointer; }

/* ++++ Eingabeelemente +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
input, select, textarea
{ font-size: 0.95em; font-family: Verdana, "Lucida Grande", Geneva, Arial, sans-serif; }
input.large, input.medium, input.small, input.x-small, textarea
{ padding: 2px; border: 1px solid rgb(150,150,150); }
input.large
{ width: 320px; }
input.medium
{ width: 182px; }
input.medium#pressesearch
{ width: 176px; }
input.small
{ width: 100px; }
input.x-small
{ width: 30px; }
input:hover, textarea:hover
{background: #f6f6f6;}
select
{border: 1px solid rgb(0,0,0); }
option
{border-bottom: 1px dotted rgb(200,200,200); padding-right: 1em; }
textarea#shopkunde
{ height: 60px; width: 542px; }
.mediumtextarea
{ height: 60px; width: 482px; }
.largetextarea
{ height: 180px; width: 482px; }

textarea#presseverteiler, textarea#schulanfrage, textarea#veranstaltungsart, textarea#presseaccount
{ height: 60px; width: 320px; }
textarea#guestbook_text
{ height: 120px; width: 320px; }

/* ++++ Sumbitbuttons +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
input[type=submit]
{ background-color: rgb(130,100,118); background-image: url(../media/allgemein/submit_go.gif); background-position: 2px 50%; background-repeat: no-repeat; padding: 2px 2px 2px 15px; color: rgb(255,255,255); cursor: pointer; }
input#sub1, input#sub2
{ margin: 20px 0 30px 148px; }
input#subevent
{ margin: 20px 0 30px 233px; }
input#subrefresh, input#subchange, input#subkunde, input#suborder, input#weiter
{ margin: 10px 0 20px 0; }
input#subrefresh
{ background-image: url(../media/allgemein/submit_refresh.gif); }
input#subchange, input#subkunde
{ background-image: url(../media/allgemein/submit_back.gif); }
input#subwk
{ padding-left: 28px; background-image: url(../media/allgemein/submit_wk.gif); }
input[type=submit].settings
{ background-image: none; background-color: rgb(0,51,153); padding: 0.2em; font-weight: bold; }

/* WinIE Dreck \*/
* html legend
{ margin-left: -7px; }
* html ul, * html ol
{ position: relative; }
/* WinIE Dreck Ende */
/* alle IE Dreck */
* html input#sub1, * html input#subwk, * html input#subrefresh, * html input#subchange, * html input#subkunde, * html input#suborder, * html input.settings, * html input#pressesub, * html input#weiter
{ background-image: none; padding: 0; border: 2px outset; background-color: white; }
/* alle IE Dreck Ende */

/* #### LISTEN ############################################################################ */

ul, li
{ text-align: left; margin: 0; }
ul
{ list-style-type: none;}
ul.disc
{ list-style-type: disc; margin: 1em 0em 2em 1em; font-size: 0.95em;}
ul.downloads, ul.ext, ul.int
{ list-style-type: none; margin: 1em 0em 2em 1em; font-size: 0.95em;}

ol
{ list-style-type: upper-alpha; margin-bottom: 0.5em; }


#intronavi, #subnavi
{margin:20px 10px 10px 10px; border-top: 1px dotted #aaa; border-bottom: 1px dotted #aaa; padding: 15px 0px 10px 0px;}

#subnavpresse
{ margin: 30px 10px 0 6px; }
#shopfeatures
{ clear: both; margin-left: 280px; padding: 25px 0 30px 100px; background: url(../media/shop/intro_bg_aktuell.gif) no-repeat; }


#subnavi li, #intronavi li, #shopfeatures li, #subnavpresse li, #ancrenavi li
{ font-size: 0.88em; line-height: 1.3em; margin: 0 0 3px 0; padding: 0 0 0 17px; }

#intronavi li, #intronavi li.runter, #intronavi li.info, #ancrenavi li
{ font-size: 1em; background-position: 0.1em 0.3em; background-repeat: no-repeat; }

#ancrenavi li.runter
{ background-image: url(../media/icons/bul_c_dn_0_s.png); }
#ancrenavi li.runter:hover
{ background-image: url(../media/icons/bul_c_dn_1_s.png); }

#subnavi li, #shopfeatures li, #subnavpresse li
{ background-position: 0.1em 0.2em; background-repeat: no-repeat; }
li.weiter, li.weiter3
{ background-image: url(../media/icons/bul_c_0_s.png); }
li.weiter:hover, li.weiter3:hover
{ background-image: url(../media/icons/bul_c_1_s.png); }
li.weiterq
{ background-image: url(../media/icons/bul_d_0_s.png); }
li.weiterq:hover
{ background-image: url(../media/icons/bul_d_1_s.png); }
li.oben
{ background-image: url(../media/icons/bul_a_0_s.png); }
li.oben:hover
{ background-image: url(../media/icons/bul_a_1_s.png); }
li.hoch
{ background-image: url(../media/icons/bul_b_0_s.png); }
li.hoch:hover
{ background-image: url(../media/icons/bul_b_1_s.png); }
li.zwposition
{ background-image: url(../media/icons/bul_b_2_s.png); }
li.runter
{ background-image: url(../media/icons/bul_b_dn_0_s.png); }
li.runter:hover
{ background-image: url(../media/icons/bul_b_dn_1_s.png); }
li.runter3
{ background-image: url(../media/icons/bul_c_0_s.png); }
li.runter3:hover
{ background-image: url(../media/icons/bul_c_1_s.png); }
li.position
{ background-image: url(../media/icons/bul_c_2_s.png); }
#subnavi li.info, #intronavi li.info
{ margin-top: 2em; background-image: url(../media/icons/bul_info_s.png); }
li.oben, li.hoch, li.zwposition, li.runter, li.weiter, li.weiterq, #intronavi li, #shopfeatures li
{ font-weight: bold; }
#architektur li
{ padding-left: 20px; background: url(../media/icons/link_int_s.png) no-repeat 2px 0.2em; }
.kvtext, .kvevent, .kvdl, .vo, .arc, .pho, .lsm
{ margin-bottom: 0.5em; }
.kvtext li
{ padding-left: 15px; background: url(../media/icons/bul_kv.gif) no-repeat 0 0.3em; }
.kvevent li
{ padding-left: 18px; background: url(../media/icons/link_int_s.png) no-repeat 0 0.2em; }
.downloads li /* mkm */
{ padding-left: 18px; background: url(../media/icons/link_dl_s.png) no-repeat 0 0.3em; }
.int li /* mkm */
{ padding-left: 18px; background: url(../media/icons/link_int_s.png) no-repeat 0 0.3em; }
.ext li /* mkm */
{ padding-left: 18px; background: url(../media/icons/link_ext_s.png) no-repeat 0 0.3em; }

ol
{ padding-left: 30px; list-style-position: outside; }
.vo li
{ padding-left: 15px; background: url(../media/icons/bul_vo.gif) no-repeat 0 0.3em; }
.arc li
{ padding-left: 15px; background: url(../media/icons/bul_arc.gif) no-repeat 0 0.3em; }
.pho li
{ padding-left: 15px; background: url(../media/icons/bul_pho.gif) no-repeat 0 0.3em; }


/* #### SPECIES - fuer 16 Arten ############################################################################# */


#species
{margin:0px 10px 10px 10px; border-bottom: 1px dotted #aaa; padding: 15px 0px 10px 0px;}

#species dd, #species dt
{ font-family: Georgia, "Times New Roman", Times, serif;
margin-top: 1em;
}

#species dt { /* Die Untertitel der dl. */
font-size: 1em;
padding-left: 0.5em;
margin: 0.2em 0;
border-top: 1px dotted #aaa;}

#species dd { /* Die Unterpunkte der dl. */
font-size: 0.88em;
padding: 0;
margin: 0.2em 0;}


/* #### SPECIES LIST Dt - Lat - RL - Fert ################################################ */
.SpeciesList
{width:486px; padding:0px 5px 0px 10px; font-size:1.1em; text-align:left;
font-family: "Times New Roman", Times, serif; }
.SpeciesList p {margin:0.12em;line-height:1.1em;}
.SpeciesGroup
{width:486px; clear:both; font-weight:bold; padding:1em 0 0.4em 0;}

.SpeciesLat, .SpeciesDt
{float:left; margin-right:5px; text-indent:-15px; margin-left:15px; }
.SpeciesLat
{width:180px; clear:both; }
.SpeciesDt
{width:230px;}
.SpeciesRL
{width:20px;float:left;}
.SpeciesLat .tax
{font-style:italic;}


/* #### LINKS ############################################################################# */

a:link
{ color: rgb(31,57,120); }
a:visited
{ color: rgb(30,42,85); }
a:hover
{ color: rgb(0,0,200); }
a:active
{ color: rgb(0,0,0); }

/* ++++ BG-Hilfsgrafiken fuer Linkklassen +++++++++++++++++++++++++++++++++++++++++++++++++ */
a.int, a.ext, a.mail, a.dl, a.back, a.top, a.ext-kl
{ padding-left: 18px; background: no-repeat 0 0.2em }
a.int
{ background-image: url(../media/icons/link_int_s.png); }
a.ext, a.ext-kl
{ background-image: url(../media/icons/link_ext_s.png); }
a.ext-kl
{ display: block; }
a.mail
{ background-image: url(../media/icons/link_mail_s.png); }
a.dl
{ background-image: url(../media/icons/link_dl_s.png); }
a.back
{ background-image: url(../media/icons/link_back_s.png); }
a.top
{ background-image: url(../media/icons/bul_a_0_s.png); }

/* ++++ Diverse Sonderfaelle ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* LSM befristet */

#lsm-box /* Lernstadtmuseum */
{ background:rgb(130,100,118); padding: 10px; }
#lsm-box a.mail
{ background-image: url(../media/allgemein/link_mail_s.gif); }
#lsm-box a.ext
{ background-image: url(../media/allgemein/link_ext_s.gif); }
#lsm-box p, #lsm-box-2 p, #lsm-box h3, #lsm-box ul
{ font-size: 0.95em; line-height: 1.4em; color: rgb(0,0,0); }
#lsm-box h3
{ padding-bottom: 0.5em; }
#lsm-box.wettbewerb
{ background-image: url(../media/lernstadtmuseum/wettbewerb_01.jpg); background-repeat: no-repeat; padding-top: 150px; }
#lsm-box.projekt
{ margin-top: 5px; background-image: url(../media/lernstadtmuseum/projekt_01.jpg); background-repeat: no-repeat; padding-top: 150px; }
ul.lsm-artikel
{ margin-top: 1.0em; }
.lsm li, .lsm-artikel li
{ padding-left: 15px; margin-top: 0.5em; background: url(../media/links/bul_lsm.gif) no-repeat 0 0.2em; }
.lsm-artikel li
{ margin-top: 0.2em; }
#lsm-box ul li
{ padding-left: 15px; margin-bottom: 0.5em; background: url(../media/links/bul_lsm.gif) no-repeat 0 0.2em; }
#lsm-filter
{ padding: 5px 0 25px 0; }
.lsm-datum, .lsm-datum-art, .lsm-autor
{ font-size: 0.95em; color: rgb(100,100,100); font-weight: normal; line-height: 1.1em; }
.lsm-datum-art
{ padding-top: 0.45em; }
h2 .lsm-datum
{ font-size: 0.8em;}
.lsm-teaser
{ border-top: 1px dotted; border-bottom: 1px dotted; color: rgb(100,100,100); padding: 0.3em 0; }

/* WinIE Dreck 3-Pixel-Jog \*/
* html #lsm-box-2
{ margin-left: 247px; }
/* WinIE Dreck Ende */

/* #### BILDER ############################################################################ */

.c4-feld-li img, .c4-feld-re img, .c4 img, .c4-mittelfeld-li img, .c4-mittelfeld-re img
{ margin-top: 0.45em; }
img.top
{ margin-top: 0.25em; }
#lsm-box img, #lsm-box-2 img
{ margin: 0; }

/* #### HILFSBOXEN FUERS LAYOUT ########################################################### */

.clear
{ display: block; height: 1px; margin-top: 0; padding: 0; clear: left; }
.clearboth
{ display: block; height: 1px; clear: both; }
.foot
{ padding: 20px; clear:both; }
.footline
{ display: none; }


/* ::::: adapted from http://www.staatsgalerie.de/ext_css/mainnavi.css.php ::::: */

#c2-navimain
{ position: relative; background: #CCCC99;background-image: url(../media/bg/00_001.gif); width: 760px; height: 70px; font-size: 0.95em; font-family:Verdana,Geneva,Arial,sans-serif; z-index: 3; font-weight: normal; }

#nav /* Liste Hauptmenu */
{ width: 532px; margin: 0 7px; }

#nav-2 /* Liste Shop u. Freundeskreis */
{ position: absolute; left: 646px; width: 80px; top:0; margin: 0 7px;}
/* ORIGINAL: { position: absolute; left: 546px; width: 190px; top:0; margin: 0 7px;} */

#nav-3 /* Liste Settings */
{ position: absolute; top: 50px; left: 546px; margin-left: 7px;}

li.mainli, li.mainpos, #nav-2 li /* Hauptmenupunkte */
{ display: inline; float: left; padding: 0.3em 0.3em 0 0.3em; }

#nav-3 li
{ display: inline; float: left; padding: 0; padding-left: 20px; }

li.mainli /* Listenpunkt Hauptmenu */
{ border-top: 3px solid rgb(204,204,153); min-width: 20px; padding-right:30px;}

li.mainli-2 /* Listenpunkt Shop */
{ border-top: 3px solid rgb(179,179,140); }

li.mainli-3 /* Listenpunkt Settings */
{ background: url(../media/icons/mainbut_settings_0.gif) no-repeat 0.3em 50%; }

li.mainpos /* Aktiver Listenpunkt Hauptmenu */
{ border-top: 3px solid rgb(241,241,197); min-width: 20px; padding-right:30px}

li.mainpos-2 /* Aktiver Listenpunkt Shop */
{ border-top: 3px solid rgb(241,241,197); }

li.mainpos-3 /* Aktiver Listenpunkt Settings */
{ background: url(../media/icons/mainbut_settings_1.gif) no-repeat 0.3em 50%; }

li.mainli-3:hover
{ background-image: url(../media/icons/mainbut_settings_1.gif); }

li.mainli:hover, li.mainpos:hover /* MouseOver Hauptmenupunkte */
{ background: rgb(241,241,197); border-top: 3px solid rgb(241,241,197); }

li.mainli-2:hover, li.mainpos-2:hover /* MouseOver Shop, Freundeskreis */
{ background: rgb(204,204,153); border-top: 3px solid rgb(204,204,153); }

ul.sub /* Liste Submenu */
{ position: absolute; z-index: 3; left: -1000px; background: rgb(226,226,179); min-width: 12em; margin-left: -0.3em; padding: 0.5em 0;}

#nav li:hover ul, #nav li a:hover ul /* Submenuliste beim Mouseover Hauptmenupunkte */
{ left: auto; float: left; }

li.subli, li.subpos /* Submenupunkte */
{ padding: 0 2em 0 0.3em; min-width:9.7em; }

li.subli:hover, li.subpos:hover /* MouseOver Submenupunkte */
{ background: rgb(241,241,197); } /* BACKGROUND! */

/* Links */

a.mainbut, li.subli a, li.subli a:visited, a.mainbut:visited /* Linkfarbe Hauptmenu */
{ color: rgb(60,60,50); text-decoration: none; }

a.mainbut-2,a.mainbut-2:visited /* Linkfarbe Shop/GV */
{ color: rgb(90,90,75); text-decoration: none; }

a.mainbut-3, a.mainbut-3:visited /* Linkfarbe Settings */
{ color: rgb(241,241,197); text-decoration: none; }

li.mainli:hover a.mainbut, li.mainpos:hover a.mainbut /* MouseOver Hauptmenu */
{ color: rgb(0,0,0); }

li.mainli-2:hover a.mainbut-2, li.mainpos-2:hover a.mainbut-2 /* MouseOver Shop, Freundeskreis */
{ color: rgb(0,0,0); }

li.subli:hover a, li.subpos a, li.subpos a:visited, li.subpos:hover a /* Mouseover Submenupunkte */
{ color: rgb(255,0,0); text-decoration: none; }

li.subpos a, li.subpos a:visited, li.subpos:hover a /* Mouseover Submenupunkte */
{ color: rgb(255,0,0); text-decoration: none; }

.mainsymbole /* Buttons Mail und Home */
{ position: absolute; top: 50px; right: 0; text-align: right; margin-right: 10px; padding-top: 0.2em;}

/* WinIE Dreck \*/
* html a.mainbut:hover, * html a.mainbut-2:hover
{ color: rgb(245,245,240); }
* html a.mainbut-3:hover
{ color: rgb(240,240,224); }
/* WinIE Dreck Ende */