@import url("aveqcms.css");
@import url("menu.css");
@import url("form.css");

/*
	Biennale blauw: 424d68
	Biennale goud: b39a68
	Lichtblauw: e5e7e9
*/

#sponsors span.groot b,
#sponsors span.groot {
	width: 527px;
}



#sponsors span {
	width: 123px;
	height: 150px;
	float: left;
	margin: 5px;
	border: 1px solid #424d68;
	position: relative;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 50%; 50%;
}

.fotoGalerij span b,
#sponsors span  b {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: #424d68;
	color: #fff;
	width: 123px;
	text-align: center;
}

.fotoGalerij span b {
	width: 124px;
}

.fotoGalerij span a {
	width: 124px;
	height: 150px;
	display: block;
	outline: 1px solid yellow;
}

.fotoGalerij span {
	overflow: hidden;
	padding: 0px;
	background-position: 50% 0px;
	background-repeat: no-repeat;
}

.fotoGalerij span,
#kunstenaars div {
	width: 150px;
	height: 150px;
	float: left;
	margin: 5px;
	border: 1px solid #424d68;
	position: relative;
	cursor: pointer;
}

.fotoGalerij span {
	width: 124px;
	height: 124px;
}

#kunstenaars div span {
	width: 150px;
	height: 150px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: block;
}

#kunstenaars div a {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: #424d68;
	color: #fff;
	width: 150px;
	text-align: center;
}

.kruimelpad {
	font-size: 1em;
	margin-bottom: 20px;
	font-weight: bold;
}

#aveq {
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 0.9em;
	margin-top: 20px;
	color: #424d68;
}

#aveq img {
	margin-top: 5px;
}

#publishedcontent .kruimelpad a {
	font-style: normal;
	font-weight: normal
}

.leading {
	margin-bottom: 10px;
	font-weight: bold;
}

.arrangementshow {
	padding: 5px;
	display: none;
	margin-bottom: 40px;
}

.arrangement {
	border: 1px solid #424d68;
	padding: 5px;
	cursor: pointer;
	margin-bottom: 10px;
}

.arrangement h4 {
	float: left;
}

.arrangement .leesmeer {
	float: right;
}

.arrangementshow a.reserveer {
	font-weight: bold;
	font-size: 1.1em;
	float:right;
}

.arrangement:hover {
	border: 1px solid #b39a68;
}

body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	color: #000;
	text-align: center;
	margin: 0px;
	background: #d4dee6 url(body_bg.jpg) repeat-y 50% 0px;
}

input, select, textarea, button	{
	font-family:  Arial, Helvetica, sans-serif;
	background-color: #fff;
	border: 1px solid #424d68;
	color: #000;
	padding: 2px;
	margin: 2px;
	font-size: 0.8em;
}

input.submit {
	font-weight: bold;
	background-color: #0D3160;
	border: none;
	color: #fff;
	border: 1px solid #0D3160;
	font-size: 11px;
	padding: 3px 5px 3px 5px;
}

input.submit:hover {
	color: #0D3160;
	background: #fff;
	cursor:pointer
}

textarea {
	width: 95%
}

form 		{ display: inline; }

a 		{ text-decoration: underline; color: #000 }
a:visited 	{ text-decoration: underline; color: #000 }
a:hover 	{ text-decoration: none; color: #ccc }

* img	 	{ border: none; }
.clear 		{ clear: both; font-size: 1px; height: 1px; }

ul {
	margin: 5px 5px 5px 0px;
}

li {
	padding: 0 0 0 25px;
	line-height: 1.5em;
}

hr {
	border: none;
	border-bottom: 1px solid #808080
}

p {
	margin: 0;
	padding: 0 0 10px 0;
}

b, strong, .strong {
	font-weight: bold;
}

blockquote {
	width: 90%;
	margin: 10px;
}

blockquote p {
	padding: 7px 7px 1px 7px;
	background: transparent;
	color: #c3b89e;
}

blockquote ul {
	padding: 20px 0 75px 20px;
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
}

blockquote li {
	text-align: left;
	line-height: 15px;
}

acronym, abbr {
	border-bottom: 1px dotted #b1822c;
	cursor: help;
	letter-spacing: 1px;
	color: #7b7b4f;
}


/* Classes */
#aveqcms {
	width: 800px;
	margin: 0px auto 0px auto;
	text-align: left;
	position: relative;
	font-size: 1.2em;
}

#header {
	width: 800px;
	height: 202px;
	background: url(header.jpg) no-repeat;
	text-align: right;
}

#menu {
	background-color: #fff;	
	width: 800px;
	padding: 4px 0px 4px 0px;
	float: left;
}

#content {
	margin-top: 28px;
	padding: 15px;	
	float: left;
	width: 100%;
}

