@charset "UTF-8";
/* CSS Document */

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: url('/media/bg_02.jpg') center top no-repeat #c7c7c7;
}

body.home {
  background-image: url('/media/bg_01.jpg');
}


#center {
	position: relative;
	width: 1000px;
	top: 0px;
	min-height: 100%;
	text-align: left;
	margin: auto;
}

#navi {
	position: relative;
  width: 1000px;
	background:#ffffff;
}
#navi img {
  margin:0 12px 0 0;
}
#navi img#Image7 {
  position:absolute;
  right:0;
  margin:0;
}

#head {
	width: 1000px;
	top: 0px;
	height: 162px;
}
#head a{
  background:url('/media/fg_01.png') no-repeat 0 0;
  width:1000px;
  height:162px;
  display:block;
  color:#E8E8E8;
}
#bckgr {
	width: 978px;
	min-height: 721px;
	margin:26px 0 42px;
	background:url('/media/transparency.png') repeat;
	padding:12px 11px 93px;
}
*html #bckgr {height:758px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/transparency.png', sizingMethod='scale');}

div.content {
  display: inline-block;
  vertical-align:top;
  width: 638px;
  margin: 0 38px 0 0;
  font-family: 'Arial', sans-serif;
  font-size: 14px;
  line-height: 20px;
}
*html div.content {display:inline;}
*+html div.content {display:inline;}
div.context {
  display: inline-block;
  vertical-align: top;
  width: 302px;
  font-family:'Arial', sans-serif;
  font-size:14px;
  line-height:20px;
}
*html div.context {display:inline;}
*+html div.context {display:inline;}
div.content h1 {
  margin: 20px 0;
  font-weight: bold;
  font-size: 30px;
  line-height: 30px;
}
div.context h1 {
  margin: 29px 0 20px;
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
}
div.content h2, div.context h2 {
  margin: 20px 0;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
div.content p, div.context p {
  margin:20px 0;
}
div.content p span, div.context p span {
  display:block;
}
div.content a, div.pane a {
  color: #000000;
  text-decoration: none;
}
div.content a:before, div.pane a:before {
  content: ">\2009";
  font-weight: normal;
}
div.content p a, div.pane p a {font-weight:bold;}
div.content p span a, div.pane p span a {font-weight:normal;}

div.content h1 a {color:inherit; font-weight:inherit;}
div.content h1 a:before {content: "";}

div.context a {
  color: #000000;
  font-weight: bold;
  text-decoration:none;
}
div.context a:before {
  content : ">\2009";
  font-weight: normal;
}
div.context h1 a {
  color:inherit;
  font-weight:inherit;
}
div.context h1 a:before {
  content: "";
}
*html .ausstellung div.context h1 a {color:#A3B3AF;}
*+html .ausstellung div.context h1 a {color:#A3B3AF;}


div.box {
  display: inline-block;
  vertical-align: top;
  width: 280px;
  height: 94px;
  margin:0 38px 0 0;
  background: url('/media/box.gif') repeat-x 0 16px #d4cfcc;
  padding: 6px 10px 10px;
  font-family: 'Arial', sans-serif;
  font-size: 14px;
  line-height: 20px;
}
*html div.box {display:inline;}
*+html div.box {display:inline;}
div.last-box {
  margin:0 0 0;
}
div.box h2 {
  display: inline;
  margin: 0 0 0 -10px;
  background: #d4cfcc;
  padding: 0 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
}
*html div.box h2 {zoom:1;}
*+html div.box h2 {zoom:1;}
div.box p {
  margin: 10px 0;
}
div.pane {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  margin: 0 38px 0 0;
  font-family: 'Arial', sans-serif;
  font-size: 14px;
  line-height: 20px;
}
*html div.pane {display:inline;}
*+html div.pane {display:inline;}

div.last-pane {
  margin: 0;
}
div.pane h2 {
  margin: 0 ;
  height: 60px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
}
div.pane p {
 margin: 0 0 20px;
}
div.pane p span {
  display: block;
}
div.content h1.context {
  margin: 30px 0 20px;
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
}
div.content h2.context {
  height:auto;
  margin: 20px 0 -20px;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}


#footer {
  position: absolute;
  bottom: 0;
  left: 11px;
  margin: 0 0 13px; 
}
*html #footer {bottom:38px;}
*+html #footer {bottom:38px;}

.ausstellung h1 {
  color: #a3b3af;
}

.mpg h1 {
  color: #745d4a;
}

.architekten h1 {
  color: #e8c901;
}

.kontakt h1 {
  color: #de3543;
}

.impressum h1 {
  color: #080808;
}
.impressum div.content, .impressum div.context {
  font-size: 12px;
  line-height: 18px;
}
.impressum div.context {
  margin: 52px 0 0;
}
.impressum div.content h2, .impressum div.context h2 {
  margin: 18px 0 0;
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
}
.impressum div.content p, .impressum div.context p {
  margin: 0;
}

#overlay {display: none; overflow:hidden; z-index: 10; position:absolute; left:0; top:0; filter: alpha(opacity=85); opacity: 0.85;-moz-opacity: 0.85;-khtml-opacity: 0.85; background-color:#000; width:100%; height:100%;}
#popup {display: none; color:#fff; z-index:20; position:absolute; left:0px; top:150px; background:#000;}
#popup a{background:url('/media/schliessen.jpg') no-repeat 0 0; display:block; width:26px; height:16px; float:right; margin:11px 8px 0 0;}
.centered {position:relative; top:0;  width: 670px; margin-left: auto;	margin-right: auto; }
img{border:0;}