/*main area formulieren*/
label {
	font-size: 100%;
	font-weight: normal;}
	
.bf_form_area {
	border: 0px solid green;
	margin: 0px;
	width: 450px;	
	padding-left: 40px;
}
/*text labels*/
div.bf_form_row {
	border: 0px solid green;	
	width: 250px;
	padding: 0px;
	margin: 0px;

	
}
.bf_form_row {	
	font-weight:normal;
	} 
/*button align kleine waarde meer rechts*/
#user-box {
width: 110px;} 





input:focus {
      border:solid 2px;
}

fieldset {
      border:0;
}

/*  Search box  */
#header form
{
      background:#C39;
      border:solid 0 #000;
      float:right;
      height:5em;
      min-width:240px;
      text-align:left;
      padding:0 0 0 20px;
}

* html #header form
{
      height:65px;
}

#header form fieldset
{
      border:0 solid #000;
      display:inline;
      float:left;
      padding:19px;
      text-align:left;
      width:6em;
}

#header form label
{
      color:#000;
      position:absolute;
      left:-3000px;
      top:-200px;
      width:auto;
}

#header form .button
{
      background:url(../images/pfeil.gif) #000 no-repeat;
      border:0;
      color:#fff;
      font-weight:bold;
      margin:20px 10px 0 0;
      padding:0px 5px 0px 30px;
      cursor:pointer;
}

#header form .inputbox
{
      background:#fff;
      border:solid 2px #93246F;
      font-weight:bold;
      padding:0 0 0 2px;
      margin:20px 10px 0 0 !important;
      width:6em;
}

#header form .inputbox:focus
{
      border:solid 2px #000;
}





/* ################# breadcrumbs ################ */ #breadcrumbs { background:#93246F; min-height:5em; padding-top:0; text-align:left; color:#fff; }

#breadcrumbs p {
padding:5px;
display:inline;
}

* html #breadcrumbs {
height:65px;
}

#breadcrumbs a {
text-transform:none;
}

#breadcrumbs a:link,#breadcrumbs a:visited { background:#93246F; color:#fff; }

#breadcrumbs span {
color:#fff;
font-size:0.9em;
padding:7px;
}

#breadcrumbs span a:hover,#breadcrumbs span a:active,#breadcrumbs span a:focus { background:#000; color:#fff; text-decoration:none; }




/* ############# pagination ###################### */
#main2 .pagination,#main .pagination {
border-top:solid 1px #CCC;
margin:10px 0 0;
padding:10px 0;
}

ul.pagination {
list-style-type:none;
margin:0;
padding:0;
text-align:left;
}

ul.pagination li {
display:inline;
padding:2px 5px 0;
text-align:left;
}

ul.pagination li a {
padding:2px;
}


visibility:hidden;
height:0;
/* Block-Level fuer [clear];
                   */
display:block;
/* [float] clearing;
                   * einbeziehen der Float-Container;
                   */
clear:both{;
}

dl.poll {
}

dl.poll dt {
border-bottom:solid 1px #ccc;
}

dl.poll dd {
padding:6px 0;
font-weight:bold;
}

.polls_color_1 {
background:#000;
}

.polls_color_2 {
background:#999;
}

.polls_color_3 {
background:#93246F;
}

.polls_color_4 {
background:#000;
}

.polls_color_5 {
background:#ccc;
}

.polls_color_6 {
background:#93246F;
}

/*  ####################   Formulier   #####################  */
form.name {
}

