/* # # # # # # # # # # # # # # # # # # # # # # # # # MAIN CONFIGURATION # # # # # # # # # # # # # */
html, body {
background-image: url(../../imgs/sitebg.gif);
background-repeat: repeat-x;
background-color: #fff;
margin: 0px;
font-family: "Arial", Sans-Serif;
font-size: 12px;
color: #222222;
line-height: 17px;
font-weight: normal;
vertical-align: middle;
text-align: center;
}
#wrapper {
text-align: left;
vertical-align: middle;
margin: 0px auto;
width: 980px;
height: auto;
float: none;
position: relative;
}
#head {
background-color: #000;
width: auto;
height: auto;
float: none;
position: relative;
}
#logo {
width: auto;
height: auto;
float: left;
position: relative;
}
#navi {
width: auto;
height: auto;
margin-top: 15px;
float: right;
position: relative;
}
#navi a:link {
font-size: 11px;
text-decoration: none;
font-weight: normal;
color: #aeff00;
margin-left: 15px;
}
#navi a:visited {
font-size: 11px;
text-decoration: none;
font-weight: normal;
color: #aeff00;
margin-left: 15px;
}
#navi a:hover {
font-size: 11px;
text-decoration: underline;
font-weight: normal;
color: #aeff00;
margin-left: 15px;
}
.activenavi{
font-weight: normal;
color: #cc00ff;
font-size: 11px;
margin-left: 15px;
}


#content {
width: 980px;
height: auto;
margin-top: 30px;
/*border-top: 1px solid #e000ff;*/
padding-top: 20px;
padding-bottom: 60px;
float: left;
}
#c_left {
width: 680px;
height: auto;
margin-right: 40px;
margin-bottom: 60px;
float: left;
}
#c_right {
font-size: 11px;
width: 250px;
height: auto;
margin-top: 10px;
margin-bottom: 60px;
float: left;
}
#footer {
background-image: url(../../imgs/footerbg.gif);
background-repeat: repeat-x;
font-size: 11px;
width: 980px;
height: auto;
padding-top: 15px;
display: inline-block;
clear: both;
}
.footer_left {
width: 225px;
height: auto;
float: left;
}
.footer_middle {
width: 265px;
height: auto;
float: left;
}
.footer_right {
width: 210px;
height: auto;
float: right;
}

.kontakt_left {
width: 240px;
height: auto;
float: left;
}

a:link {
text-decoration: none;
font-weight: normal;
color: #cc00ff;
}
a:visited {
text-decoration: none;
font-weight: normal;
color: #cc00ff;
}
a:hover {
text-decoration: underline;
font-weight: normal;
color: #cc00ff;
}
/* # # # # # # # # # # # # # # # # # # # # # # # # # MAIN CONFIGURATION # # # # # # # # # # # # # */

/* # # # # # # # # # # # # # # # # # # # # # # # # # MAIN HEADLINES # # # # # # # # # # # # # # # */
.startseite{
background-image: url(../../imgs/hdls/startseite1.png);
background-repeat: no-repeat;
width:686px;
height:52px;
margin-bottom: 30px;
display:block;
text-indent: -4000%;
}
.mission_intro{
background-image: url(../../imgs/hdls/mission_intro.png);
background-repeat: no-repeat;
width:232px;
height:21px;
margin-top: 20px;
margin-bottom: 10px;
display:block;
text-indent: -4000%;
}
.neue_arbeiten{
background-image: url(../../imgs/hdls/neue_arbeiten.png);
background-repeat: no-repeat;
width:107px;
height:8px;
margin-bottom: 10px;
display:block;
text-indent: -4000%;
}
.in_arbeit{
background-image: url(../../imgs/hdls/in_arbeit.png);
background-repeat: no-repeat;
width:66px;
height:8px;
margin-top: 20px;
margin-bottom: 10px;
display:block;
text-indent: -4000%;
}
.news{
background-image: url(../../imgs/hdls/news.png);
background-repeat: no-repeat;
width:38px;
height:8px;
margin-top: 20px;
margin-bottom: 10px;
display:block;
text-indent: -4000%;
}
.entdecke_bmu{
background-image: url(../../imgs/hdls/entdecke_bmu.png);
background-repeat: no-repeat;
width:105px;
height:8px;
margin-top: 20px;
margin-bottom: 10px;
display:block;
text-indent: -4000%;
}

