/* CSS Document */

/* Dit is Het CSS Document behorende bij website Stichting Friese Tjottervloot */
/* Copyright Floris Admiraal te Delft*/





			
body {	background-image:url(bg.jpg);
		background-position:top left;
		background-repeat:repeat-x;
		background-color:#ECE9CE;
		
		
		font: 1em verdana, arial, helvetica, sans-serif;
		text-align: center; /* for IE */
		margin-top:0px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:0px;
}

hr {					border: none 0; 
						border-top: 1px dashed #000;/*the border*/
						width: 100%;
						height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
						border-color:#999999;
						text-align:center;
						padding-left:40px;
						margin-right:20px;
						margin-top:0px;
						margin-bottom:0px;7
}


#achtergrondindex { 	
						width:100%;
						height:900px;
						background-image:url(bg9.jpg);
						background-position:right top;
						background-repeat:no-repeat;
}

#achtergrondshare { 	
						width:100%;
						height:900px;
						background-image:url(bg6.jpg);
						background-position:right top;
						background-repeat:no-repeat;
}

#achtergrondtjotters { 	
						width:100%;
						height:900px;
						background-image:url(bg12.jpg);
						background-position:right top;
						background-repeat:no-repeat;
}

#achtergrondhistorie { 	
						width:100%;
						height:900px;
						background-image:url(bg13.jpg);
						background-position:right top;
						background-repeat:no-repeat;
}

#achtergrondcontact { 	
						width:100%;
						height:900px;
						background-image:url(bg16.jpg);
						background-position:right top;
						background-repeat:no-repeat;
}

#achtergrondtest1 { 	
						width:100%;
						height:900px;
						background-image:url(bg19.jpg);
						background-position:right top;
						background-repeat:no-repeat;
}


#logo	{				width:516;
						height:130;
						position:absolute;	
						background-repeat:no-repeat;
						top: 0px;
						left: 0px;

}



#imglinks {
						border:0px;
						margin-left:40px;
}


/*Contact*/

#contact A:link {
				font-family: "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
				font-size: 10pt;
				color: #C1AF71;
				text-transform:uppercase;
				letter-spacing: 1px;
				line-height: 1.2em;
				text-decoration: underline;
			
				
				}
				
#contact  A:active{ 
				color:#000000;
				font-family: "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
				font-size: 10pt;
				
				text-transform:uppercase;
				letter-spacing: 1px;
				line-height: 1.2em;
				text-decoration: underline;
		
				
				}
		
#contact A:hover{
				color:#6A792F;
				font-family: "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
				font-size: 10pt;
				backround-color:#F6F3EA;
				text-transform:uppercase;
				letter-spacing: 1px;
				line-height: 1.2em;
				text-decoration: underline;
			
		}
	
#contact A:visited { 
				color: #C1AF71;
				font-family: "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
				font-size: 10pt;
				
				text-transform:uppercase;
				letter-spacing: 1px;
				line-height: 1.2em;
				text-decoration: underline;
				
				}



#contact{		width:300px;
				height:50px;
				position:absolute;
				top:70px;
				right:25px;
				
				text-align:right;
				
}




/*Einde Contact*/


/*Content*/


A:link {
				color:#6A792F;
				text-decoration: underline;
				}
				
A:active{ 
				color:#000000;
				text-decoration: none;
				}
		
A:hover{
				color:#6A792F;
				background-color:#F5F2E8;
		}
	
A:visited { 
				color:#6A792F;
				text-decoration:underline;
				}

	




#container {	text-align: left; /* counter the body center */
				background-color:none;
				margin-top:0px;
				border: 0px solid #FFFFFF;
				width: 500px;
				height: auto;
				padding-top:20px;
				position:absolute; left:10%; top:240px;
				
			}
			
			

	#aktie{		position:absolute; left: 555px; top:240px;
				width: 100px;
				height: 600px;
				margin-top:0px;
	}


/*Einde Content*/




/*Artikel*/

.artikel {		width:430px;
				text-align:left;
				
				}
.fotos	{		width:150px;
				text-align:left;
				position:absolute;
				top: 20px;
				left: 370px;}




p.titel 	{	font-family:Georgia, "Times New Roman", Times, serif;
				font-size: 22pt;
				font-weight:900;
				color: #2293BD;
				letter-spacing: -1px ;
				line-height: 1em;
				text-align:left;
				vertical-align:top;
				margin-top:0px;
				padding-top: 20px;
				padding-left: 35px;	
				padding-right: 20px;	
				padding-bottom: 40px;
						
							
			}
p.alinea	{	font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10pt;
				color: #000000;
				letter-spacing: 0.4px;
				line-height: 1.5em;
				/*text-align: left;*/
				text-align:left;
				margin-top:0px;
				padding-top: 0px;
				padding-left: 40px;	
				padding-right: 40px;	
				padding-bottom: 0px;
				text-align:left;
				
				
			}
p.laatstealinea{
				font-family: "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
				font-size: 10pt;
				color: #C1AF71;
				
				text-transform:uppercase;
				letter-spacing: 1px;
				line-height: 1.2em;
				/*text-align: left;*/
				text-align:center;
				padding-top: 40px;
				padding-left: 40px;	
				padding-right: 40px;	
				padding-bottom: 0px;

}
			
