/****************************************************
stijlblad 2 en 3 koloms vaste breedte gecentreerd
met aanvullende code voor thingamablog
****************************************************/


body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	background-color: #333333;
	color: #FC6;
}

table {
    font-size: 16px;
}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
}

h1 {
	text-align: center;
	font-weight: bolder;
	font-size: 180%;
	letter-spacing: 8px;
	padding-bottom: 20px;
	margin-top: 0px;/* oplossing voor bug in firefox? */
}

h2 {
	text-align: center;
	font-weight: bolder;
	font-size: 150%;
	letter-spacing: 10px;
	padding-bottom: 20px;
	margin-top: 0px;/* oplossing voor bug in firefox? */
}

h3 {
	text-align: center;
	font-size: 100%;
}

p {
	font-family: Arial,Helvetica,sans-serif;
	line-height: 150%;
	font-size: 100%;
}

strong.strong1 {
	font-weight: normal;
}

img {
	border: none;
}

a:link, a:visited {
	color: #F60; /* F90, 606, 930, C30 */
	text-decoration: underline;
}

a:hover, a:active {
	color: #FFC; /* FFC, F90, 606 */
}

div#totaal {
	width: 850px; /* 750 */
	margin: 10px auto;
	text-align: left;
	padding: 0px;
	border: thin ssolid Black;
}

div#header {
	width: 850px; /* 750 */
	margin-bottom: 10px;
	margin-left: 0px; /* 50 */
	border: 1px ssolid Black;
}

div#menu {
	width: 220px; /* 220 180 */
	float: left;
	border: 1px ssolid Orange;
}

div#menurechts {
	width: 150px;
	float: right;
	border: 1px ssolid Black;
}

div#inhoud {
	margin-left: 240px; /* 200 */
	border: 1px ssolid Black;
	padding: 0px;
	}

div#inhoudsmal {
	margin-left: 240px; /* 200 */
	margin-right: 170px;
	border: 1px ssolid Black;
	padding: 0px;
}

div#voet {
	height: 15px;
	clear: both;
	padding: 10px 0 10px 0;
	margin-bottom: 10px;
	letter-spacing: 1px; 
	text-align: center;
	font-size: 80%;
	border: 1px ssolid #C30;
}

div#voet a:link,
div#voet a:visited {
	color: #FF9900;
	text-decoration: none;
	border: 1px ssolid #C30;
}

div#voet a:hover,
div#voet a:active {
	color: #FFC;
	text-decoration: underline;
}



/* navigatiemenu links */
div#menu ul {
	margin: 0px; /*removes indent IE and Opera*/
	padding: 0px; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
}

div#menu li {
}

div#menu li.menuspacer {
	width: 125px;
	height: 0.5em;
	margin-top: 1em;
	border-top: 1px solid #F60; /*F90*/
}

div#menu a:link,
div#menu a:visited {
	color: #F60; /* F60 FC0 F93 */
	display: block;
	width: 140px;
	height: 1.0em;
	margin: 0.5em 0 0.5em 0;
	letter-spacing: 3px;
	text-decoration: none;
	border: 1px ssolid #C30;
}

div#menu a:hover,
div#menu a:active {
	color: #FFC;
	text-decoration: underline;
}

div#menu a#actief {
	color: #FFC;
	display: block;
	width: 140px;
	height: 1.0em;
	margin: 0.5em 0 0.5em 0;
	letter-spacing: 3px;
	text-decoration: none;
	font-weight: bolder;
}

div#menu a.sub:link,
div#menu a.sub:visited {
	color: #F60; /* #F90; */
	display: block;
	height: 1.0em;
	width: auto;
	margin-left: 0.4em;
	text-align: left;
	font-size: 0.9em; /* 90%; */
	letter-spacing: 1px;
	border: 1px ssolid Black;
}

div#menu a.sub:hover,
div#menu a.sub:active {
	color: #FFC;
	height: 1.0em;
	text-decoration: underline;
}

