@import url("undo.css");

@import url("menu.css");



/* ============================================================	*/

/* ========	HTML STANDAARDEN  	===============================	*/

/* ============================================================	*/

html {

	height: 100%;

	width: 100%;

}

body {

	margin: 0 0 0 0;

	width: 100%;

	height: 100%;

	text-align: left;

	font-size: 14px;

	background:#24A5FF url(gfx/bg_clouds.jpg) repeat-x center top;

}

body, table, th, td, p, input, textarea, select {

	font-family: Georgia;

	font-size: 12px;

	color: #475615;

}

a {

	color: #070707;

}

a:hover {

}

h1, h2, h3, h4, h5, h6, p {

	margin: 0 0 10px 0;

}

h1 {

	position: relative;

	color: #F90;

	font-size: 16px;

}

h1 a.back-link {

	position: absolute;

	right: 20px;

	z-index: 100;

	color: #000;

	font-size: 13px;

}

h2 {

	color: #F90;

	font-size: 13px;

}

h3 {

	color: #F90;

	font-size: 13px;

}

th {

	text-align: left;

}

th, td {

	vertical-align: top;

}

.clear-both {

	clear: both;

}

form {

	margin: 0;

}

/* ============================================================	*/

/* ========	LAYOUT BLOCKEN  	===============================	*/

/* ============================================================	*/

.container {background-color: #FFFFFF;}

#container-header {

	background-color: #FFFFFF;

	position: relative;

	z-index: 11;

	height: 156px;

	padding: 0 1px;

}

#container-content {

	background: #fff url(gfx/content-bg.png) repeat-x left bottom;

	overflow: hidden;

	padding: 20px;

	width: 950px;

	position: relative;

	z-index: 10;

	_width:990px;/*ie6*/

  	*padding-left:11px;/*ie7*/

}

#container-footer {

	background-color: #8FC635;

	clear: both;

	height: 33px;

	position: relative;

	z-index: 11;

}

#container-footer .copy-right {

	color: #426219;

	float: right;

	font-weight: bold;

	line-height: 33px;

	margin-right: 10px;

}

#container-body {

	width: 990px;

	text-align: left;

	margin: 0 auto;

	border-left: solid 1px #000;

	border-right: solid 1px #000;

}

#banner {

	overflow: hidden;

	background:#FFF url(gfx/header_back.jpg) no-repeat right top;

	height: 126px;

}

.logo {

	float: left;

	padding-left:10px;

}

.icons ul li {

	float: right;

}

#banner .title {

	display: block;

	float:right;

	padding-top: 80px;

	padding-right:10px;

	font-family: Georgia;

	font-size: 40px;

	/*color: #02269A;*/

	color: #000;

	text-align:right;

	width:650px;

}

#banner .icons {display:none;}

#nav {

	min-height: 30px;

	_height: 30px;

	background:#8FC635 url(gfx/nav-bg.png) repeat-x left top;

	clear: both;

	width:100%;

	overflow:hidden;

}

.user {

	margin-left: 20px;

	display: none;

}

.left-column {

	float: left;

}

.right-column {

	float: right;

}

.center-column {

	float: left;

}



.footer-pane {

	width: 700px;

	height: 33px;

	float: left;

}



.clear {

	clear: both;

}



.block {

	border: 1px solid #D0E4A5;

	float: left;

	margin-bottom: 10px;

	width: 100%;

}

.empty-block {

	padding: 0;

	border: 0 none;

}







.color-block {

	background: #8FC635 url(gfx/color-block-bg.png) repeat-x scroll left top;

}

.color-block a, .color-block a:visited {

	color: #3E5F10;

	text-decoration: underline;

}

.color-block a:hover {

	color: #ffffff;

}

.block-head h1 {

	border-bottom: 1px dotted #728035;

	color: #3F5616;

	font-family: Georgia;

	font-size: 16px;

	font-weight: bold;

	line-height: 130%;

	text-align: left;

	margin-bottom: 0px;

	*position: static;

}

.block-head h1 span {

	display: inline;

	float: left;

	*margin-right: 5px;

}

.text-block .block-head h1 span

{

	*padding-right: 10px;

}

.block-head h1 .action-buttons {

	float: right;

}

.block-head h1 .action-buttons a.CommandButton:link {

    text-decoration: none;

    color: #3F5616;

    font-family:Georgia;

	font-size:16px;

	font-weight:bold;

}



.block-head h1 .action-buttons a.CommandButton:visited {

    text-decoration: underline;

    color: #3F5616;

}



