HTML, BODY {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: .9em;
}

BODY {
    background: #b0aeba url(../images/main-bg.gif) repeat-x;
}

A IMG {
    border: none;
}

A {
    text-decoration: underline;
    color: #3e1d85;
    cursor: pointer;
}

A:hover {
    text-decoration: underline;
    color: #3e1d85;
}

TABLE {
    border-collapse: collapse;
}
TH {
    text-align: left;
    white-space: nowrap;
}

.clear {
    clear: both;
}

DIV.message H2 {
    display: none;
}
#system-message DT.message {
    display: none;
}
#system-message DD.message {
    border: 2px solid #3E1D85;
    background-color: #CEC4E4;
    color: #3E1D85;
    padding: 10px;
    margin: 0;
}
#system-message DD.message UL {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#page {
    width: 900px;
    padding: 0 12px 0 12px;
    min-height: 100%;
    background: transparent url(../images/content-bg.png) repeat-y;
    margin: 0 auto;
}

#top DIV.logos {
    position: relative;
    height: 80px;
    width: 900px;
    margin: 0;
    padding: 0;
}
#top DIV.logos A.logo {
    position: absolute;
    margin: 0;
    display: block;
    left: 65px;
    top: 30px;
    /*padding: 30px 0 15px 67px*/
}
#top DIV.logos A.gemeentelogo {
    position: absolute;
    margin: 0;
    display: block;
    right: 10px;
    top: 0px;
}
#top DIV.menus {
    padding: 4px 0;
    width: 100%;
    background-color: #3e1d85;
}
#top DIV.menus UL.menu {
    margin: 0;
    padding: 0;
    margin-left: 210px;
    list-style-type: none;
}
#top DIV.menus UL.menu UL {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#top DIV.menus UL.menu A {
    color: white;
    text-decoration: none;
}
#top DIV.menus UL.menu LI {
    display: inline;
    padding: 0 10px
}

#main DIV.sidecontent {
    width: 205px;
    float: left;
    display: inline;
    overflow: hidden;
}
#main DIV.content {
    width: 695px;
    float: left;
    display: inline;
    overflow: hidden;
}
#main DIV.maincontent {
    margin: 10px;
}

#main DIV.content,
#main DIV.sidecontent {
    margin-bottom: 25px;
}

#footer {
    position: absolute;
    bottom: 0;
    height: 25px;
    background-color: #3e1d85;
    width: 900px;
    display: none;
}


TR.even {
    background-color: #d9d4e7;
}
TR.oneven {
    background-color: #e4e0ee;
}

DIV.content H1,
DIV.content H2,
DIV.componentheading,
TD.contentheading {
    font-weight: bold;
    font-size: 1.5em;
    margin: 0;
    padding: 0;
    color: #3e1d85;
}

/* sidecontent modules */
DIV.sidecontent DIV.moduletable {
    width: 185px;
    margin: 0 10px;
}
DIV.sidecontent DIV.moduletable UL {
    padding: 0 0 0 14px;
}
DIV.sidecontent DIV.moduletable H3{
    color: #3e1d85;
	margin-bottom: 5px;
}



/* menu */

.sidecontent .menu {
	list-style-type: square;
	padding: 0 0 0 17px;
	margin: 0 0 15px 0;
}

.sidecontent .menu LI {
	margin: 0;
	padding: 0 0 0 0px;
}

/* mod_groepsfoto */
#mod_groepsfoto OL {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#mod_groepsfoto LABEL {
    display: block;
}



/* com_login */
#form-login {
    padding: 10px;
}
#form-login FIELDSET {
    margin: 0;
    padding: 0;
    border: none;
}
#form-login UL {
    display: none;
}

/* groepsfoto component */
DIV.com_groepsfoto {
    padding: 10px;
}