div#menu a#subactief {
	font-weight: normal; /* bolder */
	color: #FFC;
	display: block;
	height: 1.0em;
	margin-left: 0.3em; /* 0.9em; */
	text-align: left;
	font-size: 0.9em; /* 90%; */
	letter-spacing: 1px;
	text-decoration: none;
	border: 1px ssolid Black;
}

div#menu a#subsubactief {
	font-weight: normal; /* bolder */
	color: #FFC;
	display: block;
	height: auto; /* was eerst 1 em */
	margin-left: 0.6em;
	text-align: left;
	font-size: 0.9em; /* 80% */
	letter-spacing: 1px;
	text-decoration: none;
	border: 1px ssolid Black;
}
/* einde navigatiemenu links */


/* menu rechts */
/* einde menu rechts */


/* kruimelspoor */
div.kruimelspoor a:link,
div.kruimelspoor a:visited {
	color: #F60; /* F60 FC0 F93 */
	display: inline;
	letter-spacing: 1px;
	text-decoration: none;
	border: 1px ssolid #C30;
}

div.kruimelspoor a:hover,
div.kruimelspoor a:active {
	color: #FFC;
	text-decoration: underline;
}

div.kruimelspoor {
	display: inline;
	font-size: 90%;
	letter-spacing: 1px;
	padding-top: 15px; /* deze instelling zorgt ervoor dat de interne anchor de juist positie geeft */
	border: 1px none #C30;
}
/* einde kruimelspoor */


/* interne fotonavigatie */
div.fotonavigatie {
	letter-spacing: 1px;
	font-size: 1;
	font-size: 90%;
	border: 1px ssolid #C30;
}

div.fotonavigatie a:link,
div.fotonavigatie a:visited {
	color: #F60; /* F60 FC0 F93 */
	letter-spacing: 1px;
	text-decoration: none;
	border: 1px ssolid #C30;
}

div.fotonavigatie a:hover,
div.fotonavigatie a:active {
	color: #FFC;
	text-decoration: underline;
}
/* einde interne fotonavigatie */


/* interne fotoindexnummering */
div.fotoindexnummering {
	letter-spacing: 1px;
	font-size: 90%;
	border: 1px ssolid #C30;
}

div.fotoindexnummering a:link,
div.fotoindexnummering a:visited {
	color: #F60; /* F60 FC0 F93 */
	text-decoration: none;
	border: 1px ssolid #C30;
}

div.fotoindexnummering a:hover,
div.fotoindexnummering a:active {
	color: #FFC;
	text-decoration: underline;
}
/* einde interne fotoindexnummering */


/* interne navigatie */
ul#navigatie {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul#navigatie li a {
	display: block;
	border: thin ssolid #C30;
	width: 5em;
	font-size: 90%;
	text-decoration: none;
}

ul#navigatie .links {
	float: left;
	text-align: left;
}

ul#navigatie .rechts {
	float: right;
	text-align: right;
}
/*einde interne navigatie*/


/* link naar boven op homepage */
a.naar-boven {
	font-size: 90%;
	text-decoration: none;
}

div.omhoog {
	text-align: right;
}
/* einde link naar boven op homepage */


h1#introkop {
	font-size: 1.5em;
	margin: 20px auto 0px auto;
	text-align: left;
	border: 1px ssolid Black;
	letter-spacing: 0.1em;
}

h1#introtekst {
	font-size: 100%;
	font-weight: normal;
	line-height: 140%;
	margin: 20px auto 0px auto;
	text-align: left;
	border: 1px ssolid Black;
	letter-spacing: normal;
}

h1.homepage {
	font-size: 1.2em;
	margin: 10px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border: 1px ssolid Black;
	letter-spacing: 0.1em;
}

div.nieuw {
	margin-top: 2em; 
	border-top: 1px ssolid #FC6; /*C30*/
	border-bottom: 1px ssolid #FC6; /*C30*/
	width: 600px; /*547px*/
}

