* { margin: 0; padding: 0;  border: 0; text-decoration: none; font-family: Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif; }
html { height: 100%; }

body { 
	background: rgb(240,238,232);
	text-align:center;	
	font-size: 11px; 
	line-height: 1.5em; 
	color: black; 
	height: 100%;
}

.clear { clear: left; }
.block { display: block; }
.noscreen { display: none; }

/* ++++ Layout-Hauptcontainer c0 + c1 +++++++++++++++++++++++++++++++++++++++++ */

#c0 {
	width: 960px;
	background: rgb(255,255,244) url(/media/allgemein/bg_c0.png) top right repeat-y;
	margin: 0 auto;
	text-align: left;
	min-height: 100%;	
	overflow: visible;
}

#c1-head {
	background: rgb(240,238,232) url(/media/allgemein/logo_staatsgalerie.png) center top no-repeat;
	height: 100px;
	border-bottom: 3px solid rgb(109,20,39);
	position: relative;
	z-index: 99;
}

#c1-main, #c1-main-slowmenu {
	width: 516px;
	padding: 0 30px 50px 0;
	float: left;
	height: 100%;
}

#c1-main-rundgang {
	width: 750px;
	float: left;
	padding: 0;
}

#c1-sub, #c1-sub-slowmenu {
	width: 174px;
	float: left;
	padding: 150px 30px 0 0;
}

#c1-main-slowmenu {
	margin-top: 200px;	
}

#c1-sub-slowmenu {	
	margin-top: 215px;
	padding: 50px 30px 0 0;
}

#c1-info {
	padding: 10px 0 50px 20px;
	margin: 0 0 0 750px;
	text-align: right;
}

#c1-foot {
	clear: left;
	width: 0;
	height: 0;
	overflow: hidden;
}

/* ---- Hauptcontainer Homepage ----------------------------------------------- */
#c0.home { position: relative; z-index: 0; height: 100%; }
#c1-main.home { width: 750px; padding: 0; height: 100%; }
#c1-head.home { width: 960px; margin: 0 auto; position: absolute; left: 0; top: 0; z-index: 99; }
#c1-info.home { position: relative; padding: 110px 0 0 20px; }
.c2-home-banner { top: 0; left: 0; width:  750px; height: 100%; } 
.c2-home-banner div { height: 100%; } 
.c2-home-banner img { margin-top: 100px; display: block; width: 750px; height: 563px; }

/* ++++ Layout-Subcontainer c2 + c3 +++++++++++++++++++++++++++++++++++++++++ */

.c2-slowmenu {  
	height: 60px; 
	background: url(/media/allgemein/hd_slow_museum.png) 0 0 no-repeat;
}

.c2-slowmenu#sammlung { background-image: url(/media/allgemein/hd_slow_sammlung.png); }
.c2-slowmenu#collection { background-image: url(/media/allgemein/hd_slow_collection.png); }
.c2-slowmenu#service { background-image: url(/media/allgemein/hd_slow_service.png); }
.c2-slowmenu#kunstvermittlung { background-image: url(/media/allgemein/hd_slow_kunstvermittlung.png); }
.c2-slowmenu#arteducation { background-image: url(/media/allgemein/hd_slow_arteducation.png); }

.c2-zwischenmenu {
	height: 60px;
	background: url(/media/allgemein/hd_samml_archive.png) 0 0 no-repeat;
}

.c2-zwischenmenu#archives { background-image: url(/media/allgemein/hd_samml_archives.png); }
.c2-zwischenmenu#graphische { background-image: url(/media/allgemein/hd_samml_graphische.png); }
.c2-zwischenmenu#prints { background-image: url(/media/allgemein/hd_samml_prints.png); }
.c2-zwischenmenu#malerei { background-image: url(/media/allgemein/hd_samml_malerei.png); }
.c2-zwischenmenu#paintings { background-image: url(/media/allgemein/hd_samml_paintings.png); }
.c2-zwischenmenu#barock { background-image: url(/media/allgemein/hd_samml_barock.png); }
.c2-zwischenmenu#baroque { background-image: url(/media/allgemein/hd_samml_baroque.png); }
.c2-zwischenmenu#rundgang { background-image: url(/media/allgemein/hd_rundgang.png); }
.c2-zwischenmenu#tour { background-image: url(/media/allgemein/hd_tour.png); }