DIV.com_groepsfoto FORM OL {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
DIV.com_groepsfoto FORM LI {
    display: block;
    clear: both;
    padding: 2px 0 2px 0;
}
DIV.com_groepsfoto FORM LABEL {
    width: 10em;
    display: inline;
    float: left;
}
DIV.com_groepsfoto FORM SELECT,
DIV.com_groepsfoto FORM INPUT {
    display: inline;
    float: left;
}

/* editor fixes by form */
DIV.com_groepsfoto FORM .mceEditorContainer SELECT {
	float: none;
}
A.modal-button,
DIV.readmore A {
	text-decoration: none;
}

DIV.com_groepsfoto TABLE.result {
    margin-top: 10px;
    width: 100%;
}
DIV.com_groepsfoto TABLE.result TR {
    background-color: #d9d4e7;
}
DIV.com_groepsfoto TABLE.result TR.even {
    background-color: #e4e0ee;
}
DIV.com_groepsfoto TABLE.result TD {
    padding: 2px;
}

.instanties A.nieuweinstantie {
	float: right;
}

TABLE.instanties {
    margin-top: 20px;
    width: 100%;
    border: 0;
	/*border: 1px solid #DFDFDF;*/
	font-size: 0.90em;
}
TABLE.instanties TR {
	border: 0;
    /*border: 1px solid #DFDFDF;*/
}

TABLE.instanties THEAD TR {
    color: #3e1d85;
	font-size: 1.1em;
}
TABLE.instanties TD,
TABLE.instanties TH {
    padding: 3px;
}

TABLE.instanties TD.adres,
TABLE.instanties TH.adres {
	display: none;
}

TABLE.instanties TD A {
    text-decoration: none;
}

DIV.com_groepsfoto H2 {
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
    padding: 0;
    color: #3e1d85;
}

DIV.instantie DIV.instantieinformatie {
    margin-top: 20px;
}

DIV.instantie DIV.instantieinformatie DIV.adresgegevens {
    width: 375px;
    display: inline;
    float: left;
}
DIV.instantie DIV.instantieinformatie DIV.adresgegevens UL {
    list-style-type: none;
    margin: 1em 0 0 0;
    padding: 0;

}
DIV.instantie DIV.instantieinformatie DIV.adresgegevens UL LI {
    margin: 0 0 0.5em 0;
}
DIV.instantie DIV.instantieinformatie DIV.adresgegevens LABEL {
    font-weight: bold;
}

DIV.instantie DIV.instantieinformatie DIV.extragegevens {
    display: inline;
    float: right;
    width: 250px;
}

DIV.instantie DIV.instantieinformatie DIV.extragegevens A,
DIV.instantie DIV.instantieinformatie DIV.adresgegevens A {
	text-decoration: none;
}
DIV.instantie DIV.instantieinformatie UL {
    display: inline;
    float: left;
}

DIV.instantie DIV.gallery,
DIV.instantie DIV.bron,
DIV.instantie DIV.reacties,
DIV.instantie DIV.historischoverzicht {
	padding-top: 15px;
}

DIV.instantie DIV.gallery UL {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
DIV.instantie DIV.gallery UL LI {
	display: inline;
	float: left;
	clear: none;
	width: 100px;
	height: 120px;
	border: 1px solid #cccccc;
	padding: 5px;
	margin: 5px;
}

DIV.instantie DIV.gallery UL LI A {
	text-decoration: none;
}

DIV.instantie H2 {
	clear: both;
	margin-top: 20px;
}

DIV.reacties {
	clear: both;
}
DIV.reacties OL LI {
    list-style-position: outside;
    margin-bottom: 10px;
}
DIV.reacties OL LI DIV.reactiehead {
    border-bottom: 1px solid #B0AEBA;
    font-style: italic;
}
DIV.reacties OL LI DIV.reactiehead SPAN.door {

}
DIV.reacties OL LI DIV.reactiehead SPAN.datum {
    text-align: right;
    float: right;
    display: inline;
    font-size: 80%;
}

DIV.reactieform FORM TEXTAREA {
    width: 300px;
}
DIV.reactieform FORM INPUT.text {
    width: 300px;
}
DIV.reactieform FORM {
    margin: 0;
    padding: 0;
    min-width: 500px;
    max-width: 600px;
    width: 560px;
}
DIV.reactieform FORM FIELDSET {
    clear: both;
    float: left;
    border: 0;
    margin: 0;
    width: 100%;
}
DIV.reactieform FORM FIELDSET.hidden {
    border: 0;
}
DIV.reactieform FORM FIELDSET LEGEND {
    white-space: nowrap;
    background-color: #CCCCCC;
    font-weight: bold;
    width: 100%;
    padding: 1px;
    display: block;
}
DIV.reactieform FORM FIELDSET OL {
    margin: 0;
    padding: 0;
}
DIV.reactieform FORM FIELDSET LI {
    display: block;
    list-style: none;
    margin: 0;
    clear: both;
}
DIV.reactieform FORM LABEL {
    margin: 0 0 0 5px;
}
DIV.reactieform FORM LABEL.ELEMENT {
    display: block;
    float: left;
    width: 150px;
    padding: 0;
    margin: 5px 0 0 0;
    font-weight: bold;
    text-align: right;
}
DIV.reactieform FORM INPUT,
DIV.reactieform FORM SELECT {
    width: auto;
}
DIV.reactieform FORM TEXTAREA {
    overflow: auto;
}
DIV.reactieform FORM BR {
    clear: left;
}
DIV.reactieform FORM DIV.element {
    display: inline;
    float: left;
    margin: 5px 0 0 10px;
    padding: 0;
}
DIV.reactieform FORM LI.reqnote {
    font-size: 80%;
    margin: 5px 0 0 10px;
}
DIV.reactieform FORM SPAN.error,
DIV.reactieform FORM SPAN.required {
    color: red;
}
DIV.reactieform FORM DIV.error {
    border: 1px solid red;
    padding: 5px;
}

DIV.instantie.edit FORM {
	margin-top: 15px;
}

TABLE.editreacties {
    margin-top: 20px;
}
TABLE.editreacties TD,
TABLE.editreacties TH {
    padding: 5px;
}
TABLE.editreacties TR.oneven {
    background-color: #e4e0ee;
}

DIV.persoonreactiebeheer FORM LABEL {
    float: none;
    display: inline;
    width: auto;
}
DIV.persoonreactiebeheer FORM SELECT {
    float: none;
}
DIV.persoonreactiebeheer DIV.filter {
    margin-top: 20px;
}
DIV.persoonreactiebeheer DIV.filter FORM DIV {
	margin-bottom: 3px;
	text-align: right;
}
DIV.persoonreactiebeheer DIV.filter FORM DIV.verwerkstatus {

}
DIV.persoonreactiebeheer TABLE TD,
DIV.persoonreactiebeheer TABLE TH {
    padding: 3px;
}

DIV.persoonreactiebeheer {
	overflow: auto;
}


/* upload scherm */
.com_groepsfoto.beheer .folders {
	overflow: hidden;
	margin-bottom: 15px;
}
.com_groepsfoto.beheer .folders FORM {
	display: inline;
	float: left;
	width: 300px;
}
.com_groepsfoto.beheer .folders UL {
	display: inline;
	float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

DIV.pager {
    text-align: center;
}

DIV.tool-tip {
    border: 2px solid #3e1d85;
    width: 250px;
    height: auto;
    background: white;
    padding: 10px;
}
DIV.tool-tip DIV.tool-title {
    font-weight: bold;
    color: #3e1d85;
}
DIV.tool-tip DIV.tool-text {
    font-size: 90%;
}
/* uitkader */

INPUT.tussenvoegsel {
    width: 70px;
}
.multiuitkader .draggable {
    border: 2px dashed #d3d3d3;
}
.multiuitkader .draggable.active {
    border: 2px dashed #412088;
}
.multiuitkader .draggable .resize {
    background: url(../images/resize_handle.gif) no-repeat;
}
.multiuitkader .draggable .remove {
    background: url(../images/remove_handle.gif) no-repeat;
}

#uploadtodb_personen TR.active,
#editgroep_personen TR.active {
    background: #412088;
}
#uploadtodb_personen TR.active A,
#editgroep_personen TR.active A{
	color: white;
}
#uploadtodb_personen TR.active INPUT,
#uploadtodb_personen TR.active SELECT,
#editgroep_personen TR.active INPUT,
#editgroep_personen TR.active SELECT {
    background: #cfc4e2;
}

#googlemaps {
	margin-top: 15px;
}

FORM.instantiesfilter {
	display: block;
}

div.com_groepsfoto FORM.instantiesfilter DIV {
	display: inline;
	padding-right: 8px;
}
div.com_groepsfoto FORM.instantiesfilter DIV INPUT.text {
	width: 100px;
}
div.com_groepsfoto FORM.instantiesfilter DIV * {
	display: inline;
	float: none;
}
P.zoekplaatje img{
	position: relative;
	left: -8px;
	padding-bottom: 10px;
	display: block;
}

P.zoekplaatje2 img{
	float:left;
	margin: 0 8px 8px 0;
}