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

}
@font-face {
    font-family: 'GudeaBold';
    src: url('gudea-bold-webfont.eot');
    src: url('gudea-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('gudea-bold-webfont.woff') format('woff'),
         url('gudea-bold-webfont.ttf') format('truetype'),
         url('gudea-bold-webfont.svg#GudeaBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GudeaItalic';
    src: url('gudea-italic-webfont.eot');
    src: url('gudea-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('gudea-italic-webfont.woff') format('woff'),
         url('gudea-italic-webfont.ttf') format('truetype'),
         url('gudea-italic-webfont.svg#GudeaItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
body {
	font-family: 'GudeaRegular', sans-serif;
}
a {
	text-decoration: none;
}
p {
	margin: 1em 0;
}
h1, h2 {
	font-size: 28px;
	font-family: 'GudeaBold';
}
h3 {
	font-size: 16px;
	font-family: 'GudeaBold';
	margin-top: 0.35em;
}
iframe {
	border: none;
	overflow: hidden;
	margin: 0;
}
.wrapper {
	background-image: url(../img/gradient_header.png);
	background-repeat: repeat-x;
	height: 211px;
}
.topBar {
	background-color: #1a3494;
	height: 36px;
}
.logo {
	position: relative;
	top: 15px;
	left: 40px;
	background: url(../img/bsb_logo.jpg);
	height:196px;
	width: 495px;
}
.banner {
	position: absolute;
	top:0;
	right: 88px;
	height: 211px;
	width: 370px;
	background:url(../img/header_banner.png);
}
.cert {
	position: absolute;
	top: 143px;
	right: 44px;
	background:url(../img/iwa_cert.png);
	width: 143px;
	height: 151px;
	z-index: 101;
}
.navigation {
	position: absolute;
	bottom: -85px;
	left: 68px;
	width: 613px;
	height: 50px;
	z-index: 202;
}
.navigation li {
	display: block;
	float: left;
	width: 120px;
	height: 33px;
	background:url(../img/nav.png);
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 900;
	line-height: 30px;
	margin: 0 1px;
}
.navigation li.active, .navigation li:hover {	
	background: url("../img/nav_activ.png") repeat scroll 0 0 transparent;
	color: #FFF;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 900;
	height: 66px;
	line-height: 72px;
	margin: 0 1px;
	text-transform: uppercase;
	width: 120px;
}
ul#topnav a, ul#topnav span,
ul#topnav .active a, ul#topnav .active span {
	color: #FFF;
	clear: both;
	float: left;
	height: 33px;
	width: 120px;
	line-height: 30px;
	text-decoration: none;
	text-transform: uppercase;
}
ul#topnav .active a, ul#topnav .active span {
	height: 66px;
	line-height: 72px;
}
ul#topnav li a:hover {
	height: 66px;
}
.topBarBorder {
	height: 13px;
	background: url(../img/gradient_navbar.png) repeat-x;
	margin-bottom: -8px;
}
.mainBg {
	height: 696px;
	background: url(../img/bsb_background.jpg);
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;		
}
.kontakt .mainBg {
	height: 1550px;
}
.content {
	margin-top: 3em;
	margin-left: 36px;
	text-align: left;
}
.hr {
	width: 621px;
	height: 10px;
	background:url(../img/lhl.png);
}
.content .hr {
	margin-top: 1em;
}
.content.fleet {
	background:url(../img/content_bagger.png) no-repeat 300px 0;
	height: 443px;
}	
.main_col {
	width: 640px;
	min-height: 600px;
	float: left;
	margin-top: 1em;
	margin-bottom: 1.5em;
	background:url(../img/lvl.png) no-repeat right 0;
}
.full {
	margin-top: 2em;
}
.full h2 {
	margin-bottom: 0.75em;
}
.history {
	width: 620px;
	height: 41px;
	background: url(../img/timeline.png) no-repeat;
	padding-left: 2em;
	position: relative;
	left: -20px;
}
.timeline {
	font-family: 'GudeaItalic';
	width: 7.25em;
	margin-right: 1em;
	margin-top: 1.05em;
	float: left;
	font-size: 13px;
	color: #898989;
}
.timeline.p2 {
	width: 5.5em;
	margin-right: 0.8em;
}	
.timeline.p1 {
	width: 7em;
	margin-right: 0.75em;
}
.timeline.p3 {
	width: 8em;
}
.timeline.p5 {
	margin-right: 0.6em;
}
.timeline span {
	font-size: 28px;
	color: #ebeaea;
	display: block;
}
.right_col {
	width: 186px;
	float: right;
	margin-top: 1em;
}

.right_col h2.block {
	padding-top: 0.4em;
	background:url(../img/shl.png) no-repeat 0 0;
	margin-bottom: 0.35em;
}
.right_col p {
	font-size: 14px;
	margin-top: 0;
}
.right_col p a {
	text-decoration: underline;
	color: #000;
}
.right_col p.block {
	margin-bottom: 1.43em;
}
.right_col p.last {
	margin-bottom: 1em;
}

.main_col .block {
	margin-top: 1em;
	width: 20em;
}
.main_col .block.full {
	min-height: 33em;
}
.main_col .block ul {
	list-style: inside;
}
.main_col .block li {
	margin: 1em 0;
}
.main_col .block dt {
	float: left;
}
.main_col .block dd {
	margin: 0 0 0.3em 7.5em;
}
.main_col a img {
    background: none repeat scroll 0 0 white;
    border: 1px solid #BBBBBB;
    margin: 7px 14px 7px 0;
    padding: 5px;
    width: 160px;
}

.footerWrapper {
}
.footer_gradient {
	height: 38px;
	background:url(../img/gradient_footer.png) repeat-x;
}
.footer {
	background: #1a3494;
	height: 120px;
	color: #fff;
	position:relative;
	z-index: 40;
}
.footer a {
	color: #fff;
}
.footerWrapper {
	margin-top: -38px;
}
.footer ul, .footer li {
	display: inline;
}
.main_wrapper {
	text-align: center;
	width: 944px;
	margin: 0 auto;
	height: 100%;
	position: relative;
}
.wrapper_left, .wrapper_right {
	width: 33px;
	background: url(../img/gradient_left.png) repeat-y;
	height: 100%;
	float: left;
}
.wrapper_right {
	background: url(../img/gradient_right.png) repeat-y;
	float: right;
}
.wrapper_content {
	width: 878px;
	height:auto;
	float: left;
	background: url(../img/contentBg.png);
	height: 100%;
	position:relative;
	z-index:20;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}