
body, html
{
	margin:0px;
	padding:0px;
	height:100%;
}

/**** default elements ****/

#body #line
{
	display:block;
	position:absolute;
	left:730px;
	top:167px;
	width:10px;
	bottom:47px;
	border-right:1px solid #A6C8E1;
}

#body a img
{
	text-decoration:none;
	border:0px; 
}

#body a
{
	color:#0066CC;
	text-decoration:none;
}

#body a:hover
{
	color:#0066CC;
	text-decoration:underline;
}

#body h1
{
	font-size:16px;
	font-weight:bold;
	padding:0px;
	margin:8px 0px 16px 0px;
	color:#003366;
}

#body h2
{
	font-size:14px;
	font-weight:bold;
	padding:0px;
	margin:6px 0px 12px 0px;
	color:#E79A00;
}

#body h3
{
	font-size:12px;
	font-weight:bold;
	padding:0px;
	margin:5px 0px 10px 0px;
	color:#0061AD;
}

#body h4, #body h4 a
{
	font-size:12px;
	font-weight:bold;
	padding:0px;
	margin:5px 0px 0px 0px;
	color:#003366;
}
#body ul
{
	padding:0px;
	margin:12px 0px 12px 0px;
	list-style-image: url('http://www.epicenter.eu/layout/images/li.png');
}

#body li
{
	margin:6px 0px 6px 20px;
	padding:0px;
}

#body li ul
{
	padding:0px 0px 0px 20px;
}


#body p
{
	margin:12px 0px 12px 0px;
	padding:0px;
}

/**** body ****/

div#body
{
	font-family:arial;
	color:#003366;
	font-size:12px;

	position:absolute;
	top:0px;
	left:50%;
	width:979px;
	margin-left:-490px;
	
	height:auto !important;
	min-height:100%;
}

span#body
{
	background:#FFFFFF;
	color:#003366;
	font-size:12px;	
}

/**** breadcrumbs ****/

#body #breadcrumbs
{
	font-size:11px;	
}

#body #breadcrumbs ul
{
	display:inline;
	margin:0px;
	padding:0px;
}

#body #breadcrumbs li
{
	display:inline;
	margin:0px;
	padding:0px;
}

#body #breadcrumbs li.vreemd_hoekje
{
	padding-left:4px;
	padding-right:4px;
}

/**** header ****/

#body #header
{
	position:absolute;
	left:0px;
	top:0px;
	width:979px;
	height:108px;
}

#body #header #header_center
{
	position:absolute;
	left:215px;
	top:0px;
	width:764px;
	height:108px;
	background:url('http://www.epicenter.eu/layout/images/header_center.jpg');
	text-align:right;
}

/**** menu ****/

#body #menu
{
	position:absolute;
	left:0px;
	top:108px;
	width:979px;
	height:59px;
}

#body #menu #menu_left
{
	position:absolute;
	left:-10px;
	top:0px;
	width:10px;
	height:59px;
	background:url('http://www.epicenter.eu/layout/images/menu_left.png');
}

#body #menu #menu_right
{
	position:absolute;
	left:979px;
	top:0px;
	width:10px;
	height:59px;
	background:url('http://www.epicenter.eu/layout/images/menu_right.png');
}


#body #menu #menu_top
{
	position:absolute;
	left:0px;
	top:0px;
	width:979px;
	height:30px;
	background:url('http://www.epicenter.eu/layout/images/menu_top.png');
}

#body #menu #menu_top a
{
	display:block;
	height:24px;
	border-right:1px solid white;
	padding:6px 19px 0px 20px;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	color:#27638F;
}

#body #menu #menu_top a:hover
{
	display:block;
	background:url('http://www.epicenter.eu/layout/images/menu_top_hover.png');
	color:#000066;
}

#body #menu #menu_top a.selected, #body #menu #menu_top a.selected:hover
{
	background:url('http://www.epicenter.eu/layout/images/menu_top_selected.png');
	color:#FFD925;
}

#body #menu #menu_top #buttons_right
{
	position:absolute;
	top:0px;
	right:0px;
}

#body #menu #menu_top #buttons_right #searchfield
{
	padding:4px 0px 0px 0px;
	margin:0px;
	white-space:nowrap;	
	vertical-align:top;
	font-size:
}

#body #menu #menu_top #buttons_right #searchfield input
{
	border:1px solid #AFBCC6;
	padding:2px 0px 2px 4px;
	margin:0px;
	color:#27638F;
	font-size:11px;
}

