body  { color: #000; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 18px; background-color: white; margin: 0; padding: 0 }

table  { color: #000; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 18px; background-color: white; margin: 0; padding: 0 }

h1 {
color : black;
font-size : 2em;
font-family : Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-weight : bold;
letter-spacing : -1px;
margin-top : 3px;
margin-bottom : 15px;
padding-top : 0;
line-height:1.3em;
}
h2 {
color : #000;
font-size : 1.5em;
font-family : Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-weight : bold;
letter-spacing : -1px;
margin-top : 0;
margin-bottom : 5px;
padding-top : 0;
}
hr {
margin-top : 15px;
margin-bottom : 15px;
width : 100%;
border-top : 3px solid #000;
}
img {
border : none;
}
.abstand_10 {
padding : 10px;
width : auto;
}
.abstand_2 { margin-bottom: 2px; width: auto }
.bg_grau {
background-color : #ccc;
}
.bg_schwarz {
color : white !important ;
background-color : black !important ;
}
.bg_schwarz a:link {
color : white !important ;
text-decoration : none !important ;
}
.bg_schwarz a:hover {
color : white !important ;
font-weight : bolder;
text-decoration : none;
border-bottom : 2px solid white;
}
.grau {
color : #000 !important ;
}
.hellgrau {
color : #000 !important ;
}
.hoch250 {
width : 100%;
height : 50px;
float : left;
}
.hr_grau {
margin-top : 5px !important ;
margin-bottom : 5px !important ;
width : 100% !important ;
border-top : 3px solid #000 !important ;
}
.hr_hellgrau {
margin-top : 5px !important ;
margin-bottom : 5px !important ;
width : 100% !important ;
border-top : 2px solid #ccc !important ;
clear:both;
}
.image_4 {
font-size : 11px;
line-height : 14px;
width : 185px;
height : auto;
}
.image_4 a {
color : #000 !important ;
font-weight : normal !important ;
text-decoration : none !important ;
border-width : 0 !important ;
}
.image_4 img {
margin-bottom : 10px;
z-index : 0;
}
.image_4l {
font-size : 11px;
line-height : 14px;
margin-right : 20px;
width : 185px;
height : auto;
}

.image_4l.last{
	margin-right:0;
}

.image_4l a {
color : #000 !important ;
font-weight : normal !important ;
text-decoration : none !important ;
border-width : 0 !important ;
}
.image_4l img {
margin-bottom : 10px;
z-index : 0;
}
.links {
float : left;
}
.rechts {
float : right;
}
.spalte_1 {
width : 250px;
height : auto;
}
.newsletter { width: 250px; height: auto }
.spalte_2 {
width : 525px;
height : auto;
}
.spalte_2l { width: 500px; height: auto }
.spalte_3 {
width : 250px;
height : auto;
}
.spalte_3 a {
font-weight : normal !important ;
text-decoration : none !important ;
border-width : 0 !important ;
}

.spalte_portfolio {
width : 250px;
height : auto;
}

.spalte_3l {
margin-right : 20px;
width : 250px;
height : auto;
}
.spalte_3l a {
font-weight : normal !important ;
text-decoration : none !important ;
border-width : 0 !important ;
}
.spalte_4 {
width : 185px;
height : auto;
}
.spalte_4l {
margin-right : 20px;
width : 185px;
height : auto;
}

.spalte_4l.last{
margin-right : 0px;
}


.spalte_50 {
width : 390px;
height : auto;
}
.spalte_50p {
width : 390px;
height : auto;
}
.spalte_50p a {
font-weight : normal !important ;
text-decoration : none !important ;
border-width : 0 !important ;
}
.zitat {
font-size : 14px;
font-family : Georgia, "Times New Roman", Times, serif;
font-style : italic;
}
.aktiv {
color : #000 !important ;
font-weight : bold;
text-decoration : none;
border-bottom : 3px solid #000;
}
#award {
position : relative;
z-index : 100;
top : -145px;
right : -160px;
width : 16px;
height : 16px;
}
#bild {
background-color : fuchsia;
z-index : 1;
width : auto;
height : auto;
}
#Caption {
color : black;
}
#CaptionBlock {
color : #979595;
font-size : 12px;
margin : 0 auto;
width : auto;
height : 18px;
max-width : 800px;
}
#Container {
background-color : #FFF;
margin : 0 auto;
padding : 0;
position : relative;
width : 800px;
height : 500px;
overflow : hidden;
border : 0 solid #ffffff;
}
#content a   { color: #000; font-weight: bold; text-decoration: none; border-width: 0 }
#content a:hover { color: #000; font-weight: bold; text-decoration: none; border-bottom: 2px solid #000 }
#debug   { color: white; font-size: 14px; font-family: "Courier New", Courier, Monaco, monospace; background-color: #f0f; visibility: visible; padding: 20px; position: absolute; top: 9px; left: 900px; width: 200px; height: auto; border: dotted 4px #cad427 }
#footer {
color : #ccc;
font-size : 10px;
font-family : Arial, Helvetica, SunSans-Regular, sans-serif;
line-height : 12px;
}
#footer a {
color : #ccc;
font-size : 10px;
text-decoration : none;
}
#intern   { visibility: visible; position: absolute; top: 0; left: 620px; width: 264px; height: 100px }
#zusatz { visibility: visible; position: absolute; top: 0; left: 750px; width: 264px; height: 100px }
#intern a {
color : #000 !important ;
font-weight : bold;
text-decoration : none !important ;
}
#License {
color : #000 !important ;
font-size : 10px;
line-height : 1.4em;
text-align : left;
margin : 0 auto;
padding-top : 10px;
width : 740px;
border-top : 1px solid #ceceb5;
}
#LinkContainer {
background : url("../images/start.gif") no-repeat 50% 50%;
display : none;
position : absolute;
z-index : 100;
top : 0;
left : 0;
width : 800px;
height : 500px;
}
#LoadContainer {
text-align : center;
position : absolute;
z-index : 1;
top : 222px;
left : 373px;
width : 55px;
height : 55px;
}
#logo   { visibility: visible; position: absolute; top: 0; left: 0; width: 173px; height: 74px }
/*
#main  { background-color: white; visibility: visible; position: absolute; top: 110px; left: 200px; width: 800px; height: auto }
*/

