/***********************
 stylesheet - SCREEN
 -------------------
 wawawasi.be
 development by 3sign
***********************/

html, body {
	margin:0;
	padding:0;
	color:#630;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-align:center;
	background:url(../images/wawawasi_bg.jpg);
	height:100%;
}
img, a {
	border:0;
	color:#096;
	outline:0;
	text-decoration:none;
	margin:0;
	padding:0;
}
ul, li {
	margin:0;
	padding:0;
}
#center {
	margin:0 auto 0 auto;
	width:876px;
	height:100%;
	background: url(../images/bg_lines.gif) repeat-y top left;
}
#box {
	width:876px;
	float:left;
	background: url(../images/bg_lines.gif) repeat-y top left;
}
#middle {
	width:791px;
	margin: 0 43px 0 42px; 
}
#header {
 	width:791px;
	height:292px;
	border:0;
	padding:0;
	margin:0;
}

/* MAINMENU */
#mainMenu {
	margin:0;
	padding:0;
	text-align:left;
	background-color:#630;
}
#mainMenu ul {
	margin:0;
	padding:1px 0 1px 0;
	list-style:none;
}
#mainMenu ul li {
	padding:0;
	margin:0;
	display:inline;
}
#mainMenu ul li a {
	margin:0;
	padding:0 10px 0 10px;
	text-decoration:none;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
}
#mainMenu ul li a:hover {
	text-decoration:underline;
	color:#fff;
}
#mainMenu ul li.active:hover a {
	text-decoration:none;
}
#mainMenu ul li.active a {
	background:#009966;
}


/* MENUTITEL */
#menuTitle {
	text-align:left;
	color:#009966;
	font-weight:bold;
	margin:15px 60px 15px 30px;
	font-size:1.15em;
	width:791px;
	text-transform: capitalize;
}


/* LEFTPART */
#leftPart {
	float:left;
	width:185px;
	padding:0 0 0 30px;
}


/* SUBMENU*/
#subMenu {
	margin:0 0 15px 0;
	padding:0;
	color:#096;
	width:185px;
	text-align:left;
	float:left;
}
#subMenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#subMenu ul li {
	margin:2px 0 2px 0;
	width:185px;
}
#subMenu ul li a {
	display:block;
	padding-left:8px;
	text-decoration: none;
	color:#fff;
	text-transform:uppercase;
	background: #096;
	font-weight:normal;
}
#subMenu ul li:hover a {
	background:#630;
	text-decoration:none;
	border:none;
}
#subMenu ul li.selected a {
	background: #096 url(../images/star.gif) no-repeat 7px center;
	padding:0 0 0 20px;
}
#subMenu ul li.selected ul {
	font-size:0.85em;
}
#subMenu ul li.selected ul li {
	background:none;
	margin:2px 0 2px 10px;
	width:185px;
	height:15px;
}
#subMenu ul li.selected ul li a {
	background:none;
	color:#096;
	font-weight:normal;
	line-height:15px;
}
#subMenu ul li.selected ul li.selected a {
	background:url(../images/sub.gif) no-repeat 15px center;
	padding:0 0 0 30px;
}



/* BANNER */
#banner {
	float:left;
	width:185px;
	margin:0 0 15px 0;
}
.bannerimg {
	margin:0;
	padding:0;
	width:185px;
	height:140px;
}
#bannerpict {
	width:185px;
	height:140px;
}
#rotator {
	z-index:0;
}


/* RECLAME */
#reclame {
	float:left;
	padding:0;
	margin:0;
	width:185px;
	height:405px;
}
#reclame img {
	float:left;
}


/* RIGHTPART */
#rightPart {
	float:left;
	width:455px;
	padding:0 60px 0 60px;
	margin:0;
	text-align:left;
}


/* INHOUD */
#content a {
	font-weight:bold;
	color:#096;
}
#content a:hover {
	border-bottom:1px dotted #096;
}
.item h1 {
	display:block;
	width:100%;
	margin:0 0 15px 0;
	font-size:1.1em;
	border-bottom:1px dotted #630;
	text-transform: capitalize;
}
.item {
	font-size:1.0em;
	line-height:17px;
	padding:0 0 15px 0;
}
.item ul {
	padding:0 0 0 50px;	
}
.filecontainer {
	padding:10px 0;
}
.gallerybox {
	float:left;
}
.galleryitem {
	margin:0 0 10px 0;
	text-align:center;
	font-size:0.9em;
	border:none;
}
.galleryitem a.fancyboxImg:hover {
	border:0;
}
/* images */
.textImagetext {
	background:white none repeat scroll 0%;
	width:100%;
	line-height:15px;
	padding-left:5px;
	padding-top:2px;
	font-weight: normal;
	font-size:0.9em;
	position: absolute;
	bottom:0px;
	color:#630;
	font-weight:bold;
	opacity:0.8;
	filter: alpha(opacity=80); /* transparantie in IE */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* transparantie in IE */
}
.textMediumLayer {
	position:absolute;
	margin-left:5px;
	width:200px; 
	margin-top:130px;
	z-index:10;
}
.ImgBoxMedium {
	float:left;
	width:215px;
	height:135px;
	margin:0 0 10px 0;
	padding:0;
	border:1px solid #630;
}
.fancyboxImg, .imgMed {
	width:215px;
	height:135px;
	margin:0;
	padding:0;
}
.textLargeLayer {
	position:absolute;
	margin-left:5px;
	width:440px; 
	margin-top:280px;
	z-index:10;
}
.ImgBoxLarge {
	float:left;
	width:455px;
	height:285px;
	margin-bottom:10px;
	border:1px solid #630;
}