﻿body 
{
    
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
}

/**************************************/
/* ALGEMENE ONDERDELEN VAN DE PAGINA  */
/**************************************/	

/******* hyperlinks font-size:0.9em; *******/

a
{
    text-decoration: none;
    font-weight: normal;
    color: #0066cc;
}

a:link {}

a:visited {}

a:active {}

a:hover
{
    text-decoration: underline;
    color: #573323;
}

/************** kopjes **************/
h1, h2, h3, h4, h5, h6 {color:#BC8F5F;}

.kleingrijs
{
    color: #C0C0C0;
    font-size: x-small;
}
.grijs
{
    color: #C0C0C0;
}
.donkergrijs
{
    color: #666666;
}
.cursief
{
    font-style: italic;
}
.vet
{
    font-weight: bold;
}
.kleingrijs a
{
    color: #BC8F5F;
    
}
.groepnaam
{
    color: #BC8F5F;
    font-weight: bolder;
}

#kaderinhoud h3:first-child
{
    margin-top: 0px;
}
#kaderinhoud ul
{
    /*margin: 0.2em 0 0.1em 0;*/
    line-height: 1.1em;
    font-size: 1.0em;
    list-style-type: disc;
    list-style-position: outside;
    list-style-image: inherit;
}
#kaderinhoud ol
{
    /*margin: 0.2em 0 0.1em 0;*/
    line-height: 1.1em;
    font-size: 1.0em;
    list-style-type: lower-latin;
    list-style-position: inherit;
    list-style-image: inherit;
}

.imageBox
{
    width: 160px;
    height: 120px;
    float: left;
    overflow: hidden;
    text-align: center;
}
	
.imageBoxContainer {
		width:520px;	
		text-align: left;
	}

.titelpagina
{
    color: #BC8F5F;
    font-size: 1.4em;
    margin-top: 5px;
    margin-bottom: 20px;
    position: relative;
    height: 44px;
    font-weight: bold;
}

.titelparagraaf
{
    color: #BC8F5F;
    font-size: 1.1em;
    font-weight: bold;
}

.verborgen {
display:none;
}

.fotoalbum li
{
    display: inline;
    float: left;
    margin-bottom: 15px;
    margin-left: 15px;
    list-style-type: none;
    width: 150px;
    color: #8C7E73;
}
.blog
{
    width: auto;
}
.blogtitel
{
    font-size: large;
    font-weight: bold;
}
.blogfooter
{

    font-size: small;
    color: #999999;
}

.blogreactie
{
    padding: 10px;
    margin-top: 0px;
    margin-bottom: 10px;
    border: 1px solid #999999;
    background-color: #E0E0E0;
    width: auto;
}
.blogreactievaneigenaar
{
    padding: 10px;
    margin-top: 0px;
    margin-bottom: 10px;
    border: 1px solid #CC6600;
    background-color: #FFE8C4;
    width: auto;
}

.message
{
    color: #CC0000;
    font-weight: bolder;
}

.links {
float:left;
}
.rechts {
float:right;
}
.marginlinksrechts
{
    margin-right: 5px;
    margin-left: 5px;
}

/* 
/* Accordion 
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}



*/

.highlight
{
    background-color: #FFFF99;
    font-weight: bolder;
}


.formulier_veldnaam
{
    color: #666666;
    text-align: right;
    width: 20%;
    background-color: #FFF9EA;
    padding-right: 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CC6600;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #CC6600;
}
.formulier_editveld
{
    text-align: left;
    width: 80%;
    padding-left: 5px;
}
.formulier_rij
{
    vertical-align: text-top;
}

.dashedline
{
    border-bottom: 1px dashed #DBCE6A;
    padding-top: 1px;
    margin-bottom: 10px;
    clear:right;
}

.collapselink {
    color: #CC6600;
    text-decoration: underline;
}

.celmetborder
{
    padding: 3px;
    border: 1px solid #CC6600;
} 
.formulierkader {
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	border: 1px solid #CC6600;
	background-color: White ;
	width:auto;
	z-index:auto;

}
#taalDropPanelx
{
    padding: 10px;
    margin-top: 0px;
    margin-bottom: 10px;
    border: 1px solid #CC6600;
    background-color: White;
    
    width: auto;
    background-repeat: repeat;
    z-index: 100;
}
.formuliertabel
{
    padding: 0px;
    margin: 0px;
    border: 1px solid #CC6600;
    background-color: White;
    width: 100%;
    empty-cells: show;
}

#logintabel 
{
    padding: 0px;
    margin: 0px;
    border-style: none;
    background-color: Transparent;
    width: 420px;
    empty-cells: show;
}
.logintabel .formulier_veldnaam
{
    border-style: none;
    color: #666666;
    text-align: right;
    width: 190px;
    padding-right: 5px;
    font-weight: bold;
    background-color: Transparent;
    font-size: 1.1em;
    padding-right: 0px;
    vertical-align: baseline;
}

.logintabel .formulier_editveld
{
 width: 210px;
}
.onzichtbaar {
 display:none;
}
.ocdbutton
{
    border: 1px solid #BC8F5F;
    background-color: #FFFBFF;
    font-size: 1.1em;
    font-family: Verdana;
    color: #284775;
    background-image: url('Images/bg_ocdbutton.jpg');
    background-repeat: repeat-x;
    height:23px;
    cursor:hand;
}

.detailsview_header
{
    background-color: #507CD1;
    color: #FFF;
    font-weight: bold;
}

.detailsview_row
{
    background-color: Transparent;
    color: #666;
    padding-left: 5px;
}

.detailsview_alternate_row
{
    background-color: Transparent;
    color: #666;
    padding-left: 5px;
}
.detailsview_fieldheader
{
    color: #666666;
    font-weight: bold;
    padding-left: 5px;
    width: 120px;
}

.detailsview_command
{
    text-align: center;
    margin-bottom: 10px;
}
.detailsview_editrow
{
    background-color: Transparent;
    color: #666;
    padding-left: 5px;
    padding-right: 8px;
    vertical-align: top;
    margin-bottom: 10px;
    padding-top: 2px;
}
.detailsview_pager
{
    background-color: #FFCF9F;
    color: #000;
    background-image: url( 'Images/button-bg.gif' );
    background-repeat: repeat-x;
}
.detailsview_footer
{
    background-color: #507CD1;
    color: #FFF;
    font-weight: bold;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
    width:300px;
    height:386px;
}
.popupframe
{
	position:absolute;
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small; 
    width:300px;
    height:386px;
    background-color:White;
}

.popupmenu
{
    border-style: solid;
    border-width: 1px;
    background-color: #fff;
    padding: 10px;
    overflow: auto;
    text-align: left;
    z-index: 20000;
}  


.popupframebreed
{
	position:absolute;
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;  
    padding:2px 3px;
    width:500px;
    height:320px;
    background-color: #FFFFFF;
}
.popupoverlaybreed
{
    border: solid 1px #808080;
    border-width: 1px 1px;
    background-color: #FFFFFF;
}
.popupoverlay
{  
    border:solid 1px #808080;
    border-width:1px 1px;
} 

.popupunderlayxxx
{
    position:absolute;
    background-color:#000;
    bottom:-1px;
    filter:alpha(opacity=12);
    left:-1px;
    right:-1px;
    top:3px;
    z-index:-1;
}
.popupunderlay
{
    position: absolute;
    background-color: #CCCCCC;
    bottom: -3px;
    left: 4px;
    right: -3px;
    top: 4px;
    z-index: -1;
}
.popupheader
{
    background-position: 0px -200px;
    cursor: move; /* Because the DragPanelExtender doesn't do this for me ;( */
    background: url(Images/sprite.png) repeat-x 0px -200px;
    color: #000;
    border-bottom: solid 1px #ccc;
    padding: 3px 10px;
    z-index: 10;
    background-color: #E0E0E0;
} 

.popupheader .msg
{
    font-weight: bold;
} 

.popupbody
{
    background-color: #fff;
    padding: 10px;
    overflow: auto;
    height: 306px;
    text-align: left;
}        

.updating
{
    background-color:#fff;
    padding:10px;
}

.updating
{
	color:#808080;
	background:#fff url(Images/activity.gif) no-repeat center;
} 

.popupfooter
{
    text-align:right;
    background: url(Images/sprite.png) repeat-x 0px -200px;	
    color: #000;	
    border-top:solid 1px #ccc;
    padding: 5px 3px;
}

.close
{
    right: 7px;	
    background: url(Images/sprite.png) no-repeat 0px -300px;	
    width: 25px;	
    cursor: pointer;	
    position: absolute;	
    top: 7px;	
    height: 15px;
}

dt
{
    font-weight: bold;
    color: #666666;
    font-size: larger;
}


.fck_Source
{
    width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px 0px; } 
.fck_Preview
{
    width: 16px;
    height: 16px;
    background-image: url('Images/fck_strip.gif');
    background-repeat: no-repeat;
    background-position: 0px -64px;
    margin:0px;
    padding: 0px;
} 
.fck_Cut  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -96px; }  
.fck_Copy  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -112px; }  
.fck_Paste  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -128px; }  
.fck_PasteWord  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -160px; }  
.fck_Print  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -176px; }  
.fck_SpellCheck  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -192px; }  
.fck_Find  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -240px; }  
.fck_Replace  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -256px; }  
.fck_Undo  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -208px; }  
.fck_Redo  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -224px; }  
.fck_SelectAll  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -270px; }  
.fck_RemoveFormat  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -286px; }  
.fck_Link  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -528px; }  
.fck_Unlink  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -544px; }  
.fck_Anchor  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -560px; }  
.fck_Image { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -576px; } 
.fck_Bold  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -302px; }  
.fck_Italic  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -318px; }  
.fck_Underline  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -334px; }  
.fck_Subscript  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -366px; }  
.fck_Superscript  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -382px; }  
.fck_JustifyLeft  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -462px; }  
.fck_JustifyCenter  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -478px; }  
.fck_JustifyRight  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -498px; }  
.fck_JustifyFull  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -510px; }  
.fck_OrderedList  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -398px; }  
.fck_UnorderedList  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -414px; }  
.fck_Outdent  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -446px; }  
.fck_Indent  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -430px; }  
.fck_Table  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -608px; }  
.fck_Rule  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -624px; }  
.fck_SpecialChar  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -656px; }  
.fck_Smiley  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -640px; }  
.fck_FitWindow { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -1040px; } 
.fck_FontFormat  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -32px; }  
.fck_FontName  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -32px; } 
 
.fck_FontSize  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -32px; }  

.fck_TextColor  { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -704px; }  

.fck_BGColor { width: 16px;   height: 16px;  background-image: url('Images/fck_strip.gif');     background-repeat: no-repeat;     background-position: 0px -720px; }


.fck_helptabel
{
    line-height: 16px;
    font-size: small;
}

.fck_helpcel
{
    width: 16px;
}