div.spacer {
	clear: both;
}

div.clearleft {
	clear: left;
}

div.clearright {
	clear: right;
}

div.muziekthumbnails {
	float: left;
	width: 606px;
	text-align: center;
	border: 1px ssolid Red;
}

br.clear {
	clear: both;
}

p.datum, {
	font-size: 80%;
	font-style: italic;
}

p.kleiner {
	padding-top: 0.1em;
	text-align: left;
	font-size: 80%; /*was 70%*/
}

a.meer {
	font-style: italic;
	font-size: 90%;
	margin-left: 10px;
}  

div#omhoog {
	display: block;
	text-align: right;
	font-size: 150%;
}

div#hometitel {
	margin: 0px auto 0px auto;
	border: 1px solid Black;
} 

div#homefoto1 {
	margin: 10px auto 0px auto;
	border: 1px ssolid Black;
}

div.tekstblok {
	text-align: left;
	margin: 0px 15px 30px 0px;
	border: 1px ssolid Black;
}

p.citaat  {
	text-align: left;
	font-size: 80%;
	border: 1px solid #FC6;
	padding: 10px;
}

p.gedicht {
	text-align: center;
}

h2.link {
	text-align: left;
	margin: 3em 0em 1em 0em;
	padding: 0em;
}

h2.toplink {
	text-align: left;
	margin: 0em 0em 1em 0em;
	padding: 0em;
}

ul.gedichten {
	line-height: 170%;
	list-style-type: circle;
}

ul.muziekweblog {
	list-style-type: none;
	margin: 0px; /*verwijdert inspring IE and Opera*/
	padding: 0px; /*verwijdert inspring  Mozilla and NN7*/
	list-style-type: none; /*uitzetten lijstteken*/
	line-height: 200%;
}

ul.muziekweblog li a:link,
ul.muziekweblog li a:visited {
	color: #F60; /*C30*/
	text-decoration: none;
}

ul.muziekweblog li a:hover,
ul.muziekweblog li a:active {
	color: #FFC; /*F90*/
	text-decoration: underline;
}

a.mulog {
	mmargin-top: 0px;
	padding-top: 20px;
}

img.indexfoto {
	border: none;
	height: 140px;
	width: 140px;
}

p.thumbnailbijschrift {
	font-size: 80%;
	font-stretch: narrower;
	border: none;
	text-align: center;
	margin-top: 5px;
	height: 30px; /* 30px; */
	max-width: 115px;
}

p.thumbnailbijschrift-pano {
	font-size: 70%;
	font-stretch: narrower;
	border: none;
	text-align: center;
	margin-top: 5px;
	height: 30px;
	max-width: 270px;
}

p.fotomediumbijschrift {
	text-align: left;
	wwidth: 500px;
	margin-top: 10px;
	ffont-weight: bolder;
	margin-left: 2em;
}

p.fotomediumtekst {
	text-align: left;
	width: 500px;
	margin: 20px auto 40px auto;
}

div.fotomedium {
	text-align: center;
	margin: 1em auto 2em auto;
}

div.fotomini {
	text-align: center;
	float: left;
	width: 120px;
	height: 160px;
	margin: 0px 25px 30px 0px;
	border: 1px ssolid green;
}

div.fotominibinnen {
	width: 120px;
	height: 120px;
	border: 1px ssolid black;
}

div.fotomini-pano {
	text-align: center;
	float: left;
	width: 280px;
	height: 200px;
	margin: 0px 20px 20px 0px;
	border: 1px ssolid green;
}

div.fotominibinnen-pano {
	width: 280px;
	height: 175px;
	border: 1px ssolid orange;
}

/* om minischilderijen verticaal te centreren */
table.tabelfotomini {
	width: 120px;
	height: 120px;
	margin: 0;
	padding: 0;
	border: 1px ssolid red;
}