.c2-links-s, .c2-links-m, .c2-links-l, .c2-links-xl { float:left; }
.c2-links-s { width: 100px; }
.c2-links-m { width: 148px; }
.c2-links-l { width: 186px; margin-right: 20px; }
.c2-links-xl { width: 233px; }
.c2-rechts-s { margin: 0 0 0 120px; }
.c2-rechts-m { margin: 0 0 0 168px; }
.c2-rechts-l { margin-left: 206px; }
.c2-rechts-xl { margin-left: 253px; }

/* ---- Rundgang-Layouts (Sammlung, Ausstellung, Architektur etc.) ------------ */

#c2-rundgang-bildbox { text-align: center; float: left; }
#c2-rundgang-bildbox.ausstellung { float: none; }

#c2-rundgang-text { margin: 0 0 0 378px; padding: 0 30px 0 0; }
#c2-rundgang-text.architektur { margin: 0 0 0 430px; }
#c2-rundgang-text.ausstellung { margin: 0 0 0 10px; padding: 0 30px; text-align: center;}
#c3-rundgang-img { margin-top: 35px; width: 378px; height: 360px; }
#c3-rundgang-img.architektur { width: 430px; }
#c3-rundgang-img.ausstellung { width: 526px; }

/* ---- Rundgang-Matrix-Layouts ----------------------------------------------- */

.c3-thumbnail, .c3-thumbnail-audio {
	width: 78px;
	height: 78px;
	background: rgb(213,207,192);
	background: rgb(226,222,211);
	text-align: center;
	margin: 0 5px 5px 0;
	float: left;
}

.c3-thumbnail-presse {
	width: 100px;
	height: 100px;
	text-align: center;
	background: rgb(213,207,192);
	background: rgb(226,222,211);
	margin-bottom: 0.7em;
}

.c2-links-s img, .c2-links-m img, .c2-links-l img, .c2-links-xl img, img.ausgleich {
	display: block;
	padding: 0.35em 0 0.35em 0;
}

.c2-links-s .c3-thumbnail-presse img {
	margin: 0 auto;
	padding: 10px 0 0 0;
}

img.slowmenu, img.zwischenmenu {
	display: block;
	border-bottom: 3px solid rgb(188,180,159);
}

.c3-submit {
	margin: 3.0em 0 0 0;
	padding: 0 0 0 145px;
}

.c3-submit#nl-aendern, .c3-submit#nl-loeschen {
	margin: 2.0em 0 2.5em 0;
}

.c3-ausst-box {
	padding: 0 0 1.0em 0;
	margin: 0 0 1.0em 0;
	border-bottom: 1px solid rgb(199,188,163);
}

.c3-ausst-box h3,
.c3-ausst-box .ausst-liste {
	text-transform: uppercase;
}

.c3-ausst-box .ausst-vortext {
	padding: 0.7em 0 0 0;
}

#c3-ausst-bannerbox-de,
#c3-ausst-bannerbox-en {
	background: rgb(232,230,220) url(/media/allgemein/bg_bannerbox_de.png) 0 10px no-repeat;
	width: 546px;
	text-align: center;
	padding: 70px 0 15px 0;
}

#c3-ausst-bannerbox-en {
	background-image: url(/media/allgemein/bg_bannerbox_en.png);
}

.c3-vermietung-paket {
	background: rgb(232,230,220);
	padding: 20px 70px;
}

.ausst-banner-1, .ausst-banner-2, .ausst-banner-3 {
	display: block;
	float: left;
}

.ausst-banner-1 {
	margin: 0 0 20px 188px;
}

.ausst-banner-2 {
	margin: 0 0 20px 69px;
}

.ausst-banner-3 {
	margin: 0 0 20px 9px;
}

/* ---- Album ----------------------------------------------------------------- */

.c3-album-key {
	width: 120px;
	margin: 0 20px 1.5em 0;
	float: left;
}

.c3-album-key img {
	padding-top: 0.7em;
	display: block;
}

/*
.album-liste, .album-datum {
	text-transform: uppercase;
}
*/

.album-datum {
 	padding: 0;
}