/* # # # # FOOTER # # # # # */
.kontakt_aufnehmen{
background-image: url(../../imgs/hdls/kontakt_aufnehmen.png);
background-repeat: no-repeat;
width:147px;
height:8px;
margin-top: 15px;
margin-bottom: 10px;
display:block;
text-indent: -4000%;
}
.klassiker{
background-image: url(../../imgs/hdls/klassiker.png);
background-repeat: no-repeat;
width:125px;
height:8px;
margin-top: 15px;
margin-bottom: 10px;
display:block;
text-indent: -4000%;
}
.bmu_network{
background-image: url(../../imgs/hdls/bmu_network.png);
background-repeat: no-repeat;
width:71px;
height:8px;
margin-top: 15px;
margin-bottom: 8px;
display:block;
text-indent: -4000%;
}
/*.kompetenzen{
background-image: url(../../imgs/hdls/kompetenzen.png);
background-repeat: no-repeat;
width:101px;
height:10px;
margin-top: 15px;
margin-bottom: 8px;
display:block;
text-indent: -4000%;
}*/
.was_noch{
background-image: url(../../imgs/hdls/was_noch.png);
background-repeat: no-repeat;
width:120px;
height:8px;
margin-top: 15px;
margin-bottom: 10px;
display:block;
text-indent: -4000%;
}
/* # # # # FOOTER # # # # # */

/* # # # # NEWS # # # # # # */
.newshd{
background-image: url(../../imgs/hdls/newshd.png);
background-repeat: no-repeat;
width:687px;
height:147px;
margin-bottom: 30px;
display:block;
text-indent: -4000%;
}
.publikationen{
background-image: url(../../imgs/hdls/publikationen.png);
background-repeat: no-repeat;
width:103px;
height:8px;
margin-top: 20px;
margin-bottom: 10px;
display:block;
text-indent: -4000%;
}
/* # # # # NEWS # # # # # # */

/* # # # # DIE MISSION # # # # # */
.die_mission{
background-image: url(../../imgs/hdls/die_mission.png);
background-repeat: no-repeat;
width:687px;
height:73px;
margin-bottom: 30px;
display:block;
text-indent: -4000%;
}
.nach_oben{
background-image: url(../../imgs/hdls/nach_oben.png);
background-repeat: no-repeat;
width:687px;
height:21px;
margin-top: 30px;
margin-bottom: 20px;
display:block;
text-indent: -4000%;
}
.ihr_vorteil{
background-image: url(../../imgs/hdls/ihr_vorteil.png);
background-repeat: no-repeat;
width:76px;
height:8px;
margin-top: 20px;
margin-bottom: 10px;
display:block;
text-indent: -4000%;
}
/* # # # # DIE MISSION # # # # # */

/* # # # # SERVICES # # # # # #  */
.websites{
background-image: url(../../imgs/hdls/websites.png);
background-repeat: no-repeat;
width:282px;
height:37px;
margin-bottom: 30px;
display:block;
text-indent: -4000%;
}
.websites_block{
background-image: url(../../imgs/services/websites.png);
background-repeat: no-repeat;
width:690px;
height:211px;
margin-bottom: 30px;
display:block;
text-indent: -4000%;
}

.online_strategien{
background-image: url(../../imgs/hdls/online_strategien.png);
background-repeat: no-repeat;
width:524px;
height:45px;
margin-top: 30px;
margin-bottom: 20px;
display:block;
text-indent: -4000%;
}
.online_strategien_block{
background-image: url(../../imgs/services/online_strategien_block.png);
background-repeat: no-repeat;
width:690px;
height:126px;
margin-bottom: 30px;
display:block;
text-indent: -4000%;
}

.printdesign{
background-image: url(../../imgs/hdls/printdesign.png);
background-repeat: no-repeat;
width:344px;
height:45px;
margin-top: 30px;
margin-bottom: 20px;
display:block;
text-indent: -4000%;
}
.printdesign_block{
background-image: url(../../imgs/services/printdesign_block.png);
background-repeat: no-repeat;
width:690px;
height:211px;
margin-bottom: 30px;
display:block;
text-indent: -4000%;
}

.aus_einem_schliff{
background-image: url(../../imgs/hdls/aus_einem_schliff.png);
background-repeat: no-repeat;
width:131px;
height:8px;
margin-top: 20px;
margin-bottom: 10px;
display:block;
text-indent: -4000%;
}
/* # # # # SERVICES # # # # # #  */

/* # # # # KUNDEN  # # # # # # # */
.kunden{
background-image: url(../../imgs/hdls/kunden.png);
background-repeat: no-repeat;
width:539px;
height:93px;
margin-bottom: 30px;
display:block;
text-indent: -4000%;
}
.menschlichkeit{
background-image: url(../../imgs/hdls/menschlichkeit.png);
background-repeat: no-repeat;
width:122px;
height:8px;
margin-top: 20px;
margin-bottom: 10px;
display:block;
text-indent: -4000%;
}
/* # # # # KUNDEN  # # # # # # # */

