html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


* {
padding: 10;
margin: 0;
}

body {
background: #333 url("images/background6.jpg");
text-align: center;
font: normal 17px/20px Arial, verdana, arial, tahoma, sans-serif; /* back-up styles for failure browser */
color: black;	        /* color main text */  
padding-top: 30px;       /* height actual content webpage from top */ 
}

a {
color: 	#8B0000;            /* color of hyperlinks */

text-decoration: none;
}

a:hover {
color: #ff0000;
}

#heading1 {
width: 880px;
height: 356px;
background: #333 url("images/heading2.jpg") no-repeat; /* color background heading picture */
background-position: top right;
}

#heading2 {
width: 880px;
height: 356px;
background: #333 url("images/heading200.jpg") no-repeat; /* color background heading picture */
background-position: top right;
}

#heading3 {
width: 880px;
height: 356px;
background: #333 url("images/heading3.jpg") no-repeat; /* color background heading picture */
background-position: top right;
}

#heading4 {
width: 880px;
height: 356px;
background: #333 url("images/heading4.jpg") no-repeat; /* color background heading picture */
background-position: top right;
}

#heading5 {
width: 880px;
height: 356px;
background: #333 url("images/heading13.jpg") no-repeat; /* color background heading picture */
background-position: top right;
}

#heading6 {
width: 880px;
height: 356px;
background: #333 url("images/heading6.jpg") no-repeat; /* color background heading picture */
background-position: top right;
}

#heading7 {
width: 880px;
height: 356px;
background: #333 url("images/heading14.jpg") no-repeat; /* color background heading picture */
background-position: top right;
}

#heading8 {
width: 880px;
height: 356px;
background: #333 url("images/heading7.jpg") no-repeat; /* color background heading picture */
background-position: top right;
}

#heading9 {
width: 880px;
height: 356px;
background: #333 url("images/heading11.jpg") no-repeat; /* color background heading picture */
background-position: top right;
}

#heading10 {
width: 880px;
height: 356px;
background: #333 url("images/heading16.jpg") no-repeat; /* color background heading picture */
background-position: top right;
}

#heading11 {
width: 880px;
height: 356px;
background: #333 url("images/piano2.jpg") no-repeat; /* color background heading picture */
background-position: top right;
}

#heading12 {
width: 880px;
height: 805px;
background: #333 url("images/poster.jpg") no-repeat; /* color background heading picture */
background-position: top right;
}

#heading13 {
width: 880px;
height: 356px;
background: #333 url("images/Ewald.jpg") no-repeat; /* color background heading picture */
background-position: top right;
}

#heading100 {
width: 880px;
height: 356px;
background: #333 url("images/heading1_EN.jpg") no-repeat; /* color background heading picture */
background-position: top right;
}

#heading200 {
width: 880px;
height: 356px;
background: #333 url("images/heading11.jpg") no-repeat; /* color background heading picture */
background-position: top right;
}


#wrapper {
width: 880px; /* White background */
height: 840px;
background: #fff url("images/sidebar.jpg") repeat-y;/* color background heading picture, the picture is a het gray rectanglar, repeated vertically */
background-position: 0 0;
border: solid 3px #333;
margin: 0 auto;
text-align: left;
}

#wrapper2 {
width: 880px; /* White background */
height: 803px;
background: #fff url("images/sidebar.jpg") repeat-y;/* color background heading picture, the picture is a het gray rectanglar, repeated vertically */
background-position: 0 0;
border: solid 3px #333;
margin: 0 auto;
text-align: left;
}

h1 { /*rechthoek */
width: 870px;
height: 3px;
background-color: #333;
float: left;
padding-left: 10px;
color: #fff;
cursor: default;
}

#nav li a { /* tekst menu specificaties */
color: #FFF; /* tekst kleur */
font: normal 20px/40px verdana, arial, tahoma, sans-serif; /* groote en hoogte letters */
display: block;
width: 169px;
height: 50px; /* selecteer de hoogte van je menu knoppen */
background-color: #333;
border-bottom: 1px solid #fff; /* verticale lijnen */
padding-left: 10px;
text-decoration: none;
}

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

#sidebar {
width: 150px;
background-color: #333;
float: left;

 /* stel hier de hoogte en verticale coordinaten in van je sidebar met logo erin */
padding: 8px;
}

img {
border: none;
}

a img {
margin-bottom: 20px;
border: 1px solid #fff;
}

a:hover img {
border-color: #f00;
}

#content {
float: Right;
width: 670px;
height: 445px;
 /* hier hoofdtekst positie aanpassen */
margin-top:10px;
margin-bottom:0px;
margin-right:13px;
margin-left:20px;
}

#content2 {
float: Right;
width: 660px;
height: 520px;
 /* hier hoofdtekst positie aanpassen */
margin-top:10px;
margin-bottom:0px;
margin-right:13px;
margin-left:20px;
}

p {
margin-bottom: 10px;
}

p:first-line {
font-weight: bold;
}

#footer {
color: #000000;
text-align: center;
clear: both;
width: 700px;
margin-left: 175px;
}