body 	{
		margin: 0;
		padding: 0;
		border:0;
		background-color: #254070;
		background-image: url(../grafik/hg/kliste1_1800x103.gif);
		background-repeat: no-repeat;
		background-position: top center;
		color:#fff;
		text-align:center;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size: 62.5%;
		line-height: 2em;

		}
		
form { margin: 0; }
		
body.altHg {
		background-image: url(../grafik/hg/kliste2_1800x103.gif);	
}


.gen_home h1 {
		display: block;
		position: relative;
		width:680px;
		padding: 123px 0 0 0;
		overflow: hidden;
		height: 0px !important;
		height /**/:123px;
		background: url(../grafik/typo/header.gif) no-repeat 154px 0;
		overflow: hidden;
		text-indent:-1000em;
		border: none;
		margin: 0 0 0 22px;
		float: left;
		}


/* Hides from IE-mac \*/
 * html .gen_home #wrapper {height: 1%;} 
/* End hide from IE-mac */

.gen_home div#wrapper {
		position:relative;
		margin: 0 auto;
		text-align: left;
		min-height:100%;
		height:100%;
		width: 100%;
		float: left;
}


.gen_home .wrapper_i { float: none; margin: 0 auto; position: relative; width: 720px; }	

html>body.gen_home div#wrapper { height: auto; }

.gen_home div#content {
		position: relative;
		margin-left: 0;
		padding-left: 180px;
		width: 510px;
		padding-bottom: 70px; 
		float: left;
		margin-top: 20px;
		margin-right: -3px;
		top: 0;
		left: 0;
}


.gen_home div#footer {
		position: absolute;
		margin: 0 0 0 -360px;
		height: 40px;
		background: url(../grafik/hg/footer.gif) no-repeat 0 0;
		width: 720px;
		overflow:visible;
		left: 50%;
		bottom: 0;
		float: none;
}

.intro #footer {
		margin-left: -170px;
}

.gen_home div#footerLeft {
		position: relative;
		width: 328px;
		float: left;
		padding: 30px 0 0 0;
		overflow: hidden;
		height: 0px !important;
		height /**/:30px;
		background: url(../grafik/typo/copyright.gif) no-repeat 20px 14px;
}

.gen_home div#footerRight {
		width: 372px;
		float: left;
		position: relative;
		padding-top: 7px;
		height: 29px;
		margin-right: -3px;
}

.gen_home div#footer { background: none; font-size: 11px; text-align: center; height: 50px; }

body.gen_home { background-image: none; 		float: left;
		width: 100%;  height: 100%;}
body.gen_home h1 { background-image: none; padding-top: 20px; clear: left; } 
.gen_home div#content { background:url(../grafik/hg/start.gif) no-repeat 50px 0; margin-top: 45px; }

.introLinks { float: left; margin-left: 75px; display: inline; }

.introLinks p { padding-bottom: 30px; margin-bottom: 0; float: left; }

.introLinks img { margin: 0; }

.zurWebsite { position: relative; display: block; background:url(../grafik/buttons/oeffnen.gif) no-repeat 0 0; width: 140px; height: 14px; overflow: hidden; text-indent: -999em; border: none; margin-left: -18px;  }
.zurWebsite:hover { background-position: -200px 0; border: none; }

#intro { position: relative; margin: 55px 50px 50px 75px; border: 1px solid #7989A6; padding: 0; width: auto; float: left; display: inline; }

p,table	{
		font-size:11px;
		line-height:19px;
		margin: 0 0 10px 0;
		float: left;
		width: 380px;
		}
		
div.themen p {
		width: 400px;
}
		
table tr td {
		vertical-align:top;
		padding: 0 10px 10px 0;
		}
	
table.formtable {
		padding-bottom: 20px;
}
	
table.formtable tr td {
		line-height: normal;
		padding: 5px 10px 0 0;
		}


img, a img {
		border: 1px solid #7989A6;
		background-color: none;
		}
		
a img {
		position:relative;
		float: left;
		margin: 0 20px 20px 0;
}

div.themen a img {
		margin-right: 25px;
}

img.freibild, a img.freibild, a:hover img.freibild {
		border: none;
}

a:hover img {
		border-color: #BEC6D4;
}

a:hover {
		border-color: #BEC6D4;
}


a { color: #fff;
	border-bot\tom: 1px solid #9DA9BF; 
	text-decora\tion: none;}

a:hover {
		text-decoration: none;
		border:none;
}


ul,li 	{
		float: left;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size: 11px;
		line-height: 19px;
		margin:0; 
		padding: 0;
		text-align:left;
		list-style:none;
		width: 360px;
		}

