@charset "utf-8";
/*==============================================
Layout Style Sheet (for version 5 browsers and above)
version:  1.0
site:     Stichting Rading 
author:   Peter Ruijter (bedrijvenweb.nl)
date:     March 19th, 2008
=================================================*/

@import url("extensions.css");


* { 
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em; /* don't edit */
}
html {
	font-size: 62.5%; 
}	
body { 
	background-image:url(images/bg_main.gif);
	background-repeat:repeat-x;
	background-color: rgb(153,204,51);
	font-family:Arial, Helvetica, sans-serif;	
	color: #666666;	
}
a img { border:0; }
a { color: #666666;}
a:hover,a:active { color: #ff0066;}
table {overflow: hidden; text-align:left; }

.clearer { clear: both;}
#wrap {
	width: 942px;
	margin: 0 auto;
}
#wrap-left {
	width: 224px;
	float:left;
}
#wrap-right {
	width: 718px;
	float:right;
}

/*= rightWrap
===========================================*/
#topLogo { margin-top: 20px;}

#loginBox .wrapper {
	background:#FFF url(images/subNavigation-bottom.png) no-repeat left bottom;
	margin-top:10px;
	padding-bottom:16px;
}

#loginBox .sub-wrapper {
	background: url(images/subNavigation-top.png) no-repeat left top;
	padding:16px 10px 0 10px;
}

/*#iso added by Alexander Taat 09-02-2009*/
#iso { margin-top: 60px;}

#subNavigation { margin-top: 23px;}
#subNavigation-top {
	background-image: url('images/subNavigation-top.png');
	height:21px;
}
#subNavigation-middle {
	background-color: #FFFFFF;
	min-height: 213px;
}
#subNavigation-middleImage {
	position: relative;
	float:right;
	width: 175px;
	right: -10px;
}

#subNavigation-middleNavigation {
	text-align: right;	
	clear: both;
}
#subNavigation-middleNavigation ul {
	list-style: none;
}
#subNavigation-middleNavigation li {
	color:#666666;
}
#subNavigation-middleNavigation li a {
	color:#666666;
	line-height: 30px;
	text-decoration:none;
	font-size: 1.2em;
	letter-spacing: 0.1em;
}
#subNavigation-middleNavigation li.act,
#subNavigation-middleNavigation li a.act,
#subNavigation-middleNavigation li a:hover {
	color:#FF0066;
}
#subNavigation-bottom {
	background-image: url('images/subNavigation-bottom.png');
	height:21px;
}

/*= leftWrap
===========================================*/
#header {
	height: 104px;
}
#topNavigation {
	position: relative;
	top: 20px;
	width: 350px;
	height: 12px;
	text-align:right;
	float: right;

	color: #FFF;
	font-size: 1.1em;
}
#topNavigation a {
	text-decoration: none;
	color: #FFFFFF;
}
#topNavigation a.act {
	color: #000000;
}

#tabsNavigation {
	clear:both;
	position: relative;
	top: 56px;
	width: 720px;
}
#tabsNavigation ul {
	list-style: none;
	float: left;
	width: 100%;
}

#tabsNavigation li {
	float: left;
}

#tabsNavigation li a {
	background-image:url(images/tab-nonactive.png);
	background-repeat:no-repeat;
	text-decoration: none;
	text-transform:uppercase;

	display: block;
	width: 120px;
	padding-top: 16px;
	padding-top: 12px;
	padding-bottom: 12px;

	color: #666666;	
	text-align:center;
	font-size: 1.1em;
}

#tabsNavigation li a.act,
#tabsNavigation li a:hover {
	background-image:url(images/tab-active.png);
	color: #ff0066;	
}

/*= content
===========================================*/
#content {
	background-color: #FFFFFF;
	padding-left: 50px;
	padding-top: 45px;
	font-size: 1.1em;
	min-height:400px;
}
#content h1 {
	padding: 0px;
	margin: 0px;
	font-size: 1.7em;
	line-height:1.4em;
	color:#ff0066;
	margin-bottom: 20px;
	font-weight:bold;
	font-style: italic;
}
#content h2 {
	margin-top: 15px;
}
#content p,
#content ul {
	margin-bottom:5px;
	line-height: 1.4em;
}
#content ul {
	margin-left: 0.8em;
}
#content li {
	margin-left: 0.3em;
}
#content-links {
	float: left;
	width: 55%;
	min-height: 400px;
}
#content-rechts {
	float: right;
	width: 45%;
	text-align: center;
}
#printbutton {
	margin:10px 0 0 0;
	text-align:right;
}

