/* CSS Document standaard voor alle blogs*/
/*  
'*<componentinfo>Product Line BLOG</componentinfo>
'*<versioninfo>3.20.03 (2010-09-02)</versioninfo>
'*<change>3.20.03 (2010-09-02);edj;opschonen en aanpassen route/mail/rss info</change>  
'*<change>3.20.02 (2010-08-27);edj;non active kleuren verwijderd,divs groter en kleiner verwijderd, div beeldkop verwijderd: deze stond er dubbel in, h3/top,ruimte verwijderd, divs zoeken en tekstzoeken verwijderd, div fotostreep verwijderd, </change>
'*<change>3.20.01 (2010-08-27);tvl;initiele versie</change>  
*/


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

html, body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	line-height: 16px;
}

ul{
	text-align: left;
	list-style-position: outside;
	padding-left: 26px;
	list-style-type: disc;
}

.menu a:link, .menu a:visited 
{
	font-weight: bold;
	text-decoration: none;
}

.menu a:hover, .menu a:active 
{
	font-weight: bold;
	text-decoration: none;
}

a:link, a:visited {
	font-weight: bold;
	text-decoration: none;
}
a:hover, a:active {
	font-weight: bold;
	text-decoration: none;
}
/*Hierin wordt alle content geplaatst, de container zorgt voor plaatsing in het midden vh beeld*/

#container {
	position: relative;
	width: 764px;
	height: 764px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;	
	text-align: center;
	visibility: visible;
}
#kop{
	position:absolute;
	width: 764px;
	height: 64px;
	top: 0px;
	left: 0px;
	z-index: 3;
	visibility: visible;
	overflow: hidden;
}
#kopletters{
	position: absolute;
	width: 760px;
	height: 60px;
	top: 2px;
	left: 2px;
	line-height: 60px;
	text-align: center;
	z-index: 3;
	visibility: visible;
}
/* In deze div stond vroeger BBB copyright, maar nu dus de RSS icon en tekst RSS */
#copyright{
	position: absolute;
	width: 45px;
	height: 16px;
	top: 44px;
	left: 712px;
	line-height: 20px;
	text-align: right;
	z-index: 6;
	visibility: visible;
}

/*De fotorij aan de bovenkant van een pagina*/
#beeldkop{
	position:absolute;
	top: 73px;
	width: 766px;
	left: 0px;
	height: 102px;
	z-index: 2;
	visibility: visible;
	text-align: center;
	overflow: hidden;
}

#menu 
{
	position: absolute;
	top: 182px;
	left: 0px;
	width: 764px;
	height: 39px;
	vertical-align: middle;
	visibility: visible;
	z-index: 5;
}

#menutekst {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 760px;
	height: 35px;
	text-align: left;
	line-height: 35px;
	visibility: visible;
	z-index: 4;
}
/*div waarin 'contact' staat in het menu*/
#mailtekst{
	position: absolute;
	top: 2px;
	left: 705px;
	width: 29px;
	height: 35px;
	line-height: 35px;	
	text-align: left;	
	visibility: visible;
	z-index: 7;
}

#NieuwsL,#VerhaalL
{
	position: absolute;
	top: 236px;
	left: 10px;
	width: 282px;
	z-index: 7;
	text-align: left;
	visibility: visible;
	overflow: visible;
	height: 1000px;
}

#NieuwsR,#VerhaalR
{
	position: absolute;
	top: 236px;
	left: 330px;
	width: 408px;
	z-index: 9;
	text-align: left;
	visibility: visible;
	overflow: visible;
	height: 1000px;
}

#EmailR
{
	position: absolute;
	padding:30px;
	padding-top:19px;
	width: 464px;
	height: 351px;
	z-index: 8;
	top: 236px;
	left: 240px;
	text-align: left;
	visibility: visible;
	overflow: visible;
}

#EmailResultaat
{
	position: absolute;
	padding:30px;
	padding-top:19px;
	width: 464px;
	height: 351px;
	z-index: 8;
	top: 400px;
	left: 240px;
	text-align: left;
	visibility: visible;
	overflow: visible;
}

#RouteR
{
	position: absolute;
	width: 524px;
	height: 411px;
	border: 1px solid #666666;
	z-index: 8;
	top: 236px;
	left: 240px;
	text-align: left;
	visibility: visible;
	overflow: visible;
}

#rssinfo
{
	position: absolute;
	width: 514px;
	padding:5px;
	height: 401px;
	z-index: 8;
	top: 236px;
	left: 240px;
	text-align: left;
	visibility: visible;
	overflow: visible;
}

#ContactArea
{
	position: absolute;
	width: 220px;
	height: 1000px;
	z-index: 8;
	top: 236px;
	left: 10px;
	text-align: left;
	visibility: visible;
	overflow: visible;
}

