html {
	height: 100%;
	background:url(../images/bg_page3.gif) top center no-repeat #ffffff;
}
body {
	min-height: 100%;
	padding:0; margin:0;
}
html, body {
	height: 100%;
}
#container {
   position:relative;
   min-height:100%;
}
#whiteSpace {
	width:100%;height:100px;
	padding:0;margin:0;
	background:url(../images/bg_whitespace.gif) repeat-x;
}
#headerWrapper {
	width: 960px;
	padding:0;margin: 0 auto;
}
#header {
	width:100%; height:175px;
	padding:0;margin:0;
	background:url(../images/bg_top.gif) top center no-repeat #000000;
}
#header #logo {
	float:left;display:inline;
	padding: 30px 0 0 0; margin: 0;
}
#header #logo a {
	display:block;
	width:180px;height:110px;
	padding:0; margin:0;
	background:url(../images/logo_bosmamultimedia.png) no-repeat;
	text-indent:-999em;
}
* html #header #logo a {
	background:url(../images/logo_bosmamultimedia.gif) no-repeat;
}
#header #navi {
	float:left;display:inline;
	padding:30px 0 0 0; margin: 0;
}
#header #navi ul {
	list-style:none;
	padding:0;margin:81px 0 0 50px;
}
* html #header #navi ul {
	padding:0;margin:111px 0 0 50px;
}

#header #navi ul li {
	float:left;display:inline;
	padding:0; margin:0;
}
#header #navi ul li a {
	display:block;
	height:45px;
	padding:0;margin:0 10px 0 10px;
	text-indent: -999em;
}
#header #navi ul li a.werk {
	width:75px;
	background:url(../images/btn_werk.png) no-repeat;
}
#header #navi ul li a.werkwijze {
	width:129px;
	background:url(../images/btn_werkwijze.png) no-repeat;
}
#header #navi ul li a.adres {
	width:77px;
	background:url(../images/btn_adres.png) no-repeat;
}
* html #header #navi ul li a.werk {
	background:url(../images/btn_werk.gif) no-repeat;
}
* html #header #navi ul li a.werkwijze {
	background:url(../images/btn_werkwijze.gif) no-repeat;
}
* html #header #navi ul li a.adres {
	background:url(../images/btn_adres.gif) no-repeat;
}
#header #navi ul li a.werkSelected {
	width:75px;
	background:url(../images/btn_werk_sel.png) no-repeat;
}
#header #navi ul li a.werkwijzeSelected {
	width:129px;
	background:url(../images/btn_werkwijze_sel.png) no-repeat;
}
#header #navi ul li a.adresSelected {
	width:77px;
	background:url(../images/btn_adres_sel.png) no-repeat;
}

* html #header #navi ul li a.werkSelected {
	background:url(../images/btn_werk_sel.gif) no-repeat;
}
* html #header #navi ul li a.werkwijzeSelected {
	background:url(../images/btn_werkwijze_sel.gif) no-repeat;
}
* html #header #navi ul li a.adresSelected {
	background:url(../images/btn_adres_sel.gif) no-repeat;
}
#header #navi ul li a.werk:hover,
#header #navi ul li a.werkwijze:hover,
#header #navi ul li a.adres:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#headerThinLine {
	width:100%;height:2px;
	background:#00bff6;
	font-size:0;
	line-height:0;
}
#contentWrapper {
	width: 960px;
	padding:25px 0 0 0;margin:0 auto;
}
#contentWrapper #content {
	padding:10px 0 20px 0;margin:0;
	font-size:13px;
	line-height:20px;
	color:#444444;
}
#contentWrapper #content .text {
	width:550px;
	padding:0 0 0 0;
	overflow:auto;
}
.projectThumb {
	float:left;display:inline;
	width:75px;height:75px;
	padding:0; margin:0 24px 24px 0;
}
.projectThumbLast {
	float:left;display:inline;
	width:75px;height:75px;
	padding:0; margin:0 0 24px 0;
	background:#00ff00;
}
.contentMiddle {
	float:left; display:inline;
	width:174px;
	padding:0; margin:0 24px 0 0;
}




ul#subnavi {
	list-style:none;
	padding:0; margin:0;
}
ul#subnavi li {
	float:left;display:inline;
	padding:0; margin:0;
}
 ul#subnavi li a {
	display:block;
	height:45px;
	padding:0;margin:0 10px 0 10px;
	text-indent: -999em;
}
 ul#subnavi li a.alles {
	width:80px;
	background:url(../images/btn_toonalles.png) no-repeat;
}
 ul#subnavi li a.webdesign {
	width:131px;
	background:url(../images/btn_toonweb.png) no-repeat;
}
 ul#subnavi li a.dtp {
	width:105px;
	background:url(../images/btn_toonreklame.png) no-repeat;
}
* html ul#subnavi li a.alles {
	background:url(../images/btn_toonalles.gif) no-repeat;
}
* html ul#subnavi li a.webdesign {
	background:url(../images/btn_toonweb.gif) no-repeat;
}
* html ul#subnavi li a.dtp {
	background:url(../images/btn_toonreklame.gif) no-repeat;
}
ul#subnavi li a.allesSelected {
	width:80px;
	background:url(../images/btn_toonalles_sel.png) no-repeat;
}
ul#subnavi li a.webdesignSelected {
	width:131px;
	background:url(../images/btn_toonweb_sel.png) no-repeat;
}
ul#subnavi li a.dtpSelected {
	width:105px;
	background:url(../images/btn_toonreklame_sel.png) no-repeat;
}

* html ul#subnavi li a.allesSelected {
	background:url(../images/btn_toonalles_sel.gif) no-repeat;
}
* html ul#subnavi li a.werkwijzeSelected {
	background:url(../images/btn_toonweb_sel.gif) no-repeat;
}
* html ul#subnavi ul li a.adresSelected {
	background:url(../images/btn_toonreklame_sel.gif) no-repeat;
}
ul#subnavi li a.alles:hover,
ul#subnavi li a.webdesign:hover,
ul#subnavi li a.dtp:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


.infiniteCarousel {
	width: 960px;
	margin:0 0 20px 0;padding:0;
}
.infiniteCarousel .wrapper {
	float:left;display:inline;
	width: 886px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
	background:url(../images/bg_scroller.gif) no-repeat;
	overflow: auto;
	margin:0 7px 0 7px;padding:0;
}
.infiniteCarousel ul a img {
	
}
.infiniteCarousel .wrapper ul {
	width: 9999px;
	list-style:none;
	margin:0;
	padding:0;
}

.infiniteCarousel ul li {
	float:left;	display:block;
	height: 100px;
	width: 100px;
	padding:0 13px 0 0;margin:0;
}

.infiniteCarousel ul li a img {
display:block;
}

.infiniteCarousel a.arrow {
float:left;display:inline;
width: 30px;height: 100px;
padding:0;margin:0;
text-indent: -999px;
cursor: pointer;
}

.infiniteCarousel .forward {
background: url(../images/btn_arrow_right.gif) no-repeat;
}

.infiniteCarousel .back {
background: url(../images/btn_arrow_left.gif) no-repeat;
}

.infiniteCarousel .forward:hover {
}

.infiniteCarousel .back:hover {
}