/* # # # # # # # # # # # # # # # # # # # # # # # # # MAIN CONFIGURATION # # # # # # # # # # # # # */
body {
background-image:			url(../images/background.png);
background-repeat:			repeat-x;
background-color: 			#fefefe;
margin: 					0px;
font-family: 				AvenirLTStd-Roman;
font-size: 					14px;
font-weight: 				normal;
font-style: 				normal;
color: 						#646464;
line-height: 				18px;
vertical-align: 			middle;
text-align: 				center;
}
#wrapper {
text-align: 				left;
vertical-align: 			middle;
margin: 					0px auto;
width: 						980px;
height: 					auto;
float: 						none;
position: 					relative;
}
#logo {
text-align: 				left;
vertical-align: 			middle;
width: 						47px;
height: 					47px;
margin:						40px 0px 0px 0px;
float: 						left;
position: 					relative;
}
#menu {
text-align: 				right;
vertical-align: 			middle;
width: 						auto;
height: 					auto;
margin:						40px 0px 0px 0px;
float: 						right;
position: 					relative;
}
#menu a:link {
font-family: 				AvenirLT-Book;
font-size: 					15px;
font-weight: 				normal;
font-style: 				normal;
text-transform:				uppercase;
color: 						#000;
text-decoration:			none;
border-bottom:				0px;
margin-left:				15px;
}
#menu a:visited {
font-family: 				AvenirLT-Book;
font-size: 					15px;
font-weight: 				normal;
font-style: 				normal;
text-transform:				uppercase;
color: 						#000;
text-decoration:			none;
border-bottom:				0px;
margin-left:				15px;
}
#menu a:hover {
font-family: 				AvenirLT-Book;
font-size: 					15px;
font-weight: 				normal;
font-style: 				normal;
text-transform:				uppercase;
color: 						#1b77d1;
text-decoration:			none;
border-bottom:				0px;
margin-left:				15px;
}
.menue-active {
font-family: 				AvenirLT-Heavy;
font-size: 					15px;
font-weight: 				normal;
font-style: 				normal;
text-transform:				uppercase;
color: 						#000;
text-decoration:			none;
border-bottom:				0px;
margin-left:				15px;
border-bottom:				1px solid #000;
}
#content {
text-align: 				left;
vertical-align: 			middle;
margin: 					90px 0px 0px 0px;
width: 						980px;
height: 					auto;
float: 						left;
position: 					relative;
}
#content-box {
text-align: 				left;
vertical-align: 			middle;
margin: 					0px 0px 0px 0px;
padding-bottom:				70px;
width: 						980px;
height: 					auto;
border-bottom:				1px solid #f3f3f3;
float: 						left;
position: 					relative;
}
#content-box-se {
text-align: 				left;
width: 						auto;
height: 					auto;
margin-top:					180px;
float: 						left;
position: 					relative;
}
#headline {
text-align: 				left;
vertical-align: 			middle;
margin: 					20px 0px 30px 0px;
width: 						980px;
height: 					111px;
float: 						left;
position: 					relative;
}
#portfolio {
text-align: 				left;
margin-top:					30px;
padding-top:				30px;
padding-bottom:				30px;
width: 						980px;
height: 					auto;
border-top:					3px solid #000;
float: 						left;
position: 					relative;
}
/* #################################### NEWS ####################################### */

