/* Algemene opmaak */

html, body	{height: 100%; width: 100%; margin: 0; padding: 0; border: 0; overflow:auto; color:#d8d1cb; background-image: url(http://www.thomassin.be/nossegem/background1.jpg);}

.thetable		{
position: relative;
display: table; 
margin: 0;
padding: 0;
border: 0; 
clear: both;
border-spacing: 0; /* required by Opera 6 */
width:100%;
}

 /* hide this from opera6 */
head:first-child+body div.thetable {height: 100%;}

.tablerow		{display: table-row;}

.tablecell	{
display: table-cell;
border: 0;
padding: 0;
margin: 0; 
padding-bottom: 50px;
vertical-align: top;
min-height: 100%; /* opera6 needs min-height but moz/IE needs height */
}

 /* hide this from opera6 */
head:first-child+body div.tablecell {height: 100%;}
/* added for mozilla which worked for others too, but op6 still needed min-height so hide this rule */

.one				{
width: 180px; 
position: relative;
z-index: 5;
border-left:1px solid #7f295a;
}
.two				{
width: auto; 
position: relative;
}
.three			{
width: 200px; 
position: relative;
border-right:1px solid #7f295a;
}

#header		{
position: relative; 
left: 7%; 
width:86%;
height: 300px; 
color: #fff;
z-index: 10;
border-bottom:#7f295a 2px solid;
background-image: url(http://www.thomassin.be/nossegem/header2.jpg);
}

#footer			{
clear: both; 
position: relative; 
height: 40px; 
background: #38164e; 
color: white; 
margin-top: -40px;
margin-bottom: 40px; /* required for Opera 6 to show background color but others don't like it so hide the value of 0 from it */
z-index: 15;
background-image: url(http://www.thomassin.be/nossegem/footer.jpg);
}

 /* hide this from opera6 */
head:first-child+body div#footer {margin-bottom: 0;}


/* some general formatting styles */
body	{font-size: 75%; font-family: verdana, tahoma, arial, sans-serif;}

p {
padding:0;
margin:5px 2px 0px 0px;
}

input, textarea {
background-color:#504b4c;
border: 1px solid #7f295a;
color:white;
}

/*----------------------------------------*/

img {
border: 0;
float:left;
}

.nieuwscontainer {
padding:5px 1% 1% 1%; 
width:98%; 
}

.kadercontainer {
padding:5px 1% 1% 1%; 
width:95%; 
}

.titel {
font-size:150%; 
font-family:arial; 
font-weight:bold; 
font-variant: small-caps; 
padding:5px 1px 3px 1px; 
text-align:right; 
color:#eaeaea; 
}

.stick {
font-size:20px; 
font-family:arial; 
font-weight:bold; 
font-variant: small-caps; 
padding:5px 1px 3px 1px; 
text-align:right; 
color:#337f29; 
}

.datum {
color:#d8d1cb; 
font-style:oblique; 
font-size:80%;
}

.bericht {
border-bottom:1px solid white; 
padding:5px 0px 3px 0px; 
border-right:1px white solid; 
border-top:1px solid white;
vertical-align:top;
margin-top:0px;
width:100%;
}

.links {
padding:5px 0px 3px 0px; 
border-top:1px solid #7f295a;
vertical-align:top;
margin-top:0px;
width:100%;
background-image: url(http://www.thomassin.be/nossegem/line.jpg);
background-repeat:repeat-x;
}

.berichttekst {
padding-right:5px;
}

/*---------------Hyperlinks-------------*/
a:link, a:visited, a:active {
text-decoration: none;
font-weight: bold;
color: #d8d1cb;
}

a:hover {
font-weight: bold;
color: #9a316d;
text-decoration: none;
}

a.lin:link, a.lin:visited, a.lin:active {
text-decoration: none;
font-weight: bold;
color: #d8d1cb;
}

a.lin:hover {
font-weight: bold;
color: black;
text-decoration: none;
}