* {
 font-family: Garamond, Times New Roman;
 font-size: 10.5pt;
 color: #7F471D;
}

body {
 margin: 0px;
 padding: 0px;
 background-color: #FFFFFF;
 overflow: auto;
}


.volledig {
 width: 100%;
 height: 100%;
 padding: 0px;
 margin: 0px;
 border-collapse: collapse;
}

.centreer {
 text-align: center;
 vertical-align: middle;
}


#houder {
 width: 1000px;
 height: 410px;
 margin: 0px auto;
 padding: 0px;
}

#boven {
 width: 994px;
 height: 60px;
 border-bottom: 1px solid #804506;
 margin: 3px;
}

#midden {
 width: 994px;
 height: 320px;
 border-top: 2px solid #804506;
 border-bottom: 2px solid #804506;
 margin: 3px;
 font-size: 10pt;
}

#onder {
 width: 994px;
 height: 30px;
 border-top: 1px solid #804506;
 margin: 3px;
 text-align: center;
}


#menubalk {
 position: relative;
 top: 20px;
 float: left;
 height: 30px;
}

#logo {
 height: 48px;
 float: right;
}

#titel {
 height: 48px;
 float: right;
 text-align: left;
 vertical-align: bottom;
}

.titel {
 border-width: 0px;
}


ul#menu {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 font-size: 10pt;
}

li {
 display: block;
 width: 82px;
 padding: 0px;
 font-size: 10pt;
 text-align: center;
 text-decoration: none;
 float: left;
}

.groen {
 color: #AAA437;
}


a {
 text-decoration: none;
}
a.knop {
 font-size: 10pt;
}
a:hover {
 text-decoration: underline;
}
a.zonder:hover {
 text-decoration: none;
}

a:focus {
  -moz-outline-style: none;
}


#inhoud {
 height: 300px;
 width: 994px;
 overflow: hidden;
}

.wit {
 background-color: #FFFFFF;
 text-align: left;
}

.gekleurd {
 background-color: #F5FCDB;
 text-align: left;
 color: #7F471D;
 font-family: Garamond;
 font-size: 10.5pt;
}

.sub_titel {
 width: auto;
 text-align: left;
 border-bottom: 1px solid #331A00;
}

/*
.sub_item {
 width: auto;
 text-align: left;
 background: url(Afbeeldingen/dotted.gif) repeat;
 padding: 0px 0px 1px 0px;
}
*/

.sub_item {
 width: auto;
 text-align: left;
 border-bottom: 1px dotted #AAA437;
}

*html .sub_item {
 width: auto;
 text-align: left;
 border-bottom: 1px solid #AAA437;
}

strong {
 color: #331A00;
}

/*---------------------------- home ----------------------------*/


#item {
 width: 300px;
 height: 270px;
 float: left;
 margin: 12px;
 padding: 0px;
 text-align: left;
}

#streep {
 width: 324px;
 border-left: 1px dashed #804506;
 border-right: 1px dashed #804506;
 margin: 0px;
 padding: 0px;
 float: left;
}

.lager {
 position: relative;
 top: 15px;
}

.fix {
 width: 300px;
 height: 270px;
 clear: both;
 margin: 12px;
 padding: 0px;
 text-align: left;
}

.item_foto {
 float: left;
 border: 1px solid #331A00;
 margin-right: 10px;
}

.item_titel {
 font-weight: bold;
 text-align: left;
 border-bottom: 1px solid #AAA437;
 margin: 0px;
}

p {
 font-family: Times New Roman;
 font-size: 10pt;
 color: #331A00;
 margin: 0px;
 text-align: left;
}

.item_tekst {
 float: left;
 width: 155px;
}



/*--------------------------- cursus ---------------------------*/

#cursussen {
 position: relative;
 top: 18px;
 float: left;
 width: 200px;
 height: 280px;
 border: 0px solid #331A00;
 margin-left: 10px;
 margin-right: 10px;
}

#cursus {
 position: relative;
 top: 18px;
 float: left;
 width: 430px;
 height: 280px;
 border-left: 1px dashed #804506;
 border-right: 1px dashed #804506;
 margin-left: 10px;
 margin-right: 10px;
 text-align: left;
 padding: 0px 20px 0px 20px;
}

#gerelateerd {
 position: relative;
 top: 18px;
 float: left;
 width: 250px;
 height: 280px;
 margin-left: 10px;
 margin-right: 20px;
}

#rel_agenda {
 height: 120px;
 text-align: left;
}