li, .kinder ul.calList .calDescr li {
		background: url(../grafik/typo/hellblau_8x8.gif) no-repeat 0 6px;
		padding-left:15px;
		}
		
.kinder ul.calList .calDescr li { padding-left: 0; text-indent:15px; margin-left: 15px; }

ul.calList {
		float: left;
		width:390px;
		margin-bottom: 15px;
}

ul.calList li {
		float:left;
		padding: 0;
		margin: 0;
		background: none;
		clear: both;
		width:390px;
}



div.calDate {
		color: #C3CBD7;
		float: left;
		padding-right: 20px;
		width: 350px;
}

.blau {
		color: #929FB7;
}

div.calDescr {
		float: left;
		width:350px;
		padding-bottom: 10px;
}

* html div.calDescr, * html div.calDescr p, * html div.calDescr li { display:inline;}

.veranstaltungen #content p { width: 370px; }
.kinder #content p { width: 420px; }

.kinder .imgRow { margin-left: -115px; margin-top: 20px; width: 690px; } 

* html .kinder .imgRow { margin-bottom: -75px; }

.kinder .imgRow a img { z-index: 1; }
.kinder .imgRow a:hover img { z-index: 2; }

.kinder .imgRow a img { display: block; position: relative; margin-right: 0;   }

.veranstaltungen .calDescr p a { font-weight: bold;  }
.veranstaltungen .calDescr p a.intLink { font-weight: normal; }
.veranstaltungen .calDescr a.selected {  }
.veranstaltungen .calDescr a span { font-weight: normal; }
.veranstaltungen .calDescr p { margin-bottom: 0; margin-left: 15px; width: 330px; }



ul.calDetList, ul.calDetListNarrow {
		float: left;
		width: 390px;
		margin: 0 -3px 0 0;
		padding: 0;
}

ul.calDetListNarrow {
		margin-bottom: 10px;
}

ul.calDetList li, ul.calDetListNarrow li {
		float: left;
		width: 360px;
		padding-left: 0;
		background: none;
		margin-bottom: 10px;
}

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

ul.workList li {
		background: none;
}

ul.booklist {
		float: left;
		width: 500px;
		margin: 10px 0 20px 0;
}

ul.booklist li {
		float: left;
		width: 500px;
		margin-bottom: 22px;
		padding: 0;
}

ul.booklist li img, .inlinePic {
		float: left;
		margin: 0.4em 20px 0 0;
}

.blueLineTop {
		clear: both;
		border-top: 1px solid #51668D;
		margin: 0;
		padding-top: 28px;
}

.hinblickFooters {
		clear: both;
		border-top: 1px solid #51668D;
		margin-bottom: 25px;
		padding-top: 28px;
}

div#vernissage {
		width: 470px;
}

div#vernissage div {
		float: left;
}

div#vernissage p {
		width: 360px;
}

span.eventDate {
		color:  #929FB7;
		font-weight: bold;
}

h1,h2,h3,h4,h5,h6 {
		margin: 0; padding: 0;
		}

h1 		{
		position:absolute;
		top: 61px;
		width:303px;
		padding: 57px 0 0 0;
		overflow: hidden;
		height: 0px !important;
		height /**/:42px;
		}
		
h2 	{
		position: relative;
		float:left;
		line-height: 25px;
		width:390px;
		padding: 18px 0 0 0;
		overflow: hidden;
		height: 0px !important;
		height /**/:18px;
		background-repeat: no-repeat;
		background-position: top left;
		margin: 0 0 20px 0;
		}
		
h2.eventCat, .kinder h2 {
		border-top: 1px solid #51668D;
		margin: 20px 0 20px 0;
		padding: 48px 0 0 0;
		background-position: 0 28px;
		height: 0px !important;
		height /**/:48px;
}

.kinder h2 { width: 420px; }

h2.eventCat a {
		display:none;
}

div.themen h2 {
		clear: both;
		padding: 34px 0 0 0;
		height: 0px !important;
		height /**/:34px;
		margin: 5px 0 10px 0;
}

.kinder h2 { margin-top: 30px; }


h3 		{
		font-family: Arial, Helvetica, sans-serif;
		margin: 20px 0 8px 0;
		font-size:13px;
		line-height:1.4em;
		}
		
h4		{
		float:left;
		width: 390px;
		font-size: 11px;
		line-height: 19px;
		font-weight: bold;
		margin: 0 0 7px 0;
		clear: both;
		}
		

		
h4.workHeading {
		color: #929FB7;
		width: 470px;
		margin-bottom: 10px;
}

