html, body {
	height				:	100%;
	width				:	100%;
    background-color    :   #efedee;
    background-image    :   url("/images/bg_white.png");
    background-repeat   :   repeat-y;
    background-position :   center;
    margin              :   0;
    padding             :   0;
}

html {
    overflow-y          :   scroll;
}

* {
    font-family         :   arial, helvetica, sans-serif;
}

img {
	border				:	none;
}

form {
	display				:	inline;
}

/*************/
/* CONTAINER */
/*************/

div#container {
    width               :   935px;
    position            :   relative;
    left                :   50%;
    top                 :   0;
    margin-left         :   -467px;
}

/**********/
/* HEADER */
/**********/

div#collectionToggle {
    background-color    :   #000000;
    text-align          :   right;
    padding-right       :   36px;
    height              :   27px;
}

a#collectionopenlink2 {
    display             :   none;
}

div#collection {
    /* see collection.css */
}

div#navigation {
    background-color    :   #f31584;
    height              :   155px;
}

div#logo {
    float               :   left;
    padding-left        :   34px;
    margin-right        :   70px;
    padding-top         :   7px;
}

div#navigationOverlay img {
    behavior            :   url("/style/png.htc");
}

div#logo img {
    behavior            :   url("/style/png.htc");
}

div#nav {
    float               :   left;
    margin-top          :   -7px;
}

div#nav ul#navul {
    margin              :   0;
    padding             :   0;
    list-style-type     :   none;
} 

div#nav ul#navul li {
    margin              :   0;
    padding             :   0;
    color               :   #ffffff;
    float               :   left;
    font-size           :   11px;
    list-style-type     :   none;
}

div#nav ul#navul img {
    margin-bottom       :   5px;
    behavior            :   url("/style/png.htc");
}

div#nav ul#navul li ul {
    margin              :   0;
    padding             :   0;
}

div#nav ul#navul li ul li {
    float               :   none;
}

div#nav a {
    font-family         :   verdana, arial, helvetica, sans-serif;
    color               :   #ffffff;
    text-decoration     :   none;
}

div#nav a.active {
    color               :   #000000;
}

div#nav a:hover {
    text-decoration     :   underline;
}

li#museumbezoek {
    width               :   121px;
}

li#museumbezoek img {
    width               :   108px;
    height              :   14px;
}

li#actueel {
    width               :   107px;
}

li#actueel img {
    width               :   58px;
    height              :   15px;
}

li#onderwijs {
    width               :   132px;
}

li#onderwijs img {
    width               :   78px;
    height              :   17px;
}

li#pers {
    width               :   83px;
}

li#pers img {
    width               :   43px;
    height              :   18px;
}

li#organisatie {
    width               :   86px;
}

li#organisatie img {
    width               :   98px;
    height              :   21px;
}

div#nav ul#navul li#organisatie img {
    margin-bottom       :   3px;
}
/***********/
/* CONTENT */
/***********/

div#content {
    position            :   relative;
    margin-top          :   15px;
}

/***************/
/* LEFT COLUMN */
/***************/

div#columnleft {
    width               :   184px;
    float               :   left;
    padding-top         :   28px;
}

div#columnleft ul {
    margin-top          :   0;
	list-style-image	:	url("/images/list_item_pink.gif");
}

div#columnleft ul li {
    font-size           :   11px;
    margin-left         :   -6px;
    padding-bottom      :   5px;
    padding-right       :   5px;
}

div#columnleft a {
    font-family         :   verdana, arial, helvetica, sans-serif;
    text-decoration     :   none;
    color               :   #f31584;
}

div#columnleft li.active {
	list-style-image	:	url("/images/list_item_black.gif");
}

div#columnleft li.active a {
    font-weight         :   bold;
    color               :   #000000;
}

div#columnleft a:hover {
    text-decoration     :   underline;
}

/****************/
/* RIGHT COLUMN */
/****************/

div#columnright {
    width               :   751px;
    float               :   left;
    background-color    :   #f8daea;
    font-size           :   12px;
    line-height         :   18px;
	
}

div#contentOverlay img {
    behavior            :   url("/style/png.htc");
}


