@CHARSET "ISO-8859-1";

* {
	margin:0;
	padding:0;
}
a img {
	border:none;
}
body{
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
/*
	background-color:#7C0434;
	background-image:url(/static/images/bg.gif);
*/
	background-color:white;
}
a{
	color:#F10005;
}
a:hover{
	color:#FDAD22;
}
h1, h2, h3, h4, h5, h6, p, ul, table{
	margin-bottom:15px;
}
ul {
	list-style-position:inside;
	margin-left:40px;
}
ol {
  list-style-position:outside;
  margin-left:40px;
}
ul ul{
	margin-left:20px;
	margin-bottom:0px;
}
h1{	color:#FDAD22;}
h2{	color:#14BA4A;}
h3{	color:#F10005;}
h4{	color:#8E3A98;}

table{
	border:1px #FFB000 solid;
}
th, td{
	border:1px #FFB000 solid;
	padding:2px 10px;
}
th {
	background-color:#FFB000;
	color:white;
}

div#page{
	width:900px;
	margin:0 auto;
	border-width:0px 0px;
	border-style:solid;
	border-color:#fdb912;
	background-image:url(/static/images/bg-r.png);
	background-repeat:repeat-y;
}
div#header{
	width:900px;
	height:132px;
	background-image:url(/static/images/header.png);
	background-repeat:no-repeat;
}
div#header a {
	position:relative;
	left:385px;
	top:0;
}
div#header a img {
	width:270px;
	height:135px;
}
div#menu{
	background-color:#23B550;
	border-color:#FDB912;
	border-style:solid;
	border-width:2px 1px 2px 0;
	width:900px;
	height:28px;
}
div#content{
	background-image:url(/static/images/bg.jpg);
	background-repeat:no-repeat;
	padding:30px 50px 5px 220px;
	background-position:0px -2px;
}
div#frame{
	background-color:white;
	border:2px solid #fdb912;
	padding:20px;
}
div#frame-cont{
	min-height:500px;
	line-height:1.4em;
}
div#frame-foot{
	clear:both;
	overflow:none;
	height:1px;
}
div#frame-foot img{
	padding:0px 30px;
}
div#footer{
	height:36px;
	background-image:url(/static/images/footer.png);
	background-repeat:no-repeat;
	color:#20409B;
	text-align:center;
	padding-top:60px;
}
div#footer p {
  visibility:hidden;
}
div#footer a{
	color:#20409B;
}

div#menu a{
	color:white;
}
div#menu ul{
	padding:0px 50px 0px 170px;
}
div#menu ul li{
	float:left;
	list-style:none;
	position:relative;
}
div#menu ul li a{
	display:block;
	background-position:top left;
	background-repeat:no-repeat;
	height:28px;
	margin-right:5px;
}
div#menu ul li a#introductie	{ background-image:url(/static/images/menu/intro.png); width:107px; }
div#menu ul li a#nieuws			{ background-image:url(/static/images/menu/nieuws.png); width:75px; }
div#menu ul li a#ons-project	{ background-image:url(/static/images/menu/ons-project.png); width:104px; }
div#menu ul li a#inloggen		{ background-image:url(/static/images/menu/ons-project.png); width:104px; }
div#menu ul li a#projecten		{ background-image:url(/static/images/menu/project.png); width:100px; }
div#menu ul li a#finale			{ background-image:url(/static/images/menu/finale.png); width:69px; }
div#menu ul li a#contact		{ background-image:url(/static/images/menu/contact.png); width:74px; }
div#menu ul li a#archief		{ background-image:url(/static/images/menu/archief.png); width:74px; }
div#menu ul li a span{
	display:none;
}
div#menu ul a:hover, div#menu ul :hover > a{
	background-position:bottom left;
	background-repeat:no-repeat;
}
div#menu ul ul {
	padding:0px;
	visibility:hidden;
	position:absolute;
	left:0px;
	top:28px;
	width:150px;
	padding:10px;
	border:solid 2px #fdb912;
	background-color:#14BA4A;
	z-index:1;
	margin-left:0;
}
div#menu ul ul li{
	margin:0px;
	width:130px;
	padding:8px 40px 8px 10px;
}
div#menu ul ul li.has-children{
	background-image:url(/static/images/menu-arrow.gif);
	background-repeat:no-repeat;
	background-position:83% 50%;
}
div#menu ul :hover ul{
	visibility:visible;
}
div#menu ul ul a{
	text-decoration:none;
}
div#menu ul ul a:hover, div#menu ul ul :hover > a{
	text-decoration:underline;
}
div#menu ul ul ul, div#menu ul :hover ul ul{
	visibility:hidden;
	position:absolute;
	left:160px;
	top:25%;
	background-color:#8E3A98;
	border:2px solid #fdb912;
	z-index:100;
}
div#menu ul ul :hover ul{
	visibility:visible;
	z-index:100;
}

