/* $TopStyle:URL=http://www.s82.nl/css/screen3.css$ */

/*:tags*/

html, body {
	margin: 0;
	padding: 0;
}

a:link {
	border-bottom: #933 1px dotted;
	color: #933;
}

a:link, a:visited, a:hover{
	background: transparent;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	border-bottom: #848 1px dotted;
	color: #848;
}

a:hover {
	border-bottom: #c33 1px solid;
	color: #c33;
}

body {
	background: #f5f5f5 url(/_images/bg.gif) repeat-x top;
	font: 81%/1.5em "Times New Roman",Times,"Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;	color: #222;
	text-align: center;
	margin:0 auto;
	width:750px;
	border-left: 1px solid #ccc;
}

dl {
	margin-top:0.2em;
}

dt {
	font-weight:bold;
}
dd {
	margin-left:0;
}

div h2 {
	margin: 0;
}

em {
	font-style: italic;
}

h1, h2, h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: transparent;
	font-weight: bold;
	padding:0;
	margin:0;
	font-size: 1.33em;
	line-height:1.5em;
	border-bottom:1px dotted #ccc;

}
h1 a:link, h1 a:visited, h1 a:hover,h2 a:link, h2 a:visited, h2 a:hover,h3 a:link, h3 a:visited, h3 a:hover{
	background: transparent;
	border:0 !important;
	text-decoration: none;
}

h1 a:link, h2 a:link,h3 a:link {
	color: #775;
}

h1 a:visited,h2 a:visited,h3 a:visited {
	color: #848;
}

h1 a:hover,h2 a:hover,h3 a:hover {
	color: #c33;
}

.chapter {

}

img {
	border:0;

}

label {
	display:block;
}

li {
	padding-left: 0;
	margin-left:0;
}


ol {
	margin: 0 0 1em 24px;
	padding: 0;
}

p {
	margin: 0.2em 0 2em 0;
	padding: 0;
	text-align:left;
}

strong {
	font-weight: bold;
}

/*:layout*/

#access {
	text-indent: -5000px;
	line-height:0;
	height:0;
	font-size:0;
}

#content {
	margin-right:240px;
	margin-left:32px;
	padding-top:1em;
}

#footer {
	clear:both;
	margin:0em 0 0;
	padding:0.2em 0 0.2em;
	border-top: 1px solid #eee;
	font: 0.83em / 2.4em Arial, Helvetica, sans-serif;
	background:#fff;
	
}

#header {
	text-align:left;
	line-height:0;
	padding:0;
}

#rel {
	position:relative;
	text-align:left;
	background: #fff;
}

#mainnav {
	width:100%;
	background: #ddb url(/_images/toolbar.gif) repeat-x bottom right;
	height:2.4em;
	border-top:1px solid #fff;
	font: 0.83em / 2.4em Arial, Helvetica, sans-serif;

}

#sidebar {
	float:right;
	position:relative;
	width:200px;
	background: #fff;
	padding-top:1em;
}

#subnav {
	height:1%;
	font: 0.83em / 2.4em Arial, Helvetica, sans-serif;
}

/*:header*/

#header img {
	display:block;
	border:0;
}

#header a {
	border:0;
	padding:0;
	margin:0;
}


/*:mainnav*/

#mainnav ul {
	margin:0;
	padding:0 0 0 32px;
	list-style-type: none;
}

#mainnav ul li {
	display:inline;
}

#mainnav a {
	float:left;
	padding: 0 10px;
	background: #ddb url(/_images/ddb-hover.gif) repeat-x top;
	line-height:2.4em;
}

	/* highlight sections */
#mainnav a.hl {
	background:#eec url(/_images/eec-hover.gif) repeat-x top;
}

#mainnav a:link {	color: #444;	}

#mainnav a:link, #mainnav a:visited, #mainnav a:hover {
	text-decoration: none;
	border-bottom: 0;
	color: #444;
}

#mainnav a:visited {	color: #646;	}

#mainnav a:hover {
	background: #cca url(/_images/ddb-link.gif) repeat-x top;
	color: #000;
}

	/* highlight sections */
#mainnav a.hl:hover {
	background: #ddb url(/_images/eec-link.gif) repeat-x top;
}

	/* active section */
#mainnav a.active,  #mainnav a:link.active , #mainnav a:visited.active, #mainnav a:hover.active {
	background: #fff;
	font-weight:normal;
	border-bottom:1px solid #fff;
	color: #000;
	cursor: default;
}

/*:subnav*/

#subnav ul {
	height:1%;
	margin:0;
	padding:0;
	list-style: none;
	/* background 20px*/
	padding-bottom:20px;
	background: transparent url(/_images/subnav-after.gif) repeat-x bottom left;
}

#subnav ul li { 
	/* ie fix vertical whitespace fix with floats */
	height:1%;
}

#subnav a {
	display:block;
	text-indent: 10px;
	background: #fff;
	text-decoration: none;
	border:0;
	
	/* ie fix whitespace removal */
	width:100%;
}

#subnav a:hover {
	background: #F8F8F1;
	color: #000;
	font-weight:bold;
	border:0;
}

#subnav a.active,  #subnav a:link.active , #subnav a:visited.active, #subnav a:hover.active {
	background: #fff;
	font-weight:normal;
	border:0;
	color: #000;
	cursor: default;
}

/*:sidebar*/
#sidebar #extra {
	padding-left:10px;
}

#sidebar dl {
	margin:0;
}
#sidebar h3 {
	color: #ccc;
	
}

/*:content*/

#content > img {
	display:block;
	margin: 0 0 1em 0;
	border:1px solid #ccc;
	padding:1px;
}

#content hr.hack {
	visibility:hidden;
	height:2em;
	margin:0;
}

#content p  img {
	float:left;
	position:relative;
	top:4px;
	margin: 0 .5em .5em 0;
	width:64px;
}

#content h1, #content h2 {
	clear:left;
}

#content ul {
	list-style-type: square;
	margin: 0 0 2em 2em;
	padding: 0;
}


#content input, #content textarea {
	background: #fff url(/_images/form-3d.gif) repeat-x top;
	border:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	color: #444;
}



/*:footer*/
#footer strong {
	color: #ccc;
}

#footer p {
	text-align: center;
}

#footer a.active,  #footer a:link.active , #footer a:visited.active, #footer a:hover.active {
	background: #fff;
	border:0;
	font-weight:normal;
	color: #000;
	cursor: default;
}

/*:classes*/


input {
	color: #933;
	background: #eec;
	border: 1px solid #933
}
			
.submit input {
	color: #000;
	background: #ddb;
	border: 2px outset #eec
}


.bullet {
	list-style-image: url(/files/plus.png);
}


.desc {
	font-style: italic;
}



#sidebar h3 {
		background: transparent url(../_images/icon_subnav.gif) no-repeat left center;
		padding-left:22px;
}

.slideshow {
	width:470px;
	border:1px solid #ccc;
	padding:1px;
	margin: 0 0 1em 0;
}


.highlight {
	padding:1em;
	border:1px solid #c33;
}

/*:misc*/