/* CSS Document */

body
{
	margin				: 0px;
	padding				: 0px;
	font-family			: Geneva, Arial, Helvetica, sans-serif;
	font-size			: 12px;
}
#header
{
	height				: 447px;
}

#container
{
	width				: 990px;
	left				: 50%;
	margin-left			: -495px;
	top					: 0px;
	position			: absolute;
	background-repeat	: no-repeat;
}

/* WRAPPER top */
#wrapper
{
	margin-left			: 175px;
}
/* logo */
#wrapper h1#logo
{
	behavior			: url('/museumcoevorden-nl/styles/iepngfix.htc');
	margin				: 0px;
	background			: url('../images/layout/logo.png') no-repeat top left;
	height				: 137px;
	width				: 300px;
	margin-left			: -165px;
}
#wrapper h1#logo span
{
	visibility			: hidden;
	font-size			: 1px;
}
/* formulier */
#wrapper #topform
{
	margin				: 0px;
	padding				: 0px;
	float				: right;
}
#topform ul
{
	list-style-type		: none;
	margin				: 10px 20px 0 0;
	padding				: 0px;
}
#topform ul li
{
	float				: left;
}
input.search
{
	border				: 0px;
	background-color	: #fff;
	margin-top			: 14px;
}
#topform a
{
	behavior			: url('/museumcoevorden-nl/styles/iepngfix.htc');
	display				: block;
	height				: 40px;
	text-decoration		: none;
}
#topform a#contact
{
	background			: url('../images/layout/contact.png') no-repeat;
	width				: 41px
}
#topform a#home
{
	background			: url('../images/layout/home.png') no-repeat;
	width				: 28px
}
#topform a span
{
	visibility			: hidden;
	font-size			: 1px;
}

/* MAIN */
#main
{
	margin-top			: 20px;
}
/* menu */
#menu
{
	list-style-type		: none;
	margin				: 0px;
	margin-top: -8px;
	padding				: 0px;
	float				: left;
	display				: inline-block;
	width				: 146px;
}
#menu li
{
	behavior			: url('/museumcoevorden-nl/styles/iepngfix.htc');
	background-repeat	: no-repeat;
	margin				: 8px 0 0 8px;
}
#menu li#home
{
	background-image	: url('../images/layout/menu/home.png');
}
#menu li#tentoonstellingen
{
	background-image	: url('../images/layout/menu/tentoonstellingen.png');
}
#menu li#nieuws
{
	background-image	: url('../images/layout/menu/nieuws.png');
}
#menu li#museum
{
	background-image	: url('../images/layout/menu/museum.png');
}
#menu li#collectie
{
	background-image	: url('../images/layout/menu/collectie.png');
}
#menu li#bezoekersinformatie
{
	background-image	: url('../images/layout/menu/bezoekersinformatie.png');
}
#menu li#vriendenstichting
{
	background-image	: url('../images/layout/menu/vriendenstichting.png');
}
#menu li#databank
{
	background-image	: url('../images/layout/menu/databank.png');
}
#menu li#links
{
	background-image	: url('../images/layout/menu/links.png');
}
#menu li#educatie
{
	background-image	: url('../images/layout/menu/educatie.png');
}
#menu a.menu_level0
{
	display				: block;
	width				: 138px;
	height				: 15px;
	background			: url('../images/layout/menu/arrow_black.gif') no-repeat right top;
	text-decoration		: none;
}
#menu a.menu_level0:hover, #menu a.menu_level0.selected
{
	background-image	: url('../images/layout/menu/arrow_red.gif');
}
#menu a.menu_level0 span
{
	visibility			: hidden;
	font-size			: 1px;
}
#menu a.menu_level1
{
  display: block;
  width: 135px;
  height: 17px;
  color: #000;
  font-size: 11px;
  font-style: italic;
  text-align: right;
  text-decoration: none;
}
#menu a.menu_level1_on
{
  display: block;
  width: 135px;
  height: 17px;
  color: #da2434;
  font-size: 11px;
  font-style: italic;
  text-align: right;
  text-decoration: none;
}
#menu a.menu_level1:hover
{
  color: #da2434;
}

#menu ul
{
	list-style-type		: none;
	margin				: 0px;
	padding				: 0px;
	display				: none;
	width				: 146px;
	text-align			: right;
}
#menu #open ul
{
	display				: block;
}
#menu ul li
{
	margin				: 0px;
}
#menu ul a
{
	width				: 123px;
	margin				: 0 20px 0 0;
	background-image	: none;
	font-style			: italic;
	font-family			: arial;
	font-size			: 11px;
	color				: #000;
}
#menu ul a:hover, #menu ul a.selected
{
	background-image	: none;
	color				: #da2434;
}


/* content */
#content
{
	margin-left			: 164px;
	padding				: 0 20px 25px 0;
	min-height			: 265px;
}

#content h1
{
	margin				: 0px;
	font-size			: 12px;
}
#content a
{
	color				: #da2434;
	text-decoration		: none;
}
#content a:hover
{
	text-decoration		: underline;
}
#content a:visited
{
	text-decoration		: none;
}

#clear
{
	clear				: both;
}

/* TEMPLATES */
/* Voor index & tentoonstelling*/
#red #header
{
	background-color	: #c72f04;
}
#red #container
{
	background-image	: url('../images/layout/back_02.jpg');
}
#red #wrapper
{
	background-color	: #f0d7c5;
}

/* Voor Openingstijden */
#green #header
{
	background-color	: #509f3c;
}
#green #container
{
	background-image	: url('../images/layout/openingstijden.jpg');
}
#green #wrapper
{
	background-color	: #d2d8b6;
}

/* Voor actueel */
#grey #header
{
	background-color	: #b0ada9;
}
#grey #container
{
	background-image	: url('../images/layout/nieuwsarchief.jpg');
}
#grey #wrapper
{
	background-color	: #c4bfac;
}

/* Voor Geschiedenis */
#purple #header
{
	background-color	: #8b003f;
}
#purple #container
{
	background-image	: url('../images/layout/geschiedenis.jpg');
}
#purple #wrapper
{
	background-color	: #beb6b5;
}

/* Voor collectie */
#navy #header
{
	background-color	: #00506f;
}
#navy #container
{
	background-image	: url('../images/layout/navy.jpg');
}
#navy #wrapper
{
	background-color	: #b2b689;
}

/* Voor vriendenstichting */
#tan #header
{
	background-color	: #00506f;
}
#tan #container
{
	background-image	: url('../images/layout/tan.jpg');
}
#tan #wrapper
{
	background-color	: #e0d0b3;
}

/* Voor databank */
#olive #header
{
	background-color	: #64774d;
}
#olive #container
{
	background-image	: url('../images/layout/olive.jpg');
}
#olive #wrapper
{
	background-color	: #b7bebb;
}

/* Voor links */
#blue #header
{
	background-color	: #30555d;
}
#blue #container
{
	background-image	: url('../images/layout/blue.jpg');
}
#blue #wrapper
{
	background-color	: #b4bfb6;
}

/* Voor links */
#dark #header
{
	background-color	: #504d49;
}
#dark #container
{
	background-image	: url('../images/layout/dark.jpg');
}
#dark #wrapper
{
	background-color	: #c9c3c4;
}
