HTML, BODY, TABLE {
	font-family: Verdana, Arial, "Times New Roman";
	font-size: 0.9em;
	color: #000;
}
P {
	padding:0px;
	margin: 0px;	
}
HTML {
	height:100%;
	padding-bottom: 1px;
}
BODY {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #ededed;
	background-image: url("../graphics/backgrounds/body.jpg");
	background-position: top center;
	background-attachment: fixed;
	background-repeat: repeat-x; 
}

ul {
list-style-position: outside;
list-style-type: disc;
padding: 0px;
margin: 0px;
margin-left: 20px;
}
ol {
list-style-position: outside;
padding: 0px;
margin: 0px;
margin-left: 27px;
}
ul li, ol li {
	padding: 0px;
	margin: 0px;
}
	
IMG.borderless {
	border: 0px;
}
a.borderless {
	text-decoration: none;	
}
a.borderless:hover {
	text-decoration: none;	
}
H1 {
	margin: 0px;
	padding: 0px;
	font-size: 1.1em;	
	font-weight: bold;
	display: inline;
}
H2 {
	margin: 0px;
	padding: 0px;
	font-weight: Bold;
	font-size: 0.9em;
	line-height: 25px;
	display: inline;
}
.hidden {
	display: none;	
}
.tophidden {
	width: 0px;
	height: 0px;	
}
.loginHidden {
	border:0;
	width:0;
	height:0;
	overflow:hidden;
}
div {
	position: relative;
	float: left;	
	display: block;
	overflow: hidden;
}
.paddingBottom {
	padding-bottom: 5px;	
}
.paddingRight {
	padding-right: 5px;	
}
.smallFont {
	font-size: 0.8em;	
}
#container {
	position: relative;
	float: none;
	width: 980px;
	margin: 10px auto 0px auto;
}
div.error {
	float: none;
	font-size: 0.9em;
}
.errorColor {
	color: #CC0000;
}

.flash {
	float: none;
	color: #CC0000;
	border: 1px dashed #CC0000;
	line-height: 45px;
	font-size: 0.9em;
	text-indent: 55px;
	background: #fff url('../graphics/warning.jpg') no-repeat 10px center;
}
.okflash {
	float: none;
	color: #0C3;
	border: 1px dashed #0C3;
	line-height: 45px;
	font-size: 0.9em;
	text-indent: 55px;
	background: #fff url('../graphics/backgrounds/check.jpg') no-repeat 10px center;
}
.okflash a {
	color: #0C3;
}
div.topspacing {
	margin-top: 5px;
}
div.topspacing10 {
	margin-top: 10px;
}

/*
 *	Header:
 */
