/* donkerblauw #036 */
/* middenblauw #369 */
/* lichtblauw #69c */
/* oranjig #c26a46 */
/* wittig #faf6ea */

* {margin: 0; padding: 0;}

body {
	font-family: arial, tahoma, helvetica, sans-serif;
        font-size: 80%;
	margin-top: 20px;
	margin-bottom: 20px;
background-color: #fff;
color: #000;
}

#container {
	width: 747px;
	position: relative;
	top: 0;
	bottom: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 0;
	border: 0;
}

#kop {
	height: 80px;
	margin: 0 0 15px 0;
	padding: 0;
border-bottom: 1px solid #000;
}

#links {
	float: left;
	width: 152px;
	text-align: left;
	padding: 6px 6px 6px 0;
	font-size: 1em;
	margin-top: 10px;
}

#rechts {
	margin-left: 186px;
	margin-right: auto;
	padding-right: 10px;
        padding-left: 0;
        padding-top: 10px;
	margin-top: 0px;
	text-align: left;
}

#rechts #kolom1 {
	float: left;
	width: 230px;
}

#rechts #kolom2 {
	margin-left: 236px;
}

#onder
{
	clear: both;
	margin-left: 186px;
	margin-right: auto;
	line-height: 16px;
	text-align:   center;
	font-size: 0.9em;
	color: #000;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 4px;
}

a {color: #000;
text-decoration: none;
border-bottom: 1px solid;
}

a:hover {
border-bottom: 1px dashed;
}

h1 {
	font-family: arial, tahoma, helvetica, sans-serif;
	font-size:  2.6em;
	text-align: left;
	font-weight: normal;
letter-spacing: 0.1em;
	margin-top: 0;
	padding-top: 47px;
}

h2 {
	font-family: arial, tahoma, helvetica, sans-serif;
	font-size:  1.8em;
letter-spacing: 0.1em;
	text-align:   left;
	font-weight:   bold;
	padding-left: 10px;
}

#kop h2 {
	display: inline;
	font-weight: normal;
font-style: italic;
	float: right;
	margin-top: -30px;
	margin-right: 0;
/*	padding-left: 500px; */
}

.h3, #rechts h3, .intro h2, .nieuws h2
{
	font-size:  2em;
	font-weight:   normal;
letter-spacing: 0.05em;
	padding-left: 10px;
	padding-bottom: 12px;
}

.intro h2 {
font-size: 1.6em;
padding-left: 0;
}

#rechts .nieuws h3 {
font-size: 1.6em;
padding: 20px 10px 0 10px;
}

#kop p.boven {
	text-align: right;
	margin-top: -30px;
	margin-right: 6px;
	font-size: 1em;
}

#kop a {
	text-decoration: none;
border: 0;
}

#kop a:hover {
}

#rechts p, blockquote {
	font-size:  1em;
	line-height:   20px;
	text-align:   left;
	padding:   10px;
}

#rechts .intro p {
	padding-left: 20px;
	margin-top: 0;
}

#links ul {
	list-style-type: none;
	padding-left: 0;
}

#links li ul {
	padding-left: 10px;
}

#links p {
	font-size: 1em;
}

#links .intro {
margin-top: 20px;
margin-left: 6px;
font-size: 1em;
}

#onder a {
	font-weight: normal;
}
#onder a:hover {
}

#rechts a, #links .intro a {
	font-weight: normal;
	font-size: 1em;
}

#rechts a:hover, #links .intro a:hover {
}

#rechts p.linklist {
	line-height: 2em;
}

#rechts p.quote {
	font-weight:   normal;
	font-size:   0.9em;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
}

#rechts p.quote1 {
	font-weight:   normal;
	font-size:   0.9em;
	text-align: left;
	background-image: url(../images/97.jpg);
	margin-left: 10px;
	margin-right: 10px;
	padding: 20px;
}

#rechts p.quote2 {
	font-weight:   normal;
	font-size:   0.9em;
	text-align: left;
	background-image: url(../images/96.jpg);
	margin-left: 10px;
	margin-right: 10px;
	padding: 20px;
}

#rechts p.quote3 {
	font-weight:   normal;
	font-size:   0.9em;
	text-align: left;
	background-image: url(../images/98.jpg);
	margin-left: 10px;
	margin-right: 10px;
	padding: 20px;
}

#rechts blockquote.jos {
	font-weight:   normal;
	font-style: italic;
	font-size:   1em;
	text-align: left;
	border-left: 4px solid;
	border-right: 4px solid;
	padding: 0 10px;
	margin: 0 10px;
}

