@charset "utf-8";

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul, ol li, ul li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
=========================================================================
===== FCK EDITOR STIJLEN
*/

#fckbody
{
	background-color: #ffffff;
	background-image: none;
	text-align: left;
	padding: 20px;
}

	

.SC_Panel {  /* achtergrond van pull down menus */
	background: #fff;	
	}


/*
=========================================================================
===== MODULE MENU STIJLEN
*/


.ModuleTitle_SubMenu {
	border:2px solid #a2863d;
}
.ModuleTitle_MenuItem td{
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #58585a;
	text-align:left;
	padding:0 5px;
}
.ModuleTitle_MenuBreak td {
	height: 1px;
}






/* ===================================================== */
/* === HEARTPOOL STIJLEN */

* {
	margin: 0;
}


html, body, form, #rootContainer {height: 100%;}

body > #rootContainer,
body > form > #rootContainer
{
	height: auto; min-height: 100%;
	}


body > #IEroot  {
	height: auto; min-height: 100%;
}

body > #IEroot > #rootContainer {
	height: 100%; min-height: auto;
}


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #58585a;
	background: #fff;
}


a:link,
a:visited,
a:hover,
a:active
{
	color: #58585a;
	text-decoration: underline;
}

#dnn_rechterKolom a:link,
#dnn_rechterKolom a:visited,
#dnn_rechterKolom a:hover,
#dnn_rechterKolom a:active {
	color: #fff;
	text-decoration: underline;
}
#dnn_rechterKolom a:hover {
	color: #a2863d;
	text-decoration: underline;
}



h1 {
	/*font-size: 17px;*/
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0;
	color: #58585a !important;
}



p {
	margin-top: 0px;
	margin-bottom: 20px;
}


#rootContainer {
	margin: 0 auto;
	width: 842px;
	background: transparent url(images/bg_maincontainer.png) top center repeat-y;
}

#mainContainer {
	position: relative;
	margin: 0 auto;
	width: 832px;
	min-height: 100%;
	height: auto !important;
	padding: 0 5px 32px 5px;
	background: transparent url(images/bg_maincontainer.png) top center repeat-y;
	} 
		
#headerContainer {
	position: relative;
	width: 832px;
	height: 117px;
	margin: 0 auto;
	padding: 0 5px;
	background: transparent url(images/bg_maincontainer.png) top center repeat-y;
}


#logoContainer {
	position: relative;
	float: right;
	clear: both;
	background: #fff url(images/logo.png) top left no-repeat;
	width: 245px;
	height: 100%;
}


#rechterKolom,
#dnn_rechterKolom {
	position: relative;
	background: url(images/bg_rechterkolom_linksboven.png) top left no-repeat;
	width: 144px;
	color: #fff;
	padding: 50px;
	float: right;
	clear:both;
}

#mainContent {
	position:relative;
	width: 522px;
	margin-left: 32px;
	float: left;
	}


#paginaFooter {
	position: relative;
	color: #58585a;
	height: 32px;
	padding: 0 281px 0 32px;
	margin: -32px auto 0 auto;
	clear: both;
	text-align: center;
	width: 529px;
	font-size: 10px;
	} 	

#paginaFooter .SkinObject {
	color: #58585a;
	font-size: 10px;
	font-weight: normal;
}

#paginaFooter a:link,
#paginaFooter a:visited,
#paginaFooter a:active
{
	color: #58585a;
	text-decoration: none;
}
#paginaFooter a:hover,
#paginaFooter a:hover
{
	color: #58585a;
	text-decoration: underline;
}


/* Fix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix {
	display: inline-block;
	}
/* Hides from IE-mac \*/
* html .clearfix { 
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */





/* main menu */

#menuContainer {
	position: relative;
	height: 85px;
	width: 554px;
	background: #58585a url(images/bg_mainmenu_rechtsonder.png) right bottom no-repeat;
}

#mainMenu,
#SkinMenu
{
	margin: 0 0 0 32px;
	font-size: 12px;
	padding-top: 18px;
	width: 560px;
	float: left;
}

#mainMenu li,
#SkinMenu li 
{
	float: left;
}

#mainMenu li a,
#SkinMenu li a
{
	display: block;
	height: 100%;
	padding: 0px 8px;
	color: #999;
	text-decoration: none;
}
#mainMenu li a.selected,
#SkinMenu li a.selected
{
	color: #fff;
}


#mainMenu li:first-child a,
#SkinMenu li:first-child a
{
	padding-left: 0;
}

#mainMenu li a:hover,
#SkinMenu li a:hover
{
	color: #fff;
}


/* logo menu */


#logoMenu {
	margin: 0 0 0 32px;
	font-size: 12px;
	padding-top: 18px;
	float:left;
	clear: both;
}

#logoMenu li {
	float: left;
}

#logoMenu li a {
	display: block;
	height: 100%;
	padding: 0px 8px;
	color: #58585a;
	text-decoration: none;
}
#logoMenu li:first-child a {
	padding-left: 0;
}

#logoMenu li a:hover {
	color: #a2863d;
}


/* 2 kolommen layout */

#dnn_kolom1 {
	width: 250px;
	margin-right: 22px;
	float: left;
	}