ul.list-artwork {
	margin:10px 0;
	list-style-type:none;
}
ul.list-artwork li {
	background-color:#fff;
	border:2px solid #FDB912;
	cursor:pointer;
	padding:10px 0;
	margin:0 11px 10px 0;
	text-align:center;
	display:block;
	float:left;
	width:180px;
}
ul.list-artwork li p {
	margin:0;
}
ul.list-artwork li img {
	max-width:170px;
}

hr.clear {
	border:0;
	clear:both;
	height:0.01px;
}

div#comments {
}
ul.comments {
	list-style-type:none;
	margin:0 0 15px;
}
ul.comments li.comment {
	border:1px dashed #ccc;
	margin:0 0 10px;
}
ul.comments li.comment p {
	padding:5px 10px;
	margin-bottom:0;
	text-align:justify;
}
ul.comments li.comment p.meta {
	background-color:#F5F5F5;
	background-image:url(/static/images/comment.png);
	background-position:2px 5px;
	background-repeat:no-repeat;
	border-bottom:1px dashed #ccc;
	color:#aaa;
	font-size:80%;
	padding:4px 3px 4px 20px;
}
ul.comments li.comment span.poster {
}
ul.comments li.comment span.time {
	float:right;
	background-image:url(/static/images/time.png);
	background-position:right -1px;
	background-repeat:no-repeat;
	padding:0px 20px 4px 3px;
	margin-left:25px;
}

form {
	margin-bottom:20px;
}
form#commentform {
	width:100%;
}
form fieldset {
	border:1px dashed #ccc;
	padding:0 3px 10px;
	position:relative;
}
form fieldset legend {
	margin:0;
	padding:0 3px;
}
form fieldset dl {
	margin:10px;
	width:95%;
}
form fieldset dl dt {
	clear:left;
	float:left;
	margin-top:2px;
	padding-top:3px;
	padding-right:10px;
	text-align:right;
	width:25%;
}
form dl p {
	color: red;
	margin-bottom: 0;
}
form fieldset dl dd {
	float:left;
	margin-top:2px;
	width:70%;
}
form fieldset dl dd input {
	padding:2px 5px;
}
form fieldset dl dd input.text {
	width:100%;
}
form fieldset dl dd textarea {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	height:300px;
	padding:2px 5px;
	width:100%;
}

.error {
	color:red;
}
p.error {
	padding:5px 10px 0;
}

div.info, div.error {
	background-position:10px 10px;
	background-repeat:no-repeat;
	border-width:0.1em;
	border-style:solid;
	margin:0.5em 0pt;
	padding:10px 10px 10px 36px;
	color:#000000;
}
div.info {
	background-color:#FFFFDD;
	background-image:url(/static/images/information.png);
	border-color:#FFD700;
}
div.error {
	background-image:url(/static/images/error.png);
	border-color:#f00;
}
div.error p,
div.info p {
	margin-bottom:0;
}

table.fill,
table#project-list {
	margin-top: 1.3em;
	margin-left: 0pt;
	width: 100%;
}

div#artwork-container {
	border:1px solid #ccc;
	padding:4px;
}
div#artwork-full {
	border:1px solid #ccc;
	height:382px;
	width:574px;
	text-align:center;
}
div#artwork-full img#artwork-image {
	max-height:382px;
	max-width:574px;
	margin:auto;
}
div#artwork-filmstrip-container {
	border:1px solid #ccc;
	height:124px;
	margin-top:5px;
	overflow:auto;
	padding:3px 10px 3px 3px;
	text-align:center;
	white-space:nowrap;
}
div#artwork-filmstrip-container img {
	cursor:pointer;
	border:2px solid #fff;
}
div#artwork-filmstrip-container img.active {
	border:2px solid #FDB912;
}
fieldset dd {
	line-height: 24px;
}
.projectLegend {
	margin-top: 20px;
}
.projectLegend strong {
	color: #14BA4A;
}