/*********************************************************************
* Website Project Rouwzorg
* stijl.css
*
* Bestandsbeschrijving:
* Stijlsheet voor rouwzorg.nl
* De layout en opmaak wordt met behulp van dit stijlsheet bepaald
*
* Copyright 2004-2005 Advies en zo, Meedenken en -doen.
* Vragen ? Neem contact op met Juliette Reinders Folmer
* Tel: 035 6910391 / 06 5424 1642
* Web: http://www.adviesenzo.nl/
*********************************************************************/

* { margin: 0px; padding: 0px; }

BODY { background-image: url('images/bg3895_v4_2i.jpg'); background-repeat: no-repeat; background-position: 0px 0px; background-color: #FFFFFF; color: #000000; }

BODY, TABLE, THEAD, TBODY, CAPTION, TR, TH, TD, H1, H2, H3, H4, H5, H6, DIV, P, BLOCKQUOTE, UL, OL, LI, FORM, TEXTAREA, INPUT, SELECT, OPTION {
	font-family: verdana,arial,sans-serif;
}

BODY, H2, H3, H4, DIV, P, BLOCKQUOTE, UL, OL, LI {
	font-size: 10pt;
}

TABLE, THEAD, TBODY, CAPTION, TR, TD, TEXTAREA, INPUT, SELECT, OPTION {
	font-size: 90%;
}

BODY, TABLE, THEAD, TBODY, TR, TD, H3, H4, DIV, P, UL, OL, LI, FORM, TEXTAREA, INPUT, SELECT, OPTION {
	font-weight: normal;
}

B, STRONG { font-weight: bold; }
I, EM, BLOCKQUOTE, .extrainfo { font-style: italic; }
U { text-decoration: underline; }
SUP { vertical-align: super; font-size: 0.8em; }
SUB { vertical-align: sub; font-size: 0.8em; }
ACRONYM, ABBR { color: #66CCCC; background-color: transparent; border-bottom: dotted 0.05em; cursor: help; }
IMG, MAP { border: 0px none; margin: 2px 6px 4px 6px;}
DD { font-size: 0.8em; }

A { color: #66CCCC; background-color: transparent; text-decoration: none; font-weight: bold; }
A:visited { color: #99CC66; background-color: transparent; }
A:active { color: #99CC66; background-color: transparent; }
A:hover { color: #66CCCC; background-color: transparent; text-decoration: underline; }

H1 { font-size: 150%; font-weight: bold; color: #66CCCC !important; background-color: transparent;}
H1 A { color: #66CCCC !important; background-color: transparent;  text-decoration: none !important;}

H2 { margin: 15px 0px 0px 0px; font-size: 105%; font-weight: bold; clear: both; }
H2.sectie { font-style: italic; }
H3 { margin: 15px 0px 0px 0px; font-weight: bold; clear: both;}
H4 { margin: 15px 0px 0px 0px; text-decoration: underline; }

P { margin: 6px 0px 0px 0px; }
P.extrainfo { margin: 3px 0px 0px 0px; }

UL, OL { margin: 10px 0px 2px 15px; padding: 0px 20px; list-style-position: outside; }
UL { list-style: disc; }
LI { padding-bottom: 2px; }
LI OL LI { list-style-type: lower-alpha; }
LI OL LI OL LI { list-style-type: decimal; }

FORM { margin: 6px 0px 0px 0px; font-size: 8pt; }
FORM DIV { font-size: 8pt; }
INPUT, SELECT { margin: 1px 5px 2px 0px;}
.button { margin-top: 6px; }
.rood { color: #FF0000; background-color: transparent; }

TABLE {  }
TR { margin: 0px -15px 0px 0px; padding: 10px 0px 0px 0px; }
TH { margin: 4px 5px 0px -4px; padding: 4px 5px 2px 4px; font-size: 8pt; font-weight: bold; text-align: left; vertical-align: top; width: 138px;}
TH.nw { width: auto; }
TD { margin: 4px 5px 0px -4px; padding: 4px 5px 2px 4px; vertical-align: top; min-width: 140px;}
CAPTION { text-align: left; font-size: 8pt;}

.normalsize TD { font-size: 9pt; }


.sectiebasis TH { width: auto; }
.sectiebasis TH, .sectiebasis TD { font-size: 9pt; font-style: italic; font-weight: normal; }



/* Stijl gebruikt in de projectbeschrijving pagina's */
.kader { border: 1px solid #66CCCC; margin: 6px 0px 2px 0px; padding: 2px 15px 8px 15px; }

/* Stijl gebruikt in de sponsor pagina */
.sponsors IMG { margin: 2px 15px 10px 15px; }

/* Stijlen voor de mini navigatie onder/boven verschillende pagina's */
.mininav { margin: 15px 0px 5px 0px; text-align: center; clear: both; }
.mininav .vorige { font-size: 80%; float: left; margin-bottom: 12px; }
.mininav .volgende { font-size: 80%; float: right; margin-bottom: 12px; }


/* ************  Specifieke stijlen voor de fotopagina's ************* */
.phnav { text-align: center; margin: 15px 0px; }
.photo { text-align: center; }
.instr { font-size: 0.9em; font-style: italic; text-align: center; }


/* ************* Specifieke stijlen voor de resultaat tabellen van de enquete ************ */

.diagram TD { font-size: 8pt; }
.diagram_head_left { text-align: left; border-bottom: 1px solid #66CCCC; font-size: 0.9em; color: #009900; background-color: transparent; width: 20px; }
.diagram_head_middle { text-align: center; border-bottom: 1px solid #66CCCC; font-size: 0.9em; color: #009900; background-color: transparent; width: 260px; }
.diagram_head_right { text-align: left; border-bottom: 1px solid #66CCCC; font-size: 0.9em; color: #009900; background-color: transparent; width: 55px; }

.diagram_cols { border-left: 1px solid #66CCCC; border-right: 1px solid #66CCCC;  width: 345px; }
.diagram_cols IMG { border: 1px outset #009900; margin: 0px; }

.diagram_closing { border-top: 1px solid #66CCCC; font-size: 0.9em; }

.number { text-align: right; }

.staaf IMG { border: 1px outset #009900; margin: 0px; }
.staaf { font-size: 8pt; }


/* ************* Pagina blok definities ************* */

/* Stijl voor de koptekst (projectnaam) bovenaan de pagina */
#header { margin: 0px 40px 0px 170px; padding: 35px 0px 10px 0px; }

/* Stijlen voor het menu aan de linkerkant */
#menu { position: absolute; top: 194px; left: 0px; width: 210px; }
#menu UL { margin: 0px; padding: 1px 2px 1px 3px; border-top: 1px solid #66CCCC; border-bottom: 3px ridge #66CCCC; }
#menu UL LI { 
	margin: 0px;
	padding: 1px 0px 1px 0px;
	list-style-type: none;
}

#menu UL LI A {
	display: block;
	font-size: 0.9em;
	color: #99CC66;
	background-color: transparent;
	width: 177px !important;
	_width /**/: 200px;		/* IE 5.0 and 5.5 only */
	margin: 0px;
	padding: 3px 0px 3px 23px;	/* all browsers including Mac IE */
	*padding: 3px 0px 2px 23px;		/* IE 7 and below */
}
#menu UL LI A:active, #menu UL LI A:visited { color: #99CC66; background-color: transparent; }

#menu UL LI A:hover {
	padding: 2px 0px 2px 23px;	/* all browsers including Mac IE */
	*padding: 2px 0px 1px 23px;		/* IE 7 and below */

	border-top: 1px solid #66CCCC;
	border-bottom: 1px solid #66CCCC;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #99CC66;
}

/* Stijlen voor het sponsor blokje onder het menu */
#menu #sponsors { margin: 20px 30px 0px 15px; text-align: center; }
#menu #sponsors P { color: #99CC99; background-color: transparent; font-size: 0.7em; }
#menu #sponsors P A { color: #99CC99 !important; background-color: transparent;  font-weight: normal !important; }


/* Stijl voor het pagina inhoudsvlak */
#main { margin: 0px 45px 0px 215px; padding: 30px 0px 50px 40px; }