/*							*
*	Site: Mysteryland 2008			*
*	Author: Van Eldijk Studio's		*
*	Date: 08-05-2008			*
*							*
*	Last changed: 16-05-2008		*
*	Edited by: Sam Wierema		*
*							*/

/* @TEMPLATE CSS */

body {
	background: url(../images/body-bg.jpg) top center no-repeat #005d54;
	font: 0.8em Arial, sans-serif;
	color: #fff;
	width: 100%;
}

a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin: 10px 0px;
}

ul {
	margin: 5px 20px;
}

ul li {
	list-style-type: disc;
}

/* WRAPPER - OM DE PAGINA TE CENTREREN */
div#wrap {
	margin: 0 auto;
	width: 958px;
}


/* TOP */
div#top {
	width: 958px;
	height: 117px;
}

/* LOGO */
div#top div#logo {
	float: left;
	width: 511px;
	margin: 30px 0px 0px 0px;
}

/* TOP MENU */
div#top div#topmenu {
	float: right;
	width: 447px;
}

div#top div#topmenu .moduletable ul {
	margin: 5px 0px 0px 0px;
	text-align: right;
	font-size: 0.9em;
}

div#top div#topmenu .moduletable ul li {
	display: inline;
	margin: 0px 0px 0px 10px;
}

div#top .moduletable ul li a {
	color: #fff;
}


/* LEFT */
div#left {
	float: left;
}

div#left .moduletable {
	width: 260px;
}

/* LEFT - ACCORDION MENU */

/* WAARSCHUWING: ONDERSTAAND NIET AANPASSEN */
html.accordion-menu-js dd.a-m-d{
	display:none;
}

html.accordion-menu-js dd.a-m-d-expand {
	display:block;
}

html.accordion-menu-js dd.a-m-d-before-expand {
	display:block;
	position:relative;
	z-index:-1;
	height:auto !important;
	visibility:hidden;
	overflow:visible;
}

html.accordion-menu-js dt.a-m-t-expand {}

html.accordion-menu-js dd.a-m-d-anim {
	overflow:hidden;
	display:block;	
}

dl.accordion-menu dd.a-m-d .bd{}
/* WAARSCHUWING: BOVENSTAAND NIET AANPASSEN */

dl, dt, dd {
	margin: 0; 
	padding: 0; 
	list-style-type: none;
}

dl.accordion-menu dt {
	width: 260px;
	font-size: 1.8em;
}

dl.accordion-menu dt:hover {
	cursor: pointer; 
	display:block; 
}

dl.accordion-menu dt a {}

dl.accordion-menu dt a:hover {}

dl.accordion-menu dd { 
	padding: 1px 0px 1px 10px;
}

dl.accordion-menu dd a {
	display: block; 
}

dl.accordion-menu dd a:hover {}

span.rollmainlevel {
	cursor: pointer; 
}

#active_roll_menu {
	color: #E51C70;
}

a:hover#active_roll_menu {}

#activeparent_roll_menu { 
	color: #fff; 
}


/* MIDDLE */
div#middle {
  float: left;
}

div.three-columns,
div.three-columns span.article_separator {
	width: 495px;
}

div.one-column,
div.one-column span.article_separator {
	width: 958px;
}

div.two-columns-left,
div.two-columns-left, span.article_separator {
	width: 242px;
}

div.two-columns-right,
div.two-columns-right span.article_separator {
	width: 755px;
}

/* BANNERPOSITION */
div#bannerposition .moduletable {
	margin: 0px 0px 20px;
}

/* MAINBODY */
div#mainbody a {
  color: #dc0158;
}

div#mainbody a:hover {
  color: #fff;
}

div#mainbody .componentheading {
	margin: 10px 0px;
	font-size: 2.6em;
	font-weight: bold;
}

div#mainbody .contentheading {
	margin: 5px 0px;
	padding: 35px 0px 5px 70px;
	background: url(../images/bloemetje.png) top left no-repeat;
	font-size: 2em;
}

div#mainbody form button {
	padding: 3px 5px;
	background: #fe456c;
	border: 0px;
	color #000;
}

div#mainbody span.article_separator {
	display: block;
	background: url(../images/divider2.png) center top no-repeat;
}

/* RIGHT */
div#right .moduletable {
	float: left;
	width: 185px;
	margin: 0px 0px 10px 15px;
	padding: 5px 0px 0px;
	/*background: url(../images/rightbg.png) top left no-repeat;*/
	border-top: 1px dashed white;
	line-height: 1.5;
}

div#right h3 {
  font: bold 2.1em Arial, sans-serif;
  color: #dc0158;
  letter-spacing: -1px;
  margin-bottom: 3px;
}

/* RIGHT - ZOEKEN */
div#right .moduletable .inputbox {
	margin: 0px 0px 0px 2px;
	padding: 3px 0px 2px 5px;
	background: #fe456c;
	border: 0px;	
	color: #000;
}