/* 	CSS Document door Edwin de Vries, Addnoise Advertising 
	Standaard stylesheet website met flexibele breedte en balk rechts.
*/

/* Paginaverdeling (2 kolommen - flexibele breedte en een minimale breedte)
------------------------------------------------------------------------------------------ */
body {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	text-align: center;
	background-color: fff;
	margin: 15px;
	padding: 0;
}

td
{ 
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #fff;
	background-color: fff;
	margin: 15px;
	padding: 0;
}

a, a:link, a:active 
{
color: #fff;
text-decoration: underline;
}

a:hover 
{
color: #D40127;
text-decoration: underline;
}

.width {
	width: 95%;
	min-width: 776px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
}
* html .minwidth {
	border-left: 776px solid #fff;
}
* html .content {
	border: 1px solid #5F0023;
	margin-left: -776px;
	position: relative;
}
/*\*/
* html .minwidth, * html .content, * html .content {
	height: 1px;
}
/*/
.width {
	display: inline-block;
}
/**/

.content {
	border: 1px solid #c00;
}

.rule {
	width: 776px;
	background-color: #c00;
	color: #fff;
	margin: 1em auto;
}


/* Tekst klassen
------------------------------------------------------------------------------------------ */

.kop
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 17px;
font-weight: bold;
color: #fff;
padding-bottom: 10px;
}

.intro
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 17px;
font-weight: bold;
color: #fff;
padding-bottom: 8px;
}

.fotoslinks
{
	width: 130px;
	float: left;
	margin: 0px 10px 10px 0;
	padding: 0;
}

.fotoslinks img
{
	margin: 6px 0 0 0;
	border: 0px solid #ffffff;
}

/* Paginaverdeling (2 kolommen - flexibele breedte)
------------------------------------------------------------------------------------------ */

#hoofdtabel
{
width: 95%;
min-width: 500px;
margin: 0 auto;
padding: 0;
background-color: #fff;
border: 1px solid #5F0023;
text-align: left;
}

#boven
{
position: relative;
width: 758px;
height: 125px;
background-color: #fff;
margin: 0;
padding: 0;
}

#midden
{
margin-left: 192px;
min-height: 360px;
background-color: #5F0023;
}

#balklinks
{
float: left;
width: 192px;
height: 360px;
margin: 0;
background-color: yellow;
font-size: 0px;
line-height: 0px;
}

#balkrechts
{
float: right;
width: 192px;
height: 360px;
margin: 0;
background-color: yellow;
font-size: 0px;
line-height: 0px;
}

#onder
{
clear: both;
margin: 0;
padding: 0;
height: 80px;
}

#achtergrond
{
 text-align: left;
}

#menubalk
{
position: absolute; 
top: 90px;
left: 80px;
width: 678px;
height: 35px;
background: url(../images/bgMenu.gif) repeat-x left;
}

.tussenruimte
{
margin: 0;
padding: 0;
height: 20px;
}

.clearer
{
width: 500px;
clear: left;
line-height: 0;
height: 0;
}


/* Positioneren elementen
------------------------------------------------------------------------------------------ */

.bgrand
{
float: left;
width: 465px;
height: 7px;
margin: 0;
padding: 12px 0 0 0;
background: url(../images/bgRand.gif) repeat-x;
font-size: 0px;
line-height: 0px;
}

.inhoud
{
padding: 0px 12px 12px 12px;
}

.logo
{
position: absolute; 
top: 0px;
left: 25px;
}

.titelboven
{
position: absolute; 
top: 0px;
left: 504px;
}

.fotolinks
{
float: left;
margin: 3px 8px 8px 0;
}

.fotorechts
{
float: right;
margin: 3px 0 8px 8px;
}