#content-box-left {
margin: 					0px 0px 0px 0px;
width: 						220px;
height: 					auto;
display:					block;
float: 						right;
position: 					relative;
}
#content-box-right {
margin: 					0px 0px 0px 0px;
width: 						760px;
height: 					auto;
border-bottom:				1px solid #000;
padding-bottom:				100px;
margin-bottom:				100px;
float: 						left;
position: 					relative;
}
#content-box-right a:link {
font-size:					14px;
color:						#1b77d1;
border:						0px;
text-decoration:			none;
}
#content-box-right a:visited {
font-size:					14px;
color:						#1b77d1;
border:						0px;
text-decoration:			none;
}
#content-box-right a:hover {
font-size:					14px;
color:						#1b77d1;
border:						0px;
text-decoration:			underline;
}
.backbutton:link {
margin: 					0px 0px 10px 0px;
width: 						140px;
height: 					auto;
padding-left:				0px;
padding-bottom:				2px;
font-family: 				AvenirLT-Book;
font-size:					14px;
color:						#1b77d1;
display:					block;
border-bottom:				1px solid #1b77d1;
float:						right;
}
.backbutton:visited {
margin: 					0px 0px 10px 0px;
width: 						140px;
height: 					auto;
padding-left:				0px;
padding-bottom:				2px;
font-family: 				AvenirLT-Book;
font-size:					14px;
color:						#1b77d1;
display:					block;
border-bottom:				1px solid #1b77d1;
}
.backbutton:hover {
margin: 					0px 0px 10px 0px;
width: 						140px;
height: 					auto;
padding-left:				0px;
padding-bottom:				2px;
font-family: 				AvenirLT-Book;
font-size:					14px;
color:						#000;
display:					block;
border-bottom:				1px solid #000;
}
#newsbox {
margin: 					0px 0px 0px 0px;
width: 						auto;
height: 					auto;
padding-bottom:				40px;
float: 						left;
position: 					relative;
}
.newstext {
font-family: 				AvenirLTStd-Roman;
font-size: 					12px;
font-weight: 				normal;
font-style: 				normal;
color: 						#646464;
}
/* #################################### NEWS ####################################### */


/* #################################### FOOTER ##################################### */
#footer {
width: 						980px;
height: 					auto;
margin-top:					70px;
padding-bottom:				50px;
float: 						left;
position: 					relative;
}
#footer a:link {
font-size:					12px;
color:						#000;
border:						0px;
text-decoration:			none;
margin-right:				10px;
}
#footer a:visited {
font-size:					12px;
color:						#000;
border:						0px;
text-decoration:			none;
margin-right:				10px;
}
#footer a:hover {
font-size:					12px;
color:						#000;
border:						0px;
text-decoration:			none;
margin-right:				10px;
}
#footer-left {
width: 						auto;
height: 					auto;
float: 						left;
position: 					relative;
}
#footer-right {
width: 						auto;
height: 					auto;
float: 						right;
position: 					relative;
}
/* #################################### FOOTER ##################################### */


/* #################################### WEBFONT #################################### */
.AvenirLTStd-Roman { 
	font-family: AvenirLTStd-Roman;
	font-weight: normal;
	font-style: normal;
}
.AvenirLT-Book { 
	font-family: AvenirLT-Book;
	font-weight: normal;
	font-style: normal;
}
.AvenirLT-Heavy { 
	font-family: AvenirLT-Heavy;
	font-weight: normal;
	font-style: normal;
}
/* #################################### WEBFONT #################################### */

/* #################################### STARTSEITE ################################# */
#vbig {
padding-right:				20px;
padding-top:				190px;
}
.vbig-inner {
font-family: 				Copernicus-Book;
font-size: 					75px;
font-weight: 				normal;
font-style: 				normal;
letter-spacing:				-2px;
background-color:			#000;
padding-left:				20px;
padding-right:				20px;
}
#content-box-startseite {
background-image:			url(../images/start.png);
text-align: 				center;
vertical-align: 			middle;
margin: 					0px 0px 20px 0px;
width: 						980px;
height: 					600px;
color:						#fff;
float: 						left;
position: 					relative;
}
#content-box-startseite:hover {
text-align: 				center;
vertical-align: 			middle;
margin: 					0px 0px 20px 0px;
width: 						980px;
height: 					600px;
color: 						#fff;
float: 						left;
position: 					relative;
}
/* #################################### STARTSEITE ################################# */

/* #################################### SUBSITES ################################### */
#profil-vbig {
font-family: 				Copernicus-Book;
font-size: 					75px;
font-weight: 				normal;
font-style: 				normal;
letter-spacing:				-2px;
line-height:				75px;
padding-right:				20px;
padding-top:				65px;
cursor:						url(../images/cursor.png),url(http://www.bmuadvertising.com/images/cursor.cur),auto;
}
#content-box-profil {
text-align: 				center;
vertical-align: 			middle;
margin: 					0px 0px 20px 0px;
width: 						980px;
height: 					200px;
color:						#fff;
background-color:			#000;
float: 						left;
position: 					relative;
cursor:						url(../images/cursor.png),url(http://www.bmuadvertising.com/images/cursor.cur),auto;
}
#content-box-profil:hover {
text-align: 				center;
vertical-align: 			middle;
margin: 					0px 0px 20px 0px;
width: 						980px;
height: 					200px;
color: 						#000;
background-color:			#fefefe;
float: 						left;
position: 					relative;
cursor:						url(../images/cursor.png),url(http://www.bmuadvertising.com/images/cursor.cur),auto;
}


