/* De opmaak van de Site */

html,body{
	width:100%;
	margin: 0 0 0 0; padding:0;
	overflow-x: hidden;
}

body {
	font-family: 'Simonetta', sans-serif;
	font-size: 0.95em;
background-color: #39123e;
}

#container_left {
	width: 398px;
	height: 1493px;
	background: url(../img/left.jpg);
	position: absolute;
	left:50%;
	margin-left: -898px;
}


#container {
	width: 1000px;
	height: 1493px;
	position: absolute;
	left:50%;
	margin-left: -500px;
	background-image: url(../img/content.jpg);

}

#container_right{
	width: 390px;
	height: 1493px;
	background: url(../img/right.jpg);
	position: absolute;
	right:50%;
	margin-right: -888px;
}

#menu {
	width: 1000;
	height: 50px;
	background-image: url(../img/menu.png);
	list-style: none;
padding-top: 65px;}

#midden {
	background-color: white;
	border-bottom: medium;
	border-bottom: solid;	
	border-bottom-color: white;
	border-bottom-width: 20px;
	z-index: 1000;
}

#boek {
	width: 1000px;
	height: 300px;
	z-index: 1;	

}



#content {
	width: 691px;
	height: auto;
	clear: both;
	background-color: white;	
	margin-left: 9px;
}


#content2 {
	width: 685px;
	height: auto;
	margin: 0 0 0 15px;
    background-image:url(../img/achter-2.gif);
    background-repeat: repeat-x;
	padding-top: 10px;
}

#content3 {
	width: 685px;
	height: 100px;
	background-color: #f9e6fc;	
	margin: 25px 0 15px 15px;
}

#right {
	width: 300px;
	background-color: white;	
	position: absolute;
	left: 700px;
}

#right_1 {
	width: 230px;
	height: auto;
	margin: 15px 15px 0 15px;
	background-color: #eba7be;	
	padding: 0 20px 10px 20px;
}

#right_2 {
	width: 230px;
	height: auto;
	margin: 15px 15px 0 15px;
	background-color: #e1cead;	
	padding: 0 20px 10px 20px;

}
#right_3 {
	width: 270px;
	height: auto;
	margin: 15px 15px 15px 15px;
	background-color: #94245c;

}


.footer-tabel {
    width: 100%;
    margin-left: 25px;
    margin-top: 15px;
}
.footer-tabel td {
    padding-left: 10px;
    text-align: left;
    vertical-align: top;
}
.footer-tabel .footer-knop {
    witdh: 150px;
    margin-bottom: 3px;
    margin-right: 50px;
	font-size: 0.75em;
	text-align: left;
	color: #4c1644;
	text-transform:uppercase;
	font-weight: lighter;
	line-height: 20px;
	background-image:url(../img/bloem.png);
    background-repeat: no-repeat;
    background-position: left;
	padding-left: 30px;
}

.balk {
	background-image:url(../img/balk.gif);
    background-repeat: repeat-y;

}
.balk2 {
	background-image:url(../img/balk2.gif);
    background-repeat: repeat-y;

}


#footer {
	width: 960px;
	height: 100px;
	float: left;
	background-color: #94245c;
    padding-left: 40px;
}

.footer-tabel2 {
    width: 700px;
    margin-top: 15px;
}
.footer-tabel2 td {
    text-align: left;
    vertical-align: center;
}

/* De opmaak van het menu */

#menu ul{
list-style-type:none;
margin:0;
padding:0;
text-align:center; /* enter "left", "right", or "center" to orient the menu accordingly */
font:25px Parisienne;
}

#menu ul li{
display:inline;
margin-right:30px; /* spacing between each menu item */
}

#menu ul li a{
position:relative;
color:white;
padding-bottom:6px; /*spacing between each menu item and arrow underline beneath it */
text-decoration:none;

}

#menu ul li a:hover{
border-bottom:1px solid #db4096; /* style of arrow underline */
}

#menu ul li a:hover:after{ /* use CSS generated content to add arrow to the menu */
content:'';
width:0;
height:0;
position:absolute;
left:50%;
margin-left:-5px; /* value should match border-width below */
bottom: 0;
border-width:5px; /* value should match margin-left above */
border-style:solid;
border-color: transparent #db4096 #db4096 transparent; /* create up arrow */
}





/* IE only hack \*/
* html ul li, * html ul ul li{
}

* html ul ul li{
	border-top: 0;
}
/* Einde IE only hack */





/* De opmaak van de afbeeldingen */



img {
 	border: none;
 	
}


/* De opmaak van de tekst */

#right_1 h1 {
	font-size: 1.85em;
	text-align: left;
	color: white;
	padding-top: 10px;
	margin-left: 1px;
	height: 10px;

}

#right_1 h3 {
		font-family: 'Simonetta', sans-serif;