.content{
	width:1010px;	
}


#main  { float:left; background-color: white; visibility: visible;  margin:110px 0 0 30px; width: 800px; height: auto }
/*
#navi  { line-height: 20px; visibility: visible; position: absolute; top: 110px; left: 20px; width: 160px; height: auto }
*/
#navi  { float:left; line-height: 20px; visibility: visible; margin:110px 0 0 20px; width: 160px; height: auto }


#navi a {
color : black;
text-decoration : none;
}
#navi a {
font-weight : bold;
text-decoration : none;
}
#navi a:hover {
font-weight : bold;
text-decoration : none;
border-bottom : 3px solid #000;
}
#new {
position : relative;
z-index : 100;
top : -129px;
right : -160px;
width : 16px;
height : 16px;
}
#NextLink  { background-image: url("../images/pfeilnachrechts_basis.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: right 100%; display: block; position: absolute; z-index: 100; top: 0; left: 50%; width: 50%; height: 500px }
#NextLink:hover  { background-image: url("../images/pfeilnachrechts_over-1.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: right 100% }
#PhotoContainer {
visibility : hidden;
}
#PrevLink  { background: url("../images/pfeilnachlinks_basis.gif") no-repeat left 100%; display: block; position: absolute; z-index: 100; top: 0; left: 0; width: 50%; height: 500px }
#PrevLink span, #NextLink span {
display : none;
}
#PrevLink:hover  { background: url("../images/pfeilnachlinks_over-1.gif") no-repeat left 100% }
#PrevLink:hover, #NextLink:hover {
text-decoration : none;
}
#sprache  { visibility: visible; position: absolute; top: 0; left: 900px; width: 100px; height: 20px }
.fuenfrechts { margin-right: 5px }
#sprache a {
color : #000 !important ;
font-weight : bold;
text-decoration : none !important ;
}
.dunkelgrau { color: #716f6e }
.schwarz_link { color: black !important; font-weight: bold !important; border-bottom: 2px solid black }
.schwarz_link a { color: black !important; font-weight: bold !important; border-bottom: 2px solid black }
.form_input  { margin-bottom: 10px; width: 100%; border: solid 2px #716f6e }
.form_submit  { background-color: #716f6e; width: 100%; border: solid 2px #716f6e }
.ausstellung { background-color: white !important }
.neu_marker  { color: white !important; font-size: 9px !important; line-height: 9px !important; background-color: #f0c !important; margin: 0; padding: 2px 2px 1px }
.award_marker  { color: white !important; font-size: 9px !important; line-height: 9px !important; background-color: #3f0 !important; margin: 0; padding: 2px 2px 1px }
.blog_gruen { color: #0f0; font-weight: bold }
.blog_gruen a { color: #0f0 !important; font-weight: bold !important; text-decoration: none !important; border-width: 0 }

.shop_pink  { color: #f0f; font-weight: bold }
.shop_pink a  { color: #f0f; font-weight: bold !important; text-decoration: none !important; border-width: 0 }

.clear{
	clear:both;
}


/* STARTSEITE > TERMINE */

.termin_date{
  width:105px;
  float:left;
  font-weight:bold;
  margin:0 0 4px 0;
}

.termin_txt{
  width:285px;
  float:left;
  margin:0 0 4px 0;
}




form, fieldset{
  border:0;
  margin:0;
  padding:0;
}

/*
#content .partner{
  width:400px;
  float:left
}



#content .partner a{
	line-height: 100px;
	height:100px;
	vertical-align:middle;
  margin-right:10px;
}
#content .partner a:hover{
  border:0;
}
*/

#navi .icons a{
  margin-right:5px;
}

#navi .icons a:hover{
  border:0;
}


#content .ausst_extern_img{
  width:250px;
  float:right;
  margin:30px 0 0 0;
}
#content .ausst_extern_info{
  width:525px;
  float:left;
}

#content .ausstellung p{
  margin:0 0 5px 0;
  padding:0;
  line-height:1.2em;
}

#content .ausstellung .info a:hover{
  border:0;
}

#content .ausstellung hr{
  padding:0;
  margin:5px 0;
}

#content .ausstellung hr,
#content hr.light{
  clear:both;
  border:0;
  border-bottom:2px solid #000;
}

#content .ausstellung .img{
  width:70px;
  float:left;
}