#portfolio-vbig {
font-family: 				Copernicus-Book;
font-size: 					75px;
font-weight: 				normal;
font-style: 				normal;
letter-spacing:				-2px;
line-height:				75px;
padding-right:				20px;
padding-top:				65px;
cursor:						url(../images/cursor.png),url(http://www.bmuadvertising.com/images/cursor.cur),auto;
}
#content-box-portfolio {
text-align: 				center;
vertical-align: 			middle;
margin: 					0px 0px 20px 0px;
width: 						980px;
height: 					200px;
color:						#fff;
background-color:			#000;
float: 						left;
position: 					relative;
cursor:						url(../images/cursor.png),url(http://www.bmuadvertising.com/images/cursor.cur),auto;
}
#content-box-portfolio:hover {
text-align: 				center;
vertical-align: 			middle;
margin: 					0px 0px 20px 0px;
width: 						980px;
height: 					200px;
color: 						#000;
background-color:			#fefefe;
float: 						left;
position: 					relative;
cursor:						url(../images/cursor.png),url(http://www.bmuadvertising.com/images/cursor.cur),auto;
}
/* #################################### SUBSITES ################################### */

/* #################################### �BERSCHRIFTEN ############################## */


@font-face{ 
	font-family: 'Copernicus-Book';
	src: url('webfonts/Copernicus-Book.eot');
	src: url('http://www.bmuadvertising.com/common/webfonts/Copernicus-Book#iefix') format('embedded-opentype'),
	     url('webfonts/Copernicus-Book.woff') format('woff'),
	     url('webfonts/Copernicus-Book.svg') format('svg');
}

h1 {
font-family: 				Copernicus-Book;
font-size: 					45px;
font-weight: 				normal;
font-style: 				normal;
letter-spacing:				-2px;
color: 						#000;
}
.h1e {
font-family: 				Copernicus-Book;
font-size: 					45px;
font-weight: 				normal;
font-style: 				normal;
letter-spacing:				-2px;
color: 						#000;
margin-top:					70px;
}
.h1e2 {
font-family: 				Copernicus-Book;
font-size: 					45px;
font-weight: 				normal;
font-style: 				normal;
letter-spacing:				-2px;
color: 						#000;
line-height:				55px;
margin-top:					0px;
}
h2 {
font-family: 				AvenirLT-Heavy;
font-size: 					18px;
font-weight: 				normal;
font-style: 				normal;
color: 						#000;
}
h2 a:link {
font-family: 				AvenirLT-Heavy;
font-size: 					18px;
font-weight: 				normal;
font-style: 				normal;
color: 						#000;
margin-top:					0px;
border-bottom:				0px;
text-decoration:			none;
}
h2 a:visited {
font-family: 				AvenirLT-Heavy;
font-size: 					18px;
font-weight: 				normal;
font-style: 				normal;
color: 						#000;
margin-top:					0px;
border-bottom:				0px;
text-decoration:			none;
}
h2 a:hover {
font-family: 				AvenirLT-Heavy;
font-size: 					18px;
font-weight: 				normal;
font-style: 				normal;
color: 						#1b77d1;
margin-top:					0px;
border-bottom:				0px;
text-decoration:			none;
}
h3 {
font-family: 				AvenirLT-Heavy;
font-size: 					21px;
font-weight: 				normal;
font-style: 				normal;
color: 						#000;
line-height:				25px;
letter-spacing:				-0.6px;
padding-bottom:				20px;
}
.h3e {
font-family: 				AvenirLT-Heavy;
font-size: 					23px;
font-weight: 				normal;
font-style: 				normal;
color: 						#000;
line-height:				55px;
letter-spacing:				-0.6px;
padding-bottom:				0px;
margin-bottom:				5px;
}
.h3e2 {
font-family: 				AvenirLT-Heavy;
font-size: 					23px;
font-weight: 				normal;
font-style: 				normal;
color: 						#000;
line-height:				25px;
letter-spacing:				-0.6px;
padding-bottom:				0px;
margin-bottom:				10px;
}
h4 {
font-family: 				AvenirLT-Heavy;
font-size: 					22px;
font-weight: 				normal;
font-style: 				normal;
color: 						#000;
margin-top:					0px;
margin-bottom:				10px;
}
h4 a:link {
font-family: 				AvenirLT-Heavy;
font-size: 					18px;
font-weight: 				normal;
font-style: 				normal;
color: 						#000;
margin-top:					0px;
margin-bottom:				10px;
border-bottom:				0px;
text-decoration:			none;
}
h4 a:visited {
font-family: 				AvenirLT-Heavy;
font-size: 					18px;
font-weight: 				normal;
font-style: 				normal;
color: 						#000;
margin-top:					0px;
margin-bottom:				10px;
border-bottom:				0px;
text-decoration:			none;
}
h4 a:hover {
font-family: 				AvenirLT-Heavy;
font-size: 					18px;
font-weight: 				normal;
font-style: 				normal;
color: 						#1b77d1;
margin-top:					0px;
margin-bottom:				10px;
border-bottom:				0px;
text-decoration:			none;
}
h5 {
font-family: 				Copernicus-Book;
font-size: 					11px;
font-weight: 				normal;
font-style: 				normal;
color: 						#1b77d1;
margin-top:					0px;
margin-bottom:				5px;
}
h6 {
font-family: 				Copernicus-Book;
font-size: 					28px;
font-weight: 				normal;
font-style: 				normal;
letter-spacing:				-1px;
line-height:				40px;
margin-top:					60px;
margin-bottom:				15px;
color: 						#000;
}
/* #################################### �BERSCHRIFTEN ############################## */