#agenda {
	background: url(wit70.png);
	position: relative;
	padding: 15px 8px 15px 8px;
	width: 754px;
}

.agendapunt .datum {
	width: 132px;
	display: block;
	float: left;
	text-align: right;
	font-weight: bold;
	padding-right: 5px;
}

.agendapunt .titel {
	font-weight: bold;
	width: 539px;
	float: left;
}

.agendapunt .reserveer {
	width: 75px;
	float: right;
}

.agendapunt .reserveer a {
	color: #424d68;
	font-style: italic;
	text-decoration: none;
}

.agendapunt .reserveer a:hover {
	color: #b39a68
}

.agendapunt:hover {
	background-color: #e5e7e9;	
}

#agenda h1 {
	font-weight: bold;
	color: #424d68;
	font-size: 1.2em;
	position: absolute;
	top: -13px;
	left: 8px;
	margin: 0px;
}

#linkerkant  {
	float: left;
	width: 563px;
	margin-right: 39px;
	margin-top: 30px;
}

#highlight {
	background: url(wit70.png);	
	padding: 8px;
	line-height: 1.5em;
	position: relative;
	float: left;
	width: 547px;
	font-weight: bold;
}

#highlight img {
	float: left;
	margin-right: 8px;
}

#publishedcontent a,
#highlight a {
	color: #424d68;
	font-style: italic;
	text-decoration: none;
}

#publishedcontent a:hover,
#highlight a:hover {
	color: #b39a68;	
}

#rechterkant {
	float: left;
	width: 168px;
}

#english {
	padding: 13px 0px 5px 0px;
	text-align: right;
}

#submenu {
	border-top: 5px solid #000;	
	margin-bottom: 9px;
}

#submenu a {
	padding: 3px 2px 3px 22px;	
	display: block;
	text-decoration: none;
	background: url(wit70.png);	
	margin-bottom: 5px;
	position: relative;
	color: #424d68;
	font-weight: bold;
}

#submenu a span {
	display: none;
}

#submenu a span {
	background: url(menu_active.gif);
	width: 8px;
	height: 8px;
	position: absolute;
	left: 8px;
	top: 6px;
}

#submenu a.active span,
#submenu a:hover span {
	display: inline;	
}

#kunstwerken {
	border-top: 5px solid #424d68;
	margin-top: 30px;
	float: left;
	width: 563px;
	margin-bottom: 20px;
}

#show1,
#show2,
.kunstwerk2,
.kunstwerk1 {
	width: 275px;
	height: 205px;
	float: left;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: relative;
	margin: 0px;
	background-color: #fff;
	overflow: hidden;
	cursor: pointer;
}

#show1 {
	margin-right: 13px;	
}

.kunstwerk1 a, .kunstwerk2 a {
	display: block;
	text-align: center;
	background: #424d68;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	bottom: -20px;
	position: absolute;
	width: 275px;
	padding: 5px 0px 5px 0px;
	text-decoration: none;
}
.kunstwerk1 a:hover, .kunstwerk2 a:hover {
	color: #b39a68;
}

/* Published content */

#publishedcontent {
	background: url(wit70.png);	
	padding: 8px;
	line-height: 1.5em;
	position: relative;
	float: left;
	width: 547px;
	margin-bottom: 50px;
	float: left;
	width: 547px;
}

#publishedcontent ul {
	margin-left: 20px;
}

#publishedcontent p {
	font-size: 1.1em;
}

#publishedcontent img{
	margin: 5px;
}

#publishedcontent h1 {
	font-weight: bold;
	color: #424d68;
	font-size: 1.2em;
	position: absolute;
	top: -15px;
	left: 8px;
	margin: 0px;
}

#publishedcontent h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	margin: 0px 0px 0px 0px;
}

#publishedcontent h3 {
	font-size: 1.0em;
	font-weight: bold;
	color: #424d68;
	margin: 0px 0px 2px 0px
}

#publishedcontent h4 {
	font-size: 1em;
	font-weight: normal;
	color: #424d68;
	margin: 0px 0px 2px 0px
}

#publishedcontent h5 {
	font-size: 1.1em;
	font-weight: normal;
	font-style: italic;
	margin: 20px 0px 2px 0px
}

#publishedcontent h6 {
	font-size: 1em;
	font-weight: normal;
	margin: 20px 0px 2px 0px
}

#publishedcontent table {
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0px 10px 0px;
}

#publishedcontent table th {
	background-color: #c0c0c0;
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding: 7px;
	border: 1px dotted #fff;
	width: 20%
}

#publishedcontent table.nostyle td,
#publishedcontent table.nostyle th {
	background-color: transparant;
	border: none;
}

#publishedcontent table tr td {
	padding: 7px;
	background-color: #f0f0f0;
	border: 1px dotted #fff;
	color: #000;
}