/* 2006 despecial.com */

body, html {
	margin: 0;
	padding: 0;
	background-color: #f0f0f0;
}
html { overflow: hidden; }
p, form, table, ul {
	margin:0;
	padding: 0;
	font-family: tahoma;
	color: #052133
}


/********* PAGE LAYOUT **********/
#webpage {
	position: absolute;
	width: 1000px;
	height: 580px;
	left: 50%;
	margin-left: -500px;
	top: 50%;
	margin-top: -290px
}

#left {
	width: 210px;
	background: #949494 url("../_img/left-main.png") no-repeat left bottom;
}
#middle {
	width: 782px;
	background: transparent url("../_img/main-bg.png") repeat-x;
}
#right {
	width: 8px;
	background: #ffffff url("../_img/main-right.png") no-repeat;
}
#left,
#left2,
#middle,
#right { float: left; display: block; height: 580px;}
#mainlogo { position:relative; top: 20px; left:535px;  }
#nav {
	height: 113px;
	width: 99%;
	float: left;
}	

/********* PAGE LAYOUT **********/


/********* SUB-NAV *********/
#subnav {
	width: 190px;
	margin: 120px 0 0 10px;
	z-index: -1;
}
.subnavcat {
	width: 190px;
	color:#252b2f;
	height: 16px;
	border-bottom: 1px dotted #4e4e4e
}
.subnavtitle {
	width: 160px;
	font: bold 15pt arial, sans-serif;
	color: #fff;
	margin: 15px 0 0 10px
}
.subnavlinks {
	width: 185px;
	display: block;
	font: normal 12px arial, sans-serif;
	color: #4e4e4e;
	margin: 10px 0 0 10px;
	line-height: 20px
}
.selected {
	font: bold 12px arial, sans-serif;
	color: #f0f0f0
}
a.subnrml:link, a.subnrml:visited { color: #4e4e4e; text-decoration: none; text-transform: uppercase; } /*  border-bottom: 1px dotted #ffffff;  */
a.subnrml:hover, a.subnrml:active { color: #686868; text-transform: uppercase; } /* border-bottom: 1px dotted #9b9a9a; */
a.subbld:link, a.subbld, a.subbld:active, a.subbld:visited, a.subbld:hover { color: #686868; border-bottom: 0px; text-transform: uppercase; text-decoration: none; }
.submenutitle { text-decoration: underline }
.submenutitle2 { margin-top: 14px }
/********* SUB-NAV *********/



/********* PAGE CONTENT *********/
#content {
	float: left; 
	width: 765px;
	height: 445px;
	padding: 0;
	margin: 0;
	position: relative;
	left: 20px;
	top: 16px;
	/* border-bottom: 1px dotted #ffffff; */
}
#content p { margin: 5px 0 5px 0;line-height: 14px; font: normal 11px tahoma, sans-serif; }
#content p a:link, #content p a:visited { color: #4e4e4e; text-decoration: none; border-bottom: 1px dotted #ffffff }
#content p a:active, #content p a:hover { color: #686868; border-bottom: 1px dotted #9b9a9a }

#startlogo, .middle { text-align:center; position:relative; top: 180px; font-family: tahoma, sans-serif;  }
/********* PAGE CONTENT *********/

strong a { color: #000; text-decoration:none;}
strong a:hover { color: #000; text-decoration:underline;}

/********* AKTUELL **********/
#aktuell {
	width: 450px;
	margin: 60px 0 0 160px;
}
#news {
	width: 750px;
	height: 425px;
	margin: 10px 0 0 -10px;
}
.newsbox {
	width: 350px;
	float: left;
	margin: 0px 10px 20px 10px;
	background-color: #ebebeb
}
.newsbox2 {
    width: 350px;
    float: left;
    margin: 0px 10px 20px 10px;
    background-color: #ebebeb
}
.newsbox2:hover {
    background-color: #fff;
}
.newsbox p {
	padding: 2px 4px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px
}
.newsbox2 p {
    padding: 2px 4px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 15px
}
.newsbox h2 {
	padding: 2px 6px;
	font-size: 14px;
	color: #666
}
.newsbox2 h2 {
    padding: 2px 6px;
    font-size: 14px;
    color: #666
}

.aktuellinfo {
	float:left;
	width: 150px;
	height: 120px;
	display:block;
	background: #686868;
	color: #fff;
	padding: 10px;
	margin: 0;
	font: bold 14px georgia,"times new roman", serif
}
.aktuellbox {
	float: left;
	width: 250px;
	height: 120px;
	color: #052133;
	background: #f0f0f0;
	display:block;
	padding: 10px;
	margin: 0;
	font: normal 14px georgia,"times new roman", serif
}	
a.aktuellbox:link,
a.aktuellbox:visited { 
	text-decoration: none
}
a.aktuellbox:active,
a.aktuellbox:hover { 
	background: #ffffff;
	text-decoration: none
}
.divide { 
	clear: left;
	margin: 0;
	width: 400px;
	height: 5px;
	display:block;
	background: #f0f0f0;
}
	
.newsletter {
	float: left;
	width: 250px;
	height: 100px;
	color: #052133;
	background: #f0f0f0;
	display:block;
	padding: 10px;
	margin: 40px 0 0 0;
	font: normal 14px georgia,"times new roman", serif
}
.newsletterinfo {
	float:left;
	width: 150px;
	height: 100px;
	display:block;
	background: #686868;
	color: #fff;
	padding: 10px;
	margin: 40px 0 0 0;
	font: bold 14px georgia,"times new roman", serif
}
.nlform1 { float: left; margin-top: 5px }
.nlform2 { margin: 5px 0 0 50px }
/********* AKTUELL **********/



/********* AUSSTELLUNGEN **********/
#ausstellung {
	 margin: 40px 0 0 35px;
}
#ausstellung2 {
	 margin: 40px 0 0 35px;
}
.ausstellunginfo {
	float:left;
	width: 150px;
	height: 150px;
	display:block;
	background: #686868;
	color: #fff;
	padding: 10px;
	margin: 10px;
	font: bold 14px georgia,"times new roman", serif
}
.ausstellungbox,
.ausstellungbox1 {
	float: left;
	width: 350px;
	height: 150px;
	color: #052133;
	background: #f0f0f0;
	display:block;
	padding: 10px;
	margin: 10px;
	font: normal 14px georgia,"times new roman", serif
}
.ausstellungbox1 { width: 380px }
a.ausstellungbox:link,
a.ausstellungbox:visited { 
	text-decoration: none
}
a.ausstellungbox:active,
a.ausstellungbox:hover { 
	background: #ffffff;
	text-decoration: none
}
.ausstellunginfo2 {
	float:left;
	width: 340px;
	height: 26px;
	display:block;
	background: #686868;
	padding: 8px 8px 12px 8px;
	margin: -10px 10px -10px -20px;
	color: #fff;
	font: bold 12px georgia,"times new roman", serif
}
* html .ausstellunginfo2 { margin-left: -10px; }
.ausstellungbox2 {
	width: 630px;
	height: 26px;
	color: #052133;
	background: #f0f0f0;
	display:block;
	padding: 10px 10px 10px 20px;
	margin: 10px;
	font: normal 12px georgia,"times new roman", serif
}	
a.ausstellungbox2:link,
a.ausstellungbox2:visited { 
	text-decoration: none
}
a.ausstellungbox2:active,
a.ausstellungbox2:hover { 
	background: #ffffff;
	text-decoration: none
}
.ausstellungtitel {
	width: 640px;
	height: 20px;
	background: #fff;
	color: #052133;
	font: bold 16px georgia,"times new roman", serif;
	display:block;
	margin: 10px;
	padding: 10px;
}
/********* AUSSTELLUNGEN **********/



