body 
{
	font-size: 12px; 
	font-family:"Arial";
	background: #000000;	
	margin: 0 0 10px 0;
}

html {
}
.wd {
	margin-top: 20px;
	font-size: 9px;
	color: #ffffff;
}

.wd a {
	color: #ffffff;
	text-decoration: none;
}

.wd a:hover {
	text-decoration: underline;
}

form {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

map, area, .noborder {
	border: 0px;
}


.floatleft{
	float: left;
}
.floatright{
	float: right;
}
.floater {
	width: 100%;
	height: 1%;
}
.floater:after {
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
}

.requirements {
	text-align: center;
	font-size: 10px;
	color: #3e3e3e;
	margin: 10px 0 0px 0;
}
.requirements a:hover {
	color: #000000;	
}

/* HOME PAGE */
#SubHover , #CabHover , #FobHover {
	display: inline-block;
	margin-left: 16px;
	width: 350px;
	height: 150px;
}
#SubHover {
	margin-top: 16px;
}
#CabHover {
	margin-top: 190px;
}
* html a#CabHover, * html a#FobHover   {
	margin-top: 30px;
}
#FobHover {
	margin-top: 370px;
}
#SubHover:hover, #CabHover:hover, #FobHover:hover {
	width: 350px;
}
#SubHover:hover{ 
	background-image: url('../content/images/subfloat.jpg');
	background-position: right center;
	background-repeat: no-repeat;
}
#CabHover:hover {
	background-image: url('../content/images/cabfloat.jpg');
	background-position: right center;
	background-repeat: no-repeat;
}
#FobHover:hover {
	background-image: url('../content/images/fobfloat.jpg');
	background-position: right center;
	background-repeat: no-repeat;
}


/* CONTAINERS */
#containerAll, #containerSubleanAll, #containerCableanAll, #containerFobleanAll  { 
	background: #ffffff;
	padding: 5px 2px 50px 2px;
	border: 1px solid #e3e3e3;
}
#containerAll a{
	color: #3e3e3e;
	padding-top: 10px;
}
#containerSubleanAll h3, #containerSubleanAll a {
	color: #61AE35;
}
#containerCableanAll h3, #containerCableanAll a {
	color: #00A0E1;
}
#containerFobleanAll h3, #containerFobleanAll a {
	color: #925294;
}
.intro {
	margin: 10px auto 10px auto;
	width: 900px;
}
.content {
	margin: 10px 5% 10px 5%;	
	min-width: 900px;
}

#containerContent { 
	height: 1%;
	/*margin: 0 5px 0 5px;
	padding: 10px 0 30px 0;*/
}
#containerContent:after {   
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
}

#homeButtonLarge {
	position: absolute;
	top: 10px;
	left: 5%;
	margin-left: 10px;
	width: 120px;
	height: 125px;
	background-position: left;
	background-repeat: no-repeat;
}
#containerSubleanAll #homeButtonLarge {
	background-image: url('../content/images/logo/subleanLogoSmall.jpg');
}
#containerCableanAll #homeButtonLarge {
	background-image: url('../content/images/logo/cableanLogoSmall.jpg');
}
#containerFobleanAll #homeButtonLarge {
	background-image: url('../content/images/logo/fobleanLogoSmall.jpg');
}


#infoButton {
	position: absolute;
	top: 35px;
	left: 5%;
	margin-left: 160px;
	width: 160px;
	height: 131px;
	background-image: url('../content/images/Peter_van_DommelenSmall.jpg');
	background-position: left;
	background-repeat: no-repeat;
}

.homeleft {
	margin-left: 10px;
	position: absolute;
	width: 55px;
	height: 55px;
	margin-top: -30px;
	left: 5%;
}
.homeright {
	margin-left: 65px;
	position: absolute;
	width: 55px;
	height: 55px;
	margin-top: -30px;
	left: 5%;
}
#homeButtonSmallSu {
	background-image: url('../content/images/logo/subleanThumb.jpg');
	background-position: left;
	background-repeat: no-repeat;
}
#homeButtonSmallCa {
	background-image: url('../content/images/logo/cableanThumb.jpg');
	background-position: left;
	background-repeat: no-repeat;
}
#homeButtonSmallFo{
	background-image: url('../content/images/logo/fobleanThumb.jpg');
	background-position: left;
	background-repeat: no-repeat;
}


