/* Basis elementen en hoofdelementen -----------------------------------------*/

* {
margin					: 0px;
padding					: 0px;
font						: 12px "Trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
}

* :focus { outline: 0; }

body {
background-color			: #f4f7fa;
color					: #000;
margin					: 10px;
}

p {
line-height				: 1.4em;
padding					: 10px 10px 10px 0px;
}

a {
text-decoration			: none;
color					: #5998c9;
}

a:hover {
text-decoration			: underline;
}

a img {
border					: 0px;
}



b, strong {
font-weight				: bold;	
}

hr {
border-top				: 1px solid #A0BCD2;
border-collapse			: collapse;
width					: 99%;
background-color		: #A0BCD2;
height					: 1px;
margin					: 3px 0;
}

/* Placeholders --------------------------------------------------------------*/

#container {
width					: 940px;
margin					: auto;
color					: #000;
}

#header {
float					: float;
clear					: both;
width					: 940px;
height					: 67px;
margin-bottom			: 15px;
}

#header_center {
float					: left;
width					: 567px;
height					: 67px;
margin-left				: 21px;
}

/* FLASH ---------------------------------------------------------- */

#flash_message {
position					: absolute;
width					: 500px;
z-index					: 999;
display					: inline;
text-align				: left;
top						: 0px;
left						: 50%;
margin					: 275px 0px 0px -250px; /* De helft van de breedte van je DIV voor de 'left */
}

#flash_message p {
text-align				: center;
color					: #FFF;
text-transform				: uppercase;
font-size					: 13px;
line-height				: 18px;
padding					: 30px;
font-weight				: bold;
background-color			: #004B85;
border					: 1px solid #FFF;
}

div.ajax-loader {
width: 32px;
height: 32px;
background-image: url("../img/ajax-loader.gif");
background-repeat: no-repeat;
}


/* for the meta_tags */
#admin_meta_tags_edit
{
padding: 15px;
margin: 0 0 15px 0;
background-color: #E5EDF3;
float: left;
display: block;
width: 520px;
}

.admin_url_check_container
{
color: #7FA5C2;
}

.admin-help-button {
background-image: url(../img/icon_help.gif);
background-repeat: no-repeat;
width : 16px;
height: 16px;
float: right;
clear: right;
}


/* BEHEER   ------------------------------------------------------- */

#blok_7U {
float					: left;
width					: 103px;
background-color		: #FFF;
border					: 1px solid #ccdbe7;
border-left				: 0px;
padding					: 15px;
}

/* LOGO KLANT   ------------------------------------------------------- */

#logo_client {
float					: left;
width					: 500px;

}

/* BEHEER   ------------------------------------------------------- */

#blok_ingelogd {
float					: right;
width					: 164px;
background-color		: #FFF;
border					: 1px solid #ccdbe7;
border-right			: 0px;
padding					: 15px;
margin-bottom			: 10px;
}

.btn_uitloggen {
padding					: 7px 0px 6px 20px;
margin					: 0px;
background-position		: 0px 8px;
background-image		: url(../img/icon_uitloggen.gif);
background-repeat		: no-repeat;
}

#admin_language {
margin					: 10px 0px 0px 0px;	
}
	
#admin_language a.selected {
font-weight: bold;	
}

/* KRUIMELPAD  ------------------------------------------------------- */

#kruimelpad {
font-size				: 13px;
float					: left;
width					: 500px;
}

#kruimelpad a {
font-size				: 12px;
}


/* CONTENT   ------------------------------------------------------- */

#content {
float					: float;
width					: 940px;
margin					: 0px;
padding					: 0px;
}

/* NAVIGATIE ------------------------------------------------------- */

#blok_nav {
float					: left;
width					: 133px;
border					: 1px solid #ccdbe7;
border-left				: 0px;
border-bottom				: 0px;
}

#blok_nav ul {
padding					: 0px;
margin					: 0px;
list-style				: none;
}

#blok_nav li {
padding					: 7px 0px 6px 25px;
padding					: 0px 0px 0px 0px;
margin					: 0px;
line-height				: 14px;
font-weight				: bold; 
}

#blok_nav li a {
font-weight				: bold;
width					: 108px;
color					: #004b85; 
padding					: 7px 0px 6px 25px;
display					: block;
background-color			: #e5edf3;
background-position			: 5px 8px;
background-repeat			: no-repeat;
border-bottom				: 1px solid #b7cddd;
}

#blok_nav li li a {
background-color			: #FFF;
border-bottom				: 1px solid #b7cddd;
font-weight				: normal;
}