/* # # # # KONTAKT # # # # # # # */
.kontakt{
background-image: url(../../imgs/hdls/kontakt.png);
background-repeat: no-repeat;
width:689px;
height:105px;
margin-bottom: 30px;
display:block;
text-indent: -4000%;
}
/* # # # # KONTAKT # # # # # # # */

/* # # # # JOBS # # # # # # # #  */
.jobs{
background-image: url(../../imgs/hdls/jobs.png);
background-repeat: no-repeat;
width:406px;
height:104px;
margin-bottom: 30px;
display:block;
text-indent: -4000%;
}
.effekthascherei{
background-image: url(../../imgs/hdls/effekthascherei.png);
background-repeat: no-repeat;
width:164px;
height:8px;
margin-top: 20px;
margin-bottom: 10px;
display:block;
text-indent: -4000%;
}
/* # # # # JOBS # # # # # # # #  */

/* # # # # IMPRESSUM # # # # # # */
.impressum{
background-image: url(../../imgs/hdls/impressum.png);
background-repeat: no-repeat;
width:690px;
height:87px;
margin-bottom: 30px;
display:block;
text-indent: -4000%;
}
/* # # # # IMPRESSUM # # # # # # */
/* # # # # # # # # # # # # # # # # # # # # # # # # # MAIN HEADLINES # # # # # # # # # # # # # # # */

/* # # # # # # # # # # # # # # # # # # # # # # # # # MAIN SITE-LAYOUT # # # # # # # # # # # # # # */
img{
border: 0px;
}
h4{
font-size: 14px;
color: #cc00ff;
font-weight: bold;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 10px;
}
h5{
font-size: 12px;
color: #000000;
font-weight: bold;
text-transform: uppercase;
}
h6{
font-size: 11px;
color: #666666;
font-weight: normal;
border-left: 1px solid #000000;
padding-left: 10px;
margin-left: 10px;
}
ul{
font-size: 11px;
list-style-type: disc;
margin: 15px;
padding: 0px;
}
#c_right ul{
font-size: 11px;
list-style-type: none;
margin: 0px;
padding: 0px;
}
.arbeiten{
width: 172px;
font-size: 11px;
margin-bottom: 30px;
margin-right: 40px;
padding-bottom: 5px;
border-bottom: 1px solid #000000;
float: left;
}
.leistungen{
background-image: url(../../imgs/hdls/leistungen.png);
background-repeat: no-repeat;
width:80px;
height:10px;
margin-top: 10px;
margin-bottom: 7px;
display:block;
text-indent: -4000%;
}
/* # # # # # # # # # # # # # # # # # # # # # # # # # MAIN SITE-LAYOUT # # # # # # # # # # # # # # */

/* # # # # # # # # # # # # # # # # # # # # # # # # # LAYOUT EUROPE INFOS  # # # # # # # # # # # # */
.italian_info{
background-image: url(../../imgs/hdls/bmu_italia.png);
background-repeat: no-repeat;
width:547px;
height:126px;
margin-top: 15px;
margin-bottom: 15px;
display:block;
text-indent: -4000%;
}
.la_missione{
background-image: url(../../imgs/hdls/bmu_italia_la_missione.png);
background-repeat: no-repeat;
width:372px;
height:39px;
margin-top: 35px;
margin-bottom: 20px;
display:block;
text-indent: -4000%;
}
.business_department{
background-image: url(../../imgs/hdls/bmu_italia_business_department.png);
background-repeat: no-repeat;
width:680px;
height:45px;
margin-top: 35px;
margin-bottom: 20px;
display:block;
text-indent: -4000%;
}

.english_info{
background-image: url(../../imgs/hdls/bmu_english.png);
background-repeat: no-repeat;
width:681px;
height:107px;
margin-top: 15px;
margin-bottom: 15px;
display:block;
text-indent: -4000%;
}
.the_mission{
background-image: url(../../imgs/hdls/bmu_english_the_mission.png);
background-repeat: no-repeat;
width:381px;
height:39px;
margin-top: 35px;
margin-bottom: 20px;
display:block;
text-indent: -4000%;
}
.lines_of_business{
background-image: url(../../imgs/hdls/bmu_english_lines_of_business.png);
background-repeat: no-repeat;
width:553px;
height:39px;
margin-top: 35px;
margin-bottom: 20px;
display:block;
text-indent: -4000%;
}
/* # # # # # # # # # # # # # # # # # # # # # # # # # LAYOUT EUROPE INFOS  # # # # # # # # # # # # */