/* #################################### LINKS UND LISTEN ########################### */
a:link {
font-family: 				AvenirLT-Book;
font-weight: 				normal;
font-style: 				normal;
color: 						#1b77d1;
border-bottom:				1px solid #ccc;
text-decoration:			none;
}
a:visited {
font-family: 				AvenirLT-Book;
font-weight: 				normal;
font-style: 				normal;
color: 						#1b77d1;
border-bottom:				1px solid #ccc;
text-decoration:			none;
}
a:hover {
font-family: 				AvenirLT-Book;
font-weight: 				normal;
font-style: 				normal;
color: 						#1b77d1;
border-bottom:				1px solid #000;
text-decoration:			none;
}
ul, li {
list-style-type:			none;
margin:						0px 0px 5px 0px;
padding:					0px;
}
.ul-kunden {
list-style-type:			none;
color:						#000;
margin:						0px 0px 10px 0px;
padding:					0px;
}
.on {
font-family: 				Copernicus-Book;
font-size: 					13px;
font-weight: 				normal;
font-style: 				normal;
text-transform:				uppercase;
color: 						#fff;
background-color: 			#1b77d1;
text-decoration:			none;
border-bottom:				0px;
padding:					1px;
margin-right:				5px;
}
/* #################################### LINKS UND LISTEN ########################### */


/* #################################### SCHROTT #################################### */
.grey {
font-family: 				AvenirLTStd-Roman;
font-weight:				normal;
font-style:					normal;
color:						#646464;
}
b {
font-family: 				AvenirLT-Heavy;
color:						#000;
font-weight:				normal;
font-style:					normal;
}
.contactimage {
margin-bottom:				50px;
}
::-moz-selection
{
background:#000;
color:#fff;
}
::selection 
{
background:#000;
color:#fff;
}
.newsimage
{
margin-top:					20px;
border:						0px;
}
/* #################################### SCHROTT #################################### */





/* #################################### CONTACT #################################### */

