html,body {
	height:100%;
}

body {
	padding: 0px;
	margin: 0px;
	width:100%;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#444444;
	background:black;
}

body.bgBig {
	background:#eef7ff url('http://www.bbendemol.ch/includes/1/design/1/bg.png') repeat-x 0px 0px;
}

body.bgSmall {
	background:#eef7ff url('http://www.bbendemol.ch/includes/1/design/1/bg_small.png') repeat-x 0px 0px;
}

body.mceContentBody {
   background: #FFF;
}

.mceContentBody a {
   color: #104d7d !important; /* FF requires a important here */
   text-decoration:none;
}

div.layoutDiv {
	width:100%;
	position:absolute;
	left:0;
	min-height:100%;
	top:0px;
	margin-left:0px;
	z-index:1;
}

div.logoDiv {
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-430px;
}

div.headerSparator {
	width:860px;
	position:absolute;
	top:80px;
	left:50%;
	margin-left:-430px;
}

div.flashDiv {
	position:absolute;
	left:50%;
	margin-left:-436px;
	top:103px;
}

div.headerBig {
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
	background:transparent url('http://www.bbendemol.ch/includes/1/design/1/headerbg.png') no-repeat center 0px ;
	height:410px;
	width:100%;
}

div.headerSmall {
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
	background:transparent url('http://www.bbendemol.ch/includes/1/design/1/headerbg.png') no-repeat center 0px ;
	height:120px;
	width:100%;
}

div.menuDiv {
	position:absolute;
	left:50%;
	margin-left:-148px;
	height:72px;
	width:600px;
	z-index:999;
}

div.projectShort {
	width:258px;
	height:250px;
	float:left;
	margin-right:30px;
}

div.videoShort {
	width:284px;
	height:250px;
	float:left;
	margin-right:0px;
}

div.projectShort img, div.videoShort img{
	border:4px solid #a6b6cd;
}

div.newsletterDiv {
	position:absolute;
	width:245px;
	height:90px;
	background:#194361;
	background:#194361;
	left:578px;
	top:420px;
	padding:15px;
}

div.contentDiv {
	position:relative;
	top:0px;
	left:50%;
	margin-left:-420px;
	width:860px;
	text-align:left;
	padding-bottom:60px;
	padding-top:150px;
}

div.contentDivStart {
	position:relative;
	width:860px;
	top:0px;
	left:50%;
	margin-left:-430px;
	text-align:left;
	padding-top:430px;
}

div.innerContent {
	width:860px;
	line-height:1.5;
	padding-bottom:40px;
}

div.footerDiv {
	position:absolute;
	top:100%;
	left:0px;
	width:100%;
	height:218px;
	background:#ccc url('http://www.bbendemol.ch/includes/1/design/1/footer.png') repeat-x 0 0;
	overflow:visible;
}

div.footerMenu {
	width:880px;
	overflow:hidden;
	position:relative;
	left:50%;
	top:35px;
	margin-left:-430px;
}


div.projectNav {
	text-align:right;
	margin-top:-62px;
	height:30px;
	margin-bottom:17px;
	margin-left:464px;
	width:400px;
}

/* ################## HEADLINE STYLES ################################## */

h1 {
	text-indent:-9999px;
	height:32px;
	overflow:hidden;
	padding:0;
	margin:0;
	margin-bottom:10px;
	margin-top:15px;
}

#h1_start
{
	background:transparent url('http://www.bbendemol.ch/includes/1/design/1/h1_start.png') no-repeat 0px 0px;
	height:100px;
}

#h1_portfolio
{
	background:transparent url('http://www.bbendemol.ch/includes/1/design/1/portfolio.png') no-repeat 0px 0px;
}

#h1_mitarbeiter
{
	background:transparent url('http://www.bbendemol.ch/includes/1/design/1/mitarbeiter.png') no-repeat 0px 0px;
}

#h1_kontakt{
	background:transparent url('http://www.bbendemol.ch/includes/1/design/1/kontakt.jpg') no-repeat 0px 0px;
}

#h1_about{
	background:transparent url('http://www.bbendemol.ch/includes/1/design/1/about.jpg') no-repeat 0px 0px;
}

#h1_production {
	background:transparent url('http://www.bbendemol.ch/includes/1/design/1/produktion.jpg') no-repeat 0px 0px;
}

#h1_news {
	background:transparent url('http://www.bbendemol.ch/includes/1/design/1/neuigkeiten.png') no-repeat 0px 0px;
}

#h1_newsletter {
	background:transparent url('http://www.bbendemol.ch/includes/1/design/1/h1_nl.png') no-repeat 0px 0px;
}

#h1_jobs {
	background:transparent url('http://www.bbendemol.ch/includes/1/design/1/jobs.jpg') no-repeat 0px 0px;
}

