/* Main body */
/*body {background:#f4f4f4 url(img/bg.gif) top center repeat-y; color:#404040; font:76% "Lucida Grande","Lucida Sans",Tahoma,Arial,sans-serif; margin:0 auto; padding:0;}*/
body {background:#ccc; color:#000; font:76% Arial, Helvetica, sans-serif; margin: 0; text-align: center;}

#wrap {color:#404040; margin:0 auto; width:960px; background: #fff url("img/topmiddle.jpg") 17.5em 4.5em no-repeat; text-align: left;
}

/* Basic tags */
a {background-color:inherit; color:#286ea0; font-weight:700; text-decoration:none;}
a:hover {background-color:inherit; color:#286ea0; text-decoration:underline;}
a img {border:0;}
p {margin:0 0 1.4em;}

/* Header */
#header {height:55px; margin:0; padding:0; background: #2E71B7; width: 960px;}
#header img { float: right; width: 577px; margin-right: 70px;}
#header h1 {background-color:inherit; color:#505050; float:left; font-size:2em; margin:0 0 10px; width:350px;}
#header h1 a {background-color:inherit; color:#505050; text-decoration:none;}
#header p {float:right; font-weight:700; line-height:1.3em; margin:8px 0 0; text-align:center; width:400px;}
/*#frontphoto {border:0; margin:0;}*/

/* Top menu */
#header ul.topmenu { list-style:none; margin:0; padding:25px 0 0 30px; }
#header ul.topmenu li { line-height:1.4em; padding:0; float:left; color:#FEE56E;font-weight: bold;}
#header ul.topmenu li a { color:#fff;  font-weight: 700;  padding:5px; text-decoration:none; }
#header ul.topmenu li a:hover{ color:#FEE56E;}

#userinfo {
	position: absolute;
	top: 0;
	center: 0;
	z-index: 100;
	float: right;
	color: #FEE56E;
	padding: 2px 2px 2px 35px;
}
#userinfo #field {
	color: #fff;
}

#pagebrowser {
	background: #fefefe;
	border: solid 1px #FEE56E;
	padding: 2px 5px;
	font-size: 10px;
	min-height:15px;
	height:auto !important;
	height:15px;
}

/*Left and right sidebar */
#leftside {position: absolute; top: 60px;  /* clear:left; float:left; margin:15px 0 5px; padding:200px 0 0 0; */ width:210px; background: #fff url("img/logo.jpg") top left no-repeat;}
/*#rightside {float:right;   line-height:1.4em; margin:0 0 5px; padding:0; width:80px; background: #fff url("img/right.jpg") top right no-repeat; height: 321px;}*/
#leftside p,#leftside ul, #rightside p,#rightside ul {margin:0 0 16px; padding:0;}
#leftside p, #rightside p {font-size:0.9em; line-height:1.4em;}
#leftside li, #rightside li {line-height:1.2em; list-style:none; margin:0 0 6px; padding:0;}
#leftside ul ul, #rightside ul ul {margin:6px 0 0 10px; padding:0;}
#leftside ul ul li, #rightside ul ul li {margin:0 0 4px;}
#leftside ul ul li a, #rightside ul ul li a {font-weight:400;}
#leftside h2,#leftside h3, #rightside h2,#rightside h3 {color:#505050; font-size:1.2em; margin:0 0 8px; padding:0;}

/* Main menu */
#leftside ul.avmenu {display:block; list-style:none; margin:200px 0 18px 0; padding:0; }
#leftside ul.avmenu li {display:inline; line-height:1.4em; padding:0; }
#leftside ul.avmenu li a {color:#2E71B7; float:left; font-weight:900; margin-bottom:5px; padding:2px 1px 2px 30px; text-decoration:none; width:180px;}
#leftside ul.avmenu-seclevel li a {line-height:1.2em; font-weight: normal; font-style: italic; }