#rel_fotoboek {
 height: 120px;
 text-align: left;
}

.rel {
 width: auto;
 text-align: left;
 border-bottom: 1px solid #AAA437;
 padding-left: 5px;
 padding-bottom: 10px;
}

.rel_hoog {
 width: auto;
 height: 95px;
 text-align: left;
 border-bottom: 1px solid #AAA437;
 padding-left: 5px;
}

.rel_foto {
 position: relative;
 float: left;
 border: 1px solid #331a00;
 margin: 0px 10px 10px 00px;
}


/*--------------------------- agenda ---------------------------*/

#agenda {
 position: relative;
 top: 18px;
 float: left;
 width: 200px;
 height: 280px;
 border: 0px solid #331a00;
 margin-left: 10px;
 margin-right: 5px;
}

.data {
 position: relative;
 top: 18px;
 float: left;
 width: 340px;
 height: 280px;
 border-left: 1px dashed #804506;
 margin-left: 15px;
 margin-right: 5px;
 padding-left: 20px;
}

.age {
 width: auto;
 text-align: left;
 border-bottom: 1px dotted #AAA437;
 padding-left: 5px;
}

.age_titel {
 width: auto;
 text-align: left;
 border-bottom: 1px solid #331A00;
 padding-left: 5px;
}

.age_ {
 width: auto;
 text-align: left;
 border-bottom: 1px dotted #AAA437;
 padding-left: 5px;
 background-color: #F5FCDB;
}

.datum {
 width: auto;
 text-align: left;
 border-bottom: 1px solid #AAA437;
}

/*-------------------------- fotoboek --------------------------*/


#categorien {
 position: relative;
 top: 18px;
 float: left;
 width: 200px;
 height: 280px;
 border: 0px solid #331A00;
 margin-left: 10px;
 margin-right: 10px;
}

#thumbs {
 position: relative;
 top: 18px;
 float: left;
 width: 388px;
 height: 280px;
 border-left: 1px dashed #804506;
 border-right: 1px dashed #804506;
 margin-left: 10px;
 margin-right: 10px;
}

#thumbs_2 {
 position: relative;
 top: 18px;
 float: left;
 width: 348px;
 height: 280px;
 border-left: 1px dashed #804506;
 border-right: 1px dashed #804506;
 margin-left: 10px;
 margin-right: 10px;
}


#foto_houder {
 position: relative;
 top: 18px;
 float: left;
 height: 280px;
 width: 385px;
 margin-left: 10px;
 text-align: center;
}

.thumb {
 float: left;
 border: 1px solid #AAA437;
 margin: 10px 0px 10px 20px;
}

.thumb_houder {
 float: left;
}

.cat {
 width: auto;
 text-align: left;
 border-bottom: 1px solid #AAA437;
 padding-left: 5px;
}

#nav {
 clear: both;
 position: relative;
 top: 15px;
}

.grijs {
 color: #DDDDDD;
}

.foto_staand {
 height: 280px;
 width: 210px;
 float: left;
 border: 1px solid #331A00;
 overflow: hidden;
 margin-right: 10px;
}

.foto_liggend {
 width: 280px;
 height: 210px;
 float: left;
 border: 1px solid #331A00;
 overflow: hidden;
 margin-bottom: 10px;
}

#omschrijving {
 width: 150px;
 float: left;
 padding-bottom: 10px;
 margin: 0px 10px 10px 0px;
 border-bottom: 1px solid #AAA437;
 text-align: left;
 color: #331a00;
 line-height: 15.5px;
}


#gerelateerd_cur {
 float: left;
 width: 150px;
}

/*---------------------------- info ----------------------------*/

form {
 margin: 0;
 padding: 0;
}

input {
 width: 300px;
 border: 1px solid #AAA437;
 color: #331A00;
 margin: 3px 0 8px;
 vertical-align: middle;
}

input:focus {
  -moz-outline-style: none;
}

textarea {
 width: 300px;
 border: 1px solid #AAA437;
 color: #331a00;
 overflow: auto;
 margin: 3px 0 8px;
}

.button {
 width: 100px;
 background-color: #FFEEEE;
}

#frame_houder {
 display: none;
}

#bericht_div {
 display: none;
 width: 300px;
 border: 1px solid #AAA437;
 background-color: FFEEEE;
 margin-top: 8px;
 margin-bottom: 8px;
}

#bericht_div img {
 vertical-align: middle;
}

.mailinput {
 width: 300px;
}

.error {
 color: #FF0000;
}
