/*KLEUREN*/
.paars {color: #630e50;}
.grijs {color: #666;}
.donkergroen {color: #7d7445;}
.lichtgroen {color: #e0dcc5;}

a {
outline:none;
}

body {
font-family: Trebuchet MS;
font-size: 11px;
color: #000;
}

#content,
p{
line-height: 16px;
padding: 0px;
margin: 0px;
margin-bottom: 20px;
}

p{text-align: justify;}

#content a,
p a {
color: #7d7445;
}

#content a:hover,
p a:hover {
color: #000;
}

h1 {
font-size: 26px;
color: #630e50;
padding: 0px;
margin: 0px;
margin-bottom: 5px;
margin-top: 10px;
text-align: left;
}

.inleiding {
display: block;
padding: 0px;
margin: 0px;
font-size: 12px;
line-height: 24px;
color: #666;
font-style: normal;
}

h2 {
font-size: 14px;
font-weight: bold;
color: #630e50;
padding: 0px;
margin: 0px;
text-align: left;
}

h3 {
font-size: 13px;
font-weight: normal;
font-style: italic;
color: #000;
padding: 0px;
margin: 0px;
text-align: left;
}

.visie {
color: #630e50;
font-style: italic;
text-align: center;
padding-top: 70px;
}




/*RECHTER BALK---------------------------*/
#rechts {
color: #000;
}

#rechts img {
border: 0px;
}

.DR_achterkleur {
background-color: #630e50;
}

.DR_achterkleur .highslide:hover,
.DR_achterkleur .imghighslide:hover {
filter:alpha(opacity=40);
opacity: 0.5;
-moz-opacity:0.5;
cursor: pointer;
}

#kalender {
text-align: center;
height: 120px;
width: 90px;
padding-top: 21px;
margin-left: 28px;
background-image:url(/gfx/kalender.png);
background-repeat: no-repeat;
}

.kalender {
color: #000;
font-size: 11px;
line-height: 11px;
}

#kalender b {
display: block;
margin-top: -8px;
margin-bottom: 3px;
font-size: 9px;
font-weight: normal;
}

#kalender .nummer {
display: block;
margin-top: -3px;
font-size: 35px;
color: #666633;
line-height: 45px;
}

/*DITTO*/
.ditto_rechts_kopje {
color: #000;
font-weight: bold;
margin-left: 13px;
font-size: 11px;
text-align: left;
}

.ditto_rechts_kopje a{
color: #000;
}

.ditto_rechts_text a {
display: block;
color: #000;
font-weight: bold;
margin-left: 0px;
font-size: 11px;
text-align: left;
}

.ditto_rechts_text  {
margin-left: 13px;
display: block;
width: 130px;
color: #666;
font-size: 10px;
}

.ditto_rechts_itemkop {
font-size: 17px;
color: #630e50;
margin-left: 13px;
text-align: left;
}

.ditto_rechts_itemkop a{
color: #630e50;
text-decoration:none
}


.ditto_rechts_text a:hover {
color: #000;
}

#rechts .thumb_masker {
width: 157px;
height: 95px;
}

#rechts .ditto_home2_masker {
padding: 0px;
margin: 0px;
}

/*BLOG AANMELD*/
.aanmeldtext {
display: block;
margin-left: 10px;
color: #630e50;
font-weight: bold;
}

#rechts #formulier {
padding: 10px;
}

#rechts #formulier input {
font-family: Trebuchet MS;
border: 1px solid #630e50;
width: 125px;
color: #000;
font-size: 11px;
height: 12px;
margin-bottom: 3px;
text-indent: 2px;
}

#rechts #formulier input.radio {
width: 15px;
margin-left: 0px;
}

#rechts #formulier input.berichtknop,
#rechts #formulier .formbutton {
border: 0px;
border: 1px solid #630e50;
background-color: #630e50;
color: #fff;
width: 125px;
height: 16px;
margin-left: 0px;
margin-top: 10px;
cursor: pointer;
font-weight: normal;
clear: both;
}

#rechts #formulier input.berichtknop:hover,
#rechts #formulier .formbutton:hover {
border: 1px solid #ccc;
background-color: #7d7445;
color: #fff;
cursor: pointer;
}

#rechts #formulier  input.checkbox {
width: 12px;
height: 12px;
}



/*HOME--------------------------*/

/*GROTE FOTO/NIEUWS*/
#nieuwsfoto {
overflow: hidden;
width:485px;
height:225px;
top:0px;
}

.nieuwstext {
position: absolute;
display: block;
width: 300px;
margin-top: -120px;
margin-left: 20px;
color: #fff;
font-size: 20px;
line-height: 20px;
text-align: left;
}

#content .nieuwslink a {
color: #7d7445;
font-size: 12px;
}

#content .nieuwslink a:hover {
color: #fff;
}


/*DITTO1 TEXTLINKEN*/
.ditto_home1 {
width: 223px;
float: left;
padding-right: 39px;
margin-bottom:25px
text-align: left;
}

 .ditto_home1_alt {
width: 223px;
height: 120px;
float: left;
}

