/*
My hovercraft is full of eels...
*/

	html	{ height: 100%; padding: 0px; margin: 0px; border:0; }
	body 	{ height: 100%; padding: 0px; margin: 0px; border:0; text-align:center; overflow:auto;}
	
	.mrts {display: inline; float: left; background-image: url(x.gif);}
	.mrtb {display: block;}
	.mrtc {width: 100%; border: 0;}
	.mrtc td {padding: 0;}		
	
	
.container 				{ display: inline; float:left;}
.containertop			{ display: inline; float:left; width: 990px; height: 20px; padding-top:4px; margin-bottom:10px; text-align: center; z-index:3;}
.containerbottom 		{ display: inline; float:left; position:absolute; width: 100%; height:30px; bottom: 0; border: 0; left: 0; text-align: center;  word-spacing:15px; background-color:#3f3942; z-index:100;}
			
.contentbox				{ display: block; z-index:100; margin-top:4px;}

/* TEKST STIJL */

.subhead		{ color: #c4c4c4; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.1em; margin-top:8px; }

.kop			{ color: #c4c4c4; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.1em;}
.subkop			{ color: #c4c4c4; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }

.tekst			{ color: #c4c4c4; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.onderschrift	{ color: #c4c4c4; font-size: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.1em;}



/* LINKS */

a				{ text-decoration:none; color: #c4c4c4; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;}
a.active		{ text-decoration:none; color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;}
a:hover 		{ color: #ffffff; }

a img 			{ border: none; }

a.one		 	{ display:block; height:150px; text-decoration:none; color: #c4c4c4; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #eee; border-color: transparent; line-height:3em; margin-bottom:30px;}
a.one:hover 	{ color: #ffffff; border: 1px solid #fff;}

a.two		 	{ text-decoration: none; color: #c4c4c4; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif;}
a.two:hover 	{ color: #c62a2a; }

a.three		 	{ text-decoration: none; color: #c4c4c4; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif;}
a.three:hover 	{ color: #c62a2a; }


a.logo {text-decoration: none;}

#logo_knop
{
  display: block;
  width: 90px;
  height: 90px;
  background: url("/sjoerd_fotografie/images/logo2.png") no-repeat 0 0;

}

#logo_knop:hover
{ 
  background-position: 0 -90px;
}

#logo_knop span
{
  display: none;
}