/*donderdag 6 januari 2011 14:20:19*/

html,body {
	margin:0;
	padding:0;
}

body {
	font: 80% arial, sans-serif;
	text-align:center;
	background-color: #ffffff;
}

a img {
	border:none;
}


div#container {
	text-align:left;
	background-color: #ffffff;
	width:700px;
	margin:0 auto;
}


div#content {
	float:right;
	width:640px;
	padding:2em 0;
	background-color: #ffffff;

}

div#content p, div#content ul,  div#content ol {
	line-height:1.5;
}

div#content ul,  div#content ol {
	padding-left: 15px !important;
	margin-left: 2px;
}


div#content a {
	color: #9c4874;
}

div#content a[rel$='external'] {
	padding: 0 20px 5px 0;
	background: transparent url(../img_all/icon_external.gif) no-repeat center right;
}

div#content a[rel$='external']:visited {
    background: transparent url(../img_all/icon_external_visited.gif) no-repeat center right;
}

div#content a[rel$='external']:hover, div#content a[rel$='external']:visited:hover {
    background: transparent url(../img_all/icon_external_hover.gif) no-repeat center right;
}


div#content a[href ^="mailto:"] {
	  padding: 0 0 5px 20px;
    background: transparent url(../img_all/icon_mailto.gif) no-repeat center left;
}

div#content a[href ^="mailto:"]:visited {
    background: transparent url(../img_all/icon_mailto_visited.gif) no-repeat center left;
}

div#content a[href ^="mailto:"]:hover, div#content a[href ^="mailto:"]:visited:hover {
    background: transparent url(../img_all/icon_mailto_hover.gif) no-repeat center left;
}


div#content a:visited {
	color: #61116b;
}

div#content a:hover, div#content a:visited:hover {
	color: #e50e63;
}


div#content .download {
   background: url(../img_all/link_button_off.jpg) 0 0 no-repeat;
   padding-left: 20px;
   }

div#content .download:hover {
   background: url(../img_all/link_button_on.jpg) 0 0 no-repeat;
   }

div#content .leftcol {
	width:300px;
  float:left;
  padding-right:15px;
}

div#content .rightcol {
  width:295px;  
	float:left;
  padding-left:20px;
  border-left:2px dotted #9c4874;
}


div#content .kader {
  width:500px;
  left: 60px;
  /*margin-left: -250px;  - (width/2)  */
  position: relative;
  border-top:1px dotted #9c4874;
  border-bottom:1px dotted #9c4874;
  border-left:1px dotted #9c4874;
  padding-left: 10px;
}

div#content .linkimage {
  float: left;
  margin-right: 5px;
  border: 1px solid #61116b;   
}

div#content .floatimage {
  float: left;
  margin-right: 1em; 
}




div#footer {
  font-size: 12px;
	background: url(../img_all/footer_back.jpg) ;
	clear:both;
	color: #ffffff;
	padding:0 10px 0 58px;
  height: 20px;
}


div#footer  a {
	color: #ffffff;
}

div#footer  a:visited {
	color: #ffffff;
}

div#footer  a:hover, div#footer  a:visited:hover {
	/*color: #cc6699;*/
  color: #e50e63;
}


/*left side content door verbreden left-top en left-bottom;
deze breedte aftrekken van content-width*/


div#left-top {
	background-color: #ffffff;
	float:left;
	border-bottom: 1px solid #61116b;
	width:0px;
}

div#left-bottom {
	background-color: #ffffff;
	float:left;
	clear:left;
	width:0px
}


#menu {
	background: url(../img_all/menu_back.jpg) repeat transparent;
	height: 20px;
  position: absolute;
	top: 87px;
  margin-left: 201px;
  width: 500px;
}


#menu ul a, #menu ul a:visited {
  color: #ffffff;
	padding: 0 14px;
	text-decoration: none;
  font-size:14px;
}

#menu ul a:hover, #menu ul a:visited:hover {
	background: url(../img_all/menu_back_on.jpg);
  color: #ffffff;
  border-right: 1px solid #e50e63;
  border-left: 1px solid #e50e63;
	padding: 0 13px;

}

#menu ul, #menu li {
	display: inline;
	float: left;
	margin: 0;
	padding: 1px 0;
  font-size: 14px;
}

#menu li.currentpage {	
	background: url(../img_all/menu_back_on.jpg);
  /*border-top: 1px solid #e50e63;
  border-bottom: 1px solid #e50e63;*/
  border-right: 1px solid #e50e63;
  border-left: 1px solid #e50e63;
  color: #ffffff;
  font-size: 14px;  
  cursor: text;
	padding: 0px 13px;

}


.center {
	text-align: center;
}


.left {
	text-align: left;
}

.right {
	text-align: right;
}

.clearb {
	clear: both;
}

.clearl {
	clear: left;
}

.clearr {
	clear: right;
}

.floatl {
	float: left;
}

.floatr {
	float: right;
}

.button {
	border: 1px outset;
  color: 	#61116b;
	cursor: pointer;
}

ul.pinkdot { 
  list-style-image: url(../img_all/pink-dot.gif);
}

ul.lilacdot { 
  list-style-image: url(../img_all/lilac-dot.gif);
}

ul.purpledot { 
  list-style-image: url(../img_all/purple-dot.gif);
}

STRONG {
	font-weight: bold;
}

h1 {
	font-size: 125%;
  color: #61116b;
	font-weight: bold;
}

h2 {
	font-size: 110%;
  color: #61116b;
	font-weight: bold;
}

.small {
	font-size: 85%;
}

.border {
  border: 1px solid #61116b;   
}