/* 
Styles voor de Beheerschermen ----------------------------------- */

/* Loginschermen */
.cms_login_username,
.cms_login_password {
margin					: 0px 0px 15px 0px;
}

.cms_login_username label,
.cms_login_password label {
font-size					: 85%;
font-weight				: bold;
}

.cms_login_username input,
.cms_login_password input {
padding					: 2px 12px 2px 2px;
border					: 1px solid #cccccc;
}

.cms_login_button label {
display					: none;
}

.cms_login_button input {
margin					: 5px 0px 0px 0px;
padding					: 0px 5px 0px 5px;
border					: 1px solid #cccccc;
}


/* Beheerbalk */
.beheerbalk {
position					: absolute;
left						: 0px;
top						: 0px;
width					: 100%;
height					: 30px;
border-bottom				: 3px solid #ffffff;
background-color			: #e2001a;

filter					: alpha(opacity=90); /* MSIE/PC */
-moz-opacity				: 0.9; /* Mozilla 1.6 and older */
opacity					: 0.9;
}

.beheerbalk ul {
width					: 1000px;
margin					: auto;
padding					: 7px 0px 0px 0px;
list-style				: none;
text-align				: right;

}

.beheerbalk li {
display					: inline;
padding					: 0px 0px 0px 8px;
color					: #ffffff;
font-family				: "Trebuchet MS", Helvetica, sans-serif;
font-size					: 12px;
}

.beheerbalk a {
color					: #ffffff;
text-decoration			: none;
}
.beheerbalk a:hover {
color					: #ffffff;
text-decoration			: underline;
}


/*
Beheertabel -------------------------------------------------------- */
.beheertabel {
width				: 360px;
margin				: 0px 0px 0px 0px;
background-color		: #333333;
font-size				: 11px;
}


.beheertabel table {
width				: 100%;
border-collapse		: collapse;
}

/* thead */
.beheertabel thead {
background-color		: #c8c8c8;
}

.pad td {
padding				: 10px 0px 3px 10px;
border-bottom			: 5px solid #666666;
}

.pad img {
float				: left;
}

.pad a {
padding				: 0px 0px 0px 0px;
color				: #dddddd;
font-weight			: bold;
}

.pad a:hover {
color				: #ffffff;
}

/* tbody */
.odd {
border				: 0px solid #ffffff;
background-color		: #ffffff;
}

.even {
border				: 0px solid #ffffff;
background-color		: #eeeeee;
}

.icoon {
width				: 20px;
padding				: 8px 0px 2px 10px;
text-align			: center;
}

.naam {
padding				: 7px 0px 0px 10px;
text-align			: left;
}

.naam a {
color				: #333333;
font-weight			: bold;
}

.naam a:hover {
color				: #000000;
font-weight			: bold;
}

.tools {
width				: 25px;
padding				: 7px 10px 0px 0px;
text-align			: left;
font-size			: 12px;
}

.tools input {
margin				: 0px;
padding				: 0px 1px 0px 1px;
border				: 1px solid #666666;
color				: #333333;
font-size				: 11px;
}

/* tfoot */
.paginas {
padding				: 0px 10px 0px 10px;
vertical-align			: middle;
}

.paginas a.selected {
font-weight			: bold;
}

.sorteer {
padding				: 5px 10px 5px 10px;
background-color		: #c8c8c8;
font-weight			: bold;
}

.toevoegen {
padding				: 5px 10px 0px 10px;
border-top			: 5px solid #666666;
background-color		: #999999;
}


/*
Invoerschermen ---------------------------------------------------- */
.column_center,
.column_fotoboek {
margin				: 0px 0px 10px 0px;
font-size			: 80%;
}

.column_center form,
.column_fotoboek form {
xmargin				: 0px 0px 0px 0px;
xfont-size			: 80%;
}

.column_center input,
.column_fotoboek input {
xfloat				: left;
xmargin				: 10px 10px 0px 0px;
xpadding				: 0px 5px 0px 5px;
border				: 1px solid #cccccc;
font-size			: 90%;
}



/*
Overige schermen ---------------------------------------------------- */
.column_center dt,
.column_fotoboek dt {
padding					: 0px 0px 3px 0px;
color					: #0d5e1d;
font-weight				: bold;
}

.column_center dd,
.column_fotoboek dd {
padding					: 0px 0px 15px 0px;
}

.column_center dd input,
.column_center dd textarea,
.column_fotoboek dd input,
.column_fotoboek dd textarea {
padding					: 2px 2px 2px 2px;
border					: 1px solid #cccccc;
}