font-size: 0.85em;
	text-align: left;
	color: white;
	padding-top: 10px;
	text-transform:uppercase;
	font-weight: bold;
	line-height: 20px;
	border-bottom: thin;
	border-bottom-color: white;
	border-bottom-style: solid;
	margin-left: 1px;
}

#right_1 p{
	font-size: 0.95em;
	text-align: left;
	color: white;
	font-weight: lighter;
	line-height: 20px;
}

#right_2 h1 {
	font-size: 1.85em;
	text-align: left;
	color: white;
	padding-top: 20px;
	margin-left: 1px;

}

#right_2 h2 {
		font-family: 'Simonetta', sans-serif;
font-size: 0.85em;
	text-align: left;
	color: white;
	text-transform:uppercase;
	font-weight: bold;
	margin-left: 1px;
	
}

#right_2 p{
	font-size: 0.95em;
	text-align: left;
	color: white;
	font-weight: lighter;
	line-height: 20px;
}

#right_2 a:link {
	color: white;
	font-weight: normal;
	text-decoration: none;
	width: auto;
}

#right_2 a:visited{
	color: white;
		width: auto;
}

#right_2 a:hover{
	color: #4c1644;
		width: auto;
}

#right_2 a:active{
	color: white;
	width:auto;
}


#footer a:link {
	color: #000;
	font-weight: normal;
	text-decoration: none;
	width: auto;
}

#footer a:visited{
	color: #000;
		width: auto;
}

#footer a:hover{
	color: #999;
		width: auto;
}

#footer a:active{
	color: #000;
	width:auto;
}


a:link  {
	color: #4c1644;
	text-decoration: none;
	padding: 0;
	font-weight:normal;
	display:inline;
}

a:visited {
	color: #4c1644;
	font-weight: normal;
	text-decoration: none;
	display:inline;

}

a:hover{
	color: #4c1644;
	font-weight: normal;
	text-decoration: underline;
	display:inline;

}

a:active{
	color: #4c1644;
	text-decoration: none;
	font-weight:normal;	
	display:inline;

}

h1 { 

	font-family: 'Parisienne', sans-serif;
	font-size: 3.35em;
	text-align: left;
	color: #4c1644;
	font-weight: normal;
	margin-left: 50px;

}

#content .contact { 

	font-family: 'Parisienne', sans-serif;
	font-size: 3.45em;
	text-align: left;
	color: #4c1644;
	position: relative;
	right: 200px;

}

#userForm{
padding-bottom: 45px;
margin-right: 100px;
}

#content h2 { 

	font-family: 'Parisienne', sans-serif;
	font-size: 2.15em;
	text-align: left;
	color: #4c1644;
	font-weight: normal;
	margin-left: 40px;
	border-top: dotted 2px #db4096;
	padding-top: 20px;
}

h2 { 

	font-family: 'Parisienne', sans-serif;
	font-size: 2.45em;
	text-align: left;
	color: #000;
	margin-left: 0;

}

h3 { 

	font-size: 1.2em;
	text-align: left;
	color: #db4096;
	margin-left: 50px;

}


#footer h3 { 

	font-size: 0.75em;
	text-align: left;
	color: #c992b6;
	font-weight: lighter;
	line-height: 20px;

}

#footer h3 a:link{ 

	font-size: 1em;
	text-align: left;
	color: #c992b6;
	font-weight: lighter;
	line-height: 20px;

}

#footer h4 { 

	font-size: 0.95em;
	text-align: right;
	color: #c992b6;
	font-weight: lighter;
	line-height: 20px;
	padding-right: 30px;

}


#content2 h1 { 

	font-family: 'Parisienne', sans-serif;
	font-size: 2.45em;
	text-align: left;
	color: #4c1644;
	margin-left: 35px;
	background-image:url(../img/bloem2.png);
    background-repeat: no-repeat;
    background-position: left;
	padding-left: 50px;
}

#content p {
	font-size: 0.85em;
	letter-spacing: normal;
	text-align: left;
	padding-left: 50px;
}

#content2 p {
	font-size: 0.85em;
	letter-spacing: normal;
	text-align: left;
	padding-left: 25px;
	color: #4c1644;
}	


#userForm{
	padding-left: 130px;}

.componentheading{
visibility: hidden;
}

#content2 table.contentpaneopen {
	text-align:left;
	margin: -20px 0 0 0;
color: white;
}

#content.contentpaneopen.readon{
padding-left: 30px;}

.readon { margin-left: 50px;
	color: red;}

a.readon { margin-left: 50px;
	color:  pink;}
	
	
/* #right table.contentpaneopen {
	margin: -20px 0 -20px 0;
	position: relative;
	height: auto;
}

table.contentpaneopen {
	margin: 0 0 0 0;
	position: relative;

} */