@charset "utf-8";
/* CSS Document */

/*************/
/*** reset ***/
/*************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0px; padding:0px;
}

/************/
/*** body ***/
/************/
body { 
	background: #ffffff url(../images/bg.jpg) repeat-x; 
	color:#ffffff; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size:10px;
}

/*** standaard ***/
img, fieldset { 
	border:0px;
}
.clear { 
	clear:both;
}

/*** titels ***/
h1 { 
	font-size:14px; 
	font-weight:bold;
	text-transform:uppercase;
}

h2 { 
	font-size:11px; 
	font-weight:bold;
}

canvas {
	margin-top:5px;
}

p {
	margin: .84em 0;
}

#wrapper {
	width:1000px; 
	margin:0 auto;
}

#main { 
	position:relative; 
	float:left;
	margin-top:49px;
	width:1000px;
}

#menu_main{ 
	position:relative; 
	float:left;
	width:290px;
	height:549px;
}

#menu{ 
	position:relative; 
	float:left;
	width:290px;
	height:332px;
}
/*** menubar ***/
ul.menubarmain li {text-align:right; width:240px; list-style:none; }
ul.menubarmain li a {text-decoration:none; text-transform:uppercase; display:block; font-weight:bold; padding:0px 5px 0px 0px; font-size:20px; color: #743981; text-align:left; }
ul.menubarmain li.menubaritem { font-size:13px; padding:5px 0px 5px 0px; width:240px; }
ul.menubarmain li.menubaritem:hover a{ display:block; text-transform:uppercase; color:#c62a75; background:none; font-size:20px; }
ul.menubarmain li.menubaritemselected {  color:#c62a75; background:none;}
ul.menubarmain li.menubaritemselected a {padding:5px 5px 5px 0px; background:none; display:block; color:#c62a75; text-decoration:none; font-weight:bold; text-align:left;}
ul.menubarmain li.menubaritemselected a:hover { display:block; color:#c62a75; text-decoration:none; text-align:left;}

		
		/*** submenu ***/
		ul.submenumain li  {text-align: left; color:#743981; margin:0px 0px 0px 0px; font-size:14px; padding:0px 0px 0px 0px; width:200px;}
		ul.submenumain li.submenuitem a { text-transform:none; margin:0px 0px 0px 0px; font-size:16px; text-align: left; color: #743981; padding:0px 0px 0px 0px;}
                ul.submenumain li.submenuitem a:hover { text-transform:none; font-size:16px; margin:0px 0px 0px 0px; text-align: left; text-transform: none; color: #c62a75; font-weight:bold; padding:0px 0px 0px 0px;}
		ul.submenumain li.submenuitemselected a { text-transform:none; font-size:16px; padding:0px 0px 0px 0px; display:block; margin:0px 0px 0px 0px; color:#c62a75; text-decoration:none; font-weight:bold; text-align:left;}
                ul.submenumain li.submenuitemselected a:hover { text-transform:none; font-size:16px; padding:0px 0px 0px 0px; display:block; color:#c62a75; margin:0px 0px 0px 0px; text-decoration:none; font-weight:bold; text-align:left;}	
               
#menu_bottom{ 
	position:relative; 
	float:left;
	width:290px;
	height:217px;
	background: url(../images/kappers_top.png) no-repeat;
}

#top_left_shadow{ 
	position:relative; 
	float:left;
	width:19px;
	height:16px;
	background: url(../images/top_left_shadow.jpg) no-repeat;
}

#top_shadow{ 
	position:relative; 
	float:left;
	width:673px;
	height:16px;
	background: url(../images/top_shadow.jpg) repeat-x;
}

#top_right_shadow{ 
	position:relative; 
	float:left;
	width:18px;
	height:16px;
	background: url(../images/top_right_shadow.jpg) no-repeat;
}

#left_shadow { 
	position:relative; 
	float:left;
	width:19px;
	height:401px;
	background: url(../images/left_shadow.png) no-repeat;
}

#content { 
	position:relative; 
	float:left;
	width:691px;
	height:401px;
}

#action_bar { 
	position:relative;
	float:right;
	width:321px;
	height:121px;
}

#action_bar img{ 
	position:absolute;
	left:0px;
	bottom:60px;
}

#footer { 
	position:relative;
	background: url(../images/kappers_bottom.png) no-repeat;
	height:110px;
}

#footer h1{ 
	position:absolute;
	top:0px;
	left:152px;
	color:#5d277c;
	font-size:26px;
	font-weight:normal;
}