#blok_nav li a#home	  		{background-image: url(../img/icon_bewerk.gif);  }
#blok_nav li a#paginas		{background-image: url(../img/icon_map.gif); }
#blok_nav li a#vacatures		{background-image: url(../img/icon_map.gif); }
#blok_nav li a#afbeeldingen	{background-image: url(../img/icon_afbeeldingen.gif); }
#blok_nav li a#documenten		{background-image: url(../img/icon_documenten.gif); }
#blok_nav li a#systeembeheer	{background-image: url(../img/icon_systeembeheer.gif); }

#blok_nav .selected {
background-color			: #a0bcd2; 
}

	

/* MAIN ------------------------------------------------------- */

#main {
float					: left;
width					: 567px;
margin-left				: 21px;
display					: inline;
min-height				: 400px;
height					: auto !important; /* voor moderne browsers */
height					: 400px; /* voor IE */
}

#main table.main .sort-up
{
background-image: url(../img/sort-up.gif);
background-repeat: no-repeat;
background-position: center right;
padding-right:10px;
}

#main table.main .sort-down
{
background-image: url(../img/sort-down.gif);
background-repeat: no-repeat;
background-position: center right;
padding-right:10px;
}

#main table.main .sort-off
{
background-image: url(../img/sort-off.gif);
background-repeat: no-repeat;
background-position: center right;
padding-right:10px;
}

#main table.main th a {
color					: #fff;
font-weight				: normal; 
}

/* FIX: zomaar alles met id's uitsluiten verneukt tiny_mce, dus subclasses */
#main table.main {
width					: 567px;
border-bottom			: 1px solid #7fa5c2;
xxxtable-layout			: fixed;
}

#main table.main th {
background-color		: #7fa5c2;
font-weight				: normal;
color					: #FFF;
padding					: 7px 6px;
text-align				: center;
}

#main table.main td {
text-align				: center;
padding					: 7px 4px;
}

#main table.main .odd td {
background-color			: #f2f6f9;
}

#main table.main .even td {
background-color			: #FFFFFF;
}

#main table.main .selected td {
background-color			: #A0BCD2;
}

#main table.main th.titel {
text-align				: left;
}

#main table.main td.titel {
text-align				: left;
width					: 100% !important;
height 					: 1.5em;

}
/* Hide long titles */
#main table.main td.titel span { 
display					:block;
width					:100%;
height					:100%;
overflow				:hidden;
}

#main table.main td.titel span {
font-weight				: bold;
color					: #004b85;
}


#main .advanced_buttons {
widht					: 100%;
clear					: both;
border-top				: 1px solid #7fa5c2;
padding-top				: 3px;
}


#main .advanced_button {
float					: left;
width					: 122px;
height					: 30px;
padding					: 10px 0px 0px 10px;
color					: #5998c9;
}

#main .advanced_button dl {
float					: left;
width					: 122px;
height					: 30px;
cursor					: pointer;
}

#main .advanced_button dt {
float					: left;
width					: 22px;
height					: 30px;
}

#main .advanced_button dd {
float					: left;
width					: 100px;
height					: 30px;
}

#main #items_per_page {
float					: left;
width					: 300px;
padding					: 15px 0px 10px 10px;
}

#main #items_per_page span {
float					: left;
padding					: 2px 5px;
}

#main #items_per_page select {
float					: left;
width					: 40px;
height					: 18px;
border					: 1px solid #7fa5c2;
}

#main #paginate {
float					: right;
width					: 200px;
padding					: 15px 10px 0px 0px;
}

#main #paginate ul {
float					: right;
list-style				: none;
margin					: 0px;
}

#main #paginate li {
float					: left;
margin					: 0px 0px 0px 3px;
width					: 18px;
height					: 18px;
text-align				: center;
}

#main #paginate li a {
width					: 18px;
height					: 18px;
display					: block;
color					: #000;
text-decoration			: none;
border-top				: 1px solid #f7f9fb;
border-right				: 1px solid #7fa5c2;
border-bottom				: 1px solid #7fa5c2;
border-left				: 1px solid #f7f9fb;
background-color			: #e5edf3;
}

#main #paginate li a:hover {
border-top				: 1px solid #e5edf3;
border-right				: 1px solid #7fa5c2;
border-bottom				: 1px solid #7fa5c2;
border-left				: 1px solid #e5edf3;
background-color			: #c8dbea;
}

#main #paginate li a.selected {
border-top				: 1px solid #97b6cd;
border-right				: 1px solid #206294;
border-bottom				: 1px solid #206294;
border-left				: 1px solid #97b6cd;
background-color			: #85aac5;
}