table.tabelfotominipano {
	width: 120px;
	height: 175px;
	margin: 0;
	padding: 0;
	border: 1px ssolid red;
}

table.tabelfotomini td,
table.tabelfotominipano td {
	vertical-align: bottom;
}
/* einde tabel om minischilderijen verticaal te centreren */


img.thumbnail {
	border: 0px solid white;
}

img.mini {
	border: none;
	width: 120px;
	height: 120px;
}

img.medium {
	border: 2px ssolid White; /*was 343434*/
	text-align: center;
}

img.kleinrechts {
	border: none;
	float: right;
	margin: 0px 0px 0px 20px; 
}

img.kleinlinks {
	border: none;
	float: left;
	margin: 0px 20px 0px 0px; 
}

a.fototekstrechts {
	display: block;
	float: right;
	margin: 0px 0px 0px 10px;
	border: 1px ssolid red;
}

div#menu a.rsslink:link,
div#menu a.rsslink:visited,
div#menu a.rsslink:hover,
div#menu a.rsslink:active {
	font-size: smaller;
	letter-spacing: 1px;
	border: 1px ssolid #C30;
}

div.nieuw a.nieuwslink:link,
div.nieuw a.nieuwslink:visited {
	color: #F60; /*C30*/
	display: block;
	text-decoration: none;
}

div.nieuw a.nieuwslink:hover,
div.nieuw a.nieuwslink:active {
	color: #FFC; /*F90*/
	display: block;
	text-decoration: underline;
}

p#adres {
	margin-top: 50px;
}

#tracker {
	text-align: left;
	float: left;
	clear: both;
	margin-bottom: 40px;
	margin-top: 10px;
}

/* einde code voor website ================================ */



/* code voor weblog thingamablog ========================== */

div#weblogtitel {
	padding-bottom: 10px;
	margin-bottom: 10px; 
	border-bottom: 1px solid #F60; /* C30 */
}

div#weblogtitel a,
div#weblogtitel a:link,
div#weblogtitel a:visited,
div.blogbody a.mainpermalink,
div.blogbody a.mainpermalink:link,
div.blogbody a.mainpermalink:visited {
	color: #F60; /* C30 */
	text-decoration: none;
}

div#weblogtitel a:active,
div#weblogtitel a:hover,
div.blogbody a.mainpermalink:active,
div.blogbody a.mainpermalink:hover {
	color: #FFC; /* F90 */
	text-decoration: underline;
}

#weblogondertitel {
	text-align: center;
	letter-spacing: .3em;
	font-size: 130%;
	padding-bottom: 10px;
	margin-top: -10px; 
	font-weight: lighter;
}

.description {
	font-size: smaller;
	font-style: italic;
}	
				
#content {
	border: 1px ssolid Black;
}

.blog {
	padding-bottom: 0px;
	margin-bottom: 20px;
	border: 1px ssolid Fuchsia;
}	
	
.blogbody {
	line-height: 140%;
	border-bottom: 1px solid #F60;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border: 1px ssolid Fuchsia;
}

div.blogbody img {
	border: 0px solid White;
	margin-left: 15px; 
	width: 350px;
	hheight: auto;
}

div.blogbody h4 {
	text-align: center;
	margin-top: -1em; 
	font-size: smaller;
	font-weight: normal;
}

div.blogbody a,
div.blogbody a:link,
div.blogbody a:visited,
div.blogbody a:active,
div.blogbody a:hover {
	font-weight: normal;
	text-decoration: underline;
}

.title {
	text-align: left;
	font-weight: normal;
	font-size: 140%;
	letter-spacing: 3px;
	margin: 0px;
	padding: 0;
}			
		
#menuweblog {
	margin-bottom: 10px;
	font-size: small;
	font-weight: bold;  							
}	
		
.date	{ 
	text-align: left;
	font-weight: normal;
	font-size: smaller;
	margin-bottom: 10px;
	padding: 0px;	
}			

.posted { 
	font-size: x-small; 
}

