/* ************************************************
 *
 * Vereniging van Zelfstandige Uitgevers
 * 
 * Screen / projection stylesheet
 * v0.1 - 27/11/2006
 * 
 * /styles/vzu-scherm.css
 *
 * ************************************************ */


/* BASIC FORMATTING: RESETTING AND MAIN ELEMENTS
 *
 */
html, body, div, h1, h2, h3, p, a, label, dl, dt, dd, form, fieldset, ul, ol, address, table, thead, tbody
{
	margin: 0;
	padding: 0;
	border: 0;
}

html, body
{
	display: block;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

body
{
	background-color: #aab4b4;
	font: 0.9em, times, "times new roman", palatino, serif;
}

a img
{
	border: none;
}


h1
{
	height: 100px;
	margin: 10px 0 0 0;
	color: #36a7e9;
	font-size: 100%;
	text-transform: uppercase;
	letter-spacing: .1em;
}

h2
{
	margin: 0 0 .2em;
	padding: 0;
	font-size: 100%;
	text-transform: uppercase;
}

p
{
	margin-bottom: 1.5em;
}

a
{
	text-decoration: underline;
}

a:link, a:visited
{
	color: #888888;
	color: #666666;
}

a:hover, a:focus
{
	color: #DD8800;
	color: #CC6600;
}

address
{
	font-style: normal;
}

em
{
	color: #CC6600;
}

fieldset
{
	margin: 1.5em 0;
}

fieldset p
{
	position: relative;
	margin-bottom: 0;
	padding: 0 0 1em;
}

legend
{
	margin: 0 0 .2em;
	padding: 0;
	font-weight: bold;
	text-transform: uppercase;
}

label
{
	display: block;
	position: absolute;
	z-index: 20;
	left: -110px;
	top: 1px;
	width: 100px;
	text-align: right;
	color: #CC6600;
	font-size: 85%;
	text-transform: uppercase;
}

#bewaar label
{
	display: inline;
	position: static;
	width: auto;
	color: #000000;
	font-size: 100%;
	text-transform: none;
}

input, textarea
{
	display: block;
	margin: 0;
	background-image: url(../img/arcering.gif);
	font: 90% Verdana, Arial, sans-serif;
}

#bewaar input
{
	display: inline;
}

input.Knop
{
	padding: 2px 10px 1px;
	font: bold 85% times, "times new roman", palatino, serif;
	text-transform: uppercase;
}

.teruglink
{
	margin-top: 2em;
}


/* MAIN LAYOUT: SPREAD
 *
 */
#aspnetForm
{
	display: block;
	height: 100%;
	width: 100%;
	position: relative;
}

#context
{
	position: absolute;
	left: 5%;
	top: 5%;
	width: 45%;
	height: 85%;
	background: #3c4650;
}

#content
{
	position: absolute;
	left: 50%;
	top: 5%;
	width: 45%;
	height: 85%;
	background: #ffffff;
	overflow: auto;
}

#ctl00_hlHome
{
	display: block;
	color: #ffffff;
	text-decoration: none;
	margin: 12px 0 0 18px;
}

#ctl00_hlHome img
{
	border: 0;
}

#context a.huidig, #context a.huidig:hover, #context a.huidig:focus
{
	cursor: default;
}

/* MAIN LAYOUT: MENU
 *
 */
#context ul
{
	position: absolute;
	right: 0;
	top: 50%;
	display: block;
	height: 17.6em;
	margin-top: -9.2em;
}

#context ul li
{
	display: block;
	height: 1em;
	width: 20em;
	padding: .6em 1em;
	text-align: right;
	list-style-type: none;
	color: #ffffff;
}

#context ul a
{
	font-size: 85%;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .1em;
}

#context li a:link, #context li a:visited
{
	color: #ffffff;
}

#context li a:hover, #context li a:focus
{
	color: #ffff00;
}

/* 'Aan' status van menu-items */
#context li a.huidig:link, #context li a.huidig:visited
{
	color: #ffff00;
}

/* MAIN LAYOUT: ZIJKOLOM
 *
 */
#zijkolom
{
	width: 100px;
	float: left;
	margin: 10px 0 0 10px;
}

#zijkolom p
{
	display: block;
	height: 100px;
	margin-bottom: 0;
	font-size: 85%;
	line-height: 120%;
	text-transform: lowercase;
}

#zijkolom p a:link, #zijkolom p a:visited
{
	color: #000000;
}

#zijkolom p a:hover, #zijkolom p a:focus
{
	color: #DD8800;
}


#zijkolom li
{
	list-style: none;
}

#zijkolom li a.huidig:link, #zijkolom li a.huidig:visited
{
	color: #DD8800;
}

#zijkolom li a.huidig:hover, #zijkolom li a.huidig:focus
{
	text-decoration: none;
	cursor: default;
}




/* MAIN LAYOUT: INHOUD
 *
 */
#inhoud
{
	margin-left: 120px;
	padding-right: 6%;
	padding-bottom: 110px;
}

#inhoud ul
{
	margin: 0 0 1em 0;
}

#inhoud ol
{
	margin: 0 0 1em 0;
	padding: 0 0 0 1.3em;
}

#inhoud ul li
{
	padding: 0 1.5em;
	list-style: none;
	background: url(../img/bullet.gif) no-repeat 0 .5em;
}

#inhoud ol li
{
	padding: 0 1.5em 0 .2em;
}

#inhoud p img
{
	display: block;
	float: left;
	margin: 1em  1em .5em 0;
	border: 1px solid #666666;
	padding: 5px;
	background: url(../img/arcering.gif);
}

/* SPECIAL: UITGEVERS & UITGEVER DETAILS
 *
 */
#zijkolom ul.uitgevers
{
	display: block;
	width: 90px;
}

#zijkolom ul.uitgevers li
{
	display: block;
	float: left;
	margin: 0 1em .3em 0;
	padding: 0;
}

#zijkolom a
{
	text-decoration: none;
}

.uitgevers h2
{
	position: relative;
	margin: 0 0 .1em;
	font-size: 400%;
	line-height: 90%;
}

.uitgevers h2 img
{
	position: absolute;
	top: 0;
	left: -12px;
}


#inhoud .uitgevers ul
{
	margin-bottom: 1.5em;
}

#inhoud .uitgevers ul li
{
	margin: 0;
	padding: 0;
	background-image: none;
	line-height: 140%;
	list-style: none;
}

#inhoud .uitgevers a
{
	text-decoration: none;
}


/* Logo uitgever op detailpagina: in div, geen scrollbars, geen scaling img! 
	Aanpassing Reinier Rijke 7 dec 2006: twee classes, voor groot logo en
	klein logo (zie code in 1Uitgever voor criterium).

*/
.uitgeverlogoklein
{
	overflow: hidden;
	margin: 2em 0;
}
.uitgeverlogo
{
	width: 100%;
	overflow: hidden;
	margin: 2em 0;
}

.uitgeverlogo img
{
	display: block;
	border: 0;
}


/* SPECIAL: RECENT VERSCHENEN
 *
 */
.boek
{
	clear: left;
	margin-left: -110px;
	margin-bottom: 2em;
}

.boek p
{
	margin-left: 110px;
	margin-bottom: 0;
}



.boekomslag
{
	display: block;
	width: 100px;
	float: left;
}

.boekomslag img
{
	border: none;
	background: pink;
}

.Auteurs
{
	font-weight: bold;
}

.Titel
{
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;
	text-decoration: none;
}


/* Aanvullingen Reinier 6-12-2006 */

#uitgever p
{
	margin-bottom: 0;
}



.Tekstvak
{
	width: 20em;
}

.TekstvakBreed
 /* geen labels links hiervan! */
{
	width: 95%;
}

.TekstvakSmal
{
	width: 5em;
}