#leftside ul.avmenu li a:hover,#leftside ul.avmenu li a.current { color:#009DB3; text-decoration: underline;}
/*
#leftside ul.avmenu ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px; width:125px;}
#leftside ul.avmenu ul a {font-weight:400; padding:3px 1px 3px 5px; width:115px;}
#leftside ul.avmenu ul ul {width:113px;}
#leftside ul.avmenu ul ul a {width:100px;}
*/
/* Main content */
#content { 
	line-height:1.5em; 
	margin:50px 100px 0 230px; 
	padding:0 10px; 
	min-height: 600px;
	height:auto !important;
	height:600px;
}

#contentwide {border-left:1px solid #e0e0e0; line-height:1.5em; margin:0 0 5px 150px; padding:0 0 0 10px; }
#contentwide2 {border-right:1px solid #e0e0e0; line-height:1.5em; margin:0 150px 5px 0; padding:0 10px 0 0;}
#content h1,#contentwide h1,#contentwide2 h1 {font-size:14px; font-weight: bold; margin:10px 0 10px;color: #2e71b7;}
#content h2,#contentwide h2,#contentwide2 h2 {font-size:12px; margin:0 0 10px; color: #2e71b7;}
#content h3,#contentwide h3,#contentwide2 h3 {font-size:1.3em; margin:0 0 8px;}
#content img,#contentwide img,#contentwide2 img {background:#ccc;  color:#fff; display:inline; padding:1px;margin: 2px;}
#content ul,#contentwide ul,#contentwide2 ul,#content ol,#contentwide ol,#contentwide2 ol {margin:0 0 16px 0; padding:0; list-style-type: none; }
#content li,#contentwide li,#contentwide2 li {margin:0; padding:0 0 0 5px; background: transparent url("img/bullet.gif") 0 .1em  no-repeat; padding-left: 20px;}
#content ul ul,#contentwide ul ul,#contentwide2 ul ul,#content ol ol,#contentwide ol ol,#contentwide2 ol ol {margin:0 0 0 16px; padding:0;}

/* Footer */
#footer {background:#fff; border-top:1px solid #e0e0e0; clear:both; color:gray; margin:0 auto; padding:10px 0; text-align:center; width:960px; line-height:1.5em; font-size:0.9em;}
#footer p {margin:0; padding:0;}
#footer a {background-color:#fff; color:gray; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer span {font-size:1.2em;}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { font-style: italic; font-size: 10px;}

