/* CSS Document */

body	{font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#303266 ;
		background: #789AC0 /*lucht blauw*/ ;
		margin:	0;
		padding:0;
		}

/* teksten */
p	{font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #303266;
	line-height:1.5em;
	padding: 0px 10px 0px 70px;
	}
	
h1	{font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:normal;
	color: #789AC0/*#FF9D11 /*oranje*/;
	padding: 0 10px 10px 70px;
	}

h2	{font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:normal;
	color: #789AC0;
	padding: 10px 10px 0px 70px;
	}

h3	{font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:normal;
	color: #789AC0/*#FF9D11 /*oranje*/;
	padding: 0 10px 5px 0px;
	}	
	
ul	{font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#303266;
	line-height:1.5em;
	list-style: outside circle url(images/blokjeklein.gif);
	padding: 0 0 0 120px;
	}

ol	{font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1em;
	padding: 0 30px 0 90px;
	}

ol ul	{font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 1em;
		padding: 0 30px;
		list-style: outside lower-alpha none;
		}

.rood	{color:#D95936;}

.tekstklein	{font-size: 10px;
			line-height: 1em;
			padding: 0 30px 0 70px;
			text-decoration:underline;}

a:link	{color: #FF9D11;
		text-decoration: none;
		border-width: 0 0 1px 0;
		border-color: #FF9D11;
		border-style: dashed;
		}

a:visited	{color:#FF9D11;
			text-decoration:none;
			border-width: 0 0 1px 0;
			border-color: #FF9D11;
			border-style: dashed;
			}

a:hover	{color:#D95936;
		border: none;
		text-decoration:underline;
		}

/* verschillende div's */
#main	{width: 770px;
		height: auto;
		margin: 0 auto;
		padding: 0;
		border-width: 1px;
		border-color: #FFFFFF;
		border-style: solid;
		background: #FFFFFF;
		}
		
#inhoudbreed	{width: 750px; 
				height: auto;
				margin: 0 auto;
				padding: 100px 10px 10px 10px;  /*padding boven zodat menu niet over tekst valt */
				background: #FFFFFF url(images/driehoek_zacht_geel.gif) no-repeat center center;
				float: left;
				}
		
#inhoudindex	{width: 578px; 
				height: auto;/*390px; /* hoogte aangepast anders was kolomrechts te groot, randje onder fotoshow */
				margin: 0 auto;
				padding: 100px 10px 10px 10px;  /*padding boven zodat menu niet over tekst valt */
				background: #FFFFFF url(images/driehoek_zacht_geel.gif) no-repeat center center;
				float: left;
				}	
				
#inhoud			{width: 578px; 
				height: auto;
				margin: 0 auto;
				padding: 100px 10px 10px 10px;  /*padding boven zodat menu niet over tekst valt */
				background: #FFFFFF url(images/driehoek_zacht_geel.gif) no-repeat center center;
				float: left;
				}

#kolomrechts	{width: auto;
				height: auto;
				margin: 0;
				padding: 0;
				float: right;
				}
				
#kolomrechts a	{border-width: 0;
				} /*border op 0 gezet, omdat er anders een stippellijn onder de foto's kwam, foto is link nl. */
				
				
#logo	{width: 770px;
		height: 118px;
		margin: 0 auto;
		background: #789AC0 url(images/logotop.jpg);
		padding: 0;
		}
		
#logoindex	{width: 770px;
			height: 118px;
			margin: 0 auto;
			background: #789AC0 url(images/afsluiting.jpg) repeat-y;
			padding: 0;
			}
		
#nav	{width: 770px;
		height: 22px;
		padding: 0;
		margin: 0 /*auto*/;
		background: #303266 url(images/achtergrond.jpg);
		border-top: 1px #FFFFFF solid;
		}
/* voor suckerfish menu: */
#nav ul {
		padding: 0;
		margin: 0;
		list-style: none;
		}
#nav a {
		display: block;
		width: 121px;
		color: #FFFFFF; 
		text-decoration:none; /*anders komt er een streep onder bij mouseover*/
		border-bottom: none;
		padding: 0 0 0 5px;
		}
#nav li {
		float: left;
		width: 126px;
		}	
#nav li a:hover {
		color: #303266; 
		background: #FCBE31 url(images/achtergrondoranje.jpg);
		}
		
/* om uitklapmenu pas on mouseover te tonen: */
#nav li ul {
		position: absolute;
		width: 126px;
		left: -999em;
		background: #303266 url(images/achtergrond.jpg);	
		border: 1px #FFFFFF solid;
		} 

#nav li ul li a {
		width: 121px;
		text-align: left;
		border-bottom: 1px #FFFFFF solid;
		padding: 0 0 0 5px;
		}
		
#nav li:hover ul {
		left: auto;
		margin: 0 0 0 -1px;
		}
		
/* om te zorgen dat sfhover class werkt: */
#nav li:hover ul, #nav li.sfhover ul {
		left: auto;
		} 
/* einde suckerfish menu*/

#afsluiting	{width: 770px; 
			height: 75px;
			clear: both;
			margin: -3px 0 0 0;
			background: #789AC0 url(images/afsluiting.jpg) repeat-y;
			border-width: 1px 0 0 0;
			border-color: #FFFFFF;
			border-style: solid;
			}	
			
#afsluiting2	{width: 770px; 
				height: 75px;
				clear: both;
				margin: 0;
				background: #789AC0 url(images/afsluiting.jpg) repeat-y;
				border-width: 1px 0 0 0;
				border-color: #FFFFFF;
				border-style: solid;
				}	

/* sluitbalk oplossingen */
#afsluiting p {padding: 0 10px 5px 10px;}
#afsluiting2 p {padding: 0 10px 5px 10px;}
#afsluiting a	{color: #303266;
				text-decoration: underline;
				border-width: 0;
				}
#afsluiting2 a	{color: #303266;
				text-decoration: underline;
				border-width: 0;
				}

.sluitregel	{font-size: 12px;
			text-align: center;
			padding: 5px 0 0 0;
			}
			
.datum	{font-size: 10px;
		text-align:right;
		float: right;
		}		

.valid	{font-size: 10px;
		text-align: left;
		float: left;
		}		
/* diversen */

img.einde	{float: right;
			}

img.links	{float: left;
			margin: 5px 10px 5px 0;
			}

img.pasfoto	{float: right;
			margin: 0 5px 10px 5px;
			}


img.rechts	{float: right;
			margin: 5px 0 5px 10px;
			}

.tekstrechts	{margin: 20px 20px 150px 0;
				}