*/* */ 
 {margin:0;list-style:none;padding:0;}

html {
		height: 100%;
}

body 	{
		color: #fff;
		text-align: left;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: 11px;
		width: 100%;
		height: 100%;
		float: left;
		background: #887F74 url(../grafik/hg/logo.gif) no-repeat top center;
		}

.wrapper_o { 
		height: 100%;
		min-height: 100%;
		width: 100%;
		float: left;
		position: relative;
		background: url(../grafik/hg/top.gif) repeat-x top left;
}

html>body .wrapper_o  {height:auto;min-height:100%;}

.wrapper   {
		width: 720px;
		position: relative;
		margin: 0 auto;
}

.content { float: left; position: relative; margin: 0 0 0 15px; width: 700px; display: inline; padding-bottom: 60px; height: 100%;  }

.katalog_home .content { width: 720px; }
.katalog_home .content p { width: 70%; }

.linie {
		background: url(../grafik/typo/insetline_h.gif) repeat-x 0 0;
		padding-top: 21px;
}

	
p,table	{
		line-height:18px;
		margin: 0 0 10px 0;
		float: left;
		display: inline;
		font-weight: normal;
		clear: left;
		width: 100%;
		}
		
table { line-height: normal; display:block; padding-top: 0; margin-bottom: 25px;}

.txtCol p { width: 100%; }
		
table tr td {
		vertical-align:top;
		}
		
a {	color: #fff;}
		
a:hover {
		color: #fff;
		text-decoration:none;
		}
		
img, a img {
		border: none;
		background: none;
		float: left;
		margin-bottom: 17px;
		}
		
.imgRow img {
		border: 4px solid #FEAF3A;
		margin-right: 10px;
		margin-bottom: 0;
}

.imgRow {
		width: 320px;
		float: left;
		margin-bottom: 15px;
		/*background-color: #FAA73E;*/
		}
		
.imgRow p { margin-top: 3px; }

div#header img {
		float: none;
}

p.pfeil {
		background: url(../grafik/typo/pfeil.gif) no-repeat 0 0.38em;
		padding-left: 15px;
		width: 365px;
}

ul,li 	{
		margin:0;
		padding:0;
		line-height: 18px;
}

ul 	{
		float: left;
		position: relative;
		}

li 		{	
		margin-bottom:10px;
		padding-left: 10px;
		background: url(../grafik/typo/bullet_4.gif) no-repeat 0 0.7em;
		}
		
* html li { float: left; width: 100%;  }
		
ul.linkList {
		float: left;
		width: 170px;	
}

ul.engliste li { margin-bottom: 0; }


h1.logo a, h2, .katalog_home h1.logo	{
		padding: 60px 0 0 0;
		overflow: hidden;
		background: url(../grafik/typo/webkatalog_sammlungen.gif) no-repeat 0 0;
		height: 0px !important;
    	height /**/:60px;
		display: inline;
		float: left;
		width: 550px;
		font-size: 11px;
		line-height: 100px;
		}
		
h1.logo {
		margin: 43px 0 35px 15px;
		display: inline;
		float: left;
		position: relative;
		z-index:3;
}
	
.katalog_home h1.logo, h1.sammlungen a { background: url(../grafik/typo/webkatalog.gif) no-repeat 0 0; }	
.uebersicht h1.mad, h1.mad a { background: url(../grafik/typo/webdepot_mad.gif) no-repeat 0 0; }
.uebersicht h1.domschatz, h1.domschatz a { background: url(../grafik/typo/webdepot_domschatz.gif) no-repeat 0 0; }
		
h2 { padding-top: 20px; margin: 0 0 5px 0; width: 150px;  }

h2#uebersicht { background-image: url(../grafik/typo/uebersicht.gif); }
h2#exponat { background-image: url(../grafik/typo/exponat.gif); }
		
h3 	{
		margin: 20px 0 0 0;
		font-size:11px;
		line-height:18px;
		}
		
h5		{
		font-size: 11px;
		font-weight: bold;
		color: #C68900;
		line-height:1.4em;
		margin: 0 20px 15px 0;
		}