/********* KUENSTLER **********/
#kuenstler {
	margin: 120px 0 0 130px;
}
#kuenstler2 {
	margin: 120px 0 0 70px;
}
#kuenstler3 {
	margin: 60px 0 0 70px;
}
.kuenstlerbox {
	float:left;
	width: 120px;
	height: 120px;
	display:block;
	padding: 10px;
	margin: 10px;
	text-align: left;
	font: bold 14px georgia,"times new roman", serif
}

a.kuenstlerbox:link,
a.kuenstlerbox: { 
	color: #052133;
	background: #f0f0f0;
	text-decoration: none
}
a.kuenstlerbox:active,
a.kuenstlerbox:hover { 
	color: #052133;
	background: #ffffff;
	text-decoration: none
}
.bilder,
.ausstellung,
.ausstellung3,
.ausstellung4 {
	padding: 15px 0 20px 0
}
.bilder img { 
	margin: 0 20px 30px 0;
	float: left;
}
.ausstellung img { 
	margin: 0 42px 30px 0;
	float: left;
}
.ausstellung2 {
	padding: 15px 0 10px 0
}
.ausstellung2 img {
	margin: 0 35px 30px 0;
	float: left;
}
.ausstellung3 img {
	margin: 0 75px 30px 0;
	float: left;
}
.ausstellung4 img {
	margin: 0 13px 15px 0;
	float: left;
}
.galimg {
	margin: 0 0 30px 48px;
}
.galimg2 {
	margin: 0 0 30px 42px;
}
.galimg3 {
	margin: 0 0 30px 25px;
}
.galimg4 {
	margin: 0 0 30px 22px;
}
.bild120 { width: 120px }
#bildinfobox,
#bildinfobox2,
#bildinfobox3 {
	display:block;
	width: 190px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top: 93px;
	margin-left: -600px;
}
#bildinfobox2 {
	margin-top: 21px
}
#bildinfobox3 {
	margin-top: 80px
}
.bildinfoflow {
	display:none;
	padding: 2px 8px 2px 8px;
	color: #052133;
	font: normal 11px tahoma, sans-serif;
	line-height: 18px;
}
.nfo { float: left; margin: auto; margin-top: -18px; padding-left: 55px }
.jahr { clear: left; line-height: 14px; font: bold 11px tahoma, sans-serif }
.einzug, .einzug2 { float: left; margin: auto; margin-top: -14px; padding-left: 55px; line-height: 14px; font: normal 11px tahoma, sans-serif }
.einzug2 { padding-left: 75px; }
#content p.lh18 { line-height: 18px }
#content p.dontcry { font: bold 11px tahoma,sans-serif; padding: 10px 0 10px 0 }
.mark { color: red }
/********* KUENSTLER **********/