#h1_casting {
	background:transparent url('http://www.bbendemol.ch/includes/1/design/1/casting.jpg') no-repeat 0px 0px;
}

#h1_postpro {
	background:transparent url('http://www.bbendemol.ch/includes/1/design/1/pp.jpg') no-repeat 0px 0px;
}


h2 {
	font:16px Arial;
	font-family:'Trebuchet MS', Arial;
	color:#11446f;
	font-weight:bold;
	height:30px;
	background:transparent url('http://www.bbendemol.ch/includes/1/design/1/separator.png') no-repeat 0px 25px;
}

h2.subheadline {
	font:18px Arial;
	font-family:'Trebuchet MS', Arial;
	color:#748887;
	height:;
	font-weight:bold;
	background:transparent;
	margin-top:-4px;
}

#h2_newsletter {
	height:;
	text-indent:-9999px;
	background:transparent url('http://www.bbendemol.ch/includes/1/design/1/h2_newsletter.png') no-repeat 0px 0px;
	margin-bottom:0px;
	margin-top:-3px;
}

/* ################ LONGTEXT STYLES ############################# */

a {
	color:#104d7d;
	font-weight:regular;
	text-decoration:none;
}

a.moreLink {
	font-size:0px;
	color:#eef7ff;
	display:block;
	widh:72px;
	height:24px;
	background:transparent url('http://www.bbendemol.ch/includes/1/design/1/mehr.png') no-repeat right 0px;
}

.projectMoreLink img:hover{
	border-color:#014679;
}

.employeeMoreLink img:hover{
	border-color:#014679;
}

.employeeMoreLink div:hover{
	text-decoration:underline;
}

a.moreLink:hover  {
	background:transparent url('http://www.bbendemol.ch/includes/1/design/1/mehr_hover.png') no-repeat right 0px;
}

a:hover {
	text-decoration:underline;
}

div.pageFlip {
	width:100%;
	padding:5px;
	text-align:right;
}

div.footerLogo {
	width:191px;
	height:149px;
	background:transparent url('http://www.bbendemol.ch/includes/1/design/1/eye.png') no-repeat 0px 0px;
	position:absolute;
	left:100%;
	margin-left:-250px;
	margin-top:43px;
}

div.pageFlip img{
	position:relative;
	top:3px;
}

.leftFloat{
	width:395px;
	float:left;
	margin-right:60px;
}

.footerDiv .leftFloat{
	width:96px;
	float:left;
	margin-right:56px;
	padding-bottom:4px;
	border-bottom:1px solid #bbb;
}

.footerDiv a{
	color:#666;
	display:block;
	padding-bottom:3px;
}

.sublink {
	padding-left:6px;
	background:transparent url('http://www.bbendemol.ch/includes/1/design/1/footerpoint.jpg') no-repeat 0px 6px;
}

.footerDiv .leftFloat big {
	color:#666;
}

.leftClear {
	clear:left;
}


/* ########################### MESSAGES AND ERRORS ##################################### */

div.message {
	padding:5px;
	font-weight:bold;
	color:#73BD28;
	border:1px solid #73BD28;
	
}
div.success {
	padding:5px;
	font-weight:bold;
	color:#73BD28;
	border:1px solid #73BD28;
}

div.error {
	padding:5px;
	font-weight:bold;
	color:#d84734;
	border:1px solid #d84734;
	margin-bottom:15px;
}

/* ######################### FORMS AND BUTTONS ############################## */

.newsletterDiv input{
	background:#476981;
	margin-bottom:4px;
	width:238px;
	color:white;
}

.newsletterDiv .formSpace {
	margin:0;
	padding:0;
}

.newsletterDiv input.smallInput {
	width:114px;
}

.newsletterDiv select {
	padding:0;
	margin:0;
}

.newsletterDiv .btnSend {
	cursor:pointer;
	width:56px;
	height:20px;
	background:transparent url('http://www.bbendemol.ch/includes/1/design/1/eintragen.png') no-repeat 0px 0px;
}

.specialNlBtn {
	position:relative; 
	left:1px;
}

span.special {
	font:18px Arial;
	font-family:'Trebuchet MS', Arial;
	color:#748887;
	height:;
	font-weight:bold;
	background:transparent;
	margin-top:-4px;
}

.newsletterDiv .btnSend:hover {
	background:transparent url('http://www.bbendemol.ch/includes/1/design/1/eintragen_hover.png') no-repeat 0px 0px;
}



input {
	background-color:#9eb1c3;
	border:none;
	padding:3px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#002e5c;
	margin-bottom:4px;
	width:300px;
	color:;
}

.sndBtn {
	background-color:#002e5c;
	color:white;
	font-weight:bold;
	margin-left:96px;
	width:306px;
	cursor:pointer;
}