/*= imageMap
===========================================*/
table#imageMap {
	margin-left: 20px;
}
table#imageMap td{
	height: 116px;
	width: 195px;
	vertical-align:top;
}
/*= footer
===========================================*/
#footer {
	background-image: url(images/bg-footer.png);
	background-repeat: no-repeat;	
	height: 20px;
}

/*******************************
 *
 * SITEMAP
 *
 *******************************/
#content .tx-bwnsitemap-pi1 a {
	text-decoration:none;
	font-weight:normal;
}

#content .level-0 a {
	color:#ff0051;
}


#content .tx-bwnsitemap-pi1 a:hover {
	text-decoration:underline;
}

.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
 *
 *******************************/
.tx-thmailformplus-pi1 input,
.tx-thmailformplus-pi1 select, 
.tx-thmailformplus-pi1 textarea {
	background-color:#ffffff;
	font-size:1.0em;
	padding:2px;
	border: 1px solid #666666;
}

.red {
	color:red;
}

.tx-thmailformplus-pi1 input.inputField {
	width: 200px;
}

.tx-thmailformplus-pi1  #opmerking {
	width: 335px;
}


/*******************************
 *
 * BW FORUM
 *
 *******************************/
.tx-chcforum-pi1-preTableWrap div {
	
}


/*******************************
 * 
 * NEWS / BW MEDIATHEEK
 *
 *******************************/
.news-single-img {
	float:left;
	margin:0 10px 5px 0;
}

.news-list-item {
	margin-bottom:10px;
}

.news-list-item img {
	float:left;
	margin:10px;
}

.news-list-spacer {
	margin:10px 0 10px 0;
	border-bottom:1px dotted #cccccc; 	
}

.media-list-status img, .media-single-status img {
	float:right;
	margin-right:20px;
	cursor:pointer;
}

.media-single-reserve {
	margin-bottom:10px;
}

/*******************************
 * 
 * ZOEKEN
 *
 *******************************/