/* ++++ Überschriften +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

h1, h2 {
	color: rgb(109,20,39);
}

h1 {
	font-size: 1.5em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding: 35px 0 28px 0;
	line-height: 1.3em;
}

h1.presse {
	padding: 35px 0 14px 0;
}

h2 {
	font-size: 1.1em;
	font-weight: bold;
	padding: 1.4em 0 0.7em 0;
}

h3 {
	font-size: 1.0em;
	padding: 0;
}

h3.presse {
	padding: 0 0 0.7em 0;
}

h3.album {
	font-size: 1.1em;
	text-transform: uppercase;
	padding: 0.5em;
}

h4 {
	font-size: 1.0em;
	font-weight: bold;
	padding: 0 0 0.7em 0;
}

h5 { /* Nur KV */
	font-size: 0.95em;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0;
}

.c2-links-s h2, .c2-links-m h2, .c2-links-l h2, .c2-links-xl h2, h2.eng {
	padding: 0 0 0.7em 0;

}

#c2-rundgang-text h1 {
	font-size: 1.2em;
	padding: 35px 0 10px 0;
}

#c2-rundgang-text.ausstellung h1 {
	font-size: 1.1em;
	padding: 0 0 0.7em 0;
}

.c3-ausst-box h3 {
	font-size: 1.1em;
	text-transform: uppercase;
	padding: 0;
}

h2.ausst-jahr {
	background: rgb(254,211,0);
	margin: -1.0em 0 1.0em 0;
	color: white;
	padding: 0.5em 0 0.5em 20px;
	border-top: 1px solid rgb(199,188,163);
	border-bottom: 1px solid rgb(199,188,163);
}

h2.ausst-subline, h2.ausst-datum {
	text-transform: uppercase;
	font-weight: normal;
	padding: 35px 0 18px 0;
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 0;
}

h2.ausst-datum {
	color: black;
	padding-bottom: 1.4em;
}

span.presse-subline {
	display: block;
	font-size: 0.8em;
	line-height: 1.2em;
	padding: 0.7em 0 0 0;
	color: black;
}

span.presse-subline#subline-2 {
	padding: 0 0 0 0;
}

span.presse-datum {
	color: black;
	font-size: 0.8em;
	line-height: 0.8em;
}

h1#ausst-vorschau {
	padding: 35px 0 18px 0;	
}

h1.ausst-rueck {
	padding: 35px 0 0.4em 0;	
}

h2.presse-jahr {
	background: rgb(254,211,0);
	margin: 1.4em 0 1.0em 0;
	color: white;
	padding: 0.5em 0 0.5em 120px;
	border-top: 1px solid rgb(199,188,163);
	border-bottom: 1px solid rgb(199,188,163);
}

h1 span {
	display: block;
}

