html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

body {
	color:#82858a;
	font-size:.9em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

h1, h1 a, h2, h2 a, h3 {
	color:#000000;
}

h3 {
	text-transform: uppercase;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: .9em;
	letter-spacing: 1px;
	font-weight: bold;
}

a { 
	text-decoration:none;
	color:#82858a;
	font-weight:bold;
}

a:hover {
	color:#000000;
}

p {
	line-height:18px;
	font-size:.75em;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

.inactive {
	color: #cccccc;
}

.inactive:hover {
	color: #cccccc !important;
}

div#header {
	margin: 25px 0 10px 40px;
	text-transform:uppercase;
}


div#header div#title h2 {
font-size:7.5em;
font-weight:bold;
letter-spacing: 6px;
/*margin-left:-4px;*/

/*
	margin-left gebruik je hier om LS, te kunnen bepalen qua positie
*/
margin-left: 72px;
}

div#header div#title {
	height:92px;
	width:205px;
	margin-bottom:30px;
}

div#header h1 {
	font-weight:bold;
	letter-spacing: 3px;
	font-size:2.2em;
}

div#menu {
	margin:10px 0 30px 95px;
	height:20px;
}

div#menu ul li {
	display:block;
	float:left;
	border-right:1px solid #000000;
	text-transform:uppercase;
	margin-left:12px;
	padding-right:12px;
}

div#menu ul li#active a {
	color:#000000;
}

div#menu ul li a {
	color:#a3a7ac;
	font-weight:bold;
	text-decoration:none;
}

div#menu ul li a:hover {
	color:#000000;
}


/* Content */
div#content {
	position:relative;
}

p#datestamp {
	position:absolute;
	left:105px; /* Op de voorpagina lijnt dit niet helemaal uit */
	font-size:4.5em;
	color:#ffffff;
	top:10px;
	
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

p#datestamp span#month {
	color:#a3a7ac;
}



/* News */
div#news-entry {
	position:relative;
	width:975px;
}
div#news-image, div.content-image {
	float:left;
	width:525px;
	height: 525px;
	padding-left:95px;
	overflow: hidden;
}

div.message {
	position: absolute;
	left: 620px;
	width:340px;
	padding-left: 30px;
}

div.message h3 {
	margin-top: 0px;
	margin-bottom: 20px;
}

div.message p {
	line-height: 20px;
	margin-bottom:20px;
}

div.message p.link {
	margin-top: 20px;
}

/* Opdrachtgever, Disciplines lijsten */
ul.list {
	text-transform: uppercase;
	font-size: .9em;
	letter-spacing: 1px;
}

ul.list li {
	margin:0 0 20px 0;
}

ul.list li a {
	font-weight:normal !important;
}

ul.list li a:hover {
	font-weight:bold !important;
}

/* Thumblist */
.content-thumbs {
	float:left;
	clear:left;
	padding-left: 130px !important;
}

ul.thumbList {
	float: left;
}

ul.thumbList li {
	float:left;
	margin:0 10px 0 0;
}

ul.thumbList li a img {
/* IE */
  filter:alpha(opacity=50);
  opacity:0.5;
  width: 40px;
  height: 40px;
    border: 1px dotted #c2c2c2;
}

ul.thumbList li a.active img {
/* IE */
  filter:alpha(opacity=100);
  opacity:1;
}

ul.thumbList li a :hover {
/* IE */
  filter:alpha(opacity=75);
  opacity:0.75;
}

p#workTitle {
	margin:10px 0 0 0;
	font-style: italic;
	color: #82858a;
	clear: both;
}


/* Login */
div#login h1 {
	text-transform:uppercase;
	margin-bottom:10px;
	font-size:.9em;
}

div#updates ul {
	font-size:.8em;
	color:#c9cacb;
	list-style-type:disc;
	margin:0 0 20px 30px;
	text-transform:uppercase;

}

fieldset, div#login {
	font-family:arial, helvetica;
	text-transform:uppercase;
}

fieldset {
	font-size:.8em;
}


p#workTitle + div#navigation {
	margin-top: 20px;
}

p#workTitle + div#navigation + h3 {
	margin-top: 21px;
}

div#navigation {
	float: left;
	
}

div#navigation a {
	display: block;
	width: 5px;
	height: 10px;
	float: left;
	margin-right: 5px;
}

div#navigation + h3 {
	float: left;
	display: block;
	margin: 0;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-top: 1px;
	height: 10px;
	clear: none;
	
}

div.message h3 + p {
	clear: both;
}

.contact-form {
	text-transform: none !important; 
}

.contact-form input, .contact-form textarea {
	width: 300px;
}

.contact-form .send-button {
	width: 100px;
}