/* CRUMBLE */
#crumblePath {
	float: right;
	font-size: 11px;
	margin: 0 0 0 0;
	background-color: #ffffff;
}	

#crumblePath a {
	text-decoration: none;
}

#crumblePath a:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	text-decoration: underline;
}



/* TITLES */
#titleRight  ,#titleLeft {
	height: 60px;
	font-size: 23px;
	font-weight: strong;
	float: right;
	padding: 20px 0 0 0;
}
#titleRight{ 
	float: right;
}
#titleLeft {
	float: left;
}


/* MAINMENU */
#mainMovie {
	float: left;
	width: 65%;
	margin: 0 0 50px 0;
}
#mainmenuLeft {
	float: left;
	width: 15%;
	height: 1px;
}
#mainmenuRight {
	float: right;
	width: 15%;
}
#mainmenuRight ul {
	list-style: none;
}
#mainmenuRight ul li{
	margin: 0px;
}
#mainmenuRight ul li img {
	border: 0px;
}


/* SITEMENU */
.contactLeft, .contactRight {
	color: #6E9A43;
	font-size: 10px;
	width: 49%;
}
.contactLeft a, .contactRight a {
	color: #6E9A43;
}
.contactLeft {
	text-align: right;
	float: left;
}
.contactRight {
	text-align: left;
	float: right;
}


.menuline { 
	margin: 15px 0 15px 0;
	border: 1px solid;
	color: #e3e3e3;
}

#sitemenu {
	padding-top:10px;
	overflow:hidden;
}

#sitemenu ul {
	display: inline-block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	
	float: left;
	position: relative;
	left: 50%;
}
#sitemenu ul li{
	float: left;
	position: relative;
	right: 50%;
	
	padding: 0px;
	background-color: #ffffff;
	float: left;
}
#sitemenu ul li a {
    height: 17px;
	margin: 1px 2px 0 0;
	padding: 0 10px 0 10px;
	font-size: 11px;
	text-decoration: none;
    display: block;
	float: left;
}

#sitemenu ul li a:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	text-decoration: underline;
}



/* MOVIEPLAYER */
#moviePlayerContainerLarge, #homeContainerLarge{ 
	margin-left: auto;
	margin-right: auto;
	width: 852px;
	height: 560px;
}
#homeContainerLarge {
	background-image: url('../content/images/eye.jpg');
	background-position: left top;
	background-repeat: no-repeat;
}
#movieSkipPlayerContainerLarge{ 
	margin: 0 auto 0 auto;
	width: 852px;
	height: 20px;
	text-align: right;
	float: no-float;
}

#moviePlayerContainerMiddle{ 
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	height: 415px;
	background-color: #e3e3e3;
}

#movieSkipContainerMiddle { 
	margin-left: auto;
	margin-right: auto;
	width: 596px;
	height: 20px;
	text-align: right;
}
#movieSkipContainerMiddle a, #movieSkipPlayerContainerLarge a {
	margin-top: 550px;
	font-size: 11px;
	text-decoration: none;
}
#movieSkipPlayerContainerLarge a:hover, #movieSkipContainerMiddle a:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	text-decoration: underline;
}


#movieInformation {
	width: 15%;
	float: left;
	border: 1px solid #c3c3c3;
	text-align: center;
	margin: 60px 0 0 2px;
	min-height: 200px;
	height: 1%;
}
#movieInformation:after {   
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
}
#movieInformation img {
	margin-bottom: 5px;
}
#movieInformation i {
	font-size: 11px;
}
#movieInformation p {
	font-size: 11px;
} 


/* MOVIEGRID called from function movieGrid()*/
#movieGridleft, #movieGridright {
	width: 42%;
	height: 1%;
}
#movieGridleft{ 	
	float: left; 
	margin-left: 1px;
	text-align: left;
}

#movieGridright {	
	float: right; 
	margin-right: 1px;
	text-align: right;
}

#movieGridleft:after, #movieGridright:after {   
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
}