#content .ausstellung .info{
  width:130px;
  float:left;
}
#content .ausstellung .info em{
  font-size:11px;

}

#content .ausstellung .img img{
  width:50px;
}

#content a.katalog{
  width:221px;
  height:180px;
  display:block;
  text-decoration: none;
  position:absolute;
  top:100px;
  margin-left:700px;
}
#content a:hover.katalog{
  border:0;
}

/* KULTUR > AUSSTELLUNGEN
------------------------------------------------------------------------------*/

#content .kultur_ausstellungen{
	margin:20px 0;
}

#content .kultur_ausstellungen .image,
#content .kultur_partner{
	width:400px;
	float:left;
}

#content .kultur_partner a{
	float:left;
	line-height: 100px;
	vertical-align: middle;
	text-align:center;
	margin-right:20px;
}


#content .kultur_ausstellungen .image img{
	width:200px;
}

#content .kultur_ausstellungen .image .location{
	color:#979595;
	margin:20px 0;
	font-size: 11px;
}

#content .kultur_ausstellungen{
	border-bottom: 2px solid #CCCCCC !important;
}

#content .kultur_ausstellungen .infos,
#content .kultur_maps{
	width:430px;
	float:left;
}

#content .kultur_ausstellungen .infos h3{
	margin:0 0 10px 0;
	font-size: 15px;

}

#content .kultur_ausstellungen .infos h4{
	color:#979595;
	margin:0;
	font-size: 15px;
}

#content .kultur_ausstellungen .infos h4 span{
	font-weight: normal;
	font-style: italic;
	display: block;
	font-size: 12px;
	margin: 3px 0 10px 0;
}

#content .kultur_ausstellungen .infos .date{
	color:#979595;
}

#content .kultur_partner h2,
#content .kultur_maps h2{
	margin:0 0 20px 0;
}

#content .kultur_partner a:hover,
#content .kultur_maps a:hover{
	border:0px;
}


#content .presse_padd{
	padding-left:30px;
}


/* MOBILE
------------------------------------------------------------------------------*/

#content .mob_hide,
.mob_hide,
.ie_hide{
	display: show;
}

#content .mob_show,
.mob_show,
.ie_show{
	display: none;
}




/* PAGINATION
------------------------------------------------------------------------------*/