fieldset, form {
		margin: 0 0 10px 0;
		padding:0;
		border:none;
		float: left;
		width: 500px;
		display: inline;
		}
		
label {
		font-size: 11px;
		margin-bottom: 2px;
		padding: 3px 20px 0 0;
		float: left;
		width: 90px;
		font-weight: bold;
		clear: left;
		}
		
.home label, .suche label { width: 420px; padding-left: 3px; }

.suche label { margin-bottom: 5px; }

input, textarea { float: left; }
		
input {
		width:260px;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:11px;
		background-color: #E6E9E6;
		border: 1px solid #E6E9E6;
		padding: 2px;
		margin: 0 0 4px 0;
		color: #021D02;
		float: left;
		display: inline;
		line-height: normal;
		}
		
.home .txtInput, .suche .txtInput { width: 440px; }
		
select, optgroup, option {
		font-size:11px;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		}

select option { padding: 1px 3px; }

select { padding: 0;   }
 
.home select.txtInput, .suche select.txtInput { width: 200px; }

optgroup label {
		font-variant: normal;
		}

input.formButton {
		font-weight:bold;
		float: left;
		background-color:#D5D800;
		color:#021D02;
		width: auto;
		text-align: left;
		margin: 0 0 0 0;
		padding: 2px;
		border: 1px outset #D5D800;
		
		}
		
/* basic page areas --------------------------------*/

.lCol {
		position: relative;
		float: left;
		width: 520px;
}

.miniCol {
		position: relative;
		float: left;
		width: 160px;
		margin-right: 30px;
}

img.flRight {
		float: right;
		margin-right: 0;
		margin-left: 20px;
		padding-bottom: 25px;
}

.copy {
		position: relative;
		width: 550px;
		float: left;
		margin: -1px 0 0 40px;
		padding-bottom: 85px;
		display: inline;		
}

.home .copy { margin: 130px 0 0 -200px; width: 450px;   }

html>body.home .copy { margin-left: 0; }

.rot { color: #990000; }

.txtCol {
		float: left;
		width: 380px;
		display: inline;
}

.txtCol340 {
		float: left;
		width: 340px;
}

.txtCol340 ul { width: 320px; }

.adrCol {
		float: left;
		width: 220px;
		padding-left: 25px;
		display: inline;
}

.formCol {
		float: left;
		width: 310px;
		padding-right: 50px;
		margin-bottom: 20px;
		background: url(../grafik/typo/insetline_v.gif) repeat-y top right;		
}

.formCol p { width: 100%; }

.txtRow {
		float: left;
		width: 585px;
		display: inline;
		padding-bottom: 15px;
}

p.teaser {
		margin-left: 40px;
		margin-bottom: 30px;
		width: 360px;
}

#footer {
		position: absolute;
		height: 29px;
		bottom: 0;
		left: 50%;
		z-index: 4;
		margin: 0;
		float: none;
		width: 720px;
		padding-top: 0;
		text-align: center;
		margin-left: -360px;
}

#footer ul {
		float: left;
		text-align: left;
		position: relative;
		background: #6F665E;
		width: 690px;
		padding: 0 15px;
		margin: 0 auto 0 auto;
		height: 29px;
		overflow: hidden;
}

#footer a { font-weight: normal; }

#toTop { width: 143px; margin: 0; position: relative; float: left; }

#toTop p { float: right; padding-left: 12px; background: url(../grafik/icons/arrowUp.gif) no-repeat 0 0.45em; padding-bottom: 0; margin-left: 0; width: auto; position: relative; text-align: left; }

div.clearer {clear: left; line-height: 0px; height: 0px; margin: 0;}

.clearBoth {
		clear: both;
		height: auto;
		}
		
.clearBoth350 {
		clear: both;
		width: 350px;
		}

img.inlinePic {
		margin: 0 15px 10px 0;
		float: left;
		padding: 0;
		}

#h_wrapper {
		width: 100%;
		border-bottom: 1px solid #fff;
		float: left;
		background: #021D02;
		padding: 40px 0 0 0;
}

#header {
		width: 750px;
		margin: 0 auto;
}

.home #header {
		margin: 0; position: relative;
}



/*  menu styles -----------------------   */