.login_form{background:#93246F;}

form.login {
background:#93246F;
color:#000;
font-size:0.9em;
margin:5px 0 20px;
padding:10px 10px 20px 15px;
text-align:left;
}
#form-login{margin-left:200px;
width: 200px;} 
.login_form{background:#93246F;}

.form-login {
background:#93246F;
color:#000;
font-size:0.9em;
margin:5px 0 20px;
padding:10px 10px 20px 15px;
text-align:left;
}
form.login .inputbox:focus {
border:solid 2px #000;
}

form.login p {
clear:both;
border:solid 0 #000;
font-size:1em;
}

form.login .button {
background: #C39 ;
 clear:left; 
 color:#fff;
 display:block;
 font-weight:bold;
 margin:0 0 10px !important;
 padding:0 0 0 30px !important;
 cursor:pointer;
 border:solid 0; }

form.login fieldset {
border:solid 0 #000;
margin:0;
padding:0;
text-align:left;

}

form.login input {
background:#fff;
border:solid 2px #C39;
color:#000;
padding:2px 2px 0;
width:90%;
}

form.login input.checkbox {
background:none;
border:solid 0 #000;
float:left;
margin:11px 0 0;
padding:5px;
width:20px;
}

form.login label {
	color:#000;
	display:block;
	font-weight:bold;
	width: 200px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 0;
	padding-left: 2px;
	float:left;
}

form label
{

}

form.login label.remember {
float:left;
margin:5px 0 20px;
padding:5px 0 0;
width:11em;
}

form.login p {
color:#000;
}

form.login p a {
color:#000;
}

form.login p a:hover,form.login p a:active,form.login p a:focus { color:#000; text-decoration:none; }

form.lost_password .button,.login_form .button {
background:url(../images/pfeil.gif) #000 no-repeat; border:0; color:#fff; font-weight:bold; margin:0; padding:0 0 0 30px; cursor:pointer; }


/* #####################  form.registration ################ */ 
form.search_result,form.registration,form.lost_password,.login_form { background:#fff; border:solid 0 #93246F; margin:15px 10px 0; padding:0; position:relative; }

.search_result .button,form.registration .button {
background:url(../images/pfeil.gif) #000 no-repeat; border:0; color:#fff; font-weight:bold; margin:10px 0 0; padding:0 5px 0 30px; cursor:pointer; }

.registration fieldset p {
margin:10px 0;
}

.registration div,.login_form div,.lost_password div { margin:5px 0; }

/* ########################## zoeken ############################ */ .searchintro { font-weight:normal; margin:0 0 20px; }

.searchintro img {
display:inline; border:0px
}

.display {
margin:20px 0 0;
text-align:right;
}

.filter {
margin:10px 0 0;
}

.inputbox:focus {
border:solid 2px #000;
}

.highlight {
font-weight:bold;
}

fieldset.word,fieldset.only {
border:solid 1px #ccc;
}

.only {
border:solid 0;
margin:10px 0 0 10px;
padding:5px 10px;
line-height:1.3em;
}

.word {
background:#fff;
padding:10px 10px 10px 0;
border:solid 0 !important;
}

.word input {
background:#fff;
border:solid 2px #999;
color:#93246F;
font-weight:bold;
margin:0 0 0 10px;
padding:2px;
}

.phrase {
color:#000;
margin:10px 10px 10px 0;
padding:10px;
width:60%;
border:solid 1px #ccc;
float:left;
}

/*Selects*/


.phrase .inputbox {
background:#fff;
color:#000;
display:block;
height:1.5em;
margin-top:10px;
width:12em;
}

.phrase .inputbox option {
background:#EFDEEA;
border-bottom:solid 1px #333;
padding:2px;
}

.phrase .inputbox option a:hover {
background:#C00;
border-color:#CFD0D6;
color:#fff;
}

.search_result legend {
border-bottom:solid 0 #000;
background:#fff;
}


/*  polls */


poll .polls_color_1,.poll .polls_color_2,.poll .polls_color_3,.poll .polls_color_4,.poll .polls_color_5 { border:solid 1px; position:relative; }

.poll h3 {
color:#932467;
border:solid 0;
margin:20px 0;
}

.poll .td_2 {
width:100px;
}

.poll .td_3 {
width:300px;
}

.poll form {
margin:20px 0;
}

.poll table {
font-size:1em;
width:auto;
border:solid 0;
position:relative;
}

.poll table .td_1 {
width:30px;
}

.poll table caption {
color:#93246F;
font-size:1em;
font-weight:bold;
margin:10px 0;
text-align:left;
}

.poll td {
border:solid 1px #ddd;
padding:2px;
}

.poll td.line {
width:300px;
}

.poll th {
background:#EEE;
border:solid 1px #ccc;
}

.question {
font-weight:bold;
}



/* form validation */
.invalid {
border-color:red !important;
}

label.invalid {
color:red;
}

/* editor */


.contentpaneopen_edit{
      float: left;
}

.contentpaneopen_edit img
{     border:0
}

form.editor legend {
	font-size:1.2em;
	font-weight:normal;
	padding:2px;
	color:red;
	background-color: #FFFFFF;
	border: 1px solid #FF0000;
	letter-spacing: 0.4em;
}

form.editor fieldset {
border:solid 1px red;
padding:10px;
margin:0;
background-color: #FFFFFF;
}

form.editor .publishing label {
float:left;
width:14em;
font-weight:normal;
}

form.editor .publishing div {
	margin:0;
	padding:0;

}


form.editor .publishing .radio label {
float:none;
width:14em;
}

form.editor .publishing .radio label span { float:left; width:14em; }

form.editor fieldset.metadata label {
	float:none !important;
	display:block;
	font-weight:normal;
	margin: 0px;
	padding: 0px;
}

.save {
text-align:right;
padding:10px 0;
}

/* user */
form.user {
margin:10px 0;
}

form.user label {
width:40%;
float:left;
}

/* article index */
table.contenttoc {
border:solid 1px #ccc;
padding:10px;
margin:10px;
}

.pagenavcounter {
font-weight:bold;
}

/* vlak zelf*/

.tool-tip {
             float: left;
             background: #ffc;
             border: 1px solid #D4D5AA;
             padding: 5px;
             max-width: 200px;
             text-align:left;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background-image: url(../../system/images/selector-arrow.png);
	background-repeat: no-repeat;
}
/*tooltips#######*/
.tool-text {
             font-size: 100%;
             margin: 0;
}



/* Tooltips */
div.tooltip {
             float: left;
             background: #ffc;
             border: 1px solid #D4D5AA;
             padding: 5px;
             max-width: 200px;
}

div.tooltip h4 {
             padding: 0;
             margin: 0;
             font-size: 95%;
             font-weight: bold;
             margin-top: -15px;
             padding-top: 15px;
             padding-bottom: 5px;
             background: url(../images_general/selector-arrow.png)
no-repeat;
}

div.tooltip p {
             font-size: 90%;
             margin: 0;
}


/* buttons onder editor*/

#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(../images_general/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url(../images_general/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url(../images_general/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore {
	background: url(../images_general/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url(../images_general/j_button2_pagebreak.png) 100% 0 no-repeat;
}

/* ########################### contacts ########################### */
div.contact {
margin:10px 0;

}

address {
font-style:normal;
margin:10px 0;
}

address p {
line-height:1em;
}

.contact label,
label.textarea {
float:left;
font-weight:normal;
width:200px;
margin:10px 0 0;
}

span.marker {
margin:0 10px 0 0;
font-weight:bold;
}

.contact_email_checkbox label {
float:none !important;
}

.contact label.copy {
width:90%;
padding:0 0 0 10px;
}

.contact form {

color:#000;
padding:20px;
margin:10px 0;
}

.contact input {
background:#fff;
border:solid 1px #cccccc;
color:#000;
padding:2px 2px 0;
margin:10px 0 0;
}

.contact .button {
background: #000;
border:0;
color:#fff;
font-weight:bold;
margin:0;
padding:5px;
cursor:pointer;
}

#contact_text {
width:430px;
height:70px;
background:#fff;
padding:2px 2px 0;
margin:10px 0 0;
}

.contact input.invalid,.contact textarea.invalid {
border:solid 1px red;
}

.contact label.invalid {
color:red;
}


.menu  li {
	margin:5px;	
	background:#fff;
}