/* Tags */
html {
	/*height: 100%;*/
}

a:link, a:visited {
	color: #444;
	text-decoration: underline;
}

a:focus, a:hover {
	color: #7a7878;
}

body {
	background: url('../images/background.png') right repeat-y;
	color: #7a7878;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	line-height: 1.3;
}

h1 {
	color: #000;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 2.5em;
}

p {
	padding-bottom: 0.8em;
}

q {
	color: #000;
	font-style: italic;
}
q:after { content: "“"; }
q:before { content: "„"; }

sub {
  font-size: 0.64em;
  vertical-align: bottom;
}



/* IDs */
#content {
	float: left;
	margin: 22px 81px;
	width: 415px;
}

#footer {
	border-top: 1px solid #ccc;
	font-size: 9px;
	margin: 2em 0px;
	padding-top: 2px;
	text-align: right;
}

#headline {
	float: left;
	/*height: 26px;*/
	margin: 34px 27px 0px;
	width: 469px;
}

#logo {
	background: url('../images/logo.png') no-repeat top right;
	height: 32px;
	position: absolute;
	right: 77px;
	top: 19px;
	width: 195px;
}

#navigation {
	border-bottom: 1px solid #ccc;
	height: 20px;
	margin: 64px 135px 46px;
	width: 720px;
}

#picture {
	float: left;
	height: 359px;
	width: 359px;
}

#slogan {
	background: url('../images/slogan.png') no-repeat bottom right;
	height: 275px;
	position: fixed;
	right: 0px;
	bottom: 0px;
	width: 60px;
}

#wrapper {
	clear: both;
	width: 1000px;
}



/* Navigation */
#nav-ausstellung { 	width: 77px; background: url('../images/nav-ausstellung.png'); }
#nav-kontakt { 			width: 53px; background: url('../images/nav-kontakt.png'); }
#nav-partner { 			width: 51px; background: url('../images/nav-partner.png'); }
#nav-planung { 			width: 54px; background: url('../images/nav-planung.png'); }
#nav-referenzen { 	width: 75px; background: url('../images/nav-referenzen.png'); }
#nav-ueber_uns { 		width: 61px; background: url('../images/nav-ueber_uns.png'); }

.nav-button {
	background: top left no-repeat;
	float: left;
	margin-right: 17px;
	height: 20px;
}

.nav-button-active,
.nav-button:hover {
	background-position: bottom left !important;
}

.nav-button img {
	height: 20px;
	width: 100%;
}



/* Referenzen */
dl#references {
	width: 800px;
}

dl#references dd {
	display: block;
	float: left;
	height: 75px;
	margin-bottom: 6px;
	margin-left: 6px;
	width: 75px;
}

dl#references dt {
	background-color: #f0f0f0;
	clear: both;
	display: block;
	float: left;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 4em;
	height: 75px;
	margin-bottom: 6px;
	text-align: center;
	width: 75px;
}

dl#references dt span {
	display: block;
	margin-top: 6px;
}

dl#references dd img {
	height: 75px;
	width: 75px;
}



/* Klassen */
p span.highlight { font-weight: bold; }
.highlight { color: #000; }
.inv { display: none; }
.padding-top {
	padding-top: 0.8em;
}