ul#nav {
		position: relative;
		margin:-133px 0 0 0;
		font-weight: bold;
		width: 690px;
		padding: 0 15px;
		z-index: 4;
		float: left;
		}
		
#nav li, #footer li {
		display:inline;
		float: left; 
		list-style-type:none;
    	margin:0;
  	  	padding:0;
		width: auto;
		overflow: hidden;
		position:relative;
		background-position: 0 -5px;
		background-repeat: no-repeat;
		}

#nav li a, #footer li a, #footer li#copyright { 
		display: block;
		float: left;
		position:relative;
		padding:20px 0 5px 0;
	  	overflow: hidden;
		text-decoration: none;
		background-position: 0 -5px;
		background-repeat: no-repeat;
		height: 0px !important;
		line-height:100em;
		}
		
#footer li, #footer li a, #footer li#copyright { background-position: 0 -8px; }
#footer li { margin-top: 1px; }
#footer li a { padding-bottom: 8px; }
		
#nav li a:hover, #nav li.selected a, #nav li.selected a:hover
	  { background-position: -250px -5px; }

#footer li a:hover, #footer li.selected a, #footer li.selected a:hover
	  { background-position: -250px -8px; }

#startseite, #startseite a { background-image:url(../grafik/buttons/startseite.gif); width: 60px; }	  
#mad, #mad a { background-image:url(../grafik/buttons/museumamdom.gif); width: 105px; }
#domschatz, #domschatz a { background-image:url(../grafik/buttons/domschatz.gif); width: 70px; }
#gesamtuebersicht, #gesamtuebersicht a { background-image:url(../grafik/buttons/kunstsammlungen.gif); width: 130px; }
#kontakt, #kontakt a { background-image:url(../grafik/buttons/kontakt.gif); width: 48px; }
#impressum, #impressum a { background-image:url(../grafik/buttons/impressum.gif); width: 67px; }
#haftungsausschluss, #haftungsausschluss a { background-image:url(../grafik/buttons/haftungsausschluss.gif); width: 115px; }
#footer li#copyright { background-image:url(../grafik/buttons/copyright.gif); width: 225px; margin-left: 280px; padding-bottom: 10px; display: inline;}

#diemuseen, #diemuseen a { background-image:url(../grafik/buttons/diemuseen.gif); width: 212px; }
#nav li#diemuseen { margin-left: 65px; height: 40px; }
#diemuseen a { margin-bottom: 10px; }



/* menu buttons ------------------------ */

/* helpers ---------------------------- */

.plus0t {margin-top:0;}

.plus5t {margin-top:5px;}

.plus5l {margin-left:5px;}

.plus2l {margin-left:2px;}

.plus3t {margin-top:3px;}
.plus2t {margin-top:2px;}
.plus4t {margin-top:4px;}

.plus5b {margin-bottom:5px;}

.plus0b {margin-bottom:0;}

.plus0r {margin-right:0;}

.plus10b {margin-bottom:10px;}

.plus10t {margin-top:10px;}

.plus15b {margin-bottom:15px;}

.plus25 {margin-bottom:25px;}

.plus15t {margin-top:15px;}

.plus20t {margin-top:20px;}

.plus20l {margin-left:20px;}

.plus20b {margin-bottom:20px;}

.plus25b {margin-bottom:25px;}

.plus30t {margin-top:30px;}

.plus30b {margin-bottom:30px;}

.plus35r {margin-right:35px;}

.plus40l {margin-left:40px;}

.plus50l {margin-left:50px;}

.plus13b {margin-bottom:13px;}

.w200 {width: 200px; }

div.w310 {width: 310px; }

div.w260 {width: 260px; }

div.w350 {width:350px; }

div.w600 {width: 600px; }

.w700 {width: 700px; }

.hidden {display:none;}
		
.shown {display:block;}

.addInfo {display:none;}

.nofloat {float:none; display:block;}

hr { display: none; }


.veroeffentlichungen .copy p.print { position: absolute; width: 100%; z-index: 1; }

.veroeffentlichungen h3 { margin-top: -5px; margin-bottom: 17px; }

h3#kontaktformular, h3#herausgeber, h3#dieag  { margin-top: 1px; }