.calendar {
	font-size: xx-small;
	font-weight: normal;
	padding: 2px 2px 2px 2px;
	text-align: left;
}

.calendarhead {	
	font-size: normal;
	font-weight: bold;
	line-height: 140%;				
}	

.side {
	font-size: smaller;
	line-height: 140%;
}	

.sidetitle {
	font-size: normal;
	font-weight: bolder;
	line-height: 140%;
	padding-top: 5px;
	margin-top: 10px;
	letter-spacing: .1em;
}		

.comments-body {
	font-size: small;
	font-weight: normal;
	line-height: 140%;
  	padding-bottom: 10px;			
}

.comments-post {
	font-size: x-small;
	font-weight: normal;
 	margin-top: 0px;		
}

.comments-head	{ 
	font-size: small; 
	font-weight:bold;
	margin-top:10px;
	text-transform: uppercase;
	border-bottom: 1px solid #C30;		
}

.trackback-body {
	font-size:small;
	font-weight:normal;
	line-height:140%;	
	padding-top:15px;				
}

.trackback-url {
	font-size:small;
	font-weight:normal;
	line-height:140%;	
	padding:5px;
	border: 1px solid #C30; 				
	}

.trackback-post {
	font-size:x-small;
	font-weight:normal;
	margin-bottom:20px;
}

#banner-commentspop {
	font-size:large;
	font-weight:bold;
	padding-left:15px; 
}

a#naarboven {
	display: block;
	text-align: right;
	margin: -15px 0px 10px auto;
	font-size: 80%;
}

hr.hrweblog {
	border: 1px solid #C30; /* C30 */
}

/* einde code voor weblog thingamablog =====================*/




/***************************************************************
****************************************************************
nieuwe code voor nieuwe paginaopmaak, overgenomen van beeldbank
****************************************************************
****************************************************************/



/* in dit veld staat de complete beeldbank */
#maincontainer {
	width: 850px;
	margin: 0 auto;
	min-height: 300px;
	background: #333333;
	text-align: left;
	border: ssolid 0px Red;
}

* html #maincontainer {
	height: 300px;
}

/************************************************
Header
*************************************************/

#header {
	padding: 5px 0px 5px 0px;
	text-align: right;
	border: 0px solid Red;
}


/************************************************
Inhoud
*************************************************/

/* Maakt plaats vrij voor het menu bovenaan */
.outer {
	margin-top: 10px;
	padding-left: 170px;
	border: 0px solid red;
}

.inner {
	width: 680px;
	border: 0px solid red;
}

* html .inner {
	width: 100%;
}

/* Dit blok voor hoofdinhoud bepaalt zijdelingse plaatsing van navigatie en content */
.floatwrap {
	float: left;
	width: 850px;
	margin-left: -170px;
	border: 0px solid lime;
}

#content {
	float: right;
	width: 680px;
	background: #333333;
	margin-top: 40px; /* afstand hoofdinhoud onder bovenmenu */
	border: 0px solid Blue;
}

* html #content {
	position: relative; 
}

.contentwrap {
	padding: 0px 0px 0px 0px; /* uitvulling tot rand in hoofdblok */
	border: 0px solid lime;
}

/* inhoudsvak met tekst, smaller en opgeschoven naar links */
.contentwrapsmal {
	padding: 0px 0px 0px 70px;
	border: 0px ssolid red;
}

div.spacer {
	clear: both;
}

div.clearleft {
	clear: left;
}

div.clearright {
	clear: right;
}

#tracker {
	text-align: left;
	float: left;
	clear: both;
	margin-bottom: 40px;
	margin-top: 10px;
}


/*************************************************
Navigatiemenu links
*************************************************/

#navigatiemenulinks {
float: left;
width: 160px;
background: #333333; 
min-height: 250px;
padding: 1px;
border: ssolid 1px Lime;
}

* html #navigatiemenulinks {
position: relative; 
height: 250px;
}

