html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

html {
	overflow:hidden;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
:focus {
	outline:none;
}
body {
	margin:0px;
	padding:0px;
	background:#fff;
	border:1px solid #bbb;
	text-align:center;
}


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

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

}

.konsole {
	position:relative;
	top:0px;
	margin-left:auto;
	margin-right:auto;
	width:258px;
	height:248px;
	border:0;
	/*padding:0px 20px 0px 20px;*/
	display:block;
	background:#fff;
	text-align:left;
}
#kontrolle {
	display:none;
}



.logo {
	position:relative;
	top:20px;	
	width:100%;
	height:85px;
	text-align:center;
	display:block;
	overflow:hidden;
	border-bottom:1px solid #000;
}
.logo-innen {
	position:relative;
	top:0px;	
	width:60%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	display:block;
	overflow:hidden;
}
.logo img {
	max-width:100%;
	height:100%;
	height:auto;
}

.logo-byline {
	font:15px/21px amiriregular, helvetica, serif;
	padding-top:0px;
	text-transform:uppercase;
}
.logo a, .logo a:hover, .logo a:focus, .logo a:active {
	color:#000;
	text-decoration:none;
	border:0;
}





.bb-teaser {
	position:absolute;
	top:120px;
	left:0px;
	background:#fff;
	width:100%;
	height:100px;
	display:block;
}

.bb-teaser a {
	font:21px/24px bitterregular, helvetica, sans-serif;
	border:0;
	color:#000;
	text-decoration:none;
	padding-left:24px;
	display:inline-block;
	background:url(images/pfeil-r.png);
	background-repeat:no-repeat;
	background-size:16px auto;
	background-position:0px 4px;
}
.bb-teaser a:hover, .bb-teaser a:focus {
	color:#00a5a0;
}



@media only screen and (max-width: 299px) {

	.konsole {
		width:228px;
		height:214px;
		overflow:hidden;
	}
	.logo {
		top:10px;	
		height:70px;
	}
	.logo-byline {
		font:13px/18px amiriregular, helvetica, serif;
	}
	.bb-teaser {
		top:90px;
	}
}

@media only screen and (max-width: 220px) {

	.konsole {
		width:190px;
		height:163px;
		overflow:hidden;
	}
	.logo {
		top:6px;	
		height:70px;
	}
	.logo-byline {
		font:11px/14px amiriregular, helvetica, serif;
	}
	.bb-teaser {
		top:82px;
	}
	.bb-teaser a {
		font:16px/19px bitterregular, helvetica, sans-serif;
	}
}