.lokatiekaart-leden {
	margin-left: 50px;
}
/* ###################################
** ### input zoekformulier ###########
** ###################################
*/
fieldset {border:1px solid #ccc; padding:10px;}
input, select, textarea {border:1px solid #ccc; padding:0.3em; background:#fafafa; vertical-align: top;}
.csc-form-label {margin:0.3em; }
input {margin: 1px;}
/* #############################
** ### mailform ###########
** #############################
*/
form#mailform fieldset {border:1px solid #ccc; padding:1em; background:#fafafa;}
form#mailform fieldset span.csc-mailform-radio fieldset {margin:1em 2em 1em 1em;}
form#mailform fieldset span.csc-mailform-radio fieldset input {width:auto; margin:0 0.3em 0 0; border:0;}
form#mailform fieldset span.csc-mailform-radio fieldset label {float:none;}
.csc-mailform-field {clear:both; margin-bottom:0.8em;}
fieldset.csc-mailform .csc-mailform-field label {width:12em; float:left; text-align:right; background:#fafafa; padding:2px;}
fieldset.csc-mailform .csc-mailform-field input, fieldset.csc-mailform .csc-mailform-field select, fieldset.csc-mailform .csc-mailform-field textarea {width:25em; border: solid 1px #ccc;}
fieldset.csc-mailform .csc-mailform-field input.csc-mailform-check {width:auto; border:0; margin-top:0.2em;}
fieldset.csc-mailform .csc-mailform-field textarea {font-size:1em;}
fieldset.csc-mailform label span {color:red;}
input#mailformformtype_mail {width: auto;margin-left:13.5em; background:#fafafa; cursor:pointer;}
input#mailformformtype_mail:hover {background:#f0f0f0;}
.csc-mailform-field select {margin-left:1em; border:1px #ccc solid; background:#fafafa; color:#777;}


/* overwrite some default styles for extension "tx_cssstyledcontent" */ 
P.bodytext { text-align: justify; }

/* #############################
** ### tt_news ###########
** #############################
*/
.news-list-item {
	padding:  10px 0;
}
.news-list-item p {
	margin: 0;
}
.news-catmenu-header {
	display:none;
}

/*-----------  clearer  --------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-latest-container HR.clearer,
.news-list-container HR.clearer,
.news-list2-container HR.clearer,
.news-list3-container HR.clearer,
.news-single-item HR.cl-left,
.news-single-item HR.cl-right
 {
	clear:right;
	height:1px;
	border:none;
	padding:0;
	margin:0;
	color:#505050;background-color:#505050;
}
.news-list2-container HR.clearer,
.news-list3-container HR.clearer {
	clear:both;
}
.news-latest-container {
	padding: 10px 0 0 0;
}
.news-search-form {margin: 10px 0 0 0;}
.news-search-form-swords, .news-search-form-searchin, .news-search-form-selectcats {clear: both; float:left; margin:5px 0 5px 0;}
.news-search-form-swords label {float:left;}
.news-search-form-swords input {float:left; line-height:10px; font-size:11px; width:150px; margin-left:10px;}

.news-search-form-searchterm {clear: both; float:left;}

.news-search-form-check-title, .news-search-form-check-author, .news-search-form-check-keywords, .news-search-form-check-bodytext {float:left; margin:0 0 0 10px;}
.news-search-form-check-title input, .news-search-form-check-author input, .news-search-form-check-keywords input, .news-search-form-check-bodytext input {margin:0;}

.news-search-form-select-cat0, .news-search-form-select-cat1, .news-search-form-select-cat2, .news-search-form-select-cat3 {float:left; }
.news-search-form-select-cat0 {clear:both; margin-left:0;}
.news-search-form select {border: solid 1px #286ea0; color: #286ea0; background: #fff; font-size: 11px; width:250px;}
.news-search-form-submit {clear:both; padding-bottom:10px; margin:0 0 15px 0; border-bottom: 1px solid #eeeeee;}
.news-search-form-submit input {margin-left:0px; font-weight:bold; color:#286ea0;}

/*-----------  feuserlisting  --------------*/
/*
.tx-feuserlisting-pi1-listrow TH { background:#eee; border:1px solid #286ea0; padding:0 .5em; white-space:nowrap; font-size:0.9em;}
.tx-feuserlisting-pi1-listrow TD { background:#fff; border:1px solid #286ea0; padding:0 .5em;  font-size:0.85em;}
.tx-feuserlisting-pi1-singleView TH { background:#eee; border:1px solid #286ea0; padding:0 .5em; text-align:right; white-space:nowrap; font-size:0.9em;}
.tx-feuserlisting-pi1-singleView TD { 
border:1px solid #ccc; padding:0.3em; background:#fafafa; vertical-align: top;}
*/
.tx-feuserlisting-pi1-listrow TH { background:#eee; border:1px solid #286ea0; padding:.5em; white-space:nowrap; font:80% Arial, Helvetica, sans-serif; text-align:left;}
.tx-feuserlisting-pi1-listrow TD { border:1px solid #286ea0; padding:.35em; font:76% Arial, Helvetica, sans-serif;}
.tx-feuserlisting-pi1-singleView TH {  padding:0 .5em; text-align:right; white-space:nowrap; font:76% Arial, Helvetica, sans-serif;}
.tx-feuserlisting-pi1-singleView TD { font:76% Arial, Helvetica, sans-serif;
padding:0.3em;  vertical-align: top;}
.tx-feuserlisting-pi1-singleView P { margin-top: 15px;}

.tx-feuserlisting-pi1-browsebox table {
	font:90% Arial, Helvetica, sans-serif;
}

/*----------- news_feedit  --------------*/
table.newsfeedit {
	border: 1px solid #ccc; color:#404040;  font-family: Arial, Helvetica, sans-serif; font-size:100%; font-size-adjust:none; font-style:normal;
font-weight:normal;
}
th.newsfeedit {
	font-size:100%; font-size-adjust:none; font-style:normal;
font-weight:normal; 
}