#navigatiemenulinks ul {
margin: 0px; /*removes indent IE and Opera*/
padding: 0px; /*removes indent Mozilla and NN7*/
list-style: none;
padding-bottom: 4px;
}

div#navigatiemenulinks li.menuspacer {
	width: 125px;
	height: 0.5em;
	margin-top: 1em;
	border-top: 1px solid #F60;
}

div#navigatiemenulinks a:link,
div#navigatiemenulinks a:visited {
	color: #F60; /* F60 FC0 F93 */
	display: block;
	width: 140px;
	height: 1.0em;
	margin: 0.5em 0 0.5em 0;
	letter-spacing: 2px;
	text-decoration: none;
	border: 1px ssolid #C30;
}

div#navigatiemenulinks a:hover,
div#navigatiemenulinks a:active {
	color: #FFC;
	text-decoration: underline;
}

div#navigatiemenulinks a#actief {
	color: #FFC;
	display: block;
	width: 140px;
	height: 1.0em;
	margin: 0.5em 0 0.5em 0;
	letter-spacing: 3px;
	text-decoration: none;
	font-weight: bolder;
}

div#navigatiemenulinks a.sub:link,
div#navigatiemenulinks a.sub:visited {
	color: #F60; /* #F90; */
	display: block;
	height: 1.0em;
	width: auto;
	margin-left: 0.4em;
	text-align: left;
	font-size: 0.9em; /* 90%; */
	letter-spacing: 1px;
	border: 1px ssolid Black;
}

div#navigatiemenulinks a.sub:hover,
div#navigatiemenulinks a.sub:active {
	color: #FFC;
	height: 1.0em;
	text-decoration: underline;
}

div#navigatiemenulinks a#subactief {
	font-weight: normal; /* bolder */
	color: #FFC;
	display: block;
	height: 1.0em;
	margin-left: 0.3em; /* 0.9em; */
	text-align: left;
	font-size: 0.9em; /* 90%; */
	letter-spacing: 1px;
	text-decoration: none;
	border: 1px ssolid Black;
}

div#navigatiemenulinks a#subsubactief {
	font-weight: normal; /* bolder */
	color: #FFC;
	display: block;
	height: auto; /* was eerst 1 em */
	margin-left: 0.6em;
	text-align: left;
	font-size: 0.9em; /* 80% */
	letter-spacing: 1px;
	text-decoration: none;
	border: 0px solid Black;
}

div#navigatiemenulinks a.rsslink:link,
div#navigatiemenulinks a.rsslink:visited,
div#navigatiemenulinks a.rsslink:hover,
div#navigatiemenulinks a.rsslink:active {
	font-size: smaller;
	letter-spacing: 1px;
	border: 0px solid #C30;
}


/*************************
Navigatiemenu boven
**************************/

#navigatiemenuboven {
	margin: -20px 0 0 -650px; /* met deze waarden wordt het tweede menu bovenaan geplaatst */
	float: left; 
	width: 600px;
	padding: 2px;
	height: 35px;
	border: 0px solid red;
}

* html #navigatiemenuboven {
	position: relative; 
}

#navigatiemenuboven ul {
	list-style: none;
}

#navigatiemenuboven li {
	display: inline;
	padding-right: 20px;
}

#navigatiemenuboven a:link,
#navigatiemenuboven a:visited {
	color: #F60;
	letter-spacing: 2px;
	text-decoration: none;
}

div#navigatiemenuboven a:hover,
div#navigatiemenuboven a:active {
	color: #FFC;
	text-decoration: underline;
}



/*****************************************
FOOTER
*****************************************/

#voetblok {
	width: 850px;
	height: 15px;
	clear: both;
	margin: 30px auto;
	padding: 10px 0 10px 0;
	text-align: center;
	letter-spacing: 1px; 
	font-size: 80%;
}
/******************************************
EINDE FOOTER
******************************************/


/* einde code voor nieuwe paginaopmaak, overgenomen van beeldbank  */