#contact-box-left {
width:						570px;
height:						auto;
margin: 					0px 0px 0px 0px;
padding-bottom:				0px;
width: 						auto;
height: 					auto;
float: 						left;
position: 					relative;
}
#contact-box-right {
margin: 					0px 0px 0px 0px;
padding-bottom:				0px;
width: 						auto;
height: 					auto;
float: 						right;
position: 					relative;
}
#formfield {
margin-bottom:				15px;
float: 						none;
position: 					relative;
}
.formfield-text {
display:					block;
margin-bottom:				5px;
}
input {
height:						auto;
width:						390px;
background-color:			#fefefe;
-moz-border-radius:			2px;
-webkit-border-radius:		2px;
border-radius:				2px;
border:						1px solid #dcdcdc;
display:					inline-block;
color:						#646464;
font-family:				AvenirLTStd-Roman;
font-size:					14px;
padding:					10px;
text-decoration:			none;
}
textarea {
height:						auto;
width:						390px;
background-color:			#fefefe;
-moz-border-radius:			2px;
-webkit-border-radius:		2px;
border-radius:				2px;
border:						1px solid #dcdcdc;
display:					inline-block;
color:						#646464;
font-family:				AvenirLTStd-Roman;
font-size:					14px;
padding:					10px;
text-decoration:			none;
}
.button {
height:						auto;
width:						auto;
background-color:			#000;
-moz-border-radius:			2px;
-webkit-border-radius:		2px;
border-radius:				2px;
border:						1px solid #000;
display:					inline-block;
cursor:						pointer;
color:						#fff;
font-family:				AvenirLTStd-Roman;
font-size:					13px;
padding:					10px;
text-decoration:			none;
text-transform:				uppercase;
}
#alert {
background-color:			#000;
-moz-border-radius:			2px;
-webkit-border-radius:		2px;
border-radius:				2px;
border:						1px solid #000;
color:						#fff;
padding:					10px;
margin-bottom:				15px;
display:					block;
position: 					relative;
}
/* #################################### CONTACT #################################### */





/* #################################### SCROLL ##################################### */
/* Tiny Scrollbar */
#scrollbar1 { width: 980px;}
#scrollbar1 .viewport { width: 900px; height: 300px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(http://www.bmuadvertising.com/images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(http://www.bmuadvertising.com/images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(http://www.bmuadvertising.com/images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(http://www.bmuadvertising.com/images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
/* #################################### SCROLL ##################################### */


#scrollbar2 { width: 580px; margin: 0 0 0px; }
#scrollbar2 .viewport { width: 980px; height: 650px; overflow: hidden; position: relative; }
#scrollbar2 .overview { list-style: none; width: 10000px; padding: 0; margin-top: 30px; position: absolute; left: 0; top: 0;  }
#scrollbar2 .overview img{ float: left; }
#scrollbar2 .scrollbar{ background-color: #fff; position: relative; margin: 0 0 5px; clear: both; height: 5px; }
#scrollbar2 .track { background-color: #f9f9f9; width: 100%; height:5px; position: relative; }
#scrollbar2 .thumb { background-color: #000; height: 15px; cursor: pointer; overflow: hidden; position: absolute; left: 0; top: -5px; }
#scrollbar2 .thumb .end{ background: transparent url(http://www.bmuadvertising.com/images/bg-scrollbar-thumb-x.png) no-repeat 0 50%; overflow: hidden; height: 25px; width: 5px;}
#scrollbar2 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


/*
#scrollbar2 { width: 580px; margin: 0 0 0px; }
#scrollbar2 .viewport { width: 980px; height: 500px; overflow: hidden; position: relative; }
#scrollbar2 .overview { list-style: none; width: 1416px; padding: 0; margin: 0; position: absolute; left: 0; top: 0;  }
#scrollbar2 .overview img{ float: left; }
#scrollbar2 .scrollbar{ background-color: #fff; position: relative; margin: 0 0 5px; clear: both; height: 5px; }
#scrollbar2 .track { background-color: #f9f9f9; width: 100%; height:5px; position: relative; }
#scrollbar2 .thumb { background-color: #000; height: 15px; cursor: pointer; overflow: hidden; position: absolute; left: 0; top: -5px; }
#scrollbar2 .thumb .end{ background: transparent url(http://www.bmuadvertising.com/images/bg-scrollbar-thumb-x.png) no-repeat 0 50%; overflow: hidden; height: 25px; width: 5px;}
#scrollbar2 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
*/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace .pace-progress {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 10px;
  background: #000;

  -webkit-transition: -webkit-transform .3s, width 1s;
  -moz-transition: width 1s;
  -o-transform: width 1s;
  transition: transform .3s, width 1s;

  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);

  pointer-events: none;
}

.pace.pace-active .pace-progress {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}