* 	{
			font-family: verdana,helvetica,arial,sans-serif;
			color: #777;
}

.small {

		font-size: 9px;

}

IMG {
	border: 0px;
}


	.onder .rechts  .article_right h2 {
		background-color: transparent;
		display: block;
		float: right;
		font-size: 12px;
		margin: 15px 0 5px 0;
		width: 355px;
	}

        .onder .rechts  .article_right h3 {
                background-color: transparent;
                display: block;
                float: right;
                font-size: 11px;
                margin: 15px 0 5px 0;
                width: 355px;
        }
	
	.onder .rechts h1 {
	font-size: 14px;
		background-color: transparent;
		display: block;
		float: right;
		width: 535px;
		margin: 30px 0 10px 0;
		color: #f58205;
}

.onder .rechts h2 {
		background-color: transparent;
		display: block;
		float: right;
	font-size: 12px;
	margin: 15px 0 0 0;
	width: 535px;
	color: #333;
}

.onder .links h1 {
		background-color: transparent;
		display: block;
		float: right;
		font-size: 12px;
		margin: 45px 0 0 0;
		width: 180px;
		text-align: left;
}

.onder .links h2 {
		background-color: transparent;
		display: block;
		float: left;
	font-size: 10px;
	margin: 5px 0 0 0;
	width: 180px;
	text-align: left;
}

.onder .rechts .article_left h2 {
		background-color: transparent;
		display: block;
		float: left;
	margin: 5px 0 0 0;
	font-size: 10px;
	width: 180px;
	text-align: left;

}

.onder .rechts .article_left p {
		background-color: transparent;
		display: block;
		float: left;
	margin: 5px 0 0 0;
	width: 180px;
	text-align: left;
	font-size: 10px;

}

.article_left * {
	font-size: 9px;

}
.onder .rechts .article_right p {
	margin: 0 0 10px 0;
}

.onder .rechts .article_right h2 {
		background-color: transparent;
		display: block;
		float: left;
	font-size: 10px;
	margin: 5px 0 15px 0;
	width: 355px;
	text-align: left;

}

h3 {
	font-size: 14px;
	margin: 20px 0 0 0;
}

h4 {
	font-size: 12px;
	margin: 20px 0 0 0;
}

a, .link {
	text-decoration: none;
	color: #420763;
}

a:hover, .link:hover {
	text-decoration: underline;
	color: #f58205;
	cursor: pointer;
}