#header{
	width: 980px;
	height: 120px;
	position: relative;
}
#header .frame_corner_t {
	height: 4px;
	width: 980px;
	background: url('../graphics/backgrounds/header_top_2.jpg') no-repeat top left;
	/* background: url('../graphics/backgrounds/frame_roundcorner_T.jpg') no-repeat top left; */
}
#header .frame_bg {
	height: 116px;
	background-color: #f8f8f8;
	background: #f8f8f8 url('../graphics/backgrounds/header_bg_2.jpg') no-repeat top left;
}
	#header #logo /* HEADER LOGO */
	{
		width: 355px;
		height: 70px;
		margin-top: 10px;
		margin-left: 15px;
	}
	#header #cgraadlogo /* CG-Raad LOGO */
	{
		width: 64px;
		height: 70px;
		margin-top: 10px;
		margin-left: 0px;
	}
	#header #reg_button  /* Register Button */
	{
		margin-top: 5px;
		width: 160px;
		height: 75px;
	}

	#header #reg_button  .register_button {
		float: none;
		margin-top: 25px;
		margin-left: 35px;
		width: 111px;
		height: 25px;
		line-height: 25px;
		text-align: center;
	}
	#header #reg_button  .register_button a {
		font-weight: Bold;
		display: block;
		color: #FFF;
	}
	#header #reg_button .register_button a:hover {
		text-decoration: none;
		background: url('../graphics/backgrounds/knop_hover.png');
	}

	#header #reg_button .passwordlost_button {
		float: none;
		margin-top: 5px;
		margin-left: 35px;
		width: 111px;
		height: 25px;
		line-height: 25px;
		text-align: center;
	}
	#header #reg_button .passwordlost_button a {
		display: block;
		color: #FFF;
	}
	#header #reg_button .passwordlost_button a:hover {
		text-decoration: none;
		background: url('../graphics/backgrounds/knop_hover.png');
	}
	#header div.passwordText {
		font-size: 10px;	
		width: 264px;
		text-align: right;
	}
	#header div.passwordText a {
		color: #000;
		text-decoration: underline;
	}
	#header div.passwordText a:hover {
		color: #000;	
		text-decoration: none;
	}
	
	#header #login_menu  /* LOGIN MENU LOGO */
	{
		margin-top: 10px;
		margin-left: 20px;
		width: 350px;
		height: 70px;
	}
	#login_menu INPUT {
		width: 170px;
	}
	#login_menu INPUT.loginsubmit {
		width: 55px;
		margin-top: 4px;	
	}
	
	#login_menu TD.loginButton {
		padding-bottom: 5px;
	}
	#login_menu div.login_button {
		float: none;
		width: 47px;
		height: 25px;
		line-height: 25px;
		text-align: center;
	}
	#login_menu div.login_button a {
		display: block;
		color: #FFF;
	}
	#login_menu div.login_button a:hover  {
		text-decoration: none;
		background: url('../graphics/backgrounds/knop_hover.png');
	}
			
	#header a {
		color: #FFF;
		text-decoration: none;
	}
	#header a:hover {
		color: #FFF;
		text-decoration: underline;
	}
	
	#header #login_menu div.schermafbeelding {
		float: right;
		margin-right: 15px;
		width: 60px;
		height: 60px;
		overflow: hidden; 
	}
	
	#header #login_menu div.welcome {
		width: 260px;
		font-weight: Bold;
		text-align: right;
	}
	
	#header #login_menu div.membersButContainer {
		width: 260px;
	}
	
	#header #login_menu div.butAccount, 
	#header #login_menu div.butLogout, 
	#header #login_menu div.superAdmin {
		float: right;
		height: 22px;
		line-height: 22px;
		text-align: right;
		margin-left: 2px;
	}
	#header #login_menu div.butLogout {
		width: 75px;
	}
	#header #login_menu div.superAdmin {
		width: 50px;
	}
	#header #login_menu div.butAccount {
		width: 75px;
	}
	
	#header #login_menu div.butAccount {
		width: 100px;
	}
	#header #login_menu div.butAccount a, 
	#header #login_menu div.butLogout a, 
	#header #login_menu div.superAdmin a {
		color: #000;
	}
	#header #login_menu div.topMessages {
		width: 260px;		
		font-size: 0.8em;
		text-align: right;
		line-height: 20px;
	}
	#header #login_menu div.topMessages a {
		color: #000;
	}
	#header a {
		color: #FFF;
		text-decoration: none;
	}
	#header a:hover {
		color: #FFF;
		text-decoration: underline;
	}
	
/*
 *	Menu Header:
 */
#header #menu div.ulcontainer {
	width: 630px;
}
#header #menu div.fontcontainer {
	width: 86px;
}
	#header #menu div.fontcontainer div.resizeFont1,
	#header #menu div.fontcontainer div.resizeFont2,
	#header #menu div.fontcontainer div.resizeFont3 {
		padding-top: 2px;
		width: 20px;
	}
	#header #menu div.fontcontainer div.colorFont {
		padding-top: 2px;
		width: 26px;
	}
	
#header #menu div.rsscontainer {
	width: 20px;
	margin-left: 5px;
	margin-top: 7px;
}
#header #menu div.searchcontainer {
	width: 210px;
	margin-left: 5px;
	margin-top: 3px;
}
#header #menu div.searchcontainer INPUT.search {
	width: 140px;
}
#header #menu div.searchcontainer div.searchText {
	margin-top: 2px;
	width: 150px;
}
#header #menu div.searchcontainer div.searchButton {
	margin-top: 2px;
	width: 60px;
}


#header #menu {
	width: 960px;
	height: 30px;
	margin-left: 10px;
	margin-right: 10px;
	background: url('../graphics/backgrounds/menu_background.jpg');
}

