/* 
	project: www.stafal.be
	author: Lode Fastré (lode@stafal.be)
*/


/* GENERAL */

body {
	background:			#EEEEEE url(../images/header.gif) repeat-x top left;
	color:				#000000;
	margin:				0;
	padding:			0;
	font:				0.7em Arial, Helvetica, Sans-Serif;
}

a {
	color:				#3C6491;											/* blauw */
	background-color:	inherit;
}
a:hover {
	color:				#BF3E17;											/* rood */
	background-color:	inherit;
}

h1 {
	font:				150% Arial, Sans-Serif;
	font-weight:		bold;
	padding:			3px 0 0 0;
	margin:				0;
}
h1 a {
	color:				#BF3E17;											/* rood */
	background:			inherit;
	text-decoration:	none;
}
h1 a:hover {
	color:				#3C6491;											/* blauw */
	background:			inherit;
	text-decoration:	none;
}

h2 {
	margin:				8px 0 5px 0;
	padding:			0;
	font-size:			1.4em;
	color:				#808080;
	background-color:	inherit;
}
h2 a {
	color:				#000000;
	text-decoration:	none;
	
	padding:			0px;
}
h2 a:hover {
}

p {
	margin:				0;
	padding:			0;
}

img {
	border:				0;
}

.ScreenReader{
	display:			none;
}


/* HEADER */

#header {
	clear:				both;
	width:				750px;
	height:				45px;
	margin:				0 auto;
}

#logo_slogan {
	float:				left;
	padding:			10px 0 0 0px;
	color:				#000000;
	background:			inherit;
	width:				350px;
}

#slogan{
	float:				right;
	border-left:		1px solid #CCCCCC;
	padding:			0 0 0 10px;
}

#logo{
	float:				left;
	width:				150px;
}
#logo h1{
	background:			transparent url(../images/logo_.gif) no-repeat top left;
	height:				40px;
	padding:			0;
	margin-top:			-5px;
}

#hor_menu {
	padding:			13px 0 5px 0;
	float:				right;
}
#hor_menu a {
	padding:			12px 13px 2px 11px;
	text-decoration:	none;
	color:				#414141;
	background:			#ccc url(../images/hmenuarrow.gif) no-repeat top center;
	margin:				0 0 3px 1px;
	border-bottom:		4px solid #BCBCBC;
}
#hor_menu a.active{
	border-bottom:		4px solid #BF3E17;											/* rood */
}
#hor_menu a:hover{
	background:			#3C6491 url(../images/hmenuarrowhover.gif) no-repeat top center;
	color:				#FFFFFF;
	border-bottom:		4px solid #2F4A6C;
}

/* CONTENT */

.content {
	border-top:			1px solid #FEFEFE; 
	background:			#FFFFFF url(../images/contentbg.gif) repeat-x left top;
	color:				#000000;
}

#additional {
	clear:				both;
	width:				730px;
	height:				15px;
	background-color:	#FFFFFF;
	color:				#000000;
	margin:				0 auto;
	padding:			10px;
}
#additional p {
	color:				#808080;
	background:			inherit;
}

#additional a {
	color:				#808080;
	background:			inherit;
}




#links {
	clear:				both;
	margin:				0 auto;
	width:				730px;
	padding:			10px;
	background:			#3C6491 url(../images/linksbg.gif) repeat-x top left;
	color:				#FFF;
}

#whiteline {
	margin-top:			10px;
	border-top:			3px solid #FFFFFF;
}

#footer {
	margin:				5px auto;
	width:				740px;
	padding:			0 5px 0 5px;
	text-align:			center;
}

#footer a {
	color:				#808080;
	background:			inherit;
	letter-spacing:		1pt;
	text-decoration:	none;
}
#footer a:hover {
	color:				#333333;
}

#footer a.active{
	color:				#AAAAAA;
	font-style:			italic;
}