p.alineaboot	{	font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10pt;
				color: #000000;
				letter-spacing: 1px;
				line-height: 1.2em;
				/*text-align: left;*/
				text-align:right;
				margin-top:0px;
				margin-left:150px;
				margin-right:50px;
				
			}
/*Einde Artikel*/

/*Log-in Formulier*/

input {			font-size: 10px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
		}

textarea{		font-family:Verdana, Arial, Helvetica, sans-serif;
		}



h1{				font-family:Georgia, "Times New Roman", Times, serif;
				font-size: 22pt;
				font-weight:900;
				color: #2293BD;
				letter-spacing: -1px ;
				line-height: 1em;
				text-align:left;
				vertical-align:top;
				margin-top:0px;
				
				padding-left: 35px;	
				padding-right: 20px;	
				padding-bottom: 40px;
				}


p{				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10pt;
				color: #000000;
				letter-spacing: 0.4px;
				line-height: 1.5em;
				/*text-align: left;*/
				text-align:left;
				margin-top:0px;
				padding-top: 10px;
				
				padding-right: 40px;	
				padding-bottom: 0px;
				text-align:left;}
				




/*Einde Log-in Formulier*/





.hoverdiv {		width:400px;
				height: 156px;
				
				background-color:#F5F2E8;
				border-top:4px;
				border-top-color:#7B9D25;
				border-top-style:double;
				border-bottom:2px;
				border-bottom-style:dashed;
				border-bottom-color:#7B9D25;
				
				margin-top:20px;
				margin-left:50px;
				
			

}

.hoverdiv img { width:90px;
				height:136px;
				margin-left:10px;
				margin-top: 10px;
				margin-bottom: 10px;
				float:left;
				border:none;
				}
				


#bootnaam{
				
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size: 14pt;
				font-weight:600;
				color: #000000;
				letter-spacing: -1px ;
				line-height: 1em;
				text-align:right;
				vertical-align:top;
				margin-right:50px;
				margin-top:10px;
				
}









/*Menu*/

		.menu {	position: absolute; left:0px; top:160px;
				width:100%;
				line-height:16px;
				}


#navcontainer{	width: 100%;
				float: left;
				background-color: #6499DB;
				}

#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline; }

#navcontainer ul{
				margin-left:35px;
				color: #FFFFFF;
				font-family: "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
				font-size: 12px;
				letter-spacing: 2px;
				text-align: left;
				text-transform: uppercase;

}

#navcontainer ul li a{
				padding: 8px 12px;
				background-color: none;
				color: #FFFFFF;
				text-decoration: none;
				float: left;
				border-right: 1px solid #94B473;
				}

#navcontainer ul li a:hover{
				background-color: #7B9D25;
				color: #FFFFFF;
				}

#navlist li a:hover, #navlist li a:active {
				color: #FFFFFF;
				text-decoration: none;
				background: #CC3333;
				text-align: left;
				text-transform: uppercase;
				font: normal 12px/16px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
				}



/*Einde Menu*/



/*Container schaduw*/

.shiftcontainer{
				position: relative;
				left: 5px; /*Number should match -left shadow depth below*/
				top: 5px; /*Number should match -top shadow depth below*/
			
				}

.shadowcontainer{
				width: 600px; /* container width*/
				
				background-image:url(schaduw.png);
				
				}



.shadowcontainer .innerdiv{
				/* Add container height here if desired */
				background-color: white;
				background-image:url(contentbottom.jpg);
				background-position:bottom;
				background-repeat:repeat-x;
				
				border: 1px solid gray;
				border-top: 4px dashed #000;
				border-top-color:#7B9D25;
				padding: 6px;
				position: relative;
				left: -5px; /*shadow depth*/
				top: -5px; /*shadow depth*/
				}

/*Einde Container schaduw*/


/*Aktie schaduw*/

.aktieveld{		position:absolute;
				width:200px;
				height:100px;
				left:550px;
				top: 240px;
				opacity: .5;
				filter: alpha(opacity=50);
				background-color: white;
				background-image:url(aktiebg.jpg);
				background-repeat:repeat-x;
				border: 1px solid;
				border-color:#94A942;
				border-style:double;
				}


.shiftcontaineraktie{
				position: relative;
				left: 3px; /*Number should match -left shadow depth below*/
				top: 3px; /*Number should match -top shadow depth below*/
				
				}

.shadowcontaineraktie{
				width: 200px; /* container width*/
				
				background-color: #94A942;
				}

.shadowcontaineraktie .innerdivaktie{
				/* Add container height here if desired */
				height: 200px;
				

				background-color: white;
				background-image:url(aktiebg.jpg);
				background-repeat:repeat-x;
				border: 1px solid;
				border-color:#94A942;
				border-style:double;
				padding: 6px;
				position: relative;
				left: -3px; /*shadow depth*/
				top: -3px; /*shadow depth*/
				}
	
/*Einde aktie schaduw*/			




	/*Begin Lightbox*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
	
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
	
	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
	
/*Einde Lightbox*/

/*Formulier*/

.formulier {		font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					color:#666666;


}