/* Start of CMSMS style sheet 'Casa main' */
html,body {
margin: 0;
padding: 0;
background-image:url(/images/bg.gif);
background-position:top;
background-repeat:repeat-x;
background-color:#723b18;
} 
#container {
	position:relative;
	left:50%;
	width:1016px;
	height:652px;
	margin-left:-508px;

}
#menuContainer {
z-index:5;
height:552px;
width:208px;
left:0;
top:0;

}

#introContainer {
position:absolute;
left:251px;
top:77px;
width:728px;
height:533px;
background-image:url(/images/intro_screen.jpg);
background-repeat:no-repeat;
padding-top:120px;
text-align:center;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#introContainer a:visited,#introContainer a:active, #introContainer a:link{
color:#ffffff;
text-decoration:none;
}


#introContainer a:hover {
color:#ffffff;
text-decoration:underline;
}
.menuItem {
width:23px;
height:552px;
}

.menuItem img{
position: absolute; 
bottom: 0;
}
#menuItem1 {
	position:absolute;
	top:58px;
	left:44px;
	z-index:5;
}
#menuItem2 {
	position:absolute;
	top:58px;
	left:67px;
}
#menuItem3 {
	position:absolute;
	top:58px;
	left:90px;
}
#menuItem4 {
	position:absolute;
	top:58px;
	left:113px;
}
#menuItem5 {
	position:absolute;
	top:58px;
	left:136px;
}
#menuItem6 {
	position:absolute;
	top:58px;
	left:159px;
}
#menuItem7 {
	position:absolute;
	top:58px;
	left:182px;
}
#menuItem8 {
	position:absolute;
	top:58px;
	left:205px;
}
#menuItem9 {
	position:absolute;
	top:58px;
	left:228px;
}
#menuItem10 {
	position:absolute;
	top:58px;
	left:251px;
}
#contentContainer {
	position:absolute;
	left:274px;
	top:77px;
	background-image:url(/images/content_backgrnd.gif);
	width:617px;
	height:533px;
	background-color:#FFF;
}

#content {
	position:absolute;
	left:46px;
	top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	line-height:17px;
	padding-right:10px;
	width:560px;
	height:500px;
	overflow-x: hidden;
	overflow-y:scroll;
}

#content a, #content a:visited, #content a:active {
color:#000000;
}

#content a:hover {
color:#f97c00;	
}

#activiteitenContentContainer {
	position:absolute;
	left:251px;
	top:77px;
	background-image:url(/images/activiteiten_backgrnd.gif);
	width:528px;
	height:533px;
	background-color:#FFF;
}

#activiteitenContent {
	position:absolute;
	left:46px;
	top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	line-height:17px;
	padding-right:10px;
	width:470px;
	height:500px;
	overflow-x: hidden;
	overflow-y:scroll;
}

#activiteitenContent a, #activiteitenContent a:visited, #activiteitenContent a:active {
color:#000000;
}

#activiteitenContent a:hover {
color:#f97c00;	
}

#linkContainer{
position:absolute;
top:77px;
left:778px;
width:200px;
height:453px;
padding-top:80px;
overflow:hidden;
background-color:#FFF;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:11px;
font-weight:bold;
}

#linkContainer a, #linkContainer a:visited{
color:#000000;
text-decoration:none;
padding-left:13px;
background-repeat:no-repeat;
line-height:22px;
}

#linkContainer a:hover {
text-decoration:underline;
background-image:url(/images/activiteiten_arrow.gif);
padding-left:13px;
background-repeat:no-repeat;
line-height:22px;
}

#linkContainer a:active {
text-decoration:underline;
background-image:url(/images/activiteiten_arrow.gif);
padding-left:13px;
background-repeat:no-repeat;
line-height:22px;
}

#pageTitle {
	background: #FFF;
	font: normal 36px  Arial, sans-serif;
	text-align: left;
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:32px;
	color:#f97c00;
	min-width::500px;
}

#thumbNailContainer{
position:absolute;
top:77px;
left:868px;
width:111px;
height:513px;
padding-top:20px;
overflow:hidden;
background-color:#FFF;
}

.thumbNailSubContainer {
position:relative;
width:100px;
height:85px;
background-position:center;
margin-bottom:10px;
}

#topBackground {
	/*background-image:url(uploads/images/topBackground.jpg);
	background-repeat:no-repeat; */
	width:979px;
	height:77px;
	padding-right:37px;
}

#bottomBackground{
/*background-image:url(uploads/images/backgroundBottom.jpg);
background-repeat:no-repeat; */
width:1016px;
height:42px;
top:533px;
left:0px;
padding-top:14px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
}

#bottomBackground a:visited,#bottomBackground a:active, #bottomBackground a:link{
color:#ffffff;
text-decoration:none;
}


#bottomBackground a:hover {
color:#ffffff;
text-decoration:underline;
}
#rightBackground {
position:absolute;
left:979px;
top:77px;
width:37px;
height:533px;
}
#leftBackground{
width:44px;
height:533px;
left:0px;
top:0px;
}

#introTekst {
position:relative;
z-index:50;
height:auto;
width:350px;
margin-top:-500px;
margin-left:190px;
/margin-left:0px;
}

#slideshow {
    height:533px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
.red {
color:#ca002d;
}
.blue {
color:#19a3d3;
}
.green {
color:#7cb700;
}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
z-index:999;
	}	


/* End of 'Casa main' */