body {
font-family: Trebuchet MS, Arial;
font-size: 11px;
color: #3D3526;
line-height: 18px;
}

a {
outline: none;
}

p {
padding: 0px;
margin: 0px;
font-size: 11px;
line-height: 18px;
color: #3D3526;
text-align: justify; 
}

#nav p.wgj{
position:absolute;
border:0px solid;
padding: 15px;
margin: 0px;
font-size: 11px;
line-height: 12px;
color: #fff;
text-align: left; 
width:104px;
bottom:-80px;
background-color:#3D3526;
}

#nav p.wgj a {
color:#D1C2A4;
}

#nav p.wgj a:hover {
color: #fff;
}

a,
#tool a,
#content ul li a,
p a,
p a:visited {
color: #3D3526;
font-size: 11px;
}

a:hover,
#tool a:hover,
#content ul li a:hover,
p a:hover {
color: #A4823D;
}

#webshop_text a {
text-align: left;
}

#webshop_text a:hover {
text-align: left;
color: #fff;
}

h1{
font-family: Verdana;
padding: 0px;
margin: 0px;
color: #9F8869;
margin-top: -8px;
font-weight: normal;
font-size: 28px;
font-style: italic;
}

#titel h1{
font-family: Verdana;
padding: 0px;
margin: 0px;
color: #9F8869;
font-weight: normal;
font-size: 28px;
font-style: italic;
}

h2{
font-family: Verdana;
padding: 0px;
margin: 0px;
color: #C3B49E;
margin-top: 20px;
font-weight: normal;
font-size: 20px;
font-style: italic;
}


h3{
font-family: Verdana;
padding: 0px;
margin: 0px;
color: #C3B49E;
font-weight: normal;
*font-weight: bold;
font-size: 20px;
font-style: italic;
}

em.inleiding,
em.inleiding a {
line-height: 24px;
font-style:normal;
color: #A4823D;
font-size: 13px;
padding-bottom: 10px;
}

em.inleiding a:hover {
color: #3D3526; }

strong {
font-size: 11px;
}

.adres {
font-size: 10px;
line-height: 22px;
color: #3D3526;
}

.onevision a {
display: none;
}

.naam {
font-family: Verdana;
font-size: 16px;
font-style: italic;
color:#F3ECDE;
}

.datum {
font-family: Verdana;
font-size: 12px;
font-style: italic;
color:#F3ECDE;
}

.vraag {
font-family: Verdana;
font-size: 14px;
color:#A4823D;
}

.weddingsongs a {
font-size: 17px;
padding-left:13px;
line-height: 25px;
color: #B4A17E;
font-weight: normal;
text-decoration: none;
}

.weddingsongs a:hover {
color: #3D3526;
}


/*Agenda ditto opmaak*/

a.agenda {
text-decoration: none;
display: block;
background-color: #E7D9BE;
border: 1px solid #A4823D; 
background-image: url(/gfx/popupachter.gif);
margin: 0px;
padding: 5px;
margin-bottom: 10px;
color: #A4823D;
}

a.agenda:hover {
background-color: #E7D9BE;
background-image: url(/gfx/popupachter_donker.gif);
color: #3D3526;
}

.highlight_titel,
.agenda_titel,
a .agenda_titel {
font-size: 13px;
font-weight: bold;
color:#3D3526;
}

a .locatie {
font-size: 11px;
font-weight: bold;
color:#7F6D52;
line-height: 12px;
}


/*Ditto Trouwtips */

.trouwtip {
height: 135px;
position: relative;
}

.trouwtip a {
text-decoration: none;
cursor: pointer;
}

.trouwtip_titel {
font-size: 13px;
font-weight: bold;
color:#3D3526;
}

.trouwtip_text {
display: block;
width: 200px;
float: left;
margin-right: 10px;
}

.trouwtip img {
float: left;
}

.trouwtip i {
text-decoration: underline;
}

/*Opmaak Formulieren*/

#formulier td{
text-align: left;
vertical-align: top;
}

.hiddenemail {
display: none;
}

.firstfriendnummer {
margin-left: 18px;
font-family: Verdana;
color: #E7D9BE;
font-size: 26px;
line-height: 0px;
font-style: italic;
}

.friendnummer {
text-indent: 120px;
font-family: Verdana;
color: #E7D9BE;
font-size: 26px;
font-style: italic;
}

#formulier input[type="button"] {
font-size: 11px;
border:1px outset #E6DAC0;
background-color: #fff;
color: #3D3526;
width: 15px;
text-align: center;
font-family: Trebuchet MS, Arial;
}


