/* STIJLDECLARATIES VOOR ONZE SITE */

.projection {		
			display: none; }
.screen {	display: block; }

html {      margin: 0;
            padding: 0;
            }
            
body {		background: #fff url(../siteimg/cornerpic01.png) no-repeat scroll 95% 2em;
            color: #784911;
            font-family: georgia, 'trebuchet ms', serif;
			font-size: 85%;
			line-height: 1.6em;
        	margin: 0;
			padding: 0;
			}
			
h1 {		background: transparent;
            border-bottom: solid 1px #ffe600;
            color: #50300b;
			font-family: 'courier new', monospace;
			font-size: 350%;
			font-weight: normal;
			line-height: 0.8em;
			margin: 0;
			padding: 1.2em 0 0 0;
			text-indent: 1em;
            }
            
h1 span {	color: #dbcc9c;
			}
			
h1 span[lang] {
            color: inherit;
            }
			
h2, #inhoud > h2 {	/* child selector needed for IE7 */	
            border-bottom: solid 1px #dbcc9c;
			color: #50300b;
			font-style: italic;
			font-size: 140%;
			font-weight: normal;
			line-height: 1.3em;
			margin: 2em 0 0.5em -7%;
			padding: 0;
			text-indent: 2.5em;
			width: 57%;
			}
			
#inhoud > h2:first-child, #inhoud > .kader:first-child + h2 {
            margin-top: 1em; /*0;*/
            }
            
#inhoud > img, #inhoud > a > img {
            float: right;
            margin: 2em 1em 1.6em 1em ;
            }
            
/*h2 + h3 {   margin-top: -0.6em; 
            }	*/

h3 {		font-size: 100%;
            font-weight: bold;
			line-height: 1.4em;
			margin: 2em 0 0 -2em;
			max-width: 75%;
			text-indent: 2em;
			}
		
h3 + p, legend + p, h3 + img + .kader + p, h3 + .kader + p, h3 + img + p {    
            margin-top: 0;
            }
            
img {		background-color: transparent;
			border: none;
			}
			
#nav {      background: transparent none no-repeat scroll 20% 50%;
            }
            
#nav ul {	background: transparent url(../siteimg/background_nav.png) repeat-x left bottom;
			border-left: solid 1px #ffe600;
			border-right: solid 1px #ffe600;
			font-family: 'courier new', monospace;
			list-style-type: none;
			margin: 0 auto;
			min-height: 7em;
			max-width: 50em;
			padding: 3em 0 0 2em;
			width: 75%;
			}
			
#nav li {	border-top: solid 1px #dbcc9d;
			border-bottom: solid 1px #dbcc9d;
			display: block;
			float: left;
			margin: 0;
			padding: 0;
			}
			
#nav a, #nav a:visited {
            color: #50300b;
			display: block;
			font-size: 100%;
			margin: 1px 0;
			padding: 0.1em 1em;
			}
			
#nav a:hover {
			border: solid 1px #50300b;
			border-width: 1px 0;
			margin: 0;
            text-decoration: none;
		    }
			
#inhoud {   background: #fffbdb;
            border: solid 1px #ffe600;
			border-top-color: #fffbdb;
			margin: 0 auto;
			max-width: 50em;
			padding: 0 0 1em 2em;
			width: 75%;
			}
			
#inhoud > h2[id]:hover:after {
			color: #dbcc9c;
			content: ' #'attr(id); 
			}
			
#inhoud > p:first-child, .kader:first-child + p, .kader:first-child + .kader + p {
            font-style: italic;
            }
            
#inhoud > ul, #inhoud > ol {	
            text-align: justify;
			}
            
p {         margin: 1.5em 0 0 0;
            max-width: 85%;
            text-align: justify;
            }
			
.bijschrift {
            font-family: arial, sans-serif;
            font-size: 0.82em;
            line-height: 1.2em;
            margin: 0;
            text-align: right;
            }
            			
.kader {    border-left: dotted 1px #dbcc9c;
            clear: right;
            color: #50300b;
            float: right;
            font-family: arial, sans-serif;
            font-size: 0.9em;
            margin: 1em 0 1em 1em;
            padding: 0.1em 0 0.1em 0.5em;
            width: 15em;
            }

.kader > h2 { 
            font-size: 110%;
            font-family: georgia, serif;
            font-style: normal;
            font-weight: bold;
            border-bottom: none;
            margin-left: 0;
            margin-bottom: 0;
            text-indent: 0;
            width: auto;
            }
            
.kader > :first-child {
            margin-top: 0;
            }
            
.kader > h2 + p {
            margin-top: 0;
            }

.kader p {  line-height: 1.4em;
            text-align: left;
            width: auto;
            }
            
.kader ul, .kader ol {
			line-height: 1.4em;
			max-width: none;
			padding-left: 10%; 
			}
                        
.kader ol { padding-left: 2em;
			}   
            
.fotosectie {
            margin: 1.5em 0 0 0;
            text-align: center;
            width: 85%;
            }
            
.fotosectie img {
            background-color: #fff;
            border: solid 1px #dbcc9c;
            cursor: pointer;
            float: none;
            padding: 4px;
            width: 100%;
            }            
            