.klein {
	font-weight:   normal;
	font-size:   0.9em;
text-align: left;
}

.kleinr, #rechts .kleinr {
	font-weight:   normal;
	font-size:   0.9em;
	text-align: right;
}

#rechts .klein a {
	font-weight:   normal;
	font-size:   0.9em;
	text-align: left;
}

#rechts .klein a:hover {
}

#rechts img {
	border: 1px solid;
	padding: 0;
	margin: 6px 8px 6px 0;
}

#rechts img.left {
	margin-right: 8px;
	float: left;
}

.intro img.left {
	border: 1px solid;
	padding: 0;
	margin: 6px 8px 6px 0;
}

#rechts img.right {
	margin-left: 8px;
	float: right;
}
#rechts .magazine-image {
	float: right;
	border: 1px solid;
	padding: 2px;
	margin-right: 50px;
}

#rechts .magazine-image img {
	border: 0;
	margin: 2px;
	padding: 0;
}

#rechts ul.schilderijen li img {
	margin: 0 6px 0 0;
}

#rechts ul.events {
	padding-left: 10px;
}

#rechts ul {
	padding-left: 25px;
}

#rechts ul li {
	font-size: 1em;
	line-height: 20px;
}

#rechts ul.events li {
	list-style-type: none;
	font-size: 1em;
}

#rechts ul.events li ul {
	padding-left: 40px;
	padding-bottom: 16px;
}

.imgintro {
	text-align: center;
	margin: 0 auto;
}

.center {
	text-align: center;
}

.normaal {
	font-size:  1em;
	font-weight: normal;
}

.clearing {
	clear:both;
	margin:0;
	padding:0;
	height:0;
}

#rechts .intro {
	clear: right;
}

#rechts .exp {
margin-bottom: 20px;
}

#rechts ul.schilderijen {
	list-style-type: none;
	margin-left: 10px;
}

#rechts ul.schilderijen li {
	padding: 15px 4px 15px 0;
}

/* ------------------------------- Gallery --------------- */
#rechts .gallery {
	text-align: center;
}

#rechts .gallery ul {
	position: relative;
	padding: 10px 2px;
}

#rechts .gallery li {
	list-style: none;
	float: left;
	width: 170px;
	margin: 0 0 10px 0;
	padding: 4px;
}

#rechts .gallery img {
	padding: 0;
	border: 1px solid;
	margin: 2px;
}

#rechts .gallery ul li img {
	border: 1px solid;
	margin: 0;
}

#rechts .gallery a.here img, #rechts .gallery a:hover img {
	padding: 0;
	margin: 0;
}

#rechts .gallery a {
	border: 0;
}

#rechts .gallery p {
	text-align: center;
	font-size: 0.9em;
}

/* ------------------------------ einde Gallery --------------- */

/* --- styling navigation --- */

#navcontainer {
	margin-left: 2px;
	font-size: 0.9em;

}

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

#navcontainer ul#navlist {
width: auto;
	border-bottom: 1px solid;
}

#navcontainer a {
border: 0;
text-decoration: none;
display: block;
	padding: 2px 5px;
}

#navcontainer li {
	display: block;
	width: auto;
	border-top: 1px solid;
}

#navcontainer li.toggler {
/* padding: 2px 5px; */
}

#navcontainer li.toggler ul {
	margin: 0; padding: 0;
}

#navcontainer a:hover {
	background-color: #efefef;
}

#navcontainer a.active, #navcontainer a.active:hover {
	background-color: #efefef;
}

.toggler {
cursor: pointer;
}

#navcontainer ul li.toggler ul.element {display: none;}
#navcontainer ul li.toggler ul.schilderijen {display: block;}

#navcontainer li.toggler ul li {padding-left: 20px;}


/* --- styling zem_contact --- */

legend {
	display: none;
}

fieldset {
	border: 0;
}

#contact {
	width: 530px;
	font-size: 1em;
	padding-bottom: 10px;
padding-left: 12px;
	line-height: 1.3em;
}

#contact input, #contact textarea {
	border: 1px solid black;
	font-family:   verdana, tahoma, arial, sans-serif;
	font-size:   1em;
	font-weight: normal;
}

#contact .button input {
	font-family: arial, tahoma, helvetica, sans-serif;
	background-color: #efefef;
	font-size:   0.9em;
	padding: 4px;
cursor: pointer;
}

#contact ul {
	margin-top: 20px;
}

#contact ul li {
	margin-left: 15px;
	list-style-type: square;
}

#contact .danku {
	margin-top: 20px;
	padding-left: 0;
	font-weight: bold;
	background-color: #efefef;
}

div.hide {
	display:none;
}