/* TOOLTIP    ------------------------------------------------------- */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #7FA5C2;
	background-color: #fff;
	padding: 5px;
	/*opacity: 0.85;*/
}
#tooltip h3, #tooltip div { margin: 0; }


/* BEWERKBALK ------------------------------------------------------- */
#bewerkbalk {
background				: url(../img/bg_bewerkbalk.gif) repeat-x;
width					: 567px;
height					: 31px;
}

#bewerkbalk ul {
float					: left;
list-style				: none;
padding					: 4px 0px 0px 10px;
}

#bewerkbalk li {
float					: left;
padding					: 0px 10px;
}

#bewerkbalk li a {
font-weight				: bold;
color					: #bed3e4;
display					: block;
padding					: 1px 10px 2px 10px;
}

#bewerkbalk li a:hover {
color					: #FFF;
text-decoration			: none;
}

#bewerkbalk li a.selected {
font-weight				: bold;
color					: #FFF;
border					: 1px solid #FFF;
border-bottom				: 0px;
background-color			: #004b85;
}

/* KRUIMELPAD  ------------------------------------------------------- */

#kruimelpad {
font-size					: 13px;
float					: left;
}

#kruimelpad a {
font-size					: 12px;
}

/* PAGINATITEL  ------------------------------------------------------- */

.paginatitel {
float					: left;
padding					: 20px 0px 10px 20px;
}

.paginatitel dl {
float					: left;
}

.paginatitel dt {
float					: left;
padding					: 2px 10px 0px 0px;
}

.paginatitel dd {
float					: left;
}

.paginatitel input {
border					: 1px solid #7fa5c2;
width					: 200px;
padding					: 0px 2px;
}

/* BEWERKSCHERM  ------------------------------------------------------- */

#bewerkscherm {
float					: left;
width					: 526px;
padding					: 10px 0px 0px 20px;
}

/* TOEVOEGEN  ------------------------------------------------------- */

#blok_toevoegen {
clear					: right;
float					: right;
width					: 194px;
background-color			: #FFF;
border					: 1px solid #ccdbe7;
border-right				: 0px;
margin-bottom				: 15px;
}

#blok_toevoegen h2 {
width					: 144px;
padding					: 7px 15px 7px 35px;
margin					: 0px;
color					: #004b85;
font-weight				: bold;

background-color		: #e5edf3;
background-image		: url(../img/icon_add.gif);
background-repeat		: no-repeat;
background-position		: 15px 8px; 
}

#blok_toevoegen h2 a {
float					: right;
font-style				: italic;
cursor					: pointer;
}

#admin_add_more_types {
display					: none;
}

#blok_toevoegen ul {
width					: 164px;
padding					: 5px 15px;
margin					: 0px;
list-style				: none;
height					: 125px;
overflow-x				: hidden;
overflow-y				: auto;
scrollbar-base-color		: #FFFFFF;
scrollbar-arrow-color		: #ccdbe7;
scrollbar-3dlight-color		: #ccdbe7;
scrollbar-darkshadow-color	: #ccdbe7;
scrollbar-face-color		: #FFFFFF;
scrollbar-highlight-color	: #FFFFFF;
scrollbar-shadow-color		: #FFFFFF;
scrollbar-track-color		: #FFFFFF;
}

#blok_toevoegen li {
margin					: 0px;
line-height				: 14px;
width					: 144px;
padding					: 2px 0px 6px 3px;
}

#blok_toevoegen li img {
padding					: 0px 2px;
margin-bottom				: -5px;
}


/* PAGE INFO  ------------------------------------------------------- */

#blok_page_info {
float					: right;
width					: 194px;
background-color			: #FFF;
border					: 1px solid #ccdbe7;
border-right				: 0px;
margin-bottom				: 15px;
}

#blok_page_info h2 {
width					: 164px;
padding					: 7px 15px;
margin					: 0px;
background-color			: #e5edf3;
color					: #004b85;
font-weight				: bold;
}

#blok_page_info ul {
width					: 164px;
padding					: 5px 15px;
margin					: 0px;
list-style				: none;
}

#blok_page_info li {
width					: 164px;
padding					: 7px 0px;
margin					: 0px;
line-height				: 11px;
background-repeat			: no-repeat;
background-position			: 0px 1px;
}

#blok_page_info ul.acties li {
width					: 144px;
padding					: 0px 0px 4px 20px;
margin					: 0px;
}


