/*--------Vereniging Ehlers-Danlos Patienten----------*/

body, html  {}

body{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 0.80em;
	color: #434343;
	padding: 0; 
	margin: 0 auto;
	background-position: top center;
	}
#canvas	{
	margin: 0 auto;
	background: url('content_shim.png') repeat-y top center;
	}
#header_span{
	margin: 0 auto;
	width: 100%;
	height: 161px;
	background: url('header_shim.png') repeat-x top center;
}
#header{
	margin: 0 auto;
	height: 161px;
	width: 979px;
	padding: 1px; /* ivm borderbug */
	}
#header p{
	float: left;
	margin-top: -13px;	
	}	
#container	{
	width: 979px;
	margin: 0 auto;
	}
#headbanner{
	clear: right;
	float: right;
	height: 85px;
	width: 256px;
	margin-right: 20px;
}
/*---content---*/	
#content{
	width: 640px;
	margin-top: 35px;
	float: left;
	margin-left: 30px;
	}
#tekst{
	line-height: 130%;
	margin-top: 20px;
	}
#tekst img{

	}
#tekst ul{
	list-style-type: disc;
	margin: 0 0 0 10px;
	padding: 0;
	}
#tekst ul li{
	margin-left: 10px;
	}
#tekst a:link {
	color: #02896e;
	text-decoration: underline; 
	}	
#tekst a:hover {
	color: #1575ba;
	}	
#tekst a:visited{
	color: #1575ba;
	}		
#tekst img a{
	border: none;
	}
#homeblok{margin-top: -55px;}	
	
/*---kopjes----*/
@font-face {
  font-family: 'Dax';
  src: url('Dax-Black.eot');
  src: local('Dax-Black'), url('Dax-Black.otf') format('opentype');
		 }
		
h1, h2, h3{
	margin-top: 10px;
	margin-bottom: 10px;
	font-family:  Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #1575ba;
	}	
#content h1{
	font-family: 'Dax', Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	color: #1575ba;
	font-size: 2.3em;
	position: absolute;
	top: 160px;

	}
h2{
	color: #707070;
	font-size: 1.9em;	
	}
h3{
	color: #707070;
	font-size: 1.4em;
}

/*---------------producten module--------------*/
h2.krap{
	font-size: 1.4em;		
}
.blok h2.krap{
	margin-top: 0;
	padding-top: 0;
	font-size: 1.4em;
	}
#prods .item{
	border: 1px solid #8ca1a8;
	margin: 10px;
	}
img.right{
	margin-left: 0;
	margin-bottom: 5px;
	}

img.left{
	margin-right: 0;
		margin-bottom: 5px;
	}
#proddetail table td, #proddetail table th {
	background-color: #cff3ff; color: #333; padding: 5px 10px; border: 0;
	}
#proddetail table{
	background-color: #fff; border: 1px solid #5abede;
	}
	
/*------------------menu--------------*/
#menu{
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	clear: both;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	width: 280px;
	background: url('content_bg_top.jpg') no-repeat top left;	
	}
#menu ul{
	display: block;
	margin-left: 20px;
	padding: 0;
	list-style-type: none;	
	}	
#menu ul li{
	display: block;
	margin-bottom: 5px;
	}
#menu ul li a{
	color: #00a886;
	border: 0;
	font-weight: bold;
	font-size: 120%;
	text-decoration: none;	
	}
#menu ul li a:hover{
	color: #1575ba;
	}	
#menu ul li.current a{
	color: #1575ba;
	}
	
/*----------------submenu------------------------*/
#menu ul li ul{
	text-align: left;
	display: none;
	}
#menu ul li.current ul{
	display: block;
	margin: 5px 0 15px 20px;
	padding: 0;
	}
#menu ul li ul li{
	margin: 0;
	list-style-type: none;
	font-weight: normal;
	}
#menu ul li ul li a{
	font-size: 1em;
	font-weight: normal;
	color: #00a886; 
	}	
#menu ul li.current ul li a:hover{
	color: #1575ba; 
	}
#menu ul li.current ul li a{
	color: #00a886;
	}
#menu ul li.current ul li.current a{
	color: #1575ba;
	}

/*---------------menu top----------------------------------*/

#menutop{
	float: right;
	list-style-type: none;
	margin-right: 10px;
	z-index 1000;
	}
#menutop ul li{
	display: inline;
	margin-right: 10px;
	list-style-type: none;
	}	

#menutop ul li a{
	color: #02896e; 
	font-size: 85%;
	font-variant: small-caps;
	font-weight: normal;
	text-decoration: none;
	}
#menutop ul li a:hover{
	color: #1575ba;
	text-decoration: underline;
	}
 /*----------tabellen-------------*/
 table{
 	border-color: #0094c3;
 	border-style: solid; 
 	border-collapse:collapse;
 }
 th{
 	background-color: #0094c3;
 	color: #fff;
	padding-left: 10px;
 }
 td{
 	padding: 5px;
 }
#tekst table ul{
	list-style-type: disc;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
 }
 #tekst table ul li{
	padding-left: 0;
 }
form table{border: none;
 } 
/*----------------------footer----------------*/
#footer{
	margin: 0 auto;
	clear: both;
	width: 979px;
	height: 54px;
	position: relative;
	top: 54px;
	background: url('footer.png') no-repeat bottom center;
	}	
	
#footer div.eigen{
	float: right;
	color: #023a2f;
	font-size:85%;
	font-weight: normal;
	padding: 10px 40px;
	}
#footer p.eclick{
	font-size:80%;
	float: left;
	padding-left: 30px;
	display: inline;
	}
#footer p.eclick a{
	color: #fff;
	text-decoration: none;
	}
#footer p.eclick a:hover{
	color: #fff;
	text-decoration: underline;
	}