.jot-form input[type="submit"],
#formulier input[type="submit"] {
font-size: 11px;
border:1px solid #E6DAC0;
background-color: #fff;
font-family: Trebuchet MS, Arial;
color: #3D3526;
width: 204px;
}

#tool input[type="submit"] {
font-size: 11px;
border:1px solid #E6DAC0;
background-color: #fff;
font-family: Trebuchet MS, Arial;
color: #3D3526;
width: 75px;
height: 17px;
}

.jot-form input[type="submit"]:hover,
#tool input[type="submit"]:hover,
#formulier input[type="submit"]:hover,
#formulier input[type="button"]:hover {
border:1px inset #3D3526;
cursor: pointer;
}


#formulier input[type="text"] {
font-size: 11px;
border:1px solid #E6DAC0;
background-color: #fff;
color: #3D3526;
width: 202px;
height: 14px;
overflow: hidden;
cursor: text;
font-family: Trebuchet MS, Arial;
}

#tool input[type="text"] {
font-size: 11px;
border:1px solid #E6DAC0;
background-color: #fff;
color: #3D3526;
width: 150px;
height: 14px;
overflow: hidden;
cursor: text;
font-family: Trebuchet MS, Arial;
}

#formulier textarea {
font-size: 11px;
border:1px solid #E6DAC0;
background-color: #fff;
color: #3D3526;
width: 203px;
height: 75px;
overflow: auto;
cursor: text;
font-size: 11px;
font-family: Trebuchet MS, Arial;
}

#formulier select {
font-size: 11px;
border:1px solid #E6DAC0;
background-color: #fff;
color: #3D3526;
width: 206px;
height: 15px;
*height: 20px;
cursor: pointer;
overflow: auto;
font-family: Trebuchet MS, Arial;
}

#formulier td.aantal select {
font-size: 11px;
border:1px solid #E6DAC0;
background-color: #fff;
color: #3D3526;
width: 93px;
height: 15px;
*height: 20px;
cursor: pointer;
overflow: auto;
font-family: Trebuchet MS, Arial;
}


/*opmaak invulform*/

#invulform td{
text-align: left;
}

#invulform input[type="button"] {
font-size: 11px;
border:1px outset #E6DAC0;
background-color: #fff;
color: #3D3526;
width: 15px;
text-align: center;
font-family: Trebuchet MS, Arial;
}

#invulform input[type="submit"] {
font-size: 11px;
border:1px solid #E6DAC0;
background-color: #fff;
font-family: Trebuchet MS, Arial;
color: #3D3526;
width: 113px;
}

#invulform input[type="submit"]:hover,
#invulform input[type="button"]:hover {
border:1px inset #3D3526;
cursor: pointer;
}

#invulform input[type="text"] {
font-size: 11px;
border:1px solid #E6DAC0;
background-color: #fff;
color: #3D3526;
width: 335px;
height: 14px;
overflow: hidden;
cursor: text;
font-family: Trebuchet MS, Arial;
}

#invulform textarea {
font-size: 11px;
border:1px solid #E6DAC0;
background-color: #fff;
color: #3D3526;
width: 335px;
height: 75px;
overflow: auto;
cursor: text;
font-size: 11px;
font-family: Trebuchet MS, Arial;
}

#invulform select {
font-size: 11px;
border:1px solid #E6DAC0;
background-color: #fff;
width: 335px;
width: 206px;
height: 15px;
*height: 20px;
cursor: pointer;
overflow: auto;
font-family: Trebuchet MS, Arial;
}


/*Gastenboek*/

.jot-form textarea {
font-size: 11px;
border:1px solid #E6DAC0;
background-color: #fff;
color: #3D3526;
width: 325px;
height: 75px;
overflow: auto;
cursor: text;
font-size: 11px;
font-family: Trebuchet MS, Arial;
}

.jot-form input[type="text"] {
font-size: 11px;
border:1px solid #E6DAC0;
background-color: #fff;
color: #3D3526;
width: 325px;
height: 14px;
overflow: hidden;
cursor: text;
font-family: Trebuchet MS, Arial;
}

#berichtknop input[type="submit"] {
font-size: 11px;
font-family: Trebuchet MS, Arial;
color: #3D3526;
width: 337px;
font-weight: bold;
margin-left: -9px;
background-image: url(/gfx/popupachter_donker.gif);
background-color:#ECE1CD;
border: 1px solid #9F8869;
}

