/* basics //////////////////////////////////// */

/* browser egalisieren */
html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
html {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
:focus {
	outline:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
td {
	vertical-align: top;
}
sup {
	font-size:11px;
	vertical-align:top;
	padding-left:3px;
	padding-right:3px;
}

body {
	margin:0px;
	padding:0px;
	text-align:center;
	background:#000;
	color:#fff;
}
body, td {
	font:14px/19px arial, helvetica, verdana,sans-serif;
}


/*schriften*/

@font-face {
    font-family: 'petitalightregular';
    src: url('bb-fonts/petitalight-webfont.eot');
    src: url('bb-fonts/petitalight-webfont.eot?#iefix') format('embedded-opentype'),
         url('bb-fonts/petitalight-webfont.woff2') format('woff2'),
         url('bb-fonts/petitalight-webfont.woff') format('woff'),
         url('bb-fonts/petitalight-webfont.ttf') format('truetype'),
         url('bb-fonts/petitalight-webfont.svg#petitalightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* layout */

/*zentrierter container*/
.konsole {
	position:relative;
	width:800px;
	margin-top:60px;
	margin-right:auto;
	margin-left:auto;
	display:block;
	text-align:left;
	z-index:2;
	padding-bottom:40px;
}
.logo {
	position:absolute;
	top:4px;
	left:450px;
	width:300px;
}
.inhalt {
	font-family: petitalightregular;
	font-style:italic;
	position:absolute;
	top:74px;
	left:450px;
	width:300px;
	height:550px;
}
.inhaltUnten {
	position:absolute;
	bottom:0px;
}
h1 {
	font-size:16px;
	line-height:21px;
	margin-bottom:8px;
}
a {
	text-decoration:none;
}
.inhalt  a {
	color:#fff;
	border-bottom:1px dotted #fff;
}



/*diaschau*/
.slideshow, .slideshowUI {
	position:absolute;
	top:20px;
	left:0px;
	width:397px;
	height:600px;
	display:none;
	cursor:pointer;
}
.slideshowUI {/*klickbarer layer*/
	display:block;
}
.slideshowUI:hover {
	background-image:url(bb-imgs/pfeil-rechts.png);
	background-position:357px,285px;
	background-repeat:no-repeat;
}
.slideshow img {
	width:100%;
	height:100%;
}