#movieGridleft .gridImagesmall, #movieGridright .gridImagesmall {  
    height: 80px;
	width: 100px;
	margin: 1 1 0 0;
    /*display: table-cell;*/
    display: block;
	border: 1px solid #ffffff;
	text-align: center;
    vertical-align: middle;
}
#containerSubleanAll #movieGridleft .gridImagesmall {
	background-color: #61AE35;
}
#containerSubleanAll #movieGridright .gridImagesmall {
	background-color: #E53D42;
	line-height: 100px;
}
#containerSubleanAll #movieGridleft h3 {
	color: #61AE35;
	font-weight: normal;
	font-size: 25px;
}
#containerSubleanAll #movieGridright h3 {
	color: #E53D42;
	font-weight: normal;
	font-size: 25px;
}
#containerSubleanAll #movieInformation h3 {
	color: #61AE35;
}

#containerCableanAll #movieGridleft .gridImagesmall {
	background-color: #00A0E1;
}
#containerCableanAll #movieGridright .gridImagesmall {
	background-color: #00539B;
	line-height: 100px;
}
#containerCableanAll #movieGridleft h3 {
	color: #00A0E1;
	font-weight: normal;
	font-size: 25px;
}
#containerCableanAll #movieGridright h3 {
	color: #00539B;
	font-weight: normal;
	font-size: 25px;
}
#containerCableanAll #movieInformation h3 {
	color: #00A0E1;
}

#containerFobleanAll #movieGridleft .gridImagesmall {
	background-color: #925294;
}
#containerFobleanAll #movieGridright .gridImagesmall {
	background-color: #79276D;
	line-height: 100px;
}
#containerFobleanAll #movieGridleft h3 {
	color: #925294;
	font-weight: normal;
	font-size: 25px;
}
#containerFobleanAll #movieGridright h3 {
	color: #79276D;
	font-weight: normal;
	font-size: 25px;
}
#containerFobleanAll #movieInformation h3 {
	color: #925294;
}


#movieGridleft .gridImagesmall *, #movieGridright .gridImagesmall * {
    vertical-align: middle;
}
#movieGridleft .gridImagesmall .rear , #movieGridright .gridImagesmall .rear{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#movieGridleft .gridImagesmall:hover , #movieGridright .gridImagesmall:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

#movieGridleft .gridImagesmall img, #movieGridright .gridImagesmall img{
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	display: inline-block;
	vertical-align: middle;
	border: 0px;
}

/* --- */


/* PAGES */



/* TWEETS */
#ComContainer {
	width: 390px;
	font-size: 10px;
	margin: 0 0 35px 0;
	float: right;
}
.twitterfloater {
	padding-top: 70px;
}
#ComContainer .ComIm, #ComContainer .ComImTw {
	width: 60px;
	height: 60px;
	border: 0px;
	float: right;
	margin: 0 3px 3px 0;
}
.ComImTw {
	cursor: hand;
	cursor: pointer;
}

.tweets {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.tweets  li{
	margin: 0 0 8px 0;
}




.lDiv
{
	width: 100%;
	height: 100%;
	
	background-color: #ffffff;
	position:absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}
div.lDiv
{ position: fixed; }
* html div.lDiv
  /* IE6 position fixed Top */{height:expression((document.documentElement.clientHeight)+'px');position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}

/* BACK */
#containerBack, #containerBackSu, #containerBackCa, #containerBackFo { 
	width: 100%;
	height: 100%;

	position: absolute;
	top: 0px; 
	left: 0px;
	z-index: -1;
}
#containerBack {
	background: #000000;
}
#containerBackSu{
	background: #61AE35;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('../content/images/backgroundSu.jpg');
}
#containerBackCa{
	background: #00539B;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('../content/images/backgroundCa.jpg');
}
#containerBackFo{
	background: #79276D;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('../content/images/backgroundFo.jpg');
}

div#containerBack, div#containerBackSu, div#containerBackCa, div#containerBackFo
{ position: fixed; }
* html div#containerBack, * html div#containerBackSu, * html div#containerBackCa, * html div#containerBackFo
  /* IE6 position fixed Top */{height:expression((document.documentElement.clientHeight)+'px');position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}


/* YOUTUBE */  
#YouTube, #Other {
	padding-top: 20px;
}
#YouTube #object, #Other #object {
	margin: 0 auto 0 auto;
	text-align: center;
}