#content .ditto_home1_kopje {
color: #630e50;
font-size: 26px;
line-height: 30px;
font-weight: bold;
text-decoration: none;
width: 155px;
text-align: left;
}

.ditto_home1_text {
display: block;
padding-bottom: 10px;
text-align: justify;
}


/*DITTO2 - FOTOLINKEN */
.ditto_achterkleur {
display: block;
background-color: #7d7445;
height: 95px;
width: 155px;
}

#links img,
#content img,
.ditto_home2_masker img  {
border: 0px;
}

.ditto_home2_masker {
width: 155px;
height: 95px;
overflow: hidden;
background-repeat: no-repeat
}







/*CONTENT DITTO2 - FOTOLINKEN----------------*/
#content .ditto_home2_kopje a,
.ditto_home2_kopje a {
display: block;
background-color: #7d7445;
margin-bottom: 10px;
margin-top: 2px;
color: #fff;
font-size: 12px;
font-weight: bold;
text-align: center;
text-decoration: none;
width: 155px;
}

#content .ditto_home2 {
float: left;
padding-right: 6px;
}





/*AGENDA'S----------------------------------*/
.ditto_agenda1 {
padding: 5px;
margin-left: -5px;
background-image:url(/gfx/agenda_verloop1.gif);
background-repeat: repeat-y;
}

.ditto_agenda1:hover {
background-image:url(/gfx/agenda_verloop1_hover.gif);
}

.ditto_agenda2 {
padding: 5px;
margin-left: -5px;
background-image:url(/gfx/agenda_verloop2.gif);
background-repeat: repeat-y;
}

.ditto_agenda2:hover {
background-image:url(/gfx/agenda_verloop2_hover.gif);
}

.ditto_agenda1 a,
.ditto_agenda2 a {
display: block;
text-decoration: none;
}

a .ditto_agenda_kopje {
color: #630e50;
font-weight: bold;
text-align: left;
}

a .ditto_agenda_text {
color: #000;
}

#rechts i {
display: block;
margin-left: 13px;
font-style: normal;
}




/*SMOELENBOEK-----------------*/

#content .ditto_smoel {
float: left;
margin-right: 5px;
}

.ditto_smoel_kopje {
display: block;
background-color: #630e50;
margin-bottom: 2px;
color: #fff;
font-size: 12px;
font-weight: bold;
text-align: center;
text-decoration: none;
width: 155px;
text-align: left;
text-indent:3px;
}

#content .ditto_smoel_text{
position:relative;
top:0px
}

#content .ditto_smoel .ditto_home2_kopje{
position:relative;
top:-2px
}

#content .ditto_smoel .ditto_achterkleur {
display: block;
background-color: #7d7445;
height: 152px;
width: 155px;
}

#content .ditto_smoel_text a {
display: block;
background-color: #e0dcc5;
color: #000;
width: 149px;
padding: 3px;
text-align: left;
font-size: 10px;
text-decoration: none;
line-height: 12px;
}

#content .ditto_smoel .ditto_home2_masker
{
height:185px;
}




/*MAXI GALLERY---------------------------*/
.thumb_masker {
width: 76px;
height: 70px;
overflow: hidden;
float: left;
margin-right: 4px;
background-color: #630e50;
}

#content .thumb_masker {
margin-bottom: 4px;
}

.thumb_masker img {
border: 0px;
width: 150%;
margin-left: -20px;
}

.ditto_home2_masker:hover,
.thumb_masker img:hover,
#rechts .thumb_masker:hover,
#links .thumb_masker:hover {
filter:alpha(opacity=40);
opacity: 0.5;
-moz-opacity:0.5;
cursor: pointer;
}

#rechts img:hover {
filter:alpha(opacity=100);
opacity: 1.0;
-moz-opacity:1.0;
}




/*MG CHILD-------------------------------*/
.MG_child {
float: left;
width: 155px;
margin-bottom: 10px;
margin-right: 5px;
}

.MG_child_masker {
width: 155px;
height: 95px;
overflow: hidden;
}

.MG_child_masker img {
width: 120%;
}

.ditto_achterkleur2 img:hover,
.MG_child_masker img:hover {
filter:alpha(opacity=40);
opacity: 0.5;
-moz-opacity:0.5;
}

.MG_child_title {
display: block;
width: 155px;
background-color: #7d7445;
margin-top: 2px;
color: #fff;
font-size: 12px;
font-weight: bold;
text-align: center;
text-decoration: none;
}

.rechts_fotoalbum .MG_child {
background-color: #e0dcc5;
}

.rechts_fotoalbum .MG_child_masker {
filter:alpha(opacity=30);
opacity: 0.3;
-moz-opacity:0.3;}

.rechts_fotoalbum .MG_child_masker:hover {
filter:alpha(opacity=100);
opacity: 1.0;
-moz-opacity:1.0;
}






/*NAV----------------------------*/
.nav ul {
padding: 0px;
margin: 0px;
list-style: none;
height: 23px;
padding-top: 5px;
}

.nav ul li {
display: inline;
margin-top: 10px;
height: 23px;
}

.nav ul li a,
.nav ul li a:visited {
font-size: 12px;
font-weight: bold;
color: #fff;
padding: 7px;
padding-top: 5px;
text-decoration: none;
}

