@charset "utf-8";

/*** standaard items tbv paginawerking ***/

a:focus, object:focus {
}

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, div {margin:0; padding:0;}
ul,li {list-style-type:none;}
img, table {border:0;}
hr {display:none; clear:both; visibility:hidden; height:0px;}

a, a:visited, a:hover {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#333;
	text-decoration:none;
}

/* fix for bug in FF3.6 displaying unnecessary scrollbar around embeded flash file */
a:focus, object:focus {
	outline: none;
} 

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	overflow:hidden;
	margin: 0; /* het is een goede gewoonte om de instellingen voor margin (marge) en padding (opvulling) van het element body op nul in te stellen en daarmee op de standaardinstellingen van de verschillende browsers */
	padding: 0;
	text-align: justify; /* hiermee centreert u de container (het hoofdobject) in IE 5*-browsers Vervolgens wordt de tekst ingesteld op de standaardinstelling van links uitlijnen in de kiezer #container */
	line-height: normal;
}

html, body {height: 100%; width: 100%; overflow:hidden;}

#background {z-index:-1; position: fixed; top:0; left:0; width:100%; height:100%; overflow:hidden;}

.clear{
	height:1px;
	margin:0px;
	padding:0px;
	clear:both;
}
/*** einde van de standaard items ***/

.twoColElsLt #sidebar1 {
	float: right; /* de achtergrondkleur wordt weergegeven over de lengte van de inhoud in de kolom, maar niet verder */
	padding: 10px; /* binnen dit element div maakt de padding (opvulling) aan de onder- en bovenkant de visuele ruimte */
	position: absolute;
	top: 20px;
	overflow: auto;
	height: 600px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	right: 10px;
	left: 160px;
}
.twoColElsLt #sidebar1 h3, .twoColElsLt #sidebar1 p {

}
#sidebar1 h1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 20px;
	color: #FFF;
	font-weight: normal;
	line-height: 30px;
	text-transform: none;
}
#sidebar1 h2 {
	color: #3965D7;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 17px;
	text-transform: uppercase;
	line-height: 30px;
	height: 30px;
}
#sidebar1 h3 {
	color: #EE9B2B;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
}
#sidebar1 em {
	color: #EE9B2B;
	font-size: 12px;
}
.twoColElsLt #sidebar2 {
	float: right;
	width: 150px; /* binnen dit element div maakt de padding (opvulling) aan de onder- en bovenkant de visuele ruimte */
	position: absolute;
	top: 40px;
	left: 0px;
	text-align: right;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	right: 0px;
}

.twoColElsLt #footer {
	float: left;
	width: 300px; /* binnen dit element div maakt de padding (opvulling) aan de onder- en bovenkant de visuele ruimte */
	position: absolute;
	left: 0px;
	bottom: 0px;
	text-align: center;
	color: #011D4F;
	background-color: #FFF;
	height: 11px;
	line-height: 12px;
	text-transform: uppercase;
	font-size: 10px;
	padding: 2px;
	font-weight: bold;
}

.twoColElsLt #footer a {
	color: #011D4F;
	text-decoration: none;
		font-size: 10px;
}

#scroll {
	padding: 0px;
	height: 500px;
	width: 42%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 

.twoColElsLt #talen {
	float: right;
	width: 180px; /* binnen dit element div maakt de padding (opvulling) aan de onder- en bovenkant de visuele ruimte */
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: right;
	color: #fff;
	height: 20px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 1px;
	background:url('../images/ag-talen.jpg');
	font-size: 12px;
	font-weight: bold;
}

.twoColElsLt #talen a:link, .twoColElsLt #talen a:visited, .twoColElsLt #talen a:active{
	color: #fff;
	text-decoration: none;
}
.twoColElsLt #talen a:hover {
	color: #C4D9FB;
	text-decoration: none;
}
.foto-rechts {
	float: right;
	width: 150px;
	position: static;
	border: 1px solid #BBCFF2;
	text-align: right;
	margin-left: 20px;
}
.foto-links {
	float: left;
	width: 150px;
	position: static;
	top: 1px;
	border: 1px solid #BBCFF2;
	text-align: left;
	margin-right: 20px;
}

.thumb{
	padding:0px;
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	border: 0px solid #39F;
	text-align: center;
	vertical-align: top;
	width: 130px;
	float: left;
}
.thumb a:link, .thumb a:visited, .thumb a:active{
	font-size:10pt;
	text-decoration:none;
	color:#666;
	padding:0px;
	line-height: normal;
}
.thumb a:hover{
	text-decoration:none;
	color:#39F;
	padding:0px;
	border:0px solid #39F;
	line-height: normal;
}
.thumb a img {
	border: 1px solid #39F;
}
<div id="talen">
    <p><?php require_once('../talen.php'); ?> </p>
   end #talen </div>
td {
	vertical-align: top;
}

textarea {
  resize: none;
  
}