/* @override http://gringoflash.com/ndxz-studio/site/gringotheme/style.css */

/**
* SANDER'S INDEXHIBIT STYLESHEET
* FOR GRINGOFLASH DOT COM
* ------------------------------
* @author: Sander Van de Vijver 
* @version: 0.2
*/

/* @group Meyer CSS Reset */

/* TABULA RASA */

html, body, div, span, applet, object, input, textarea, 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* @end */

/* @group Basis */

body {
	font: 0.60em/1.5em Monaco, Verdana, Courier;
	letter-spacing: 0.15em;
	padding: 24px;

}


div#wrapper {
	float: left;
	width: 100%;
	height: 100%;
}

h1, h2, h3, h4 {
	font-weight: bold;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 12px;

}

h1 {
	font-size: 4em;
}

h2 {
	font-size: 10em;
	overflow: hidden;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 0.75em;
	background-color: #000;
	color: #fff;
	padding: 12px;
}

h2 a {
	color: #fc715d;
	text-decoration: none;
}


h2 a:hover {
	text-decoration: underline;
}

#content h2 span {
	text-transform: none;
	font: italic 0.1em/1.2em Monaco, Verdana, Courier;
}

h3 {
	text-transform: uppercase;
	color: #000;
	font: bold 2em/0.9em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #fff;
}

div#content h3 {
}

h4 {
	font-size: 2em;
	text-transform: uppercase;
}

blockquote {
	color: #000;
	text-indent: -6px;
	padding: 15px 15px 15px 24px;
}

blockquote a {
	color: #fff;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}


/* @end */

/* @group menu-stylez */

li.section-title:before {
	content: "-";
}

li.section-title {
	margin-right: 4px;
}

#menu p {
	text-transform: uppercase;
	font: bold 2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 12px;
}

#menu{
	margin-bottom: 12px;
	text-align: left;
	color: #000;
	background-color: #fff;
	padding: 0;
}

#menu li {
	display: inline;
}

#menu li a{
	letter-spacing: 0;
	color: #000;
	margin-right: 2px;
	margin-left: -4px;
	text-transform: uppercase;
}

#menu li a:hover{
	color: #000;
	background-color: #000;
}

#menu ul li.active a {
	color: #fff;
	background-color: #000;
	text-decoration: none;
}

#menu ul li.active a:hover {
	color: #000;
	background-color: #000;
}

#menu li a:visited{
	font-style: italic;
}

#menu a:visited:hover{
	color: #000;
	background-color: #000;
}

/* @end */

/* @group content-stylez */

#tekst .hidden {
	background-color: #000;
	color: #fff;
}

#tekst .zwart {
	background-color: #000;
	color: #fff;
}

#tekst .toggle:before {
	content: "» ";
}

#content {
	float: left;
	width: 100%;
}

div#tekst, div#beeld, div#img-container {
	float: left;
}

div#beeld, div#img-container {
	margin-bottom: 24px;
	min-width: 600px;
}

div#tekst {
	width: 600px;
	margin-bottom: 15px;
	background-color: #fff;
	padding: 0 0 12px;
	margin-top: 0;
	margin-right: 12px;
}

span.year {
	color: #fff;
	background-color: #000;
	padding-right: 2px;
	padding-left: 3px;
	margin-bottom: 12px;
	display: inline-block;
}

div#beeld p {
	padding-top: 10px;
	padding-bottom: 10px;
}

#s1 div p:before {
	content: "» ";
}

a {
	color: #000;
	text-decoration: underline;
}

a#next, a#prev {
	color: #fff;
	text-decoration: none;
	background-color: #000;
	padding-right: 2px;
	padding-left: 4px;
}

#beeld p.nav {
	
	padding-bottom: 10px;
	padding-top: 0;
}

/* @end */