/* CSS Document */

* {
  margin:0;
	padding:0;
}

html {
  overflow-y:scroll;
  overflow-x:auto;
}

html,body {
	background:url(floor.jpg) #f4ebdf top center;
	color:#000;
	font:13px/22px "georgia";
	height:100%;
}

div#container {
	position:relative;
	background:url(floor2.gif) #f4ebdf repeat-y top center;
	width:1000px;
	margin:0 auto;
	min-height:100%;
}

div#menu { 
	float:left;
	width:160px;
	padding:22px 0 22px 22px;
}

  #rose {
    position:relative;
    top:40px;
    left:44px;
  }
  
 	#nav {
 	  margin-top:22px;
		width:160px;
		height:208px;
		list-style:none;
		overflow:hidden;
		background:url(menu.gif) no-repeat; 
	} 
	
 	#nav a, li {
    display:block;
    width:160px;
    height:26px;
  }
	
	#nav a {
		background:url(menu.gif) no-repeat;    
  }
  
  
  #nav #a{background-position:0 0;} 
  #nav #b{background-position:0 -26px;}
  #nav #c{background-position:0 -52px;}
  #nav #d{background-position:0 -78px;}
  #nav #e{background-position:0 -104px;}
  #nav #f{background-position:0 -130px;}
  #nav #g{background-position:0 -156px;}   
  #nav #h{background-position:0 -182px;}
  
  /* Actueel */   
  /* #nav #b{background-position:-160px -26px;} */     
  #nav #f{background-position:-160px -130px;} 
  
  #nav #a:hover{background-position:-320px 0;} 
  #nav #b:hover{background-position:-320px -26px;}
  #nav #c:hover{background-position:-320px -52px;}
  #nav #d:hover{background-position:-320px -78px;}
  #nav #e:hover{background-position:-320px -104px;}
  #nav #f:hover{background-position:-320px -130px;}
  #nav #g:hover{background-position:-320px -156px;}   
  #nav #h:hover{background-position:-320px -182px;}
  
  #home #nav #a     {background-position:-320px 0;} 
  #nieuws #nav #b   {background-position:-320px -26px;}
  #eltamango #nav #c{background-position:-320px -52px;}
  #salon #nav #d    {background-position:-320px -78px;}
  #tangocafe #nav #e{background-position:-320px -104px;}
  #lessen #nav #f   {background-position:-320px -130px;}
  #docenten #nav #g {background-position:-320px -156px;}   
  #contact #nav #h  {background-position:-320px -182px;}
      

div#inhoud {
	float:left;
	background:#fff url(firulete_gw.gif) no-repeat top right;
	width:486px;   
	padding:0 34px 0 15px;
}
	div#inhoud h1 {
		margin:85px 0 0;
		font:normal 22px/22px "georgia";
		letter-spacing:2px;
		color:#c00;
	}
	
	div#inhoud h2 {
		margin:2px 0 50px;
		font:normal 12px/22px "arial";
		letter-spacing:1px;
		color:#626476;
	}
	
	div#inhoud h3 {
		font:normal 12px/22px "arial",sans-serif;
		letter-spacing:1px;
		color:#c00;
	}
	
	div#inhoud p {
		margin-bottom:22px;
	}
	
	div#inhoud th, .links {
		font:italic normal 13px/22px "georgia";
		color:#626476;
    text-align:left;
    vertical-align:top;
		padding-right:6px;   
	} 
	
	div#inhoud .links {
		font:italic normal 13px/22px "georgia";
		color:#626476;
    float:left;
    vertical-align:top;
		padding-right:6px;   
	}
	
	div#inhoud td {
		padding-right:6px;   
	}
	
 	div#inhoud a {
		color:#c00;
		text-decoration:none;
	} 
	
 	div#inhoud a:hover {
		color:#c00;   
		text-decoration:underline;
	} 
  
  div#inhoud .rand {
    position:relative;
    top:-22px;
    left:-3px;
    z-index:1;
    border:3px solid #999aa7;
  }  
	
	div#inhoud .cursief {   
    position:relative;
    z-index:2;
		font:italic bold 11px/22px "georgia";
		color:#999aa7;   
	}
	
	div#inhoud .leaf {
    position:relative;
    bottom:10px;
    left:220px;
    border:0;
  }  
	
	div#inhoud .right {
	  position:relative;
	  right:3px;
    float:right;
    border:solid 3px #999aa7;
    margin:3px 0 0 10px;
  } 
	
	div#inhoud .left {  
	  position:relative;
	  left:-3px;
    float:left;
    border:solid 3px #999aa7;
    margin:3px 10px 0 0;
  }
  
  div#inhoud .page_end {
    position:relative;
    top:2px;
    left:2px;
    border:0;
  }
  
  div#inhoud .taal {
    position:absolute;
    top:22px;
    left:0;
    font:10px arial;
  }
  
  div#inhoud b {
    color:#600;
  }
  
  div#inhoud .purple {
    color:#808;
  } 
  
  div#inhoud .orange {
    color:#ec7703;
  }
  
  div#inhoud .red {
    color:#c00;
  }
  
  div#inhoud .green {
    color:#026c6f;
  }

div#agenda {
	float:left;
	background:url(firulete_wg.gif) #cfcfd7 no-repeat top left;
	width:268px;
}

div#clear {
  clear:both;
  height:250px;
}

div#footer {
  position:absolute;
  right:50px;
  bottom:12px;;
  height:122px;
  width:205px;
  padding:8px;
  font:bold 11px/14px "arial";
  color:#000;
  background:url(logobg.gif) no-repeat top right;
}
  div#footer h4 {
    font:bold 11px/14px "arial";
    color: #808;   
		letter-spacing:1px;
		margin-bottom:19px;
  }  
  
  div#footer a {
    color: #000;
    text-decoration:none;
  }  
  
  div#footer a:hover {
    color: #000;
    text-decoration:underline;
  }