.block-head h1 .action-buttons a.CommandButton:hover {

    text-decoration: underline;

    color: #ff0000;

}



.block-head h1 .action-buttons a.CommandButton:active {

    text-decoration: underline;

    color: #3F5616;

}



.block-head {

	margin: 10px;

}

.block-content {

	margin: 0 10px;

}

.block-content h2 {

	border-bottom: 1px dotted #728035;

	color: #3F5616;

	font-family: Georgia;

	font-size: 16px;

	font-weight: bold;

	line-height: 130%;

	margin-top: 10px;

	text-align: left;

}

.block-content ul {margin:0 0 10px 0;}

.block-content ul li {padding:0 0 3px 10px;background:transparent url(gfx/li_bullit.gif) no-repeat 0px 5px;}



.block-footer {

}

.text-block {

	border: 1px solid #799740;

	background-color: #FFFFFF;

	padding-bottom:12px;

}

.single {

	width: 253px;

	margin-right: 20px;

}

.double {

	width: 528px;

	margin-right: 20px;

	display:inline;

}

.triple {

	width: 738px;

}



.empty-block .block-head {

	margin: 0px;

}

.empty-block .block-content {

	margin: 0px;

}





/* ============================================================	*/

/* ========	communicatie       	===============================	*/

/* ============================================================	*/

.logged-block h2 {

	border: 0;

}

.logged-block span {

	padding-left: 10px;

}



.logged-block ul {

	padding: 10px;

}



.logged-block ul li {

	background: transparent url(gfx/list-item-image-white.png) no-repeat scroll left 9px;

	padding-left: 10px;

}

.channel-item-block h2 {

	border: 0 none;

	font-size: 13px;

	margin: 0;

	padding: 5px;

}

.communicatie-desc .right {

	padding-right: 10px;

}

.right {

	float: right;

}

.list-with-hyphen, .list-with-asterisk {

	padding: 10px;

	size: 12px;

}

.list-with-hyphen li {

	background: transparent url(gfx/hyphen.png) no-repeat scroll 0 8px;

}

.list-with-asterisk li {

	background: transparent url(gfx/asterisk.png) no-repeat scroll 0 8px;

}

.list-with-hyphen li, .list-with-asterisk li {

	line-height: 20px;

	padding-left: 10px;

}

.download-list .right {

	padding-right: 10px;

}



.download-list ul {

	padding-left: 10px;

	padding-bottom: 10px;

}



.download-list ul li a {

	text-decoration: underline;

}



.download-list ul li a + a {

	margin-left: 10px;

	padding-left: 5px;

	border-left: 1px solid #415518;

}



.download-list .pdf li {

	line-height: 34px;

	background: url(gfx/pdf.png) no-repeat left top;

	padding-left: 35px;

}

.login-block div {

	padding-left: 10px;

	padding-right: 10px;

}



.login-block h2 {

	float: left;

	margin-right: 0px;

	border: 0px;

}



.login-block h3 {

	font-size: 10px;

	float: left;

	padding-top: 12px;

	color: #3F5616;

	font-weight: bolder;

	margin-bottom: 0px;

}



.login-block label {

	float: left;

}



.login-block label + input {

	float: left;

	width: 98%;

}



.login-block .button {

	float: right;

	margin-top: 10px;

	padding-bottom: 10px;

	padding-right: 10px;

}



.login-block .related-links {

	float: left;

	border-top: 1px dotted #598822;

	margin-left: 10px;

	padding-left: 0px;

	padding-top: 12px;

	padding-bottom: 10px;

}



.google-map-block #map_canvas {

	height: 500px;

	margin: 10px;

	width: 716px;

}

.form-grid {

}

.data-grid th, .data-grid td

{

	border-bottom: 1px solid #ccc;

	vertical-align: top;

}

.form-grid table {

	margin: 10px;

	width: 100%;

	height: 100%;

	line-height: 30px;

}



.form-grid table td {

	margin: 3px;

	vertical-align: top;

}

.title-cell

{

	font-weight: bold;

}

.form-grid table td.name-cell {

	margin-left: 0;

	width: 150px;

}

.form-grid table td.input-cell {

}

.form-grid table td.button-cell {

	text-align: right;

	padding-right: 30px;

}



.form-grid table td.input-cell input, .form-grid table td.input-cell textarea, .form-grid table td.input-cell select {

	width: 90%;

}



.form-grid table td.button-cell input {

}

.foot-links li {

	float: left;

}