#body #menu #menu_top #buttons_right #searchbutton
{
	vertical-align:top;
}

#body #menu #menu_top #buttons_right #language_buttons
{
	vertical-align:top;
}

#body #menu #menu_top #buttons_right #searchbutton a
{
	display:inline;
	background:none;
	padding:0px 15px 0px 4px;
	margin:0px;
}

#body #menu #menu_top #buttons_right #language_buttons a
{
	border-left:1px solid white;
	border-right:0px none;
}

#body #menu #menu_top  #buttons_right #language_buttons img
{
	vertical-align:-1px;
}

#body #menu #menu_bottom
{
	position:absolute;
	left:0px;
	top:30px;
	width:979px;
	height:29px;
	background:url('http://www.epicenter.eu/layout/images/menu_bottom.png');
}

#body #menu #menu_bottom a
{
	display:block;
	height:23px;
	margin-right:1px;
	padding:6px 19px 0px 20px;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	background:url('http://www.epicenter.eu/layout/images/menu_bottom_item.png');
	color:#27638F;
}

#body #menu #menu_bottom a:hover
{
	display:block;
	background:url('http://www.epicenter.eu/layout/images/menu_bottom_hover.png');
	color:#000066;
}

#body #menu #menu_bottom a.selected, #body #menu #menu_bottom a.selected:hover
{
	color:#000066;
}

/**** content ****/

#body #content 
{
	padding:177px 0px 40px 0px;
	width:979px;
	height:100%;
}


#body #content #text
{
	width:720px;
	float:left;
	padding:0px 10px 10px 10px;
	margin-bottom:40px;
	
}

#body #content #sidebar
{
	width:218px;
	float:right;
	padding:0px 10px 10px 10px;
	margin-bottom:40px;
}

#body #footer
{
	position:absolute;
	bottom:10px;
	width:979px;
	height:31px;
	border-bottom:2px solid #FFD71A;
	padding-bottom:4px;
	font-size:11px;
	background:url('http://www.epicenter.eu/layout/images/footer.png') no-repeat;
}

/**** sidebar block ****/

#body .sidebar
{
	width:218px;
	padding:0px;
	margin-bottom:10px;
}

#body .sidebar .top_left
{
	width:11px;
	height:42px;
	padding:0px;
	background:url('http://www.epicenter.eu/layout/images/sidebar_top_left.png');
}

#body .sidebar .top
{
	width:176px;
	height:36px;
	padding:6px 10px 0px 10px;
	background:url('http://www.epicenter.eu/layout/images/sidebar_top.png');
	color:white;
	font-size:14px;
}

#body .sidebar .top_right
{
	width:11px;
	height:42px;
	padding:0px;
	background:url('http://www.epicenter.eu/layout/images/sidebar_top_right.png');
}

#body .sidebar .middle
{
	padding:0px 10px 0px 10px;
	width:218px;
	background:url('http://www.epicenter.eu/layout/images/sidebar_middle.png');
}

#body .sidebar .bottom
{
	width:218px;
	padding:0px;
	height:7px;
	background:url('http://www.epicenter.eu/layout/images/sidebar_bottom.png');
}

/**** card block ****/

#body .card .top
{
	width:320px;
	height:2px;
	padding:0px;
	background:url('http://www.epicenter.eu/layout/images/card_top.png');
}

#body .card .middle
{
	padding:4px 10px 4px 10px;
	width:300px;
	background:url('http://www.epicenter.eu/layout/images/card_middle.png');
}

#body .card .middle h3
{
	margin:0px 0px 10px 0px;
}

#body .card .bottom
{
	width:320px;
	padding:0px;
	height:5px;
	background:url('http://www.epicenter.eu/layout/images/card_bottom.png');
}

/*** sitemap block ***/

#body ul.sitemap
{
	list-style:none;	
	font-weight:bold;
}

#body ul.sitemap ul
{
	font-weight:normal;
}

/*** news block ***/

#body .newsitem
{
	margin-bottom:30px;
	width:720px;
}

#body .newsitem h3
{
	margin: 0px 0px 5px 0px;
}

#body .newsitem .date
{
	vertical-align: top;
	color:#0061AD;
	text-align:right;
}

#body .newsitem p
{
	margin-bottom:0px;
}

#body .newsitem p:first-child
{
	margin-top:0px;
}

/*** search block ***/
#body .searchresult
{
	margin-bottom:30px;
}

#body .searchresult h3
{
	margin: 0px 0px 5px 0px;
}

#body .searchresult p
{
	margin-top:0px;
	margin-bottom:0px;
}
