/* CSS Stylesheet Stedelijk Museum Kampen */

span.nev {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	text-transform: none;
	color: #ffffff;
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;

}

body {background-color:black; border:0px; margin:0px; padding:0px;}

body
{
	scrollbar-arrow-color: #243285;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
}

html, body {
	width: 100%;
	height: 100%;
	margin-top: 0px;
	padding-top: 0px;
	top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	left: 0px;
	overflow:visible;
}
#background {width: 100%; height: 100%; display: block; position: absolute; z-index: 1;}


div.pagecontainer { font-family: verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:auto; width:860px; height:85%; z-index:100; position: relative; display:block;}

/* HEADER */
div.Header {border:0px; color:#FFFFFF; height:60px; margin:0px 0px 0px 0px; padding:15px 0px 0px 0px; text-align:center; vertical-align:middle; width:777px;}
div.Header img.showhide {border:0px;height: 4px; width:7px; }
div.Header img.logo {width:450px;}
div.Header span {left:300px; position:absolute; top:65px;}
div.Header a {border:0px; left:136px; position:absolute; top:94px; z-index:1000;}
div.Header a:active,
div.Header a:visited {border:0px;  left:136px; position:absolute; top:94px; z-index:1000;}

/* Tekstgedeelte */
div.Tekst {
	background-color:#FFFFFF;
	border-bottom:5px solid white;
	border-top:5px solid white;
	color:#243285;
	margin-right:10px;
	margin-bottom:10px;
	padding:0px 10px 0px 10px;
	width:320px;
	height:85%;
	float:left;
	overflow:auto;
	visibility:visible;
}
div.Tekst a {color: #243285; text-decoration:underline;}
div.Tekst a:hover {color: #243285; text-decoration:none;}

div.Tekst input.vriendenform {
	background-color:#FFFFFF; color:#243285; font-family: verdana, Arial, Helvetica, sans-serif; font-size:10px; height:14px; width:160px;}
	
/* Images */
div.Images {background-color:#FFFFFF; float:left; border-bottom:5px solid white; border-top:5px solid white; margin:0px; height:85%; width:300px; overflow:auto;}
div.Images img {background-color:#FFFFFF; margin:0px; border:10px solid white; padding:0px; width:263px;}
div.Images div.imgtoelichting {background-color:#FFFFFF; margin-top:-10px; width:263px; padding:0px 10px 0px 10px;}
div.Images div.bottom {border-bottom:10px solid white;}
div.Images div.imgtoelichting span.titel {background-color:#FFFFFF; color:#243285; display:block; font-size:10px; margin:0px; padding:0px;}


/* Navigatie 170px */
/* Navigatie 170px */
div.Navigatie {background-color:#19295E; border-top:5px solid #19295E; border-bottom:5px solid #19295E; height:85%; margin-right:10px; width:175px; float:left; padding:0px 5px 0px 5px; position:relative;}
div.Navigatie > div.Top {color:#F5F5F5; font-size:10px; height:30px;}
div.Navigatie > div.Top a {color:#F5F5F5; padding:3px 0px 3px 0px; text-decoration:none; width:auto;}
div.Navigatie > div.Top a:hover {color:#F5F5F5; padding: 3px 0px 3px 0px; text-decoration:underline; width:auto;}

div.Navigatie ul#navigation {background-color:#19295E; list-style: none; margin:0px 0px 0px 0px; padding:0px; position:relative; text-decoration:none; width:175px;}
div.Navigatie ul#navigation li.level_1 {position:relative; background-color:#19295E;display:block; float:left; font-weight:normal; margin:0px 0px 7px 0px; padding:0px; text-align: left; width:160px;}
div.Navigatie ul#navigation li.level_1 a {color:#F5F5F5; display: block; float:left; font-size:12px; padding:0px; text-decoration:none; cursor:hand;}
div.Navigatie ul#navigation li.level_1 a:hover,
div.Navigatie ul#navigation li.level_1 a:active,
div.Navigatie ul#navigation li.level_1 a.active,
div.Navigatie ul#navigation li.level_1 a:focus {text-decoration:underline;}
div.Navigatie ul#navigation ul.level_2 {position: absolute; float:left; margin:3px 0px 3px 3px; left:-1000em; padding:0px;}
div.Navigatie ul#navigation ul.level_2 li.level_2 {position: relative; background-color:#19295E; display:block; float:left; font-weight:normal; margin:0px 0px 0px 0px; padding:0px; text-align: left; width:160px;}
div.Navigatie ul#navigation ul.level_2 li.level_2 a {color:#F5F5F5; display: block; float:left; font-size:11px; padding:0px; text-decoration:none; cursor:hand;}
div.Navigatie ul#navigation ul.level_2 li.level_2 a:hover,
div.Navigatie ul#navigation ul.level_2 li.level_2 a:active,
div.Navigatie ul#navigation ul.level_2 li.level_2 a.active,
div.Navigatie ul#navigation ul.level_2 li.level_2 a:focus {text-decoration:underline;}
div.Navigatie ul#navigation ul.level_3 {position: absolute; float:left; margin:3px 0px 6px 3px; left:-1000em; padding:0px;}
div.Navigatie ul#navigation ul.level_3 li.level_3 {position: relative; background-color:#19295E; display:block; float:left; font-weight:normal; margin:0px 0px 0px 0px; text-align: left; padding:0px; width:160px;}
div.Navigatie ul#navigation ul.level_3 li.level_3 a {color:#F5F5F5; display: block; float:left; font-size:10px; padding:0px; text-decoration:none; cursor:hand;}
div.Navigatie ul#navigation ul.level_3 li.level_3 a:hover,
div.Navigatie ul#navigation ul.level_3 li.level_3 a:active,
div.Navigatie ul#navigation ul.level_3 li.level_3 a.active,
div.Navigatie ul#navigation ul.level_3 li.level_3 a:focus {text-decoration:underline;}

div.Navigatie form { bottom:5px; position:absolute; }
div.Navigatie input.zoeken {background-color:#FFFFFF; font-size:12px; height:14px; width:90px;}
div.Navigatie input.zoek {background-color:#19295E; border:0px; color:#FFFFFF; font-size:12px; height:18px; padding:0px; margin:0px;}
div.Navigatie input.zoek:hover {text-decoration:underline; cursor:pointer;}

div.Navigatie > ul.Footer {background-color:#243285; bottom:0px; list-style: none; margin:5px 0px 5px 0px; padding:0px; position:absolute; text-decoration: none; width:140px;}
div.Navigatie > ul.Footer > li {color:#FFFFFF; margin:0px; padding:0px;}
div.Navigatie > ul.Footer > li span { float:left; padding:3px 0px 3px 0px;}
div.Navigatie > ul.Footer > li:hover {color:#F5F5F5; margin:0px; padding:0px;}
div.Navigatie > ul.Footer > li > a {color:#F5F5F5; display: block; float:left; padding:3px 3px 3px 3px; text-decoration:none; width:auto;}
div.Navigatie > ul.Footer > li:hover > a {color:#F5F5F5; display: block; float:left; padding: 3px 3px 3px 3px; text-decoration:underline; width:auto;}

/* Exposities */
table.Expositieprogramma {border-bottom:1px solid #9f7d42; font-weight:normal; margin:0px; padding:0px; text-align:left; width:90%;}
.smallcaps {
	font-variant: small-caps;
	text-decoration: blink;
}

table.Expositieprogramma td.Periode_label,
table.Expositieprogramma td.Exposant_label,
table.Expositieprogramma td.Titel_label,
table.Expositieprogramma td.Disciplines_label {color:#5B3D08; font-weight:bold; text-align:right; vertical-align:top; width:80px;}
table.Expositieprogramma td.Periode_tekst,
table.Expositieprogramma td.Exposant_tekst,
table.Expositieprogramma td.Titel_tekst,
table.Expositieprogramma td.Disciplines_tekst {color:#5B3D08; padding:0px 0px 0px 5px; text-align:left; vertical-align:top; width:auto;}


/* MAIN */

h2 {color:#243285; font-family: verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; margin-top:10px; padding:0px; text-align:left;}
h1 {
	color:#243285;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px;
	text-align:left;
}
p {font-size:10px; font-family: verdana, Arial, Helvetica, sans-serif; line-height:17px; margin-top:0px; margin-bottom:15px;}

.fontsize10 {font-size:10px;}
.fontsize12 {font-size:12px;}
.fontsize16 {font-size:16px;}
.fontsize20 {font-size:20px;}
.rood {color:#FF3300;}



/* FOOTER */
div.Footer {border:0px; background-color:#FFFFFF; clear:both; height:60px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center; vertical-align:middle; width:845px;}
div.Footer span { color:#FFFFFF; font-size:28px; font-weight:normal;}




		/* These "decoy" styles

		.sIFR-hasFlash ul, .sIFR-hasFlash ul li#navigation {
			margin: 0;
			padding: 0;
		}

		.sIFR-hasFlash ul li a{
			font: 14px;

		}

		.kop {
			position: absolute;
		}

		ul li#test a {
			display: block;
			text-decoration: none;
			cursor: pointer; 
			color: #FFFFFF;
		}

		#a, #b, #c {
			position: relative;
			display: block;
			width: 150px;
			height: 30px;
			list-style: none;
			float: left;
			margin: 4px 10px 4px 10px;
		}

		.sIFR-flash {
			visibility: visible !important;
			position: absolute;
			top: 0; 
			left: 0; 
			z-index: -2;
		}


		ul#navigation li a.sifr-ghost {
			font-size: 200%;
			display: block;
			position: absolute;
			z-index: 2;
			top: 0;
			left: 0;
			overflow: hidden;
			padding: 0;
			text-decoration:none;
		}

		ul#navigation {
			position: relative;
			float: left;
			width: 100%;
		}

		#expla, #explb, #explc {
			position: relative;
			width: 300px;
			float: left;
		}

		#expla, #explb {border-right: 1px solid #CCC;margin-right: 40px;}

		div h3 {margin: 150px 0 0 20px;}

		h2 {float:left; margin: 50px 0 0 200px; width: 100%;}

		#expla {clear:both;}