#header #menu UL {
	list-style-type: none;
	padding: 0;
	margin: 2px 5px 1px 10px;
	
}
	#header #menu UL LI {
		display: inline;
		float: left;
		height:	26px;
		line-height: 26px;
		margin-right: 2px;
	}
		#header #menu ul li a {
			height: 26px;
			line-height: 26px;
			width: 100%;
			float: left;
			display: block;
			color: #fff;
			text-decoration: none;
			text-align: center;
		}
		/* Home Menu button: */
		#header #menu UL LI.home {
			width: 54px;
		}
		#header #menu ul li.home a:hover, #header #menu ul li.homeCur a {
			background-image: url('../graphics/backgrounds/home_hover.jpg');
		}
		
		/* Nieuws Menu button: */
		#header #menu UL li.news {
			width: 64px;
		}
		#header #menu ul li.news a:hover, #header #menu ul li.newsCur a  {
			background-image: url('../graphics/backgrounds/nieuws_hover.jpg');
		}
		
		/* Magazines Menu button: */
		#header #menu UL LI.magazines {
			width: 85px;
		}
		#header #menu ul li.magazines a:hover, #header #menu ul li.magazinesCur a {
			background-image: url('../graphics/backgrounds/magazines_hover.jpg');
		}
		
		/* Column Menu button: */
		#header #menu UL LI.columns {
			width: 72px;
		}
		#header #menu ul li.columns a:hover, #header #menu ul li.columnsCur a {
			background-image: url('../graphics/backgrounds/column_hover.jpg');
		}

		/* Forum Menu button: */
		#header #menu UL LI.forum {
			width: 57px;
		}
		#header #menu ul li.forum a:hover, #header #menu ul li.forumCur a  {
			background-image: url('../graphics/backgrounds/forum_hover.jpg');
		}

		/* Boekenhoek Menu button: */
		#header #menu UL LI.books {
			width: 96px;
		}
		#header #menu ul li.books a:hover, #header #menu ul li.booksCur a  {
			background-image: url('../graphics/backgrounds/boekenhoek_hover.jpg');
		}

		/* Leden Menu button: */
		#header #menu UL LI.members {
			width: 57px;
		}
		#header #menu ul li.members a:hover, #header #menu ul li.membersCur a {
			background-image: url('../graphics/backgrounds/leden_hover.jpg');
		}
		
		/* Links Menu button: */
		#header #menu UL LI.links {
			width: 57px;
		}
		#header #menu ul li.links a:hover, #header #menu ul li.linksCur a {
			background-image: url('../graphics/backgrounds/links_hover.jpg');
		}
	
/* Pager Box: */
	div.pager {
		width: 555px;
		line-height: 30px;	
	}
	div.pager div.information {
		width: 55px;	
	}
	div.pager div.pager_container {
		width: 500px;	
	}
	div.pager div.pager_container div.page {
		padding-left: 5px;
		padding-right: 5px;
	}
	div.pager div.pager_container div.current {
		padding-left: 5px;
		padding-right: 5px;
		font-weight: Bold;
	}
	
/* zoekresultaten: */
div.searchTitle {
	margin-top: 2px;
}
div.searchTitle a {
	font-size: 12pt;
	font-weight: Bold;
}
div.searchMeta {
	width: 550px;
	color: #333;
	font-size: 0.8em;
	padding-bottom: 2px;
	margin-left: 10px;
}
div.searchBody {
	width: 550px;
	color: #333;
	padding-bottom: 2px;
	margin-left: 10px;
}
div.searchLink {
	color: #060;
	padding-bottom: 2px;
	margin-left: 10px;
	padding-bottom: 10px;
}
div.footerSocialMedia {
	width: 400px;	
}
div.footerSocialMedia div.text {
	width: 140px;
}
div.footerSocialMedia div.images {
	width: 150px;
	margin-top: 3px;
}

div.footerNieuwsbrief {
	width: 530px;
}

	#searchheader div.searchButton div.zoek_button {
		float: none;
		width: 38px;
		height: 20px;
		line-height: 20px;
		text-align: center;
	}
	#searchheader div.searchButton div.zoek_button a {
		display: block;
		color: #FFF;
		text-decoration: none;
	}
	#searchheader div.searchButton div.zoek_button a:hover  {
		text-decoration: none;
		background: url('../graphics/backgrounds/zoek_overlay.png');
	}


SPAN.highlight {
	background-color: #FF0;	
}

.addthis_default_style {
	height: 25px;
}
div.footerShare {
	width: 600px;	
}
div.footerShare div.text {
	padding-right: 20px;
}