fieldset, form {
		margin: 0 0 20px 0;
		padding:0;
		border:none;
		font-size: 11px;
		line-height: 160%;
		clear: both;
		}
		
label 	{
		font-size: 11px;
		margin-bottom: 2px;
		}
		
.txtInput {
		border: none;
		width: 200px;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: 11px;
		background-color: #51668D;
		margin: 0;
		color: #fff;
		padding: 1px;
		}
		
.formButton {
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:11px;
		font-weight:bold;
		background-color:#1C3054;
		border:1px outset #fff;
		color:#fff;
		margin-top: 3px;
		}
		
#senderName, #mail, #message {
		border-left: 1px solid #96885E;
		border-top: 1px solid #96885E;
		border-right: 1px solid #FCF6E5;
		border-bottom: 1px solid #FCF6E5;
}
		
select, optgroup, option {
		font-size:11px;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		background-color: #51668D;
		color: #fff;
}

optgroup label {
		font-variant: normal;
}

hr { display:none; }	

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


/* central page elements -----------------*/

div#wrapper {
		position:relative;
		margin: 0 auto;
		width: 720px;
		text-align: left;
}

/* Hides from IE-mac \*/
* html #wrapper {height: 1%;}
/* End hide from IE-mac */

div#topNav {
		position:absolute;
		top: 103px;
		left: 0;
}

div#logo {
		position:absolute;
		top: 155px; 
		left: 21px;		
}

div#logo a img {
		border: none;	
}

div#content {
		position: absolute;
		top: 155px; 
		left: 180px;	
		width: 390px;
		}
		
/* Hides from IE-mac \*/
* html #content {height: 1%;}
/* End hide from IE-mac */

div.txtOnly#content, div.themen#content, .hinblick div#content {
		width: 480px;
}

div.at300#content p {
		padding-left: 120px;
		width: 480px;
		wid\th: 360px;
}

div.at280 div#content {
		left: 280px;
}

div.at280 div#content h4 {
		margin-top: 10px;
		color: #929FB7;
		margin-bottom: 5px;
}

div.at280 #footer {
		margin-left: -280px;
}

div.willkommen p {
		width: 400px;
}

div.willkommen #content {
		width: 480px;
}

div.raeume #content {
		background: url(../grafik/hg/raeume.gif) no-repeat 20px 0;
		width: 505px;
		top: 132px;
		padding-top: 23px;
}

div#footer {
		clear: both;
		position: relative;
		margin: 30px 0 0 -180px;
		height: 40px;
		background: url(../grafik/hg/footer.gif) no-repeat 0 0;
		width: 720px;
		overflow:visible;
}

div#footerLeft {
		position: relative;
		width: 240px;
		float: left;
		padding: 30px 0 0 0;
		overflow: hidden;
		height: 0px !important;
		height /**/:30px;
		background: url(../grafik/typo/copyright2004.gif) no-repeat 20px 14px;
}

div#footerRight {
		width: 480px;
		float: left;
		padding-top: 7px;
}

div#pageNav {
		clear:both;
		font-size:11px;
		line-height: 19px;
		margin-bottom: 25px;
		width: 480px;
}

div.toTop {
		float: left !important;
		float: none;
		clear: left;
		margin: -10px 0 0 380px;
		height: 20px;
}

div.at280 .toTop {
		margin-left: 410px;
}

div.toTop a {
		float:left;
		line-height: 10px;
		width: 10px;
		position:relative;
		overflow:hidden;
		display: block;
		padding: 10px 0 0 0;
		height: 0px !important;
		height /**/:10px;
		background: url(../grafik/typo/dreieck_nachoben.gif) no-repeat 0 0;
		margin: 0;
		border:none;
}

span.worksLetter {
		display: block;
		float: left;
		width: 200px;
}

span.toTopWorks {
		display: block;
		float: left;
		width: 270px;
}

span.toTopWorks a {
		width: 15px;
		overflow:hidden;
		display: block;
		padding: 19px 0 0 0;
		height: 0px !important;
		height /**/:19px;
		background: url(../grafik/typo/dreieck_nachoben.gif) no-repeat 0 5px;
		margin: 0;
		border:none;
}

div.workCat {
		margin: 0 0 30px 0;
		float: left;
		width: 470px;
}

div.workCat li {
		margin: 0; padding: 0; width: 470px;
		float: left;
		clear: both;
		position: relative;
}

div.workCat ul {
		clear: both;
}

span.artist, span.anonWork {
		text-indent: -15px;
		padding: 0 20px 0 15px;
		font-weight: bold;
		display: block;
		float: left;
		width: 200px;
		wid\th: 165px;
}

span.anonWork {font-weight: normal;}