/* ++++ Absätze +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

p {
	padding: 0 0 0.7em 0;
}

p.medium {
	padding: 0 0 1.4em 0;
}

p.weit {
	padding: 0 0 2.1em 0;
}

p.legende {
	font-size: 0.95em;
	line-height: 1.1em;
	color: rgb(100,100,100);
}

p.randinfo {
	color: rgb(100,100,100);	
}

p.slowmenutext {
	padding: 0 30px 0 30px;
	margin-left: 322px;
	line-height: 2.0em;
	color: rgb(224,205,209);
}

p.formerror, p.formerror-weit {
	color: rgb(204,0,0);
	padding: 0.35em 0 0.35em 0;
	margin: 0 0 0.7em 0;
	border-top: 1px solid;
	border-bottom: 1px solid;
}

p.formerror-weit {
	margin-bottom: 2.1em;
}

.c3-ausst-box p {
	padding: 0;
}

p.presse-bild {
	color: rgb(100,100,100);
	font-size: 0.95em;
	line-height: 1.0em;
}

p.presse-mitteilung {
	width: 15.0em;
	color: white;
	background: rgb(150,150,150);
	padding: 2px;
	margin: 30px 0 10px 0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

p.kv-autor, span.ansprechpartner {
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: rgb(100,100,100);
}

span.ansprechpartner {
	color: black;
}

p.kv-backlinks {
	border-top: 1px solid rgb(199,188,163);
	border-bottom: 1px solid rgb(199,188,163);
	font-size: 0.95em;
	margin: 3.5em 0 0 0;
	padding: 0.6em 0 0.7em 0;
	line-height: 1.0em;
}


abbr {
	border-bottom: 1px dotted rgb(22,77,150);
	cursor: pointer;
}

/* ++++ Listen ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

ul, ol {
	padding: 0 0 0.7em 0;
}

ul li {
	list-style-type: none;
}

ol li {
	margin: 0 0 0 2.0em;
}

#c1-main ul li {
	background: url(/media/allgemein/bul_standard.png) 0 0.55em no-repeat;
	padding: 0 0 0 10px;
}

#c1-main-shop ul li, #c1-main-shop-2 ul li, #c1-main.kalender ul li, #c1-main-rundgang ul li, #c1-main #rundnavi li, #c1-main #rundnavi-ende li {
	background: none;
	padding: 0;
}

ul#rundnavi { margin: 0 0 10px 142px; padding-bottom: 20px; }
ul#rundnavi-ende { margin: 0 0 10px 157px; padding-bottom: 20px; }
ul#rundnavi-architektur { margin: 0 0 10px 167px; padding-bottom: 20px; }
ul#rundnavi-architektur-ende { margin: 0 0 10px 182px; padding-bottom: 20px; }


#c1-main ul.kvtext li {
	padding-bottom: 0.7em;
}

#c1-main ul.linkliste li {
	background-image: url(/media/allgemein/bul_link.png);
}

#c1-main ul.linkliste li.kvdl {
	margin-top: 0.35em;
	background-image: url(/media/allgemein/bul_kv_dl.png);
}

#c1-main ul.linkliste ul.kvdl li {
	background: url(/media/allgemein/bul_link_sub.png) 0 0.6em no-repeat;
}

#c1-main ul#architektur li {
	background: none;
	padding: 0;
}

#c1-main ul.l-kooperationen {
	margin-top: 0.3em;
	border-top: 1px solid rgb(213,207,192);
}

#c1-main ul.l-kooperationen li {
	background: none;
	margin: 0.5em 0 0 0;
	padding: 0 0 0.5em 0;
	line-height: 1.2em;
	border-bottom: 1px solid rgb(213,207,192);
	position: relative;
}

#c1-main ul.l-kooperationen li img {
	width: 148px;
	height: 74px;
	overflow: hidden;
	display: block;
	float: left;
	margin: 0 20px 0 0;
}

#c1-main ul.l-kooperationen li h3 {
	text-transform: uppercase;
	padding: 0 0 0.2em 0;
	margin: 0;
}

/* ++++ Tabellen ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

td {
	vertical-align: top;
	padding: 0 0 0.7em 0;
}

#t-ausst {
	font-size: 0.95em;
}

/* ---- Zeilen (tr) ----------------------------------------------------------- */
.ausst-zeile-1 { background: rgb(248,248,222); }
.ausst-zeile-2 { background: rgb(232,230,220); }
.ausst-zeile-3 { background: rgb(203,50,154); color: white; }

/* ---- Zellen (td, th) ------------------------------------------------------- */
#t-ausst th, #t-ausst td { padding: 5px 5px 0.7em 5px; vertical-align: top; border-right: 1px solid white; }
#t-ausst th { color: white; background: rgb(32,65,132); }

.ausst-zeile-3 td { padding: 0.1em 5px 0.1em 5px;}

.ausst-r {
	text-align: right;
}

#t-ausst td.kal-ausst, #t-kal th.kal-ausst  {
	border-right: none;
}

#t-ausst td strong {
	text-transform: uppercase;
}

form table th {
	padding: 0.5em 0 1.0em 0;
}