.leitung h3#Veroeffentlichungen { margin-top: 17px; }

.leiterData, .copy .leiterData p { float: left; width: 350px; }

img.leiterfoto { margin-top: 4px; margin-right: 15px; margin-bottom: 10px; }

.profil h3 { margin-bottom: 7px; }

table { margin-bottom: 7px; width: 500px; }

td { line-height: 18px; padding: 0 20px 0 0; width: 390px; }

td.label { font-weight: bold; width: 70px; }

span.trenner { font-size: 9px; color: #86927B; text-decoration: none; }

span.moreInfo { width: 30px; background: url(../grafik/icons/info.gif) no-repeat 1px 3px; text-decoration: none; }

p.back { background: url(../grafik/icons/arrowLeft.gif) no-repeat 0 5px; padding-left: 15px; }

.picLayer img { margin-bottom: 1px; margin-right: 1px; }
.picCol { position: absolute; width: 102px; z-index: 5; background: #43593E; padding-left: 1px; padding-top: 1px; left: 561px; top:0; }
.picRow { position: absolute; width: 1843px; z-index: 6; background: #43593E; padding-left: 1px; padding-top: 1px; top: 408px; left: 0; height: 102px; }

.subNav { float: left; width: 150px; }
.details .subNav { width: 130px; }

.subNav a { width: auto; display: inline; padding: 0; float:none; margin:0; text-decoration:underline; }
.subNav li { padding: 0; clear: left; margin: 0; }
.subNav a:hover { text-decoration: none; }
.subNav a.selected { text-decoration: none; font-weight: bold; }

.werkListe, .detailTable { float:left; width: 530px; }
.werkListe a { float: left; display: block; width: 520px; text-decoration: none; padding: 3px 6px; line-height: 17px; margin-left: -6px; position: relative; cursor:hand;  }
.werkListe a:hover { background-color: #91887C;  }
.werkListe .subNav2 a { float: none; display: inline; padding: 0; text-decoration: underline; width: auto; margin: 0; }
.werkListe .subNav2 a:hover { text-decoration: none; }
.werkListe a span.werktitel { text-decoration: underline; }
.werkListe a:hover span.werktitel { text-decoration: none; }
.werkListe a span { display: block; float:left; width:215px; padding-right: 10px; }
.werkListe a span.zeit { width:65px; padding-right: 0; margin-right: -3px; }
strong.selLetter {  }

.detailTable { width: 450px;  }
.detailTable { line-height: 17px; }

p.creator { margin-bottom: 0; font-weight: bold; margin-right:-3px; z-index:4; position: relative; }
p.creator span { font-weight: normal; }
#creatorBio { float: left; width: 450px; margin: -25px 0 15px -15px; padding: 25px 20px 0 15px; background: #91887C; position: relative; z-index:3;   }
* html #creatorBio { padding-bottom: 10px; }
p.backLink { background:url(../grafik/typo/dreieck_back.gif) no-repeat 0 0.45em; padding-left:9px; margin-bottom: 32px; width: 80%;  }

/* .imgCol { float: left; clear: left; width: 92px; margin-right: 5px; margin-left: -130px; position: relative; margin-top: 5px; display: inline;  }
.imgCol img { float: none; } */
.imgCol { float: left; clear: left; width: 100%; margin-right: 5px; position: relative; margin-top: 18px; display: inline; margin-bottom: 20px;  }

.imgCol img { float: left; margin-right: 20px; margin-bottom: 0; }
.details .imgCol img { margin-bottom: 20px; }
.imgCol a img { border: 1px solid #C4BFBA;}
.imgCol a:hover img { border-color: #fff; }
a:hover { text-indent: 0; }

p.objNo { margin-right: -3px; margin-bottom: 0;  }
p.alert { padding-left: 18px; background:url(../grafik/typo/achtung.gif) no-repeat 0 3px; margin-right: -3px; margin-bottom: 0; margin-top: 10px; margin-left: -18px;  }
.author { font-style:italic; }
.detailCopy { float: left; width: 100%; display: inline; margin-right: -3px; }
.detailCopy p { clear: none; margin-right: -3px;}

span.imgCopyright { color: #C0BBB5;  }