span.workData {
		display: block;
		float: left;
		width: 270px;
		wid\th: 255px;
		text-indent: -15px;
		padding: 0 0 0 15px;
}

div#imgCol {
		position:absolute;
		top: 158px;
		z-index:1;
}

div#imgColLeft {
		position:absolute;
		top: 157px;
		left: 180px;
		width: 110px;
		z-index:1;
		}

div#imgColBottom {
		z-index: 1;
		clear:left;
		position:relative;
		width:72px;
		margin-left: 440px;
		padding-bottom: 10px;
		float: left !important;
		float: none;
		}
		
div.left#imgColBottom {
		margin-top: -197px;
		margin-left: 0;
}		

div#imgColBottom a img {
		float:left;
		clear:left;
		margin: 20px 0 0  0;
}

div.imgRow {
		position:relative;
		width: 505px;
		float: left;
		height: 92px;
}

.twoPicsBottom {
		margin-top: -240px;
}

.onePicBottom {
		margin-top: -125px;
}
		
div.col510 {
		left: 510px;
}

div.col602 {
		left: 602px;
}



/* typo elements ----------------------- */

h1#willkommen {
	background: url(../grafik/typo/u_willkommen.gif) no-repeat 0 0;
	left: 180px;
	width: 400px;
}

h1#intention {
	background: url(../grafik/typo/u_intention.gif) no-repeat 0 0;
	left: 18px;
}

h1#sammlung {
	background: url(../grafik/typo/u_sammlung.gif) no-repeat 0 0;
	left: 82px;
	width: 500px;
}

h1#raeume {
	background: url(../grafik/typo/u_raeume.gif) no-repeat 0 0;
	left: 180px;
}

h1#foerderverein {
	background: url(../grafik/typo/u_foerderverein.gif) no-repeat 0 0;
	left: 280px;
	width: 333px;
}

h1#hinblick {
	background-repeat: no-repeat;
	background-position: 0 0;
	left: 294px;
}

h1.hinblick9 { 
	background-image: url(../grafik/typo/u_hinblick09.gif);
}

h1.hinblick8 { 
	background-image: url(../grafik/typo/u_hinblick08.gif);
}

h1.hinblick7 { 
	background-image: url(../grafik/typo/u_hinblick07.gif);
}

h1.hinblick6 { 
	background-image: url(../grafik/typo/u_hinblick06.gif);
}

h1#infoservice {
	background: url(../grafik/typo/u_infoservice.gif) no-repeat 0 0;
	left: 353px;
}

.kinder h1 { background: url(../grafik/typo/kinder.gif) no-repeat 0 0; left: 18px; width: 680px; }

h1#themen {
	background: url(../grafik/typo/u_themen.gif) no-repeat 0 0;
	left: 235px;
}

h2#veranstaltungsuebersicht {
	background-image: url(../grafik/typo/veranstaltungsuebersicht.gif);
}


h2#kommuniongruppen {
	background-image: url(../grafik/typo/kommuniongruppen2.gif);
	padding: 71px 0 0 0;
	height: 0px !important;
	height /**/:71px;
}

h2#schuleatmuseum {
	background-image: url(../grafik/typo/schuleatmuseum.gif);
	margin-top: 10px;
}

h2#veranstaltungen {
	background-image: url(../grafik/typo/veranstaltungen.gif);
}

h2#kuenstlerbegegnung {
	background-image: url(../grafik/typo/kuenstlerbegegnung.gif);
}

h2#kuenstlergottesdienst {
	background-image: url(../grafik/typo/kuenstlergottesdienst.gif);
}

h2#sonntagsdialog {
	background-image: url(../grafik/typo/sonntagsdialog.gif);
}

h2#openart {
	background-image: url(../grafik/typo/openart.gif);
}

h2#hoerenundsehen {
	background-image: url(../grafik/typo/hoerenundsehen.gif);
}

h2#tagung {
	background-image: url(../grafik/typo/tagung.gif);
}

h2#wegeinsjenseits {
	background-image: url(../grafik/typo/wegeinsjenseits.gif);
}

h2#fuehrungsuebersicht {
	background-image: url(../grafik/typo/fuehrungsuebersicht.gif);
}

h2#museumsschriften {
	background-image: url(../grafik/typo/museumsschriften.gif);
}

h2#vonkindesbeinenan {
	background-image: url(../grafik/typo/vonkindesbeinenan.gif);
}

h2#themenfuehrungen {
	background-image: url(../grafik/typo/themenfuehrungen.gif);
}

h2#kunsterfahren {
	background-image: url(../grafik/typo/kunsterfahren.gif);
}