.foot-links li a {

	display: block;

	text-align: center;

	padding: 0 10px;

	line-height: 33px;

	font-weight: bold;

	color: #426219;

}



.block {

	position: relative;

}

.block .actions {

	position: absolute;

	left: 0px;

	top: 0px;

	width: 15px;

	height: 15px;

}

.block .block-head {

	margin: 10px;

}

.block .SubHead {

	color:#475615;

	font-family:Georgia;

	font-size:12px;

}

.block .LoginPanel .SubHead label span:first-child {

	display: none;

}

.block .LoginPanel .StandardButton {

	float: right;

}

.login-pane, .logined-pane {

	margin-bottom: 10px;

}

.login-pane h3, .logined-pane h3 {

	margin-top: 10px;

	border-bottom:1px dotted #728035;

	color:#3F5616;

	font-family:Georgia;

	font-size:16px;

	font-weight:bold;

	line-height:130%;

	margin-bottom:0;

	text-align:left;

}

.login-pane h3 span {

	font-size:10px;

}

.login-pane table {

	margin-top: 10px;

	font-weight: bold;

}

.login-pane ul {

	border-top:1px dotted #728035;

	margin: 5px 0 0 0;

	padding-top: 5px;

}

.login-pane ul li {

	height: 20px;

	line-height: 20px;

	padding:0;background:transparent url(none) no-repeat 0px 5px;

}

.login-pane table input {

	width: 160px;

	height: 16px;

	border:0px solid #FFF;

	background:#FFF url(gfx/text_back.png) no-repeat 0 0;

	padding: 3px 5px 0px 5px;

}

.login-pane table td {

	padding-top: 3px;

	padding-bottom: 3px;

}

.login-pane a.login-button, .login-pane a.login-button:visited, .club-quickfinder .button {

	float: right;

	display: block;

	width: 59px;

	height: 17px;

	background-image: url(gfx/login_button_back.png);

	background-repeat: no-repeat;

	margin: 0 auto;

	padding: 2px 5px;

	color: #fff;

	text-decoration: none;

	text-align:center;

}

.logined-pane h3 {

	border: none;

}

.logined-pane .username {

	display: block;

	margin-top: 10px;

}

.logined-pane {

	padding-left: 10px;

}

.logined-pane ul {

	margin-top: 20px;

}

.logined-pane ul li {

	font-size: 11px;

	background:transparent url(gfx/list-item-image-white.png) no-repeat scroll left 9px;

	padding-left:10px;

}

.message {

	color: Red;

}

.club-quickfinder td {

	padding-bottom: 5px;

}

.club-quickfinder select {

	width: 170px;

}

.empty {

	height: 15px;

}







.login-link {

	display: inline-block;

	float: right;

	font-size: 13px;

	font-weight: bold;

	height: 30px;

	line-height: 30px;

	margin-right: 0;

	padding-right: 5px;

	padding-left: 5px;

	color: #FFFFFF;

}



.login-link:link {

	color: #FFFFFF;

}



.login-link:hover {

	background: transparent url(gfx/nav-active-bg.png) repeat-x scroll left top;

	margin-right: 1px;

	text-decoration: none;

	color: #FFFFFF;

}



#dnn_ContentPane {min-height:350px;}



table.members-table {}

table.members-table td {width:1%;}

.pager {margin:10px 0 0 0;}

.pager div
{
	float: left;
}

.pager .pagenav
{
}





/* ============================================================	*/

/* ========	Html Module       	===============================	*/

/* ============================================================	*/

.DNN_HTMLContent a

{

	display: inline-block;

	line-height: 18px;

	height: 16px;

}

.DNN_HTMLContent a[href$=".doc"], .DNN_HTMLContent a[href$=".docx"]

{

	background: url(gfx/doc.gif) right no-repeat;

	padding-right: 20px;

}

.DNN_HTMLContent a[href$=".xlsx"], .DNN_HTMLContent a[href$=".xls"]

{

	background: url(gfx/xls.gif) right no-repeat;

	padding-right: 20px;

}

.DNN_HTMLContent a[href$=".pdf"]

{

	background: url(gfx/pdf.gif) right no-repeat;

	padding-right: 20px;

}

.DNN_HTMLContent a[href$=".ppt"], .DNN_HTMLContent a[href$=".pptx"]

{

	background: url(gfx/ppt.gif) right no-repeat;

	padding-right: 20px;

}

.data-grid
{
	border-collapse:collapse;
}
.data-grid td
{
	empty-cells: show;
}