/* A CSS Framework by Mike Stenhouse of Content with Style */

/* clearing */
.stretch, .clear				{clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px;}
.clearfix:after					{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix			{display: inline-block; width: 100%;}
* html .clearfix				{/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */}
/* end clearing */

/* replace */
.replace						{display:block;	background-repeat: no-repeat; background-position: left top; background-color:transparent;}
/* tidy these up */
.replace *						{text-indent: -10000px;	display:block; background-repeat: no-repeat; background-position: left top; background-color:transparent;}
.replace a						{text-indent:0;}
.replace a span					{text-indent:-10000px;}
/* end replace */

/* accessibility */
span.accesskey					{text-decoration:none;}
.accessibility					{position: absolute; top: -999em; left: -999em;}
/* end accessibility */

/* TYPOGRAPHY */
body							{text-align: left; font-family: 'Arial', sans-serif; font-size: 12px; line-height: 1em; color: #000;}
div								{font-size: 1em;}
img								{border: 0;}
address							{line-height: 160%;	margin-bottom: 10px;}
	
/* LINKS */
a								{color: #000;}
a:link							{}
div#footer a					{color:#FFF;}
a:visited						{color: #000; background-color: transparent;}
a:hover							{text-decoration: none;}
/* END LINKS */
	
/* HEADINGS */
h1								{font-size: 2.0em; line-height: 1.5em; margin: 0 0 0.2em 0; padding: 0; color:#ff0030;}
h2								{font-size: 1.1em; line-height: 1.4em; margin: 0 0 0.5em 0;	padding: 0; color: #000;}
h3								{font-size: 1.1em; line-height: 1.3em; margin: 1em 0 0.3em 0; padding:0; color: #000;}
h4								{font-size: 1.2em; line-height: 1.3em; margin: 0 0 0.25em 0; padding: 0; color: black;}
h5								{font-size: 1.0em; line-height: 1.3em; margin: 0 0 0.25em 0; padding: 0; color: #ff0030;}
h6								{font-size: 1em; line-height: 1.3em; margin: 0 0 0.25em 0; padding: 0; color: black;}
/* END HEADINGS */

/* TEXT */
p								{font-size: 1em; margin: 0 0 1.5em 0; padding: 0; line-height:1.6em; font-family: 'Arial', sans-serif; color: #4D4D4F;}
p.MsoNormal						{font-family: 'Arial', sans-serif;}
blockquote						{border-left:10px solid #ddd; margin-left:10px;}
pre								{font-family: monospace; font-size: 1.0em;}
strong, b						{font-weight: bold;}
em, i							{font-style:italic;}
code							{font-family: "Courier New", Courier, monospace; font-size: 1em; white-space: pre;}
/* END TEXT */
	
/* LISTS */
ul								{line-height:1.4em; margin: 0 0 1.5em 0; padding: 0;}
ul li							{margin: 0 0 0.25em 30px; padding: 0;}
ol								{font-size: 1.0em; line-height: 1.4em; margin: 0 0 1.5em 0; padding: 0;}
ol li							{font-size: 1.0em; margin: 0 0 0.25em 30px;	padding: 0;}
dl								{margin: 0 0 1.5em 0; padding: 0; line-height: 1.4em;}
dl dt							{font-weight: bold;	margin: 0.25em 0 0.25em 0; padding: 0;}
dl dd							{margin: 0 0 0 30px; padding: 0;}
/* END LISTS */
	
	
/* TABLE */
table							{font-size: 1em; margin: 0 0 1.5em 0; padding: 0;}
table caption					{font-weight: bold; margin: 0 0 0 0; padding: 0 0 1.5em 0;}
th								{font-weight: bold; text-align: left;}
td								{font-size: 1em;}
/* END TABLE */	
	
hr								{display: none;}
div.hr							{height: 1px; margin: 1.5em 10px; border-bottom: 1px dotted black;}
/* END TYPOGRAPHY */

div#aanbod						{font-size: 9px;}
div#aanbod a					{font-size: 9px;}
div#aanbod p					{margin: 0px;}
div#aanbod p.more				{padding: 5px;}
div#aanbod span.prijstekst		{font-size: 9px; color: #999; line-height: 0.8em;}
div#aanbod .text p				{font-weight: bold;}
div#aanbod p.soort				{float: left; color: #FFF; font-weight: bold; padding: 0px 5px; background: #FF0030; margin-right: 5px;}
div#aanbod p.title				{line-height: 13px; padding-top: 1px;}
div#aanbod p.title a			{font-weight: bold; color: #FFF; text-decoration: none;}
div#aanbod p.title a:hover		{}
div#aanbod p.text				{height: 63px; padding: 5px;}
div#aanbod div.text				{background: #ECECED;}
div#aanbod						{}
div#aanbod .object				{border: 1px solid #FF0030; width: 250px; margin: 1px; margin-bottom: 10px;}
div#aanbod .object:hover div.text {background: #DBDBDC;}
div#aanbod .text				{height: 98px;}
div#aanbod img.objectfoto		{float: right;}
div#aanbod .header				{background: #F15963; height: 30px;}
div#aanbod .footer				{background: #FF0030; height: 1px;}

#aanbodstatisch {display: block; margin-bottom: 20px;}

div#matrix						{float: left; width: 397px; position: relative; padding-left: 0px; height: 138px; margin-bottom: 20px;}
div#matrix a.object				{float: left; height: 46px; z-index: 10;}
div#matrix .banner				{position: absolute; z-index: 11; left: 0px; top: 0px;}

div.tip-wrap					{z-index: 99;}
div.tip							{background: #F15963; height: 20px; line-height: 20px; color: #FFF; font-size: 10px; font-weight: bold;}
div.tip-title					{float: left; height: 20px; background: #FF0030; padding: 0px 5px;}
div.tip-text					{float: left; height: 20px; padding: 0px 5px;}

/* FORM ELEMENTS */
form							{margin:0; padding:0;}
form div, form p				{font-size: 1em; margin: 0 0 1em 0;	padding: 0;}
label							{font-weight: bold;}
fieldset						{border: 1px solid #eee; padding: 5px 10px; margin: 0 0 1.5em 0;}
fieldset legend					{color: #666; font-size: 1.1em; font-weight: bold; margin: 0 0 0 0px; padding: 0; background-color: white;}
* html fieldset legend			{margin: 0 0 10px -10px;}
fieldset ul						{list-style: none; margin: 0 0 1.5em 0;	padding: 0;}
fieldset ul li					{list-style: none; margin: 0 0 0.5em 0; padding: 0;}
input, select, textarea			{font-size:1em; font-family: arial, helvetica, verdana, sans-serif; margin: 0; padding: 2px;}
input, select					{vertical-align:middle;}
textarea						{width: 200px; height: 8em;}
input.check						{border: none; width: auto; height: auto; margin: 0;}
input.radio						{border: none; width: auto; height: auto; margin: 0;}
input.file						{height: auto; width: 250px;}
input.readonly					{background-color: transparent; border: none;}
input.button					{width: 10em; border:1px solid black; background-color: #ddd;}
input.image						{border: none; width: auto; height: auto;}
form div.submit					{margin: 1em 0;}
form div.submit input			{height: 2em; width: 15em;}
/* END FORM ELEMENTS */

/* NAV */
div#nav							{font-size:1em; background:#000;}
* html div#nav					{/* hide ie/mac \*/ height:1%; /* end hide */}
div#nav div.wrapper				{position:absolute; left:243px; top:-52px; height:60px; width:707px; background:transparent;}
div#nav ul						{margin:0; margin-top:34px; padding-left:30px; line-height:1em; list-style:none;}
div#nav li						{float:left; display:inline; height:14px;	border-right:1px #FFFFFF solid; list-style:none; margin-left:15px; margin-top:6px; padding:0; line-height:1em;}
div#nav li.last					{border-right:none;}
div#nav a, div#nav a:link, div#nav a:active, div#nav a:visited {display:inline-block; /* hide from ie/mac \*/ display:block; /* end hide */ font-weight:bold; text-decoration:none; margin:0; padding:0px 15px 7px 0px; color:#FFF; background:transparent;}
div#nav a:hover					{text-decoration:underline;}
div#nav li.current a			{text-decoration:underline;}
div#nav strong					{display:inline-block; /* hide from ie/mac \*/ display:block; /* end hide */ color:white; background:transparent;}
div#nav strong a, div#nav strong a:link, div#nav strong a:active, div#nav strong a:visited, div#nav strong a:hover {color:white; background-color:transparent;}
div#local ul					{list-style-image:url('/_images/ul.gif');}
div#local li:hover				{list-style-image:url('/_images/ul_hover.gif');}
div#local li					{height:24px;}
div#local li.current			{list-style-image:url('/_images/ul_hover.gif');}
div#local a, div#local a:link, div#local a:active, div#local a:visited {display:inline-block; /* hide from ie/mac \*/ display:block; /* end hide */ font-weight:bold; text-decoration:none; margin-top:3px;	padding:0; color:#4D4D4F; background:transparent;}
div#local a:hover				{text-decoration:none; color:#ff0030;}
div#local li.current a			{color:#ff0030;}	
div#local strong				{display:inline-block; /* hide from ie/mac \*/ display:block; /* end hide */ color:#000; background:transparent;}
div#local strong a, div#local strong a:link, div#local strong a:active, div#local strong a:visited, div#local strong a:hover {color:#000; background-color:transparent;}
/* END NAV */
 
/* NAV BAR AT THE TOP, LOCAL NAV ON THE LEFT AND TWO COLUMNS OF CONTENT */
div#background					{width:970px; margin: 0px auto; background: url('/_images/bg.gif') repeat-y;}
div#content						{position: relative; width: 950px; background-image:url('/_images/background.gif'); background-repeat: repeat-y; margin:0; padding: 0; text-align: left;}
div#main						{float: left; width: 660px; display: inline; margin-top:20px;}
div#sub							{float: right; width: 180px; display: inline;}
div#local						{float: left; width: 225px; display: inline; margin-left: 0px; padding:20px 0px 10px 15px; margin-right: 40px;}
div#local ul					{padding-left: 20px;}
div#nav							{position: absolute; top: 120px; left: 100; width: 300px; background:#000; text-align: left; z-index: 999;}
div#nvm							{position: absolute; left: 880px; top: -140px;}
div#arrow						{position: absolute; bottom: -3px; left: 50px;}
div#current						{position: absolute; top: -30px; /*left: 295px;*/}
/* END CONTENT */

/* SITE SPECIFIC LAYOUT */
body							{margin:0; padding:0; background:#474747; text-align:center;}
div#page						{width:950px; margin:0px auto; padding:0; background:#FFF; text-align: center;}
#main img.content				{float:right; margin:10px 10px 20px 35px; padding:5px; border:1px #E7E4ED solid}
#random1						{position:absolute;	top:0px; left:233px; width:239px; height:100px;}
#random2						{position:absolute; top:0px; left:472px; width:239px; height:100px;}
#random3						{position:absolute;	top:0px; left:711px; width:239px; height:100px;}
#extra1							{position:absolute;	top:0px; right:0px; width:207px; height:23px;}
#random4						{position:absolute; top:-30px; right:250px; width:73px; height:73px; border:2px #FFF solid;}
#random5						{position:absolute;	top:-30px; right:138px; width:73px; height:73px; border:2px #FFF solid;}
#random6						{position:absolute; top:-30px; right:25px; width:73px; height:73px; border:2px #FFF solid;}

/* HEADER */
div#header						{position:relative; height:152px; background-image:url('/_images/headers/header.jpg'); text-align:left;}
#header div.menu				{position: absolute; left: 0px; top: 0px; z-index: 50;}
#header div.slide				{position: absolute; right: 120px; top: 20px; z-index: 49;}
div#branding					{position:absolute; left:22px; top: 17px; z-index: 60;}
div#search						{float: right; width: 49%; margin: 0; padding: 16px 20px 0 0; text-align: right;}
/* END HEADER */
    
    
/* CONTENT */
div#right						{float: right; width: 250px;}
div#content						{}
div#main						{padding-bottom: 30px;}
#logos							{position: absolute; bottom: 5px; right: 5px;}
#map							{height: 400px; width: 631px; border: 1px solid #999; padding: 2px;}
th								{padding-bottom: 5px; border-bottom: 1px solid #ff0030;}
td								{height: 25px; line-height: 100%; border-bottom: 1px solid #d3d3d3;}
td.image						{width: 150px; background: #FFF url('/_images/object_tekoop.gif') right top no-repeat; padding-top: 0px;}
td.image img					{width: 135px; height: 100px;}

div.tab							{background: #E9E9EA; padding: 5px 0px 5px 10px; margin-bottom: 10px;}
#object h1						{font-size: 1.2em;}
#object							{position: relative;}
#object .tabs					{position: absolute; height: 30px; top: 0px;}
#object p						{margin: 0px;}
#object p.right					{font-weight: bold; width: 200px; margin-left: 130px;}
#object p.right.long			{width: 510px; font-weight: normal;}
#object p.algemeen				{margin-top: 5px; width: 360px; margin-bottom: 10px;}
#object small					{color: #999; font-size: 1em;}
#object .tabs					{position: relative; background: #9E9FA3;}
#object .tabs li				{z-index: 10; height: 30px; list-style-type: none; margin: 0px; float: left;}
#object .tabs ul				{position: relative; z-index: 10; float: left; margin: 0px; padding: 0px; line-height: 100%;}
#object .tabs li.first			{}
#object .tabs li a				{display: block; text-decoration: none; padding: 0px 10px; line-height: 30px; color: #FFF;}
#object .tabs li a:hover		{text-decoration: none; background: #7F7F81;}
#object .tabs li a.selected		{color: #FFF; background: #58585A; text-decoration: none; font-weight: bold;}
#object .tabs a.selected		{background: #FFF;}
#object .tabs .left				{display: block; float: left;}
#object img.photo.small			{}
div.notice						{padding: 20px; text-align: center; font-weight: bold; border: 1px solid #BBB;}
#object div.photolist			{text-align: center;}
#object div.photos				{float: right; position: relative; width: 279px;}
#object img.photo				{border: 1px solid #e7e7e7; padding: 2px;}
#object a:hover img.photo		{border: 1px solid #d3d3d3;}
#object div.nav					{text-align: center; font-size: 0.8em; margin-top: 10px;}
#object div.nav div.next		{float: right; margin-right: 8px; height: 26px;}
#object div.nav div.next a		{float: left; line-height: 26px; text-decoration: none; font-size: 14px; margin-left: 5px;}
#object div.nav div.back		{float: left; height: 26px;}
#object div.nav div.back a		{float: left; line-height: 26px; text-decoration: none; font-size: 14px; margin-right: 5px;}
#object div.nav div.home		{padding-top: 5px; padding-left: 200px;}
#object div.nav div.home a		{float: left; line-height: 26px; text-decoration: none; font-size: 14px; margin-right: 5px;}
#object div.label				{font-weight: bold; font-size: 1em; color: #000; padding-top: 3px;}
#object div.label2				{float: left; position: relative; font-size: 1em; color: #666; padding-top: 5px;}
#object div.tabs li				{float: left;}
#object div.header				{height: 40px; line-height: 20px; background: #F15963; font-size: 16px; line-height: 40px; color: #FFF;}
#object div.header .koopsoort	{text-align: center; height: 40px; float: left; background: #FF0030; width: 100px; font-weight: bold; margin-right: 10px;}
#object div.header .prijs		{text-align: center; height: 40px; float: right; background: #FF0030; width: 100px; font-size: 12px; font-weight: bold;}

#object div.header .tekoophuur	{line-height: 20px; font-size: 12px;}

a.uitgave						{float: right; padding: 5px;}
a.right							{float: right;}
a.left							{float: left;}
a.left img, a.right img			{border: 1px solid #999; margin: 5px;}
h3.margin						{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DDD;}
div.bibr						{float: right; font-size: 0.9em; text-align: center; margin: 10px;}
blockquote						{color: #ff0030; font-weight: bold;}
span							{line-height: 160%;}
#bib							{margin-top: 50px; text-align: center; line-height: 160%; padding: 0px 10px;}
#bib img						{}
div#local ul.listbib li			{font-size: 0.9em; line-height: 100%;}
div#local ul.listbib			{padding-left: 10px;}
label							{float: left; clear: both; width: 130px; padding-top: 8px;}
input,select,textarea			{margin: 5px 0px;}
div.vestiging					{border-top: 2px solid #ff0030; float: left; width: 280px;}
div.vestiging address			{margin-left: 110px;}
div.vestiging img				{float: left; margin: 0px 5px 5px 0px;}
#vestigingen					{float: right;}
#formulier.contact				{float: left;}
div.vestiging address			{font-style: normal;}
div.vestiging h2				{margin-top: 5px;}
fieldset.no						{padding: 0px; border: 0px;}
fieldset.right					{float: right;}
div.messages					{background: #EEE; padding: 5px; border: 1px solid #999; margin: 0px 0px 10px 0px;}
div.messages p					{margin: 0px; font-size: 0.9em; line-height: 200%; font-weight: bold;}
div.medewerkers					{border-top: 3px solid #FF002F; padding-top: 4px;}
span.rood						{color: #FF002F; font-weight: bold;}

/* object - film */
div.filmlist					{}
.objectMovie					{width:100%; text-align:center; margin-top:15px;}
small							{font-size: 0.9em;}
#object img.icon				{margin-bottom: 5px;}
small.required					{color: #F00; font-weight: bold;}
button							{margin-bottom: 10px;}
div.pagenation					{margin: 10px 0px; font-size: 0.9em; text-align: center; border: 1px solid #DDD; padding: 5px; color: #666;}
div.pagenation a.page			{text-decoration: none; color: #666;}
div.pagenation a.page:hover		{text-decoration: underline;}
div.pagenation strong.page		{color: #000;}
div.pagenation p.paginanummers	{margin: 0px; margin-top: 10px;}

#zoeken							{font-size: 0.9em; border: 1px solid #9E9FA3;}
#zoeken input, #zoeken select	{padding: 0px;}
#zoeken span					{font-weight: bold;}
input.small						{width: 50px;}
#zoeken label					{width: 75px;}
#zoeken .header					{height: 31px; background: #ff0030; border-bottom: 1px solid #9E9FA3;}
#zoeken .form					{background: #DDD; padding-top: 5px;}
#zoeken fieldset				{border: none; padding: 0px 10px;; margin: 0px;}
#zoeken .header h2				{color: #FFF; line-height: 31px; margin-left: 10px;}

a.compleet						{float: right; margin-top: 5px; margin-right: 60px;}
div#zoeker div.row				{height: 15px;}
div#zoeker div.cell				{float: left; height: 15px; width: 150px; font-size: 0.8em; line-height: 100%;}
p.margin						{margin-top: 10px;}
div.acegroup					{float: right;}
div#copy						{width: 900px; margin: 0px auto; font-size: 9px; color: #AAA;}
div#copy a						{color: #AAA;}
div.nobg div.tab				{background: none; padding: 0px;}
#object ul.files				{font-weight: bold; width: 300px; list-style-image: url('/_images/lipdf.gif');}
h3.welcome						{margin-bottom: 10px;}
#lijst div.label				{float: left; clear: both; width: 150px; font-weight: bold;}
#lijst div.naam					{background: #F15963; font-weight: bold; height: 35px; line-height: 35px;}
#lijst div.naam a				{color: #FFF;}
#lijst div.image				{float: left; width: 150px; margin-top: 10px; margin-left: 10px; position: relative;}
#lijst div.image img.disabled	{position: absolute; z-index: 100; top: 10px;}
#lijst div.image img.disabled2	{position: absolute; z-index: 100; top: 40px;}
#lijst div.object				{margin-bottom: 10px; border: 1px solid #AAA;}
#lijst div.info					{float: left; margin-top: 10px; line-height: 200%;}
#lijst div.more					{float: right; font-weight: bold; padding: 10px; padding-top: 0px;}
#lijst div.status				{background: #ff002f; float: left; color: #FFF; font-size: 12px; margin-right: 10px; width: 165px; text-align: center;}
#lijst div.statusimage			{float: right; margin-top: 10px; margin-right: 10px;}
#lijst div.special				{background: #fad9e1;}
#lijst div.special div.naam a	{color: #FFF;}
#lijst div.special div.status	{color: #FFF;}
img.kaart						{border: 1px solid #999; padding: 1px;}
#aanbod h1						{color:#4D4D4F; font-weight: normal;}
span.label						{font-weight: bold;}
div.medewerker_vestiging		{border-bottom: 3px solid #ff002f; color: #666; font-size: 14px; text-align: center; padding-bottom: 5px; font-weight: bold; margin-top: 10px;}
div.medewerker					{float: left; width: 310px; height: 130px;}
div.medewerker img				{float: left; margin-right: 5px;}
div.medewerker h2				{font-size: 11px; margin: 0px; margin-top: 3px;}
div.medewerker p				{font-size: 11px;}
#kunst							{text-align: center;}
#kunst .schilderij				{float: left; margin-right: 20px; margin-left: 20px;}
#kunst a						{font-size: 11px; color: #666;}
a.photolist						{float: left; padding: 3px; border: 1px solid #DDD; margin: 3px; margin-right: 8px;}
/* END MAIN */
        
/* SUB */
div#sub							{}      

div#footer						{color:#FFF; background:#ff0030; height:15px;}
div#footer p					{padding-right:10px; font-size: 0.8em; text-align:right;}
div#footer a					{color:#FFF;}

ul.subnav						{margin: 0; padding: 0; font-size: 0.8em; list-style: none;}
ul.subnav li					{margin: 0 0 1em 0; padding: 0; list-style: none;}
ul.subnav li a, ul.subnav li a:link, ul.subnav li a:visited, ul.subnav li a:active {text-decoration: none; font-weight: bold; color: black;}
ul.subnav li a:hover			{text-decoration: underline;}
ul.subnav li strong				{padding: 0 0 0 12px; background: url("../i/subnav-highlight.gif") left top no-repeat transparent;}
ul.subnav li strong a, ul.subnav li strong a:link, ul.subnav li strong a:visited, ul.subnav li strong a:active {color: white; background-color: black;}

div.image                       {width: 300px; margin-bottom: 10px; text-align: center; font-style: italic; color: #555;}
div.image img                   {border: 1px solid #DDD; padding: 4px; margin-bottom: 5px;}
div.image.left                  {float: left;}
div.image.right                 {float: right; margin-right: 25px;}

#lijsten div.lijst				{width: 200px; float: left; margin-right: 15px; margin-bottom: 10px; font-size: 11px;}
div.clear						{clear: both;}
span.red						{color: #FF0033;}
div.lijst div.text				{margin-top: 5px;}
div.lijst div.buttons			{text-align: center;}
div.lijst div.buttons img		{border: none;}