h2#kunstgenuss {
	background-image: url(../grafik/typo/kunstgenuss.gif);
}

h2#internationaleatart {
	background-image: url(../grafik/typo/internationaleatart.gif);
}

h2#kuenstlerundwerkverzeichnis {
	background-image: url(../grafik/typo/kuenstlerundwerkverzeichnis.gif);
}

h2#roescheisen {
	background-image: url(../grafik/typo/roescheisen.gif);
}

h2#wortbildung {
	background-image: url(../grafik/typo/wortbildung.gif);
}

h2#lange {
	background-image: url(../grafik/typo/lange.gif);
	padding: 71px 0 0 0;
	height: 0px !important;
	height /**/:71px;
}


h2#hinblickTitel {
	width: 200px;
	padding: 41px 0 0 0;
	height: 0px !important;
	height /**/:41px;
}

h2.hinblick6 {
	background-image: url(../grafik/typo/hinblick06_werktitel.gif);
}

h2.hinblick7 {
	background-image: url(../grafik/typo/hinblick07_werktitel.gif);
}

h2.hinblick8 {
	background-image: url(../grafik/typo/hinblick08_werktitel.gif);
}

h2.hinblick9 {
	background-image: url(../grafik/typo/hinblick09_werktitel.gif);
}

p.hinblickAngaben {
	width: 200px;
	margin-top: 113px;
}

h2#oeffnungszeiten {
	background-image: url(../grafik/typo/oeffnungszeiten.gif);
	padding: 21px 0 0 0;
	height: 0px !important;
	height /**/:21px;
}

h2#preise {
	background-image: url(../grafik/typo/preise.gif);
	margin: 20px 0 15px 0;
}

h2#lage {
	background-image: url(../grafik/typo/lage.gif);
	margin: 20px 0 15px 0;
}

h2#leiden {
	background-image: url(../grafik/typo/leiden.gif);
}

h2#sieg {
	background-image: url(../grafik/typo/sieg.gif);
}

h2#ergebenheit {
	background-image: url(../grafik/typo/ergebenheit.gif);
}

h2#herausforderung {
	background-image: url(../grafik/typo/herausforderung.gif);
}

h2#entdecken {
	background-image: url(../grafik/typo/entdecken.gif);
}

h2#wahrnehmung {
	background-image: url(../grafik/typo/wahrnehmung.gif);
}

h2#transparenz {
	background-image: url(../grafik/typo/transparenz.gif);
}

h2#freunde {
	background-image: url(../grafik/typo/freunde_logo.gif);
	background-position: 0 2px;
	padding: 44px 0 0 0;
	height: 0px !important;
	height /**/:44px;
}

h2#kontakt {
	background-image: url(../grafik/typo/freunde_kontakt.gif);
	background-position: 0 25px;
	padding: 40px 0 0 0;
	height: 0px !important;
	height /**/:40px;
	margin-top: 30px;
	margin-bottom: 10px;
	border-top: 1px solid #51668D;
	width: 400px;
}

span.alert {
	background-color: #58709A;
	font-size: 9px;
	font-weight: bold;
	padding-left:3px;
	letter-spacing: 0.2em;}

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

.hidden {display:none;}

.plus0t {margin-top:0;}

.plus5t {margin-top:5px;}

.plus0b {margin-bottom:0;}

.plus0r {margin-right:0;}

.plus10b {margin-bottom:10px;}

.plus10t {margin-top:10px;}

.plus15b {margin-bottom:15px;}

.plus20b {margin-bottom:20px;}

.plus25b {margin-bottom:25px;}

.plus15t {margin-top:15px;}

.plus20t {margin-top:20px;}

.plus30t {margin-top:30px;}

.plus35r {margin-right:35px;}

h4 img { border: none; }

.willkommen h4 { margin-bottom: 10px; margin-top: 5px; }

.willkommen p a img { margin: 5px 15px 10px 0; }

p.box { margin-top: 5px;background:#3B537F; padding: 3px 10px 3px 6px; width: 350px; margin-left: -6px; }

.freunde #imgColLeft { background:url(../grafik/typo/erstwenndiekunst.gif) no-repeat -150px 100px; overflow:visible; }

.home #content a img { margin-top: 10px; }

p.download, .bluebox { padding: 5px 12px; width: auto; background: #4B6189; margin-top: 10px; }
.bluebox { float: left; margin-top: -10px; padding-bottom: 0; padding-top: 8px; margin-bottom: 15px; margin-left: -12px; background:#324C79; border: 2px solid #4B6189; position: relative;  }
.bluebox .calList { margin-bottom: 0px; }

.kinder #content .calList p {width: 380px; }