td, hr {
	font-size: 10px;

	margin-left: 10px;
	margin-right:10px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.onder .rechts li {
	font-size: 12px;
	font-family: verdana, helvetica,arial, sans-serif;
	text-align: justify;
	width: 315px;
	
}

p, td, th {
	font-size: 12px;
	font-family: verdana,helvetica,arial,sans-serif;
	text-align: justify;
	margin: 0px;
}

p.menuLeft,p.norm {
	margin-top: 20px;
	margin-left: 10px;
	margin-right:10px;
}

a.menuLeft {
	color: #632884;
}

a.menuLeftActive,h3.orange, h4.orange {
	color: #f58205;
}

a.topMenu,a.topMenuActive {
	font-size: 11px;
	font-family: verdana,helvetica,arial,sans-serif;
	font-weight: bold;
	text-decoration: none;
}

a.topMenu {
	color: #ffffff;
}

a.topMenuActive {
	color: #f58205;
}

a.topMenu:hover,a.topMenuActive:hover {
	color: #f58205;
}

.topMenu {
	font-size: 11px;
	font-family: verdana,helvetica,arial,sans-serif;
	color: orange;
}

hr.separator {
	color: #632884;
	background-color: #632884;
	height: 1px;
	border: 0;
}

input.norm {
	font-size: 10px;
	font-family: verdana,helvetica,arial,sans-serif;
}






/* pagina */

	body {
	 background-color: #e8e1e8;
	 margin: 0;
	}
	
	#container {
		margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */
		border: 0px solid #000;
		width: 800px;
		height:600px;
		margin-top: 0px;
	}

	.tabs {
		display: block;
		margin: 86px 0px 0px 10px;
		height: 25px;
		width: 800px;
		background-color: transparent;
		line-height: 16px;
		font-family: verdana, arial;
	}
		
	.boven {
		background-image: url("http://www.topos-online.nl/images/design_01.png");
		background-repeat: no-repeat;
		display: block;
		width: 800px;
		height: 110px;
		float: left;
		background-color: transparent;
		margin: 0;
		padding: 0;
	}
	
	.onder {
		background-image: url("http://www.topos-online.nl/images/design_02.png");
		background-repeat: y-repeat;
		display: block;
		width: 800px;
		float: left;
		background-color: transparent;
		padding: 0;
		margin: 0;
	}
	
	.onder .links {
		float: left;
		display: block;
		width: 180px;
		background-color: transparent;
		padding: 0;
		margin: 0 0 0 20px;
		text-align: center;
	}
	
	
	.links p {
		display: block;
		width: 194px;
		margin: 3px;
		padding: 0;
	}

	.links ul, .links li {
		font-size: 12px;
	}

	.onder .rechts {
		display: block;
		float: right;
		width: 535px;
		background-color: transparent;
		color: black;
		margin: 0  ;
	}
	
	.onder .ultrarechts {
		display: block;
		float: right;
		width: 30px;
		height: 350px;
		background-color: transparent;
		color: black;
		margin: 0  ;
	}
	.onder .rechts .intro p {
		background-color: transparent;
		display: block;
		float: right;
		width: 535px;
		margin: 0px 0px 10px 0px;
	}

	.footer  {
		background-image: url("http://www.topos-online.nl/images/design_03.png");
		background-repeat: no-repeat;
		background-color: transparent;
		display: block;
		float: right;
		width: 800px;
		height: 838px;
		margin: 0px 0px 0px 0px;
	}

	.footer p {
		display: block;
		color: white;
		float: right;
		width: 780px;
		margin: 0px 20px 0px 00px;
		line-height: 30px;
		font-size: 9px;
		font-family: verdana, arial;
		text-align:right;
		
	
	}
	
.footer a, .footer a:hover, .footer:visited, .footer a:link {
	text-decoration: none;
	color: white;
}
.footer a:hover {
	text-decoration: underline;
}

.blok {
	display: block;
	float: right;
}

.blok .links {
	border: 1px solid black;
	margin-top: 50px;
}

.blok .rechts {
	margin-right: 30px;
}
.blok .links p {
	font-size: 16px;
}
.article {
		background-color: transparent;
		display: block;
		float: right;
		width: 535px;
		margin: 15px 0px 15px 0px;
	}
	
	.rechts .preview  {
		background-color: transparent;
		display: block;
		float: right;
		width: 565px;
		/*height: 300px;*/
		overflow: auto;
		margin-top: 20px;
	}
	.links .preview  {
		background-color: transparent;
		display: block;
		float: right;
		/*height: 300px;*/
		width: 180px;
		text-align: left;
		overflow: hidden;
		margin-top: 20px;
	}
	
	.article th {
		border-bottom: 1px solid gray;
		padding-top: 30px;
	}
	.article_left {
		display: block;
		float: left;
		width: 180px;
		background-color: transparent;
	}

	.article_left img {
		display: block;
		float: left;
		width: 165px;
		background-color: transparent;
		margin-top: 15px;
	}
	.article_left img.pasfoto {
		display: block;
		float: left;
		margin-right: 5px;
		margin-top: 0px;
		width: 60px;
	}
	
	.article_left img.pasfoto_120 {
		display: block;
		float: left;
		margin-right: 5px;
		margin-top: 0px;
		width: 120px;
	}
	
	
	.article_left table {
		display: block;
		float: left;
		width: 165px;
		background-color: transparent;


	}
	
	.article_right {
		display: block;
		float: right;
		width: 355px;
		text-align:justify;
		background-color: transparent;
	}

	
	.article_right img{
		display: block;
		float: right;
		width: 355px;
		text-align:justify;
		background-color: transparent;
		margin: 5px 0px;
	}

	.article input, .article textarea {
		float: left;
	}
	

	.article .align {
		display: block;
		width: 300px;
		border: 1px solid #eee;
		color: #80D;
		font-size: 11px;
		background-color: white;
		
	}
	
	
	.ingelogdals {
		width: 535px;
		display: block;
		float: right;
		text-align: right;
		margin: 3px 3px 0px 0px;	
		font-size: 9px;
	}