/******************************************************************
 * STYLESHEET FOR STICHTING-BECHTEREW.NL
 *
 * @author	Lars Nieuwenhuizen <l.nieuwenhuizen@webformant.nl>
 ******************************************************************/

/*******************************
 * BASICS
 *******************************/
* {
	margin:0;
	padding:0;
	font-family:Arial;
}

a img {
	border:0;
}

body {
	background:#A5A598 url(images/pagebg.jpg) repeat-x;
	font-size:0.9em;
}

#plain {
	background:#fff; url();
	margin:10px;
}

h1, h2, h3, h4, h5, h6, p { margin-bottom:10px; }
h1 { font-size:1.8em; font-weight:normal; color:#4A70B9; }
h2 { font-size:1.6em; font-weight:normal; color:#4A70B9; }
h3 { font-size:1.4em; font-weight:normal; color:#4A70B9; }
h4 { font-size:15px; font-weight:normal; color:#4A70B9; }
h5 { font-size:14px; font-weight:normal; color:#4A70B9; }
h6 { font-size:12px; font-weight:bold; color:#4A70B9; }

p {
	margin-bottom:15px;
}

#page {
	margin:0 auto;
	width:986px;
	overflow:hidden;
}

/*******************************
 * LOGOS
 *******************************/
#logos {
	margin:0 18px 0 18px;
	background-color:#fff;
	border-bottom:1px solid #fff;
	margin-bottom:-1px;
}

#logo, #logostrook {
	float:left;
}

#logostrook {
	float:right;
	background-color:#fff;
}

#logostrook img {
	float:left;
}

#topbar {
	
}

/*******************************
 * TABS
 *******************************/
#tabs {
	float:left;
}

.tab img {
	float:left;
}

.tab {
	clear:both;
}

/*******************************
 * FACE
 *******************************/
#face {
	background:url(images/beeld.jpg) no-repeat;
	width:950px;
	height:266px;
	overflow:hidden;
	float:left;
	margin-left:17px;
}

#pages #face {
	height:112px;	
	background:url(images/beeld_vervolg.jpg) no-repeat;
	margin-left:18px;
	_margin-left:9px;
}

#news a {
	color:#fff;
}

#news {
	position:relative;
	margin-left:660px;	
	ssheight:256px;
	width:210px;
	ddoverflow:hidden;
	z-index:10;
	padding:10px 0 0 0;
	color:#fff;	
}

#pages #news {
	height:110px;
}

#news h1 { font-size:12px; font-weight:bold	; color:#fff; }
#news h2 { font-size:12px; font-weight:bold; color:#fff; }
#news h3 { font-size:12px; font-weight:normal; color:#fff; }
#news h4 { font-size:12px; font-weight:normal; color:#fff; }
#news h5 { font-size:11px; font-weight:bold; color:#fff; }
#news h6 { font-size:11px; font-weight:normal; color:#fff; }

/*******************************
 * MIDDLE PART
 *******************************/
#middle {
	padding:0 18px 0 18px;	
	background-color:#DDDDD8;
	background-image:url(images/gray_corner.gif);
	background-repeat:no-repeat;
	height:auto;
}

#middle_body {
	background-color:#fff;
	border-bottom:1px solid #fff;
	margin-bottom:-1px;
}

/*******************************
 * TOPMENU
 *******************************/
#topmenu {
	width:950px;
	_overflow:hidden;
}

#mainnav {
	padding:0 0 10px 0;
 	width:638px;
 	float:left;
 	overflow:hidden;
}

.topmenuitem, .topmenuitem-on {
	float:left;
	margin-top:10px;
	padding:5px 18px 5px 19px;
	border-right:1px dotted #999999;
}

.topmenuitem a, .topmenuitem-on a {
	color:#999999;
	text-decoration:none;
	font-weight:bold;
}

.topmenuitem-on a {
	color:#000000;
}

#newsbottomnav {
	float:right;
	background:url(images/newsbottom.gif) no-repeat;
	width:247px;
	padding:0px 0 10px 0;
 	margin-right:65px;
}

#newsbottomnav .topmenuitem a { color:#fff; }
#newsbottomnav .topmenuitem-on a { color:#cccccc; }

/*******************************
 * CONTENT
 *******************************/
#sidecontent {
	float:left;	
	width:300px;
	overflow:hidden;
}

.sideitem {
	padding:0 15px 10px 42px;
	float:right;
}

.sideitem div{
	float:left;
	margin-left:4px;
}

#content {
	float:left;
	width:650px;

	font-family:Verdana, Geneva, sans-serif;
}

.content-item {
	background:url(images/spacer.gif) no-repeat bottom;
	padding:0 10px 10px 10px;
	margin-bottom:10px;
}
.news-list-item	{ 
	padding-bottom: 20px;

	margin-bottom: 15px;
}
#content p.bodytext{
	/*background:url(images/spacer.gif) no-repeat bottom;*/
	padding:0 10px 30px 0px;
	margin-bottom:10px;
	font-family:Verdana, Geneva, sans-serif;
}
#content ul {
	list-style:outside;
	font-size:100%;
	font-family:Arial;
	padding-bottom:10px;
	padding-top: -10px;
	padding-left: 15px;

}
#content div.csc-default{
	background:url(images/spacer.gif) no-repeat bottom;
	padding-top:5px;
	padding-bottom:15px;
}
img .newsline {
	padding-right: 5px;
		

}
.news-header-list-title {
	margin-bottom: 10px;
	margin-left:20px;
}
.news-header-list-title a{
	font-weight:bold;
	text-decoration:none

}	
table div.csc-default,
table,
tr,
td{
	background:none;
}

#content h1{
	background-color:#FFF;
	background-image:none;
}