#blok_page_info li.admin-help 	{ background-image: url(../img/icon_help.gif); }
#blok_page_info li.preview  	{ background-image: url(../img/icon_preview.gif); }
#blok_page_info li.bewerk  	{ background-image: url(../img/icon_bewerk.gif); }
#blok_page_info li.copy  	{ background-image: url(../img/icon_copy.gif); }
#blok_page_info li.verwijder  { background-image: url(../img/icon_verwijder.gif); }
#blok_page_info li.bekijk_ouder  { background-image: url(../img/icon_go_parent.gif); }
#blok_page_info li.bekijk_kinders  { background-image: url(../img/icon_go_childs.gif); }

#blok_page_info ul.acties li .edit_actions
{
float					: right;	
}
#blok_page_info ul.acties li .edit_actions a {
padding					: 4px 2px 2px 2px;
border					: 1px solid #fff;  
}

#blok_page_info ul.acties li .edit_actions a:hover {
border					: 1px solid #7FA5C2;
background-color		: #E5EDF3;
}

#blok_page_info h3 {
width					: 164px;
padding					: 0px 15px;
margin					: 0px;
color					: #000;
font-weight				: bold;
}

/* FORM ELEMENTEN  ------------------------------------------------------- */
h2 {
font-weight				: bold;
}

.help_button {
background-image		: url(../img/icon_help.gif);
background-repeat		: no-repeat;
background-position		: right;
width					: 100%;
height					: 20px;
}
.help_button span {
display					: none;	
}

.help {
padding					: 5px;
border					: 1px solid #fff;
margin					: 5px;
background-color		: #004B85;
color					: #fff;
font-weight				: bold;	
}

/* Verplaatsen object */

.iframe_verplaatsen {
float					: left;
border					: 1px solid #7fa5c2;
padding					: 0px;
margin					: 10px 0px;
width					: 350px;
height					: 400px;
}

.plusteken {
background				: url(../img/plus.gif) no-repeat;
background-position			: 0px 5px;
}

.selected_item, .doelmap {
font-weight				: bold;
color					: #5998c9;
}

.txt_verplaatsen {
float					: right;
padding					: 0px;
margin					: 10px 0px;
width					: 200px;
}

.speciaal_scherm {
/* Alleen gebruiken in popup.dwt -------*/
background-color		: #FFF;
margin					: 0;
padding					: 0;
height					: 100%; /* voor buttonbar */ 

}

/*************************************************************************
	CMS_Explorer CSS
**************************************************************************/

/* voor diverse dialoogjes scrollbars uit */

.ic_image_dialog_iframe ,
.ic_objectlink_dialog_iframe {
overflow				: hidden !important;
}


/* bij tiny_mce en dialoogjes */
.cms_explorer_body_dialog {
position 				: absolute;
top 					: 0;
left 					: 0;
right 					: 0;
bottom 					: 50px; /* that's the height of the footer */
overflow 				: auto;

}	

/* bij verplaats object */
.cms_explorer_body_move {
overflow 				: auto;
} 

.cms_explorer_bar {
position				: absolute;
left 					: 0;
right 					: 0;
bottom 					: 0px; /* that's the height of the footer */
height 					: 50px;
overflow 				: hidden;
background-color 		: #E5EDF3;	
}

.cms_explorer_bar_msg {
text-align				: left;
padding					: 3px 15px;
}
.cms_explorer_bar_msg #selected_item {
font-weight				: bold;	
}
	
.cms_explorer_bar_buttons {
text-align				: right;
padding					: 0px 15px;
}

.cms_explorer_bar_buttons  .button
{
float					: none;
}

	
/* FORM ELEMENTEN  ------------------------------------------------------- */

.form_container {
float					: left;
clear					: both;
padding  					: 15px 0px;
}

dl.formulier {
float: left;
display: block;
width: 100%;
/*width					: 350px;*/
margin					: 0px;
padding					: 0px;
}

dl.formulier dt {
width					: 120px;
float					: left;
clear					: left;
padding					: 4px 3px 3px 0px;
}

dl.formulier dd {
width					: 200px;
float					: left;
padding					: 3px;
text-align				: left;
margin					: 0px;
}

.form_container dl {
width					: 550px;
margin					: 0px;
padding					: 0px;
}

.form_container dl dt {
float					: left;
clear					: left;
width					: 100px;
padding					: 5px 3px 3px 0px;
}

.form_container dl dd {
float					: left;
width					: 400px;
padding					: 3px;
text-align				: left;
margin					: 0px;
}

.form_container dl dl {
margin					: 0px;
padding					: 0px;
width					: 530px;
}

.form_container dd dt {
float					: left;
width					: 50px;
border					: 2px;
font-size					: 11px;
font-weight				: normal;
margin					: 0px;
padding					: 0px 0px 3px 0px;
}