#foto1, #foto2 { 
            margin-right: 1%;
            width: 30%; 
            }
            
#foto3 {    width: 30%;
            }
                        
span {      font-style: inherit; /* for IE7 */
            }
			
a {			color: #f70;
			text-decoration: none;
			}
			
a:hover {	text-decoration: underline; 
			}		

blockquote {	
			margin: 1.6em auto 0 5%;
			max-width: 80%;
			}	
			
blockquote > p {
            border: dotted 1px #dbcc9c;
			border-width: 1px 0;
			font-size: 0.9em;
			padding: 0.5em 0; 
			margin: 0;
			max-width: none;
			text-align: left;
            }
            
blockquote > cite {
            font-family: arial, sans-serif;
            font-size: 0.82em;
            font-style: normal;
            text-align: right;
            display: block;
            margin: 0;
            padding: 0;
            }
			
blockquote > p:first-letter {
			font-size: 200%;
			}	
			
#memory {   display: none;
            max-width: 85%;
            text-align: center;
            }
            
#memory > img {
            cursor: pointer;
            }

ul, ol {	margin: 0;
            max-width: 80%;
            padding: 0 0 0 5%;
            }
            
ul > li > ol {	
            max-width: none;
            }
            
ol {        list-style-type: decimal-leading-zero; 
            }
		    
#emailadres1 { /* wanadoo */
			content: "\073 \069 \070 \06b \065 \02e \072 \065 \069 \06e \061 \040 \077 \061 \06e \061 \064 \06f \06f \02e \06e \06c";
			}		
			
#emailadres3 { /* operamail */
			content: "\073 \069 \070 \06b \065 \040 \06f \070 \065 \072 \061 \06d \061 \069 \06c \02e \063 \06f \06d";
			}	
			
table {		border-collapse: separate;
            border-spacing: 0.2em;
            font-family: arial, sans-serif;
			font-size: 0.9em;
			margin: 1.6em 0 1.6em 5%;
			max-width: 80%; 
			padding: 0; 
			} 		
			
th {        background: #784911;
            border: solid 1px #dbcc9c;
            color: #fffbdb;
            font-weight: bold;
            padding: 0.2em 1em 0.2em 0.5em;
            text-align: left;
            vertical-align: middle;
            }
			
td {		border: solid 1px #dbcc9c;
            padding: 0.5em 1em;
			vertical-align: top; 
			}	
			
.switch {	cursor: pointer;
			}

*[lang='en'] { 
            display: none; 
            }

#selectiontree li { 
            cursor: pointer; 
            }

#selectiontree li:hover:first-line { 
            color: #f70; 
            } 
            
#selectiontree ol {
            padding-left: 8%;
            }
            
#selectiontree ol li {
            width: auto;
            }
            
em[title] { border-bottom: dotted 1px #784911;
            }

div.source, pre {       
            border: solid 1px #dbcc9c;
            cursor: text;
            display: block; 
            font-family: 'courier new', monospace;
            font-size: 0.9em;
            line-height: 1.2em;
            margin: 1.6em 0 1.6em 5%;
            max-width: 76%;
            overflow: auto;
            padding: 0.5em 2%;
            }

.imglist div {		
			display: inline-block;
			height: -o-skin; 
			width: -o-skin; 
			}
			
form {      margin: 0;
            max-width: 85%;
            }
            
/*fieldset {  border: dotted 1px #dbcc9c;
            margin: 1.6em 0;
            padding: 1em;
            }	
            
legend {    color: inherit;
            font-weight: bold;
            padding: 0 1em;
            }
            
fieldset:hover {
            border-style: solid;
            }*/

input[type="text"], select {    
            border: inset 1px #dbcc9c;
            color: #784911;
            }
			
input[type="button"] {    
            margin: 0 10px 0 0;
            }
						
			
			
			
			
			
			
			
			
			        
/*
.compcode {	margin: 1em 0 1em 3em;
			font-family: 'courier new', sans-serif;
			background: #fffacd url(../siteimg/code.png) bottom left repeat;
			font-size: 95%;
			border-left: solid 1px #784911;
			padding: 0 4px;
			line-height: 1.4em;
			color: #9f7d49;
			}

.borderimg {float: left;
			margin: 8px 8px 8px 0;
			}


.kadertabel {		
			height: 400px;
			overflow: auto; 
			border: solid 1px #dbcc9c;
			padding: 0;
			}
.kadertabel table {
			margin: 0; 
			width: 96%; //IE fix
			}
.kadertabel>table {
			width: 100%;
			}

tr + tr>th {border-top: solid 1px #dbcc9c;
			}
td select {	width: 200px;
			}
.imwh {		width: 90px;
			text-align: center;
			padding: 0;
			vertical-align: middle;
			}


.removed div, .removed p, .removed h3, .removed > a {
			display: none;
			}
.removed > a:first-child {
			cursor: pointer;
			display: block;
			text-align: right;
			line-height: 1.1em;
			}
.removed {	margin-top: -0.5em;
			}
			
			*/