#ContactInfo
{
	position: absolute;
	width: 220px;
	height: 341px;
	z-index: 8;
	top: 0px;
	left: 0px;
	text-align: left;
	visibility: visible;
	overflow: hidden;
}

#ContactInfo h1
{
	font-size: 11px;
	font-weight: bold;
	padding-top: 5px;
}

#ContactMenu
{
	position: absolute;
	width: 220px;
	height: 80px;
	z-index: 8;
	top: 325px;
	left: 0px;
	text-align: left;
	visibility: visible;
	overflow: hidden;

}

#Lijst
{
	position: absolute;
	width: 670px;
	height: 1000px;
	z-index: 8;
	top: 236px;
	left: 10px;
	text-align: left;
	visibility: visible;
	overflow: visible;
}

#FotoLijst
{
	position: absolute;
	font-size: 11px;
	text-align: center;
	line-height: 16px;	
	width: 187px;
	z-index: 3;
	top:232px;
	left: 0px;
	text-align: left;
	visibility: visible;
	overflow: hidden;
}

#NieuwsL h1,
#VerhaalL h1,
#NieuwsR h1,
#VerhaalR h1,
#Lijst h1,
#FotoLijst h1
{
	font-size: 11px;
	font-weight: bold;
}

#NieuwsL h1 a:link,
#VerhaalL h1 a:link,
#NieuwsR h1 a:link,
#VerhaalR h1 a:link,
#Lijst h1 a:link,
#FotoLijst h1 a:link,
#ContactMenu a:link,
#rssinfo a:link,
#NieuwsL h1 a:visited,
#VerhaalL h1 a:visited,
#NieuwsR h1 a:visited,
#VerhaalR h1 a:visited,
#Lijst h1 a:visited,
#FotoLijst h1 a:visited,
#ContactMenu a:visited,
#rssinfo a:visited
{
	font-weight: bold;
	text-decoration: none;
}

#NieuwsL h1 a:hover,
#VerhaalL h1 a:hover,
#NieuwsR h1 a:hover,
#VerhaalR h1 a:hover,
#Lijst h1 a:hover,
#FotoLijst h1 a:hover,
#ContactMenu a:hover,
#rssinfo a:hover,
#NieuwsL h1 a:active,
#VerhaalL h1 a:active,
#NieuwsR h1 a:active,
#VerhaalR h1 a:active,
#Lijst h1 a:active,
#FotoLijst h1 a:active,
#ContactMenu a:active,
#rssinfo a:active
{
	font-weight: bold;
	text-decoration: none;
}
/* Fotopagina : In de fotoR komen de gevulde foto-divs en de pijltjes, links en foto's staand of liggend. */
#FotoL
{
	position: absolute;
	width: 187px;
	height: 1000px;
	z-index: 2;
	top: 73px;
	left: 10px;
	text-align: left;
	visibility: visible;
	overflow: visible;
}

#FotoBijschrift 
{
	position: absolute;
	width: 187px;
	z-index: 3;
	top: 16px;
	left: 0px;
	text-align: left;
	visibility: visible;
	overflow: hidden;
	height: 192px;
}


/* ==============================================================
	bij elke kleuren css achtergrondkleur aanpassen  
	============================================================*/
#FotoContainer{
	position: absolute;
	right: 0px;
	width: 530px;
	height: 533px;
	z-index: 1;
	text-align: center;
	visibility: visible;
	top: 73px;
}
#FotoStaand {
	position: absolute;
	top: 0px;
	width: 400px;
	height: 533px;
	z-index: 3;
	text-align: center;
	overflow: hidden;
	left: 64px;
	visibility: visible;
}
#FotoLiggend{
	position: absolute;
	top: 52px;
	left: 0px;
	width: 530px;
	height: 530px;
	z-index: 3;
	overflow: hidden;
	text-align: center;
	visibility: visible;
}
#Pijltjes{
	position: absolute;
	top: 16px;
	left: 8px;
	width: 40px;
	height: 20px;
	text-align: left;
	visibility: visible;
	z-index: 4;
}

#fotonummers{
	position: absolute;
	top: 16px;
	left: 465px;
	width: 60px;
	height: 16px;
	text-align: center;
	visibility: visible;
	z-index: 4;
}

#homepijltjeTijdelijk{
	position: absolute;
	top: 30px;
	left: 3px;
	width: 20px;
	height: 20px;
	visibility: visible;
	z-index: 10;
}

.KopRegel 
{
	font-size:50px;
	font-weight: bold;
}
/*	voor de Kop kan letter-spacing: 10px; worden gebruikt*/