#content table p.bodytext{
	background:none;
}

#content a {
	color:#4A70B9;
}

/*******************************
 * SUB NAVIGATION
 *******************************/
.mspacer {
	margin-bottom:4px;
}

#submenu {
	width:265px;
	padding-left:45px;
	float:left;
	background-color:#ffffff;;
}

#submenu ul {
	list-style-type:none;
}

.submenuitem, .submenuitem-on {
	width:230px;
	height:21px;
	background:#4A70B9 url(images/menuoff.gif) no-repeat top right;
	/*margin-bottom:4px;*/
	padding:6px 0 0 10px;
}

.submenuitem-on {
	margin-bottom:0;
	background-image:url(images/menuact.gif);
}

.submenuitem a, .submenuitem-on a {
	color:#fff;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;	
}

.sub-submenu {
	margin-bottom:5px;
}

.sub-submenuitem, .sub-submenuitem-on {
	width:225px;
	height:21px;
	/*background:#EDF2F8 url(images/submenuoff.gif) no-repeat top right;*/
	background:#EDF2F8 url(images/menuitem_bg_off.gif) no-repeat 0 0;
	/*border-bottom:2px dashed #cccccc;*/	
	padding:6px 0 2px 15px;
}

.sub-submenuitem a, .sub-submenuitem-on a {
	color:#999999;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;	
}

.sub-submenuitem-on {
	background-image:url(images/submenuact.gif);
	background:#EDF2F8 url(images/menuitem_bg_on.gif) no-repeat 0 0;
}

.sub-submenuitem-on a {
	color:#4A70B9;
}

/*******************************
 * OTHER
 *******************************/
.clearer {
	clear:both;
}

.spacer {
	margin:5px 0 5px 0;
}

.iespacer {
	height:0px;
	margin-bottom:-1px;
	overflow:hidden;
}

#bottombar {
	margin:0 18px 0 18px;
	height:15px;
	background-color:#fff;
}

.whitebar {
	width:950px;
	height:15px;
	margin:0 auto;
	background-color:#fff;
}

/*******************************
 * COPYRIGHT
 *******************************/
#webformant {
	text-align:center;
	font-size:10px;
	color:#fff;
	padding:10px;
}

#webformant a {
	color:#fff;
}

/*******************************
 * SITEMAP
 *******************************/
 .tx-bwnsitemap-pi1 a {
 	color:#666666;
 	text-decoration:none;
 }
 
 .tx-bwnsitemap-pi1 ul, .tx-bwnsitemap-pi1 ol {
	margin-left:20px;
}
 
 .level-0, .level-1, .level-2, .level-3 {
 	margin-bottom:5px;
 }
 
 .level-0 {
 	margin-bottom:20px;
 }
 
 .level-0 { font-size:16px; }
 .level-1 { font-size:13px; }
 .level-2 { font-size:12px; }

/*******************************
 * FORMS
 *******************************/
.textfield {
 	background-color:#fff;
 	border:1px solid #4A70B9;
 	margin-bottom:5px;
 	padding:2px;
	color:#999999;
}

.tx-thmailformplus-pi1 input {
	background-color:#fff;
 	border:1px solid #4A70B9;
 	margin-bottom:5px;
 	padding:2px;
	color:#000000;
}

.tx-thmailformplus-pi1 textarea {
	background-color:#fff;
 	border:1px solid #4A70B9;
 	margin-bottom:5px;
 	padding:2px;
	color:#000000;
	font-size:12px;
}
 
#news .textfield {
	border:1px solid #fff;
	padding:2px;
	color:#999999;
}
 
#news .submitbutton {
 	height:24px;
 	float:right;
 	width:70px;
 	font-weight:bold;
 	
}

#news .name {
	width:200px;
}

#news .email {
	width:125px;
}


/*******************************
 * BW ENQUETEUR
 *******************************/

.tx-pbsurvey-pi1 input {
	background-color:#EDF2F8;
 	border:1px solid #4A70B9;
 	margin-bottom:5px;
 	padding:2px;
	color:#000000;
	margin:2px;
}


.tx-pbsurvey-pi1 div {
	margin-bottom:5px;
	padding-left:5px;
}

legend, fieldset {
	padding:10px;
	margin-bottom:10px;
}

#content ul, #content ol {
	margin-left:20px;
}

input.tx-frontendformslib-field-normal, textarea.tx-frontendformslib-field-normal {
	font-size:12px;	
	border:1px solid #999999;
	padding:2px;	
}

table.organizers td {
	background-color:#E3EAF4;
	font-size:12px;	
	padding:5px;
}


/*************************
* DYNAMIC FONT SIZE
*************************/

#dyn_fontsize{
	float:right;
	width:100px;
	height:20px;
	margin-right:30px;
}


/**************************
* DIRECT MAIL NEWSLETTER
**************************

.news-latest-container-mail{
	padding:10px;
	border:1px solid #000;
}

.news-latest-item-mail{
	padding:3px;
	margin:0;
}

.news-latest-date-mail{
}

.news-latest-item-mail IMG {
	margin: 0 5px 5px 0;
	float:left;
	border: none;
	max-width: 150px;
}
.news-latest-category-mail IMG {
	float: none;
	border:none;
	margin:0px;
}*/
.align-center {
	text-align:center;

}

.newslinks a,
.newslinks a:visited,
.newslinks a:active{
	color:#FFF:
	text-decoration:none;
	padding-bottom:10px;
}
.csc_firstHeader {
	height:5px;
}

#newscontent input{
	width:85px;
	float:left;
}
.showResultsWrap {
	font-weight:bold;
}

#content .news-list-browse {
	
	font-weight:bold;
	font-size:14px;
	background-image: none;
}