/* CSS Document Tijdschriften Pakket site*/

/* --------font-sizing--------*/
body {
   font-size: 100%; /*for IE*/
        }
html>body { 
   font-size: 13px; /* for alle other browsers, IE cannot read this*/
   }


/* --------fonts and fontsize------- */

body	{font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#FFFFFF; /*wit*/
		background: #FFFFFF url(images/body.jpg) repeat-x 0 0; /*verloopje, anders wit*/
		margin:	0;
		padding:0;
		}

/* teksten */
p	{font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000; /*zwart*/
	line-height:1.5em;
	padding: 5px 10px;
	margin: 5px 10px;
	}
	
h1	{font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:1.2em;
	font-weight:bold; /*in FF is bold mooier, in aparte IE stylesheet op normal gezet, dat is in IE mooier)*/
	color: #E3001B /*rood*/;
	padding: 5px 10px;
	margin: 5px 10px;
	}

h2	{font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:1em;
	font-weight:bold; /*in FF is bold mooier, in aparte IE stylesheet op normal gezet, dat is in IE mooier)*/
	color: #E3001B /*rood*/;
	padding: 5px 10px;
	margin: 5px 10px;
	}

h3	{font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:1.5em;
	font-weight:bold; /*in FF is bold mooier, in aparte IE stylesheet op normal gezet, dat is in IE mooier)*/
	color: #E3001B /*rood*/;
	padding: 5px 10px;
	margin: 5px 10px;
	text-align:center;	
	}
	
#bladinfo p	{font-family:Verdana, Arial, Helvetica, sans-serif;
			color: #000000; /*zwart*/
			font-size: 12px;
			font-weight: bold;
			line-height:1.5em;
			margin: 5px;
			text-align: center;
			}


#footer p	{font-family: Arial, Verdana, Helvetica, sans-serif; /*Arial is mooier omdat dit klein lettertje is, daarom verdana als 2e*/
			font-size: 10px;
			color: #666666 ; /*grijs */
			}

a	{
	outline: none;
	}
	
a:link {
color : #E3001B; /*rood*/
text-decoration : none; 
border-bottom : 1px dotted #E3001B; /*rood*/
} 
a:visited {
color : #E3001B; /*rood*/
text-decoration : none; 
border-bottom : 1px dotted #E3001B; /*rood*/
} 
a:hover {
color : #E3001B; /*rood*/
text-decoration : none; 
border-bottom : 1px solid #E3001B; /*rood*/
} 
a:active {
color : #E3001B; /*rood*/
text-decoration : none; 
border-bottom : 1px solid #E3001B; /*rood*/
} 

/*------------afbeeldingen en afbeeldingen met links------------*/

#bladinfo img	{margin: 5px 0; /*om de foto niet direct onder de tekst te plaatsen*/
				}

a.geenstreep	{border-style: none; /*deze class gebruiken voor foto's die ook link zijn, ander komt er een stippellijn onder*/
						}

/* ------------- div's ---------------*/	

#main	{width: 900px;
		height: auto; 
		margin: 0 auto;
		padding: 0;
		}

#logo	{width: 900px;
		height: 105px; /*grootte logo jpg = 652px x 95px, dan zit er 10px onder en boven*/
		background: #FFFFFF /*wit*/ url(images/logo.jpg) no-repeat bottom center;
		}

#inhoud	{width: 900px;
		min-height: 350px; /*min-height aangegeven, anders is in FF de hoogte 0*/
		background: #BEDA51; /*lichtgroen*/
		padding: 0px;
		}


#menu	{width: 200px; /*eventueel breedte aanpassen aan woorden */
		height: auto;
		float: left;
		background: #BEDA51; /*lichtgroen*/
		list-style: none; /*bullets weg*/
		margin: 0 0 40px 0;
		padding: 0;
		}

#bladinfo	{width: 150px; /*voor info over pakketten en bladen, achtergrond wit */
			height: auto;
			border: 1px dotted #E3001B;
			padding: 10px ;
			margin: 10px;
			background: #FFFFFF; /*wit*/
			float: right;
			}
#tip		{width: 170px; /*voor andere info rechts*/
			height: auto;
			border: 1px dotted #E3001B;
			padding: 0 ;
			margin: 10px;
			background: #edf5ce; /*lichtgroen*/
			float: right;
			} 

#infoblok	{width: 470px;
			border-left: 1px dotted #E3001B; 
			border-right: 1px dotted #E3001B; 			
			padding: 10px;
			margin: 0 5px 10px 5px; 
			background: #D0E382; /*lichtergroen was eerst #DFEDA7*/
			float: left;
			}
#infoblokenq	{width: 655px;
			border-left: 1px dotted #E3001B; 
			border-right: 1px dotted #E3001B; 			
			padding: 5px;
			margin: 0 3px 10px 2px; 
			background: #D0E382; /*lichtergroen was eerst #DFEDA7*/
			float: left;
			}
			
#fffix	{width:	900px;
		height: 1px;
		clear: both; /* om te zorgen dat div inhoud ook in FF hoog genoeg is */
		}
		
#footer	{width:	900px;
		height: 20px;
		text-align: left;
		clear: both;
		}

#ufoDemo	{width: 350px; /*om het flashfilmpje in het midden te krijgen*/
			margin: 0 auto;
			}


/*----------- menu--------------*/
#menu li	{padding: 10px 0px 10px 20px;
			font-weight: bold; 
			}

#menu a		{border-style: none none none solid;
			font-family: Verdana, Arial, Helvetica, sans-serif;/*"Georgia regular", "Times New Roman", Times, serif;*/
			font-size: 15px;
			padding-top: 2px; /*zorgt dat het streepje niet te hoog wordt */
			padding-bottom: 2px;
			padding-left: 6px;
			}
			
#menu a:link	{border-left: solid 4px #E3001B; /*rood*/
				color: #FFFFFF; /*wit*/
				}
#menu a:visited	{border-left: solid 4px #E3001B; /*rood*/
				color: #FFFFFF; /*wit*/
				}
#menu a:hover	{border-left: solid 4px #FFFFFF; /*wit*/
				color: #E3001B; /*rood*/
				}
#menu a:active	{border-left: solid 4px #000000; /*zwart*/
				color: #000000; /*zwart*/
				}
#menu li#huidig a	{border-left: solid 4px #FFFFFF; /*voor huidige pagina*/ 
				color: #E3001B; /*rood*/
				}
				
/*-------------diversen----------*/

			
.fotopakket	{margin: 5px 30px;
			} /* is deze nog nodig?*/
			
.tabeltekst	{font-family:Verdana, Arial, Helvetica, sans-serif;
			color: #000000; /*zwart*/
			line-height:1.5em;
			padding: 5px 10px;
			margin: 5px 10px;
			}