.form_container dd dd {
float					: left;
width					: 420px;
border					: 0px;
font-size					: 11px;
font-weight				: normal;
margin					: 0px;
padding					: 0px 0px 3px 0px;
}



/* Formuliervelden */

.input_xsmall {
width					: 24px;
height					: 15px;
padding					: 0px 1px 2px 1px;
border					: 1px solid #7fa5c2;
font-size					: 12px;
text-align				: center;
}

.input_small {
width					: 80px;
height					: 15px;
padding					: 0px 1px 2px 1px;
border					: 1px solid #7fa5c2;
font-size					: 12px;
}

.input_medium {
width					: 150px;
height					: 15px;
padding					: 0px 1px 2px 1px;
border					: 1px solid #7fa5c2;
font-size					: 12px;
}

.input_large {
width					: 220px;
height					: 15px;
padding					: 0px 1px 2px 1px;
border					: 1px solid #7fa5c2;
font-size					: 12px;
}

.input_xlarge {
width					: 320px;
height					: 15px;
padding					: 0px 1px 2px 1px;
border					: 1px solid #7fa5c2;
font-size					: 12px;
}

.textarea_small {
width					: 220px;
height					: 50px;
padding					: 0px 1px 2px 1px;
border					: 1px solid #7fa5c2;
font-size					: 12px;
}

.textarea_medium {
width					: 275px;
height					: 100px;
padding					: 0px 1px 2px 1px;
border					: 1px solid #7fa5c2;
font-size					: 12px;
}

.textarea_large {
width					: 420px;
height					: 150px;
padding					: 0px 1px 2px 1px;
border					: 1px solid #7fa5c2;
font-size					: 12px;
}

.selectbox_large {
width					: 224px;
height					: 19px;
padding					: 1px;
border					: 1px solid #7fa5c2;
font-size					: 12px;
}

.checkbox {
margin					: 3px 3px 0px 0px;
padding					: 0px;
height					: 14px;
}

.checkbox_label {
margin					: 0px;
}

.radio {
margin					: 0px 3px 0px 10px;
border					: 1px solid #7fa5c2;
line-height				: 2px;
}

.form_container .full-width {
clear					: both;
width					: 100%;
margin					: 0px;
padding					: 10px 0px;
}

.form_container dl.radio_list {
}

.form_container dl.radio_list dt {
float					: left;
clear					: left;
width					: 20px;
padding					: 3px 3px 3px 0px;
}

.form_container dl.radio_list dd {
float					: left;
padding					: 0px 3px 2px 3px;
}

.form_container dl.checkbox_list dt {
float					: left;
clear					: left;
width					: 20px;
padding					: 3px 3px 3px 0px;
}

.form_container dl.checkbox_list dd {
float					: left;
padding					: 5px 3px 2px 3px;
border					: 0px;
}

.form_container .template_selected
{
	background-color	: #E5EDF3;
}

.buttons_container {
float					: right;
width					: 300px;
padding					: 10px 0px 0px 0px;
}

.buttons_container ul {
float					: right;
list-style				: none;
padding					: 0px 20px 0px 0px;
margin					: 0px;
}

.buttons_container li {
float					: left;
margin					: 0px 0px 0px 10px;
display					: inline;
}

.button {
background-color			: #7fa5c2;
color					: #004b85;
text-align				: center;
height					: 22px;
padding					: 0px 5px;
margin					: 0px 5px 0px 0px;
border					: 1px outset #004b85;
float					: left;
}

#filter {
float					: none;
clear					: both;
margin					: 5px 0px;
height					: 25px;
}

#filter .input_xlarge {
float					: left;
margin-right				: 5px;
height					: 18px;
}

/* Configure / instellingen */

.admin_attributes dt{
width					: 100% !important;
height					: 20px;
float					: left;
display					: block ;
background-color		: #A0BCD2;
color					: #fff;
font-weight				: bold; 
}
.admin_attributes dd {
width					: 100%;	
display					: block;
float					: left;
clear					: both;	
}
.admin_attributes ul {
margin					: 5px 30px;	
}

/** Wat table styles **/
.admintable {
width					: 567px;
border-bottom			: 1px solid #7fa5c2;
margin					: 30px 0;
}

.admintable th {
background-color		: #7fa5c2;
font-weight				: bold;
color					: #FFF;
padding					: 7px 6px;
text-align				: center;
}

.admintable td {
text-align				: left;
padding					: 7px 4px;
background-color			: #FFFFFF;
}

.admintable tr.odd td {
background-color			: #f2f6f9;
}

.admintable tr.even td {
background-color			: #FFFFFF;
}