div#columnright h1 {
    margin              :   0;
    padding-left        :   20px;
    padding-top         :   20px;
    padding-right       :   65px;
    font-size           :   22px;
    line-height         :   25px;
    color               :   #f31584;
}

div#columnright h1 a {
    text-decoration     :   none;
    color               :   #f31584;
}

div#columnright h1 a:hover {
    text-decoration     :   underline;
}

div#columnright h1 span {
    font-weight         :   normal;
    color               :   #000000;
}

div#columntext {
    margin-top          :   20px;
    width               :   375px; /* 395 - 20 */
    padding-left        :   20px;
    float               :   left;
    color               :   #444444;
}

div#columntext p {
    margin-top          :   0;
    color               :   #444444;
}

div#columnside {
    margin-top          :   20px;
    float               :   left;
    width               :   330px;
}

div#columnside img.visual {
    margin-left         :   17px;
    border              :   2px solid #ffffff;
}

div#columnside div.sub {
    margin-top          :   3px;
    margin-left         :   19px;
    width               :   272px;
    color               :   #444444;
    font-size           :   10px;
}

div#printico {
	float				:	right;
	display				:	inline;
	margin-top			:	25px;
	padding-right		:	29px;
}

div#printico img {
    border              :   0;
}

div.topAnchor {
    clear               :   both;
    text-align          :   right;
    padding-right       :   65px;
    padding-bottom      :   10px;
}

div.topAnchor a {
	font-size			:	11px;
	padding-left		:	9px;
	background-image    :   url("/images/list_item_pink.gif");
    background-repeat   :   no-repeat;
    background-position :   0 3px;
    color               :   #f31584;
    font-weight         :   bold;
    text-decoration     :   none;
}

div.topAnchor a.up {
	background-image    :   url("/images/list_item_pink_up.gif");
}

div.topAnchor a:hover {
    text-decoration     :   underline;
}

/*********************/
/* BOTTOM NAVIGATION */
/*********************/

div#bottomnav {
    font-size           :   11px;
    padding-bottom      :   10px;
    text-align          :   right;
	padding-right		:	4px;
}

div#bottomnav a {	
    color               :   #777777;
    text-decoration     :   none;
    margin-right        :   15px;
}

div#bottomnav a:hover {
    text-decoration     :   underline;
}

div#bottomnav input.small {
    border              :   1px solid #a9a8a8;
    font-size           :   11px;
    color               :   #a9a8a8;
    width               :   79px;
    padding-left        :   4px;
}

div#bottomnav input#submitsearch {
	margin-bottom		:	-5px;
	border              :   1px solid #a9a8a8;
	border-left-width	:	0;
	cursor				:	default;
}

/***********/
/* TOOLTIP */
/***********/

div#tooltip {
    position            :   absolute;
    width               :   203px; 
    /* height              :   32px;  */
    /* 52 - 10 - 10 */
    z-index             :   99;
    visibility          :   hidden;
    /*
    background-image    :   url("/images/tooltip.gif");
    background-repeat   :   no-repeat;
    overflow            :   hidden;
    padding-top         :   10px;
    padding-left        :   14px;
    padding-bottom      :   10px;
    padding-right       :   14px;
    */
}

div#tooltipheader {
    position            :   relative;
    background-image    :   url("/images/tooltip.gif");
    background-repeat   :   no-repeat;
    background-position :   0 0;
    font-size           :   0;
    line-height         :   0;
    height              :   3px;
}

div#tooltipfooter {
    position            :   relative;
    background-image    :   url("/images/tooltip.gif");
    background-repeat   :   no-repeat;
    background-position :   bottom 0;
    font-size           :   0;
    line-height         :   0;
    height              :   3px;
}

div#tooltipcontent {
    background-color    :   #f31584;
    padding             :   5px 14px;
}

div#tooltip h3 {
    margin              :   0;
    padding             :   0;
    font-size           :   11px;
    color               :   #000000;
    width               :   175px;
}

div#tooltip h4 {
    margin              :   0;
    padding             :   0;
    font-size           :   11px;
    color               :   #ffffff;
    width               :   175px;
}

/***********/
/* GENERAL */
/***********/

div.clear {
    font-size           :   0;
    line-height         :   0;
    clear               :   both;
}