.sndBtn:hover {
	background-color:#174f87;
}


textarea {
	width:300px;
	background-color:#9eb1c3;
	border:none;
	padding:3px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#002e5c;
}

label {
	display:block;
	float:left;
	width:96px;
	overflow:hidden;
}

.selectBtn {
	height:20px;
	position:absolute;
	cursor:pointer;
	display:inline;
	margin-left:-244px;
	text-align:left;
}

select {
	background-color:#a6b6cd;
	border:none;
}

form.label {
	font-size:1.5em;
}

/* ######################### PICTURE GALLERY ############################## */

div.galleryMain {
	position:relative;
	left:5px;
	width:100%;
	text-align:center;
}

div.galleryImage {
	float:left;
	padding-right:25px;
	padding-bottom:30px;
}

.galleryImage a img {
	border:2px solid #21608c;
}

img.newsImage {
	border:3px solid #a6b6cd;
}

img.newsImage:hover {
	border:3px solid #014679;
}

div.projectGalleryItem {
	margin-right:24px;
	float:left;
	border:3px solid #7397ad;
	margin-bottom:25px;
}

.rightMore {
	position:relative;
	left:13px;
}
/* ######################### CSS-MENU ############################## */

ul.cssMenu li span{
	text-align:left;
	text-indent:-9000px;
	cursor:pointer;
}

ul.cssMenu span.subMenu1 {
	text-indent:0;
	height:18px;
	border-bottom:1px solid #628eaf;
	padding:5px; 
	background:#45779d;
	width:80px;
	margin-left:1px;
}

ul.cssMenu span.subMenu1:hover {
	background:#6095be;
}

ul.cssMenu span.subMenu1 a{
	cursor:pointer;
	color:white;
	font:11px 'Trebuchet MS', Arial;
}

ul.cssMenu ul{display:none}


ul.cssMenu li:hover>ul{display:block}

ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.cssMenu,ul.cssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 0px 0px 0px;
	background-repeat:repeat;
}
ul.cssMenu table {border-collapse:collapse;}ul.cssMenu {
	display:block;
	zoom:1;
	width:600px;
	height:72px;
	float: left;
	padding-right:0px;}

ul.cssMenu ul{
}
ul.cssMenu li {
	display:block;
	margin:0px 0px 0px 0px;
	font-size:0px;
}
ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	border-width:0px;
	border-color:#6655ff;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:4px;
	_padding-left:0;
	font:normal 10px Verdana;
	color: #444444;
	text-decoration:none;
	cursor:default;
}
.cssMenu li span a{
	margin:0;
	padding:0;
}

.cssMenu li span span{
	display:block;
	width:90px;
	margin:0; padding:0;
	height:72px;
	background-position:top;
}

ul.cssMenu span{
	overflow:hidden;
}
ul.cssMenu li {
	float:left;
}
ul.cssMenu ul li {
	float:none;
}
ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.cssMenu li.sep{
	text-align:center;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.cssMenu li.sep span{
	float:none;	padding-right:0;
	width:5px;
	height:16px;
	display:inline-block;
	background-color:#AAAAAA;	background-image:none;}
ul.cssMenu ul li.sep span{
	width:80%;
	height:3px;
}
ul.cssMenu li:hover{
	position:relative;
}
ul.cssMenu li:hover>a{
	background-color:transparent;
	font:normal 10px Verdana;
	color: #ffffff;
	text-decoration:none;
}
ul.cssMenu li a:hover{
	position:relative;
	background-color:transparent;
	text-decoration:none;
}
ul.cssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;
height:16px;
}
ul.cssMenu ul img {width:16px;
height:16px;
}
ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul{display:block}
ul.cssMenu a:hover ul ul{display:none}
ul.cssMenu span{
	display:block;
	background-image:url('');
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:9px;}
ul.cssMenu li:hover>a>span{	background-image:url('');
}
ul.cssMenu a:hover span{	_background-image:url('')}
ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url('')}
ul.cssMenu ul li:hover > a span{	background-image:url('');}
ul.cssMenu table a:hover span,ul.cssMenu table a:hover a:hover span{background-image:url('')}
ul.cssMenu table a:hover table span{background-image:url('')}
ul.cssMenu li.cssMenui0 {
height:21px;
}
ul.cssMenu li a.cssMenui0{
background-color:#F2F3F2;
}
ul.cssMenu li a.cssMenui0:hover{
background-color:#1665CB;
}
ul.cssMenu ul.cssMenum0 {
background-color:#F2F3F2;
border-width:0px;
	padding:0px 1px 1px 0px;
}
ul.cssMenu ul.cssMenum0>li>a {
padding:4;
}
ul.cssMenu ul.cssMenum0 a {
padding:4;
}
ul.cssMenu ul.cssMenum0 ul a {
padding:4px;
}
ul.cssMenu ul.cssMenum0>li {
margin:1px 0px 0px 1px;
}
ul.cssMenu ul.cssMenum0 li {
margin:1px 0px 0px 1px;
}
ul.cssMenu ul.cssMenum0 li li {
margin:0px 0px 0px 0px;
}