.tx-indexedsearch-searchbox label {
	width: 7em;
	margin-top: 8px;
	float: left;
	display: block;
}
.tx-indexedsearch-searchbox .border {
	background-image:url(images/bg-zoek.png);
	background-repeat:no-repeat;
	width: 275px;
	height: 34px; 

	padding-left: 15px;
	padding-top: 6px;

	float: left;

}
.tx-indexedsearch-searchbox-sword {

	border: none;
	width: 205px;

}
.tx-indexedsearch-searchbox-button {

	border: none;
	border-bottom: 1px solid #666666;
	padding: 0px;
	color: #666666;
	background:none;

}
.tx-indexedsearch .tx-indexedsearch-browsebox {
	margin-top: 20px;
	margin-bottom: 20px;
}
.tx-indexedsearch .tx-indexedsearch-browsebox LI { 
	display:inline; 
	margin-right:5px; 
}
.tx-indexedsearch .tx-indexedsearch-whatis { 
	margin-top:10px; 
	margin-bottom:5px; 
}
.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { 
	font-weight:bold; 
	font-style:italic; 
}
.tx-indexedsearch .tx-indexedsearch-noresults { 
	text-align:center; 
	font-weight:bold; 
}
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { 
	font-style:italic; 
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
	color:red; 
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { 
	background:#eeeeee; 
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { 
	margin-top:20px; 
	margin-bottom:5px; 
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { 
	margin-top:0px; 
	margin-bottom:0px; 
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { 
	background:#cccccc; 
	vertical-align:middle; 
}
.tx-indexedsearch .tx-indexedsearch-res .noResume { 
	color:#666666; 
}
.tx-indexedsearch .tx-indexedsearch-category { 
	background:#cccccc; 
	font-size:16px; 
	font-weight:bold; 
}

/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */

.tx-indexedsearch .res-tmpl-css { 
	clear:both; 
	margin-bottom:1em; 
}
.tx-indexedsearch .searchbox-tmpl-css LABEL { 
	margin-right:1em; 
	width:10em; 
	float:left; 
}
.tx-indexedsearch .result-count-tmpl-css, 
.tx-indexedsearch .percent-tmpl-css { 
	letter-spacing:0; 
	font-weight:normal; 
	margin-top:-1.2em; 
	float:right; 
}
.tx-indexedsearch .info-tmpl-css dt, 
.tx-indexedsearch dl.info-tmpl-css dd { 
	float:left; 
}
.tx-indexedsearch .info-tmpl-css dd.item-mtime { 
	float:none; 
}
.tx-indexedsearch .info-tmpl-css dd.item-path { 
	float:none; 
}
.tx-indexedsearch .tx-indexedsearch-title a {
	font-weight: normal;
}

/*******************************
 * 
 * LOGIN
 *
 *******************************/
.tx-newloginbox-pi1 #user, 
.tx-newloginbox-pi1 #pass,
.tx-newloginbox-pi1 input.submit {
	background:#FFF url(images/input-login.gif) no-repeat 0 0;
	border:0;
	font-size:1.0em;
	margin:0 0 2px 4px;
	padding:8px;
	height:20px;
	width:258px;
	overflow:hidden;
}

.tx-newloginbox-pi1 input.submit {
	background:url(images/input-button.gif) no-repeat 0 0;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	height:34px;
	width:92px;
}

.loginuit { 
	color:#FF0066;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	}

	/*******************************
 *
 * BW ENQUETEUR
 *
 *******************************/
.tx-pbsurvey-pi1 { width:620px; }

.tx-pbsurvey-pi1 .pagenumbering { margin-bottom:20px; text-align:right; }
.tx-pbsurvey-pi1 .questionNumber { margin-right:5px; }

.tx-pbsurvey-pi1 legend.special { float:left; width:196px; }
.tx-pbsurvey-pi1 input {
	background:url(images/pb-input.gif) no-repeat 0 0;
	border:0;
	font-size:11px;
	overflow:none;
	padding: 5px 10px;
	height:21px;
	width:323px;
}

.pb-textarea-top, .pb-textarea-bottom {
	background-image:url(images/pb-textarea-top.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding:20px 0 0 0;
}
.pb-textarea-bottom { background-image:url(images/pb-textarea-bottom.gif); background-position:left bottom; padding:0 0 20px 0; }

.survey_item textarea {
	background:url(images/pb-textarea.gif) repeat-y 0 0; 
	border:0;
	padding:0 10px;
	height:70px;
	width:522px;
	position:relative;
}
.tx-pbsurvey-pi1 input.radio, .tx-pbsurvey-pi1 input.submit, .survey_message input { background:none; height:auto; width:auto; margin:5px 5px 5px 0; }
.tx-pbsurvey-pi1 input.submit, .survey_message input { 
	color:#FF0066; 
	cursor:pointer; 
	font-weight:bold; 
	background: url(images/survey-continue.gif) no-repeat top left; 
	padding:2px;
	text-align:center;
	height:20px;
	width:74px;
}
.survey_message h4 {color:#FF0066;}
	
/*******************************
 * 
 * SURVEY M.Wijmer 3-06-2010
 *
 *******************************/
#DOMWindow {
	background:url(images/bg-domwindow.gif) no-repeat top left;
	padding:20px;
	height:90px;
	width:320px;
}
#DOMWindow a {
	background:url(images/survey-button.gif) no-repeat top left;
	height:20px;
	width:35px;
	text-align:center;
	display:block;
	float:left;
	margin-right:10px;
	text-transform:uppercase;
	padding-top:2px;
	color:#ff0066;
	margin-top:3px;
}
#frmPbSurvey .survey_item {border:0; margin-bottom:20px;}
#frmPbSurvey .columnFirst { display:block;width:200px;}
#frmPbSurvey .columnNext { text-align:left;}
#frmPbSurvey .columnNext input {/*margin:5px 25px;*/ margin:5px 25px 5px 0;}





.radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(images/radio.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.questionValue { height:24px; line-height:24px; }

.survey_item label {
	min-height:25px;
	display:block;
	padding-top:4px;
}
.question {padding-bottom:10px; color:#666666;}

.item_text { 
    float: left;
    margin-right: 15px;
    margin-top: 7px;
    margin-bottom: 5px;
}