/********* GALERIE **********/
.galerie { margin: 20px 0 -40px 0; font: bold 17px arial, sans-serif; color: #686868 } 
#content p.bold  { font-weight: bold; margin: 20px 0 0 55px }
#content p.bold2 { font-weight: bold; margin: 20px 0 0 95px }
#content p.info { margin-left: 55px }
#content p.fett { font-weight: bold }
/********* GALERIE **********/



/********* PUBLIKATIONEN **********/
.publik {
	font:normal 12px arial, sans-serif; 
	margin-top: 10px;
	margin-bottom: 5px;
	width: 345px;
	height: 50px;
	float: left;
	padding: 4px;
	margin-right: 24px;
	border: 1px solid #f0f0f0
}
.publik:hover {
	background-color: #EBEBEB
}


/********* PUBLIKATIONEN **********/



/********* KONTAKT **********/
#centered { position:relative; top: 130px; left: 300px; font-family: tahoma, sans-serif; }
#centered2 { position:relative; top: 100px; left: 300px; font-family: tahoma, sans-serif; }
#centered p  {  line-height: 16px }
.kontakt { letter-spacing: 16.5px }
.kontakt2 { letter-spacing: 1px; font-weight: bold }
.stadtplan { 
	border: 1px solid #f0f0f0;
	float: left;
	margin-right: 20px
}
.w330 {
	float: left;
	width: 330px
}	
.w220 {
	float: left;
	width: 220px
}	
.msgbox {
	width: 470px;
	height: 220px;
	font: normal 11px tahoma, sans-serif;
	padding: 3px;
	margin-bottom: 10px
}
.sendfield,
.sendfield2 { font: normal 11px tahoma,sans-serif; width:120px ; height: 24px; line-height: 18px}
.sendfield2 { font-weight: bold }
.submit { margin: 10px 0 0 120px; }
#datenschutz {
	height: 150px; font: normal 11px tahoma,arial; overflow:auto;
}
#datenschutz ol li { list-style-type:decimal; padding: 5px 0 5px 0 }
/********* KONTAKT **********/



/********* MISC *********/
h1,h2,h3 { font: bold 14pt tahoma, sans-serif; margin: 0; padding: 2px 0 0 0; color: #8b9da8 }
h1 { font-size: 16pt }
h2 { font-size: 14pt }
h3 { font-size: 13pt }

.left { float: left }
.clear { clear:both }
.hidden { visibility:hidden }
.none { display: none }

.uberschrift,
.uberschrift2 { clear: left; font: bold 11px tahoma, sans-serif; padding: 20px 0 20px 0 }
.uberschrift2 { padding: 20px 0 10px 0 }
.zurueck, .weiter { clear:left; position:relative; top: 15px; display: inline }

.alert { font:  bold 11px tahoma, sans-serif; color: orange }
.form1 { clear: left; line-height: 14px; font: bold 11px tahoma, sans-serif; }
.form2  { float: left; margin: auto; margin-top: -14px; padding-left: 55px; line-height: 14px; height: 25px; font: normal 11px tahoma, sans-serif }
.form3 {  float: left; padding-left: 55px; height:35px }
input { font: normal 11px tahoma, sans-serif; padding: 2px; width: 150px }
.small { font-size: 11px }
.smaller { font-size: 15px }
/********* MISC *********/