/* ######################### MYSQL PROFILE ############################## */

.hl-reserved {
	color: blue;
	font-weight: bold;
}

.hl-code {
	font-weight: bold;
}

.hl-number {
	color: red;
}

.hl-brackets {
	font-weight: bold;
}

.hl-string {
	color: green;
}

.hl-quotes {
	color: green;
	font-weight: bold;
}

.nomargin {
	margin-right:0px;
}



#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #194564; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #194564; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #194564; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #194564; border-top: none; color:white; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(http://www.bbendemol.ch/lib/lytebox/images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(http://www.bbendemol.ch/lib/lytebox/images/blank.gif) no-repeat; display: block; left: 0; float: left; background: url(http://www.bbendemol.ch/lib/lytebox/images/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(http://www.bbendemol.ch/lib/lytebox/images/prev_grey.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(http://www.bbendemol.ch/lib/lytebox/images/blank.gif) no-repeat; display: block; right: 0; float: right; background: url(http://www.bbendemol.ch/lib/lytebox/images/next_grey.gif) right 15% no-repeat; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(http://www.bbendemol.ch/lib/lytebox/images/next_grey.gif) right 15% no-repeat; }


#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #fff; }

	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #fff; }

	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #fff; }


#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 95px; height: 25px; float: right; margin:0; margin-right: -8px;  margin-top:-8px;}
	#lbClose.grey { background: url(http://www.bbendemol.ch/lib/lytebox/images/close_grey.png) no-repeat; }


#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(http://www.bbendemol.ch/lib/lytebox/images/play_grey.png) no-repeat; }

#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(http://www.bbendemol.ch/lib/lytebox/images/pause_grey.png) no-repeat; }
#imageMenu19{ background-image:url(http://www.bbendemol.ch/images/1/menu/news.jpg); background-repeat:no-repeat; }
#imageMenu19:hover { background-image:url(http://www.bbendemol.ch/images/1/menu/news_hvr.jpg); background-repeat:no-repeat; }
#imageMenuHovered19 { background-image:url(http://www.bbendemol.ch/images/1/menu/news_hvr.jpg); background-repeat:no-repeat; }
#imageMenu2{ background-image:url(http://www.bbendemol.ch/images/1/menu/philosophie0.png); background-repeat:no-repeat; }
#imageMenu2:hover { background-image:url(http://www.bbendemol.ch/images/1/menu/philo_hover0.png); background-repeat:no-repeat; }
#imageMenuHovered2 { background-image:url(http://www.bbendemol.ch/images/1/menu/philo_hover0.png); background-repeat:no-repeat; }
#imageMenu3{ background-image:url(http://www.bbendemol.ch/images/1/menu/portfolio.png); background-repeat:no-repeat; }
#imageMenu3:hover { background-image:url(http://www.bbendemol.ch/images/1/menu/portfolio_hover.png); background-repeat:no-repeat; }
#imageMenuHovered3 { background-image:url(http://www.bbendemol.ch/images/1/menu/portfolio_hover.png); background-repeat:no-repeat; }
#imageMenu4{ background-image:url(http://www.bbendemol.ch/images/1/menu/ueberuns.jpg); background-repeat:no-repeat; }
#imageMenu4:hover { background-image:url(http://www.bbendemol.ch/images/1/menu/ueberuns_hover.jpg); background-repeat:no-repeat; }
#imageMenuHovered4 { background-image:url(http://www.bbendemol.ch/images/1/menu/ueberuns_hover.jpg); background-repeat:no-repeat; }
#imageMenu5{ background-image:url(http://www.bbendemol.ch/images/1/menu/produktion.png); background-repeat:no-repeat; }
#imageMenu5:hover { background-image:url(http://www.bbendemol.ch/images/1/menu/produktion_hover.png); background-repeat:no-repeat; }
#imageMenuHovered5 { background-image:url(http://www.bbendemol.ch/images/1/menu/produktion_hover.png); background-repeat:no-repeat; }
#imageMenu6{ background-image:url(http://www.bbendemol.ch/images/1/menu/kontakt.png); background-repeat:no-repeat; }
#imageMenu6:hover { background-image:url(http://www.bbendemol.ch/images/1/menu/kontakt_hover.png); background-repeat:no-repeat; }
#imageMenuHovered6 { background-image:url(http://www.bbendemol.ch/images/1/menu/kontakt_hover.png); background-repeat:no-repeat; }