#dnn_kolom2 {
	width: 250px;
	float: left;
	}
	
#dnn_kolom1 img,
#dnn_kolom2 img {	
	float: left;
	padding: 5px 10px 0 0;
}




/* rechterkolom stijlen */

#dnn_rechterKolom h1 {
	color: #fff !important;
	}




/* rechterkolom: account login module stijlen */


#dnn_rechterKolom div.AuthenticationContent 
{
	/*border-bottom: 1px dotted #fff;*/
	margin-bottom: 40px;
	} 


#dnn_rechterKolom div.AuthenticationContent label a img /* zet hulp icons uit*/
{
	display: none; 
	} 


#dnn_rechterKolom div.AuthenticationContent .SubHead {
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}


#dnn_rechterKolom div.AuthenticationContent .StandardButton {
	background:#DDDDDD none repeat scroll 0 0;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	margin: 10px 0;
}



/* smoelenboek module stijlen */

div.Bitwise_SmoelenboekContent span.header {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 0;	
	color: #58585a;	
	}

div.Deelnemer_List a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #58585a;
}

p.navtop {
	display: block;
	width: 100%; 
	text-align: center; 
	padding-bottom: 5px; 
	margin-bottom: 0px
	}
p.navbottom {
	display: block;
	width: 100%; 
	text-align: center; 
	padding-top: 5px; 
	margin-bottom: 0px
	
	}
p.navtop a,
p.navbottom a 
{
	color: #58585a;
	}
	
div#smoelenboekcontainer {
border-top: 1px solid #58585a; 
border-bottom: 1px solid #58585a;
}

div#smoelenboekcontainer #lidnummer {
	float: right; 
	font-family:Georgia, 'Times New Roman', Times, serif; 
	/*font-size: 72px; */
	font-size: 44px;
	line-height: 77px;  
	font-weight: normal;
	}

img.Foto1 {
	width: 86px;
	margin: 20px 20px 0 0;
	}

img.Foto2 {
	width: 86px;
	}


/*
=========================================================================
===== agenda/events module stijlen
*/



.ThemeEvents .Head {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #58585a !important;
	font-weight: bold;
}

.ThemeEvents .SubHead {
	font-family:Arial, Helvetica, sans-serif;
	color: #58585a !important;
	font-size: 12px;
	font-weight: bold;
}

.ThemeEvents .ListDataGrid {
	background: #fff !important;
	border: none !important;
	line-height: 12px !important;
	}

.ThemeEvents .ListDataGrid td {
	border:1px dotted #58585a !important;
	padding: 3px !important;
	}


.ThemeEvents .ListAlternate td {
	background-color: #f6f3eb !important;
	}
	
.ThemeEvents .ListDate {
	width: 70px !important;
	}	
	
	
	

.ThemeEvents .ListTitle {
	color: #58585a !important;
	font-weight: bold !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	}

	
	
.ThemeEvents .ListLocation a:link,
.ThemeEvents .ListLocation a:visited,
.ThemeEvents .ListLocation a:hover,
.ThemeEvents .ListLocation a:active
{
	color: #58585a !important;
	font-weight: normal !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	text-decoration: none !important;
}

.ThemeEvents .ListLocation a:hover
{
	text-decoration: underline !important;
}

/*
.ThemeEvents .Event {
	border: #58585a 2px solid !important;
	}

.ThemeEvents .EventDayHeader {
	border: #58585a 1px solid !important;
}

.ThemeEvents .EventDay {
	border: #58585a 1px solid !important;
	background-color: #999 !important;
	color: #fff !important;
}

.ThemeEvents .EventDayScroll {
	overflow: hidden !important;
}

.ThemeEvents .EventDayScroll a {
	padding: 3px;
	line-height: 12px;
	display: block;
}
*/


/*
=========================================================================
===== NUKENEWS
*/

p.leesmeer {
	margin-top: -20px !important;
}

.newscategoryimagecontainer {
	display: none;
	}


/* foto bij artikel */
.newssummary img,
.viewnewsarticle img
{
	padding: 0 20px 20px 0;
}


/* dubbele titel in nieuwsmodule uitzetten */
.viewnewstitle {
	display: none;
}


.NukeNews_AltItem {
	background: #FFF !important;
}



/*
=========================================================================
===== NUKEFEEDS
*/


.NukeFeeds_FeedItem2 { /* alt item */
	background: #fff;
	}

.NukeFeeds_ItemTitleDefault { /* categorie titel */
	font-family: Arial, Helvetica, sans-serif;
	color: #a2863d;
	padding: 0;
	}
	
.NukeFeeds_ItemTitleDefault a { /* artikel titel */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 20px;
	font-weight: bold;
	color: #58585a;
	text-decoration: none;
	}

.NukeFeeds_ItemTitleDefault a:hover { /* artikel titel */
	text-decoration: underline;
	}

.NukeFeeds_ItemContentDefault p { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #58585a;
	margin-bottom: 0;
}


/*
=========================================================================
===== SPLASH PAGINA
*/

.splashPagina {
	background: #1f1f1f;
	}

.splashPagina #rootContainer {
	background: transparent;
	}
	
.splashPagina .splashTable {
	width: 100%; 
	height: 100%;
	margin-top: 50px;
}