#content .pagination{
  margin:30px 0 20px 0;
  clear:both;
}

#content .pagination a,
#content .pagination .current,
#content .pagination .disabled{
  background:#CCC;
  padding:3px 7px;
  margin:0 3px 0 3px;
  color:#909090;
  text-decoration:none;
  text-transform: uppercase;
  font-weight:normal;
}

#content .pagination .disabled{
  color:#FFF;
  background:#FFF;

}

#content .pagination .current{
  color:#FFF;
  background:#979595;
}


#content .pagination a:hover{
  border:0;
  color:#909090;
  background:#cccccc;
}

#content .pagination span.dots{
  margin:0 5px 0 0;
}


/* FOOTER
------------------------------------------------------------------------------*/

.footer{
	width:100%;
	height:200px;
	background:#000;
	clear:both;
	padding:30px 0;
	margin:30px 0 0 0;
}

.footer h2,
.footer h2 a{
	font-size:15px;
	color:#FFF;
	text-decoration: none;
	margin:0 0 20px 0;
}

.footer h2 a:hover{
	color:#FFF;
}


.footer .newsletter{
	height:100%;
	margin:0 0 0 30px;
	border-right:2px solid #111;
	float:left;
}

.footer .newsletter .nl_txt{
  width:200px;
  border:0;
	background: #FFF;
	padding:3px;
  margin:5px 0;
}

.footer .newsletter label{
	color:#444;
	font-size:11px;
}

.footer .newsletter div.radio{
	width:100px;
	float:left;
}


.footer .newsletter .nl_btn{
  width:auto;
  background:#222;
	color:#AAA;
	border:0;
  margin:10px 0;
	padding:3px 5px;
	font-size:11px;
	cursor: pointer;
}

.footer .newsletter .nl_btn:hover{
	color:#FFF;
}


.footer .newsletter .nl_error{
  color:red;
  font-size:11px;
}

.footer .newsletter .nl_msg{
  background:#DDD;
  font-size:11px;
  padding:5px;
}

.footer .newsletter .nl_title{
  margin:10px 0 5px 0;
  color:#444 !important;
  font-weight:bold;
}




.footer .facebookbox{
	height:100%;
	width:340px;
	padding:0 50px;
	border-right:2px solid #111;
	float:left;
}

.footer .network{
	height:100%;
	width:230px;
	padding:0 0 0 50px;
	float:left;
}

.footer .network ul{
	margin:0;
	padding:0 0 18px 0;
	list-style-type:none;
	height:32px;
	border-bottom:1px solid #111;
}

.footer .network ul li{
	float:left;
	margin:0 10px 0 0;
}

.footer .network ul li a{
	width:32px;
	height:32px;
	display: block;
	text-decoration:none;
}

.footer .network ul li a.facebook{
	background:transparent url(../images/network/facebook.png) no-repeat left top;
}
.footer .network ul li a:hover.facebook{
	background:transparent url(../images/network/facebook.png) no-repeat left bottom;
}
.footer .network ul li a.twitter{
	background:transparent url(../images/network/twitter.png) no-repeat left top;
}
.footer .network ul li a:hover.twitter{
	background:transparent url(../images/network/twitter.png) no-repeat left bottom;
}
.footer .network ul li a.vimeo{
	background:transparent url(../images/network/vimeo.png) no-repeat left top;
}
.footer .network ul li a:hover.vimeo{
	background:transparent url(../images/network/vimeo.png) no-repeat left bottom;
}
.footer .network ul li a.youtube{
	background:transparent url(../images/network/youtube.png) no-repeat left top;
}
.footer .network ul li a:hover.youtube{
	background:transparent url(../images/network/youtube.png) no-repeat left bottom;
}
.footer .network ul li a.rss{
	background:transparent url(../images/network/rss.png) no-repeat left top;
}
.footer .network ul li a:hover.rss{
	background:transparent url(../images/network/rss.png) no-repeat left bottom;
}

.footer .copy{
	color: #444;
	font-size:11px;
	padding-top:10px;
}

.footer .copyline{
	padding:10px 0 10px 30px;
	background: #000;
}


.footer .copyline,
.footer .copyline a{
	color: #222;
	font-size:11px;
	text-decoration: none;
}

.footer .copyline a:hover{
	color: #444;
}