#berichtknop input[type="submit"]:hover {
border:1px inset #3D3526;
cursor: pointer;
}

/*Tell a friend*/

.meervrienden a{
text-decoration: none;
color: #3D3526;
line-height: 14px;
}

.meervrienden  {
display: block;
font-size: 11px;
border:1px solid #E6DAC0;
background-color: #fff;
text-decoration: none;
width: 150px;
height: 14px;
text-align: center;
overflow: hidden;
font-size: 11px;
font-family: Trebuchet MS, Arial;
}

.meervrienden:hover {
border:1px inset #3D3526;
cursor: pointer;
}



/*Reserverings infodivs*/

b.reservering_plaatje {
position: absolute;
padding: 0px;
margin: 0px;
margin-left: 3px;
margin-top: -2px;
*margin-left: 3px;
*margin-top: -3px;
cursor: pointer;
z-index: 3;
}

b.reservering_plaatje_aantal {
padding: 0px;
margin: 0px;
margin-left: 9px;
cursor: pointer;
z-index: 2;
}

b.reservering_agendaplaatje {
position: absolute;
padding: 0px;
margin: 0px;
margin-left: 2px;
*margin-left: 0px;
margin-top: -1px;
*margin-top: 0px;
cursor: pointer;
z-index: 1;
}

b.reservering_text {
padding: 0px;
margin: 0px;
margin-left: 9px;
font-weight: normal;
cursor: pointer;
z-index: 99;
}

b.reservering_text:hover i,
b.reservering_plaatje:hover i,
b.reservering_plaatje_aantal:hover i,
b.reservering_agendaplaatje:hover i {
display: block;
z-index:99;
}

b.reservering_text i,
b.reservering_text i:hover {
display: none;
background-image: url(/gfx/popupachter.gif);
position: absolute;
list-style-type:none;
background-color: #ECE1CD;
font-weight: normal;
font-style: normal;
color: #3D3526;
padding: 8px;
margin: 0px;
width: 188px;
*margin-top: 23px;
*margin-left: -200px;
border: 1px solid #9F8869;
z-index:99;
}

b.reservering_agendaplaatje i,
b.reservering_agendaplaatje i:hover {
display: none;
background-image: url(/gfx/popupachter.gif);
position: absolute;
list-style-type:none;
background-color: #ECE1CD;
color: #3D3526;
font-weight: normal;
font-style: normal;
padding: 8px;
margin: 0px;
width: 210px;
*margin-top: 19px;
margin-left: -207px;
*margin-left: -230px;
border: 1px solid #9F8869;
z-index:99;
}


b.reservering_plaatje i,
b.reservering_plaatje i:hover{
display: none;
background-image: url(/gfx/popupachter.gif);
position: absolute;
list-style-type:none;
background-color: #ECE1CD;
color: #3D3526;
font-weight: normal;
font-style: normal;
padding: 8px;
margin: 0px;
width: 208px;
*margin-top: 22px;
margin-left: -207px;
*margin-left: -226px;
border: 1px solid #9F8869;
z-index:99;
}


b.reservering_plaatje_aantal i,
b.reservering_plaatje_aantal i:hover {
display: none;
background-image: url(/gfx/popupachter.gif);
position: absolute;
list-style-type:none;
background-color: #ECE1CD;
color: #3D3526;
font-weight: normal;
font-style: normal;
padding: 8px;
margin: 0px;
width: 208px;
*margin-top: 23px;
*margin-left: -226px;
border: 1px solid #9F8869;
z-index:99;
}

/*MaxiGallery opmaak*/
.thumbscontainer {
width: 380px;
}

.MGfoto img {
border: 0px;
margin-left: -30px;
margin-top: -10px;
float: left;
}

#thankyou .MGfoto img {
border: 0px;
margin-left: 0px;
margin-top: 0px;
float: left;
}


.MGfoto {
margin-right: 5px;
margin-bottom: 25px;
border: 1px solid #9F8869;
float: left;
width: 50px;
height: 70px;
overflow: hidden;
}

#thankyou .MGfoto {
margin-right: 5px;
margin-bottom: 25px;
border: 1px solid #9F8869;
float: left;
width: 107px;
height: 70px;
overflow: hidden;
}

.MGfoto:hover {
border: 1px solid #3D3526;
cursor: pointer;
}

/*persoonlijke site opsomming*/

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

/*Home*/

.home_agenda a {
display: block;
margin: 0px;
padding: 0px;
width: 300px;
color: #A4823D;
line-height: 12px;
}

.home_agenda a:hover {
color: #3D3526;
}