/* # # # # # # # # # # # # # # # # # # # # # # # # # NEW LIGHTBOX # # # # # # # # # # # # # # # # */
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font-family:Verdana, sans-serif;
	font-size: 10px;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #000000; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 122px; 
	float: right;
	padding-bottom: 0.7em;	
}
/* # # # # # # # # # # # # # # # # # # # # # # # # # NEW LIGHTBOX # # # # # # # # # # # # # # # # */

/* # # # # # # # # # # # # # # # # # # # # # # # # # NEW NEWS # # # # # # # # # # # # # # # # # # */
#news h3 {
font-size: 14px;
font-weight: normal;
margin-bottom: 5px;
padding: 0px;
cursor:pointer; 
}

#news h3.active {
color:#cc00ff;
}

#news div {
padding: 0px;
margin: 0px;
}


.leistungen_ansehen{
background-image: url(../../imgs/leistungen1.png);
background-repeat: no-repeat;
width: 161px;
height: 33px;
display: block;
text-indent: -400000%;
}
.leistungen_ansehen:hover{
background-image: url(../../imgs/leistungen2.png);
background-repeat: no-repeat;
width: 161px;
height: 33px;
display: block;
text-indent: -400000%;
}


#services1 h1 {
background-image: url(../../imgs/leistungen1.png);
background-repeat: no-repeat;
font-size: 14px;
font-weight: normal;
margin-bottom: 0px;
padding: 0px;
width: 161px;
height: 33px;
text-indent: -123456789px;
cursor:pointer; 
}
#services1 h1:hover {
background-image: url(../../imgs/leistungen2.png);
background-repeat: no-repeat;
font-size: 14px;
font-weight: normal;
margin-bottom: 0px;
padding: 0px;
width: 161px;
height: 33px;
text-indent: -123456789px;
cursor:pointer; 
}
#services1 h1.active {
background-image: url(../../imgs/leistungen_active.png);
background-repeat: no-repeat;
width: 161px;
height: 33px;
text-indent: -123456789px;
}
.services1{
background-image: url(../../imgs/services/websites.png);
background-repeat: no-repeat;
width: 690px;
height: 211px;
display: block;
text-indent: -400000%;
}
#services1 div {
padding: 0px;
margin: 0px;
}


#services2 h1 {
background-image: url(../../imgs/leistungen1.png);
background-repeat: no-repeat;
font-size: 14px;
font-weight: normal;
margin-bottom: 0px;
padding: 0px;
width: 161px;
height: 33px;
display: block;
text-indent: -123456789px;
cursor:pointer; 
}
#services2 h1:hover {
background-image: url(../../imgs/leistungen2.png);
background-repeat: no-repeat;
font-size: 14px;
font-weight: normal;
margin-bottom: 0px;
padding: 0px;
width: 161px;
height: 33px;
display: block;
text-indent: -123456789px;
cursor:pointer; 
}
#services2 h1.active {
background-image: url(../../imgs/leistungen_active.png);
background-repeat: no-repeat;
width: 161px;
height: 33px;
display: block;
text-indent: -123456789px;
}
.services2{
background-image: url(../../imgs/services/online_strategien_block.png);
background-repeat: no-repeat;
width: 690px;
height: 126px;
display: block;
text-indent: -400000%;
}
#services2 div {
padding: 0px;
margin: 0px;
}

#services3 h1 {
background-image: url(../../imgs/leistungen1.png);
background-repeat: no-repeat;
font-size: 14px;
font-weight: normal;
margin-bottom: 0px;
padding: 0px;
width: 161px;
height: 33px;
display: block;
text-indent: -123456789px;
cursor:pointer; 
}
#services3 h1:hover {
background-image: url(../../imgs/leistungen2.png);
background-repeat: no-repeat;
font-size: 14px;
font-weight: normal;
margin-bottom: 0px;
padding: 0px;
width: 161px;
height: 33px;
display: block;
text-indent: -123456789px;
cursor:pointer; 
}
#services3 h1.active {
background-image: url(../../imgs/leistungen_active.png);
background-repeat: no-repeat;
width: 161px;
height: 33px;
display: block;
text-indent: -123456789px;
}
.services3{
background-image: url(../../imgs/services/printdesign_block.png);
background-repeat: no-repeat;
width: 690px;
height: 211px;
display: block;
text-indent: -400000%;
}
#services3 div {
padding: 0px;
margin: 0px;
}
/* # # # # # # # # # # # # # # # # # # # # # # # # # NEW NEWS # # # # # # # # # # # # # # # # # # */