@import "starter.css";

BODY
{
	background-color: #FFF;
	margin: 0px; padding: 0px;
	font-size: 68%;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;/*center site for IE*/
}

H1 { font: normal normal 14px/14px Arial, sans-serif; color: #FFF; }
P {  
	font-family: Verdana;
	font-size: 0.9em;
	line-height: 1.4em;
	letter-spacing: 0;
	text-align: left;
	word-spacing: -0.15em;
	text-decoration: none;
	color: #FFF;
	background-color: #000;
}
a  { color: #999; text-decoration: underline; }
a:hover { color: #02AEEF; }

a.blue  { color: #02AEEF; text-decoration: none; }
a.blue:hover { color: #999; }

#wrapper { background-color:#000; }

#page { width:770px; margin: 0 auto; padding-left: 47px; text-align: left; }

#siteToolsContainer {  background-color: #FFF; }
#siteTools {  width:770px; margin: 0 auto; padding-left: 47px; padding-top: 3px; text-align: left; }


/*---------------- #siteBranding ------------------*/

#siteBranding
{
	background: #FFF;
	height: 210px;
	overflow: hidden;
	text-align: center;
	width: 100%;
	padding-top: 15px;
}

/*--------------- #sitePrimaryNav -----------------*/

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 24px;
}

ul#navlist {text-align:left;}

#navcontainer { padding-top:24px; }
#navlist a { 
	font-weight:normal;
	font-size: 0.9em;
	line-height: 1.4em;
	letter-spacing: 0;
	word-spacing: -0.15em;
	text-decoration: none;
	color: #02AEEF;
	}
#navlist li a { color: #02AEEF; }
#navlist li a:hover { color: #999; }
#navlist li a.current { color: #FFF; }


/*----------------- #siteContent algemeen --------------------*/

#siteContent { padding-top:25px; }
.Home #siteContent P { margin: 0px 0px 14px 0px; }
.Info #siteContent P { margin: 0px 0px 14px 0px; background-color: #FFF; color: #000; }

#museumGallery { 
	padding: 0px; margin: 0px;
	background-color: #000;
	clear:both;	
	}
	
#museumGallery IMG { padding: 0px; margin-right: 10px; }

/*----------------- #siteContent containers --------------------*/

#siteContent { clear: left; }

* html .Home #firstContainer 
  {
  width: 22.9%;  
  w\idth: 22.9%; 
  }
.Home #firstContainer { float:left; width: 22%; padding: 0px 7px 24px 0px; }

* html .Home #secondContainer
  {
  width: 22.9%;  
  w\idth: 22.9%; 
  }
.Home #secondContainer { float:left; width: 22%; padding: 0px 7px 24px 7px; }

* html .Home #thirdContainer
  {
  width: 22.9%;  
  w\idth: 22.9%; 
  }
.Home #thirdContainer { float:left; width: 22%; padding: 0px 7px 24px 7px; }

* html .Home #fourthContainer
  {
  width: 23.9%;  
  w\idth: 23.9%; 
  }
.Home #fourthContainer { float:left; width: 23%; padding: 0px 7px 24px 7px; }
	
	
/*----------------- #siteContent Info --------------------*/

.Info #siteIntro {  width: 90%; padding-top:25px; }

.Info #siteIntro #introduction { float:left; padding: 0px 7px 0px 0px; color:#FFF; }
.Info #siteIntro #introduction P { color:#FFF; }

.Info #siteContent { 
	padding: 0px; padding-top: 10px; margin: 0px;
	background-color: #FFF; 
	clear:both;
	}
	
.Info #contentContainer { 
	width:770px; margin: 0 auto; padding-left: 47px; text-align: left;
	}
	
* html .Info #firstContainer 
  {
  width: 22.9%;  
  w\idth: 22.9%; 
  }
.Info #firstContainer { float:left; width: 22%; padding: 0px 7px 24px 0px; }

* html .Info #secondContainer
  {
  width: 69.9%;  
  w\idth: 69.9%; 
  }
.Info #secondContainer { float:left; width: 69%; padding: 0px 7px 24px 7px; }

ul.subnav { padding: 0px 0px 14px 0px; margin:0px; }
.subnav li { list-style: none; margin: 2px 0px; }
.subnav a { padding: 3px; text-decoration: none; color: #000; width: 100%; }
.subnav a:hover { padding: 3px; text-decoration: none; background-color: #000; color: #999;}
.subnav li a.current { color: #FFF; background-color: #000; }


/*----------------- #siteFooter --------------------*/

#siteFooter { 
	padding: 0px; padding-top: 10px; margin: 0px;
	background-color: #FFF; 
	clear:both;
	}
	
#siteSponsor { 
	width:770px; margin: 0 auto; padding-left: 47px; text-align: left;
	}
	


/*----------------- Extra's --------------------*/

hr,
.hidden
{
	display: none;
	/* \*/
	display: block;
	/* */
	position: absolute;
	left: -5000px;
	top: -5000px;
	width: 1px;
	height: 1px;
}