.nav ul li a:hover,
.nav ul li.first.active a:hover,
.nav ul li a:visited:hover {
color: #cad194;
}

.nav ul li.active a,
.nav ul li.active a:visited {
color: #630e50;
background-color: #fff;
}

.nav ul li.first.active a,
.nav ul li.first.active a:visited {
background: none;
color: #fff;
}

.nav ul li.last a {
padding: 9px;
}




/*FOOTER------------------------*/
#footer {
font-size: 10px;
line-height: 14px;
}

#footer strong {
margin-left: 6px;
margin-right: 6px;
}

#footer a {
color: #666;
font-size: 10px;
}

#footer a:hover {
color: #000;
}

.countdown{
font-size: 13px;
}





/*ZOEKEN----------------------------------*/
#zoeken input {
font-family: Trebuchet MS;
border: 1px solid #630e50;
width: 86px;
color: #000;
font-size: 11px;
text-indent: 2px;
} 

#content #ajaxSearch_submit,
#zoeken #ajaxSearch_submit {
width: 50px;
cursor: pointer;
color: #fff;
height: 19px;
background-color: #630e50;
border: 1px solid #630e50;
}

#content #ajaxSearch_submit:hover,
#zoeken #ajaxSearch_submit:hover {
border: 1px solid #ccc;
background-color: #7d7445;
color: #fff;
}

#content input {
font-family: Trebuchet MS;
border: 1px solid #630e50;
width: 250px;
color: #000;
font-size: 11px;
text-indent: 2px;
} 

#content .ajaxSearch_resultLink {
display: block;
font-size: 14px;
font-weight: bold;
color: #630e50;
}

.ajaxSearch_highlight,
.ajaxSearch_highlight1 {
font-size: 13px;
color: #666;
}






/* FORMULIEREN ----------------------- */
#content #formulier {
text-align: left;
}

#formulier input {
font-family: Trebuchet MS;
border: 1px solid #630e50;
width: 250px;
color: #000;
font-size: 11px;
height: 12px;
margin-bottom: 3px;
text-indent: 2px;
}

#content select {
font-family: Trebuchet MS;
border: 1px solid #630e50;
width: 150px;
color: #000;
font-size: 11px;
text-indent: 2px;
}

#content input.berichtknop,
#formulier input.berichtknop,
#formulier .formbutton {
border: 0px;
border: 1px solid #630e50;
background-color: #630e50;
color: #fff;
width: 252px;
height: 16px;
margin-left: 0px;
cursor: pointer;
font-weight: normal;
}

#content input.berichtknop:hover,
#formulier input.berichtknop:hover,
#formulier .formbutton:hover {
border: 1px solid #ccc;
background-color: #7d7445;
color: #fff;
}

#contentjot,
#formulier textarea {
font-family: Trebuchet MS;
border: 1px solid #630e50;
width: 100px;
color: #000;
font-size: 11px;
width: 250px;
height: 100px;
margin-bottom: 3px;
text-indent: 2px;
}

#formulier input.checkbox {
width: 12px;
height: 12px;
}



/*JOT REACTIE PLAATSEN--------------*/

.aanmeld_kop {
font-size: 13px;
color: #630e50;
text-align: left;
}

.ditto_weblog_holder {
height: 100px;
width:485px;
margin-bottom: 20px;
}

.ditto_weblog_masker {
width: 155px;
height: 95px;
overflow: hidden;
background-position: left center;
float: left;
clear: both;
margin-right: 20px;
}

#content .ditto_weblog_kopje a {
color: #630e50;
font-size: 13px;
border: 0px;
text-decoration: none;
}

#content .jot-archief_kopje a {
font-weight: bold;
color: #000;
}

#content .jot-archief_kopje a:hover {
color: #7d7445;
}

.ditto_weblog_laatste {
color: #7d7445;
font-size: 12px;
}

.jot-comment {
padding: 5px;
width: 455px;
background-image:url(/gfx/achter_jot.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
margin-bottom: 5px;
border: 1px solid black;
}

.jot-row.jot-row-alt,
.jot-row.jot-row-alt.jot-row-me,
#contentjot,
.jot-list,
.jot-row.jot-row-alt.jot-row-me,
.jot-user,
.jot-message {
border: 0px solid black;
}

.jot-row.jot-row-alt,
.jot-row.jot-row-alt.jot-row-me {
width: 455px;
background: none;
}

.jot-comment .jot-message {
color: #000;
margin-left: -2px;
}

.jot-cfm,
.jot-comment .jot-subject {
font-size: 14px;
font-weight: bold;
color: #630e50;
text-decoration: none;
}

.jot-comment .jot-user {
background: none;
color: #630e50;
padding: 5px;
font-size: 13px;
margin-top: -33px;
border: 0px;
border-bottom: 1px solid #ddd;
}

#bericht_typen .jot-err,
.content #bericht_typen .jot-err a {
margin: 0px;
padding: 0px;
margin-bottom: 20px;
font-size: 13px;
color: #7d7445;
}

.blogdate{
float:right;
}

#blogspot h2{
float:left;
}