/*
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; background-color:#474747;}
	
	.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; background-color:#474747; z-index:100;}
			
.contentbox				{ display: block; z-index:100; margin-top:4px;}

/* TEKST STIJL */

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

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

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



/* LINKS */

a				{ text-decoration:none; color: #c6c6c6; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing:1px; }
a.active		{ text-decoration:none; color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-right:13px;}
a:hover 		{ color: #fff; }

a.menu				{ text-decoration:none; color: #c6c6c6; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing:1px; margin-right:13px;}
a.menu:active		{ text-decoration:none; color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
a:menu:hover 		{ color: #fff; }



a img 			{ border: none; }

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

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

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


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;
}