/* ++++ Formularelemente ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

textarea, select, input.x-small, input.small, input.medium, input.large {
	font-size: 1.0em;
	padding: 2px;
	background: rgb(240,238,232);
	border: 1px solid rgb(150,150,150);
}

select { padding: 0; }
option { padding: 0 1.0em 0 0; }
input.x-small { width: 25px; }
input.small { width: 90px; }
input.medium { width: 189px; }
input.large { width: 365px; }
textarea { width: 365px; height: 4.0em; }

/* ++++ Links/Buttons +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

a:link, a:hover, a:active, a:visited { color: rgb(32,65,132); }
a:hover { text-decoration: underline; }

.pfeilbutton {
	vertical-align: top;
}

button {
	cursor: pointer;
}


button span, li a span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

.c3-submit button {
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 0.1em;
	padding: 6px 40px 10px 10px;
	background: url(/media/allgemein/bg_submit.png) right top no-repeat;
	height: 31px;
}

.c3-submit button:hover {
	background-position: right -30px;
	padding: 7px 40px 9px 10px;
}

ul#rundnavi li, ul#rundnavi-ende li, ul#rundnavi-architektur li, ul#rundnavi-architektur-ende li {
	display: inline;
	background: none;
}

ul#rundnavi li a, ul#rundnavi-ende li a, ul#rundnavi-architektur li a, ul#rundnavi-architektur-ende li a {
	display: block;
	float: left;
	width: 26px;
	height: 26px;
	margin: 0 0 0 5px;
	background: url(/media/allgemein/button_forward.png) 0 0 no-repeat;
}

ul#rundnavi li.top a, ul#rundnavi-ende li.top a, ul#rundnavi-architektur li.top a, ul#rundnavi-architektur-ende li.top a { 
	background-image: url(/media/allgemein/button_up.png);
}

ul#rundnavi li.matrix a, ul#rundnavi-ende li.matrix a { 
	background-image: url(/media/allgemein/button_matrix.png); 
}


ul#rundnavi li.back a, ul#rundnavi-ende li.back a, 
ul#rundnavi-architektur li.back a, ul#rundnavi-architektur-ende li.back a { 
	background-image: url(/media/allgemein/button_back.png); 
}

ul#rundnavi li a:hover, ul#rundnavi-ende li a:hover, 
ul#rundnavi-architektur li a:hover, ul#rundnavi-architektur-ende li a:hover { 
	background-position: 0 -30px; 
}

#c3-rundgang-subnavi p {
	clear: left;
}

.label {
	color: rgb(109,20,39);	
}

/* ++++ Sidebar Infoleiste ++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.sb-banner, .c2-info-widget {
	display: block;
	background-color: white;
	margin-top: 10px;
	border-bottom: 1px solid rgb(199,188,163);
	color: rgb(141,139,134);
}

.c2-info-widget {
	font-size: 0.95em;
	text-align: left;
	padding: 0 5px 0 5px;
	line-height: 1.2em;
	position: relative;
}

.c2-info-widget#widget-heute { background: white url(/media/allgemein/sb_heute_de.png) 0 0 no-repeat; padding: 0 5px 5px 5px; }
.c2-info-widget#widget-aktuell { background: white url(/media/allgemein/sb_aktuell_de.png) 0 0 no-repeat; padding: 29px 5px 5px 5px; }
.c2-info-widget#widget-shopartikel { background: white url(/media/allgemein/sb_shopartikel_de.png) 0 0 no-repeat; padding: 29px 5px 5px 5px; }
.c2-info-widget#widget-besucher { background: white url(/media/allgemein/sb_infobox_de.png) 0 0 no-repeat; padding: 29px 5px 5px 5px; }
.c2-info-widget#widget-pressesuche { background: white url(/media/allgemein/sb_infobox_pressesuche_de.png) 0 0 no-repeat; padding: 49px 5px 25px 5px; }
.c2-info-widget#widget-pressesuche-en { background: white url(/media/allgemein/sb_infobox_pressesuche_en.png) 0 0 no-repeat; padding: 49px 5px 25px 5px; }

.c2-info-widget p {
	padding: 0 0 0.3em 0;
}

.c2-info-widget input {
	width: 140px;
}

.c2-info-widget button {
	vertical-align: top;
	width: 18px;
	height: 19px;
	background: url(/media/allgemein/submit_go.png) 0 0 no-repeat;
}

h5#sb-heute-datum {
	font-size: 0.95em;
	text-align: right;
	padding: 3px 0 10px 0;
}

#c3-info-heute, #c3-info-heute p  {
	background: white;
	height: 90px;
	overflow: hidden;
}

#c3-info-aktuell, #c3-info-aktuell p {
	background: white;
	height: 150px;
	overflow: hidden;
}

p.sb-info-link { text-align: right;	}
.c2-info-widget a { color: rgb(141,139,134); text-decoration: underline; }
.c2-info-widget a:hover { color: rgb(32,65,132); }
#c1-main a, #c1-main-rundgang a, #c1-main-slowmenu a { text-decoration: underline; }
#c1-main h2 a, #c1-main h3 a { text-decoration: none; }


/* ++++ Sonstiges +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

hr {
	border-top: 1px solid rgb(213,207,192);	
	background: none;
	height: 1px;
	padding: 0 0 0.7em 0;
}

#printlogo {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

/* Facebook */

#fb_share {
	display: block; margin: 15px 0 0 0; float: left;
}