/* standaard paddind, margin en border op 0 */
*{
	padding: 0px;
	margin: 0px;
	border: 0px;
	/*color: #FFFFFF;*/
}

/* alles omvattende klasse */
#content{
	padding-top: 20px;
	background: url(images/image/back.png) no-repeat;
	background-color: #999999;
	text-align: center;
	font-family: tahoma, geneva, helvetica, sans-serif;
	font-variant: small-caps;
	height: 1000px;
}

div#leftcontent ul {
	list-style-type: disc;
	font-family: arial, sans-serif;
	font-size: 12px;
	margin-left:15px;
}
div#leftcontent a {
	font-family: arial, sans-serif;
	font-size: 12px;
	color:#000000;
	font-weight:bold;
}


/* div voor alle inhoud */
#container{
	margin: auto;
	width: 820px;
	height: 667px;
	background-color: #000000;
}

/* logo en plaatje rechts van het logo */
#head{
}

/* div voor het logo */
#logo{
	float: left;
}

/*plaatje rechts van het logo */
#righthead{
	padding-top: 7px;
	padding-right: 4px;
}

#links{
	position: absolute;
	left: -408px;
	top: -7px;
	height: 25px;
	clear: both;
}

html>body #links{
	left: 0px;
}

#link{
	min-width: 48px;
	font-family: tahoma, geneva;
	float: left;
	padding-left: 5px;
}

#content_wrapper{
	position: relative;
	clear: both;
}

/* omdat alle verschillende pagina's een andere kleur head hebben krijgen ze
    allemaal een eigen div klasse... */

#title_over, #title_nieuws, #title_monturen, #title_brillenglazen, #title_contactlenzen,
	#title_zonnebrillen, #title_oogzorg, #title_club, #title_vacatures, #title_contact,
	#title_amsterdam, #title_katwijk, #title_leiderdorp, #title_rightcover1, #title_rightcover2,
	#title_cover1, #title_cover2, #title_cover3, #title_leiden, #title_oegstgeest {
	position: absolute;
	top: 20px;
	right: 7px;
	line-height: 38px;
	text-align: left;
	padding-left: 50px;
	height: 38px;
	width: 806px;
}

html>body #title_over, html>body #title_nieuws, html>body #title_monturen, html>body #title_brillenglazen,
html>body #title_contactlenzen, html>body #title_zonnebrillen, html>body #title_oogzorg,
html>body #title_club, html>body #title_vacatures, html>body #title_contact, html>body #title_amsterdam,
html>body #title_amsterdam, html>body #title_katwijk, html>body #title_leiderdorp, html>body #title_rightcover1,
html>body #title_rightcover2, html>body #title_cover1, html>body #title_cover2, html>body #title_cover3,
html>body #title_leiden, html>body #title_oegstgeest {
	width: 756px;
}

#title_over{
	background: url(images/image/title_over.gif) no-repeat left;
	background-color: #FF9901;
}

#title_nieuws{
	background: url(images/image/title_nieuws.gif) no-repeat left;
	background-color: #197B30;
}

#title_monturen{
	background: url(images/image/title_monturen.gif) no-repeat left;
	background-color: #E4458C;
}

#title_brillenglazen{
	background: url(images/image/title_brillenglazen.gif) no-repeat left;
	background-color: #336612;
}

#title_contactlenzen{
	background: url(images/image/title_contactlenzen.gif) no-repeat left;
	background-color: #91BAD0;
}

#title_zonnebrillen{
	background: url(images/image/title_zonnebrillen.gif) no-repeat left;
	background-color: #ACA129;
}

#title_oogzorg{
	background: url(images/image/title_oogzorg.gif) no-repeat left;
	background-color: #A04116;
}

#title_club{
	background: url(images/image/title_club.gif) no-repeat left;
	background-color: #B7B7B7;
}

#title_vacatures{
	background: url(images/image/title_vacatures.gif) no-repeat left;
	background-color: #E43D24;
}

#title_contact{
	background: url(images/image/title_contact.gif) no-repeat left;
	background-color: #EC982F;
}

#title_amsterdam{
	background: url(images/image/title_amsterdam.gif) no-repeat left;
	background-color: #FF9100;
}
#title_katwijk{
	background: url(images/image/title_katwijk.gif) no-repeat left;
	background-color: #FF9100;
}
#title_leiden{
	background: url(images/image/title_leiden.gif) no-repeat left;
	background-color: #FF9100;
}
#title_oegstgeest{
	background: url(images/image/title_oegstgeest.gif) no-repeat left;
	background-color: #FF9100;
}
#title_leiderdorp{
	background: url(images/image/title_leiderdorp.gif) no-repeat left;
	background-color: #FF9100;
}
#title_rightcover1{
	background: url(images/image/title_cover1.gif) no-repeat left;
	background-color: #333400;
}
#title_rightcover2{
	background: url(images/image/title_cover2.gif) no-repeat left;
	background-color: #FFFFFF;
}
#title_cover1{
	background: url(images/image/title_cover3.gif) no-repeat left;
	background-color: #168a3e;
}
#title_cover2{
	background: url(images/image/title_cover3.gif) no-repeat left;
	background-color: #168a3e;
}
#title_cover3{
	background: url(images/image/title_cover3.gif) no-repeat left;
	background-color: #168a3e;
}


/*leftcontent is het tekstvak op alle pagina's behalve de home */
#leftcontent{
	position: absolute;
	background-color: #FFFFFF;
	top: 65px;
	left: -403px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-top: 0px;
	width: 514px;
	height: 431px;
	text-align: left;

}

html>body #leftcontent{
	left: 7px;
	width: 454px;
	height: 400px;
}

#leftcontent_txt{
	position: relative;
	color: #000000;
	text-align: left;
	padding-right: 12px;
	font-family: arial;
	font-size: 10px;
	line-height: 16px;
	font-variant: normal;
	overflow: auto;
	height: 339px;
}

html>body #leftcontent_txt{
	height: 350px;
}


#leftcontent_txt_large{
	margin-top: 20px;
	position: relative;
	color: #000000;
	text-align: left;
	padding-right: 12px;
	font-family: arial;
	font-size: 10px;
	line-height: 16px;
	font-variant: normal;
	overflow: auto;
	height: 379px;
}

html>body #leftcontent_txt{
	height: 370px;
}


#anchor{
	color: #000000;
	padding-top: 10px;
	padding-bottom: 20px;
	font-variant: small-caps;
	font-family: tahoma, geneva;
	font-size: 10pt;
	height: 20px;
	text-decoration: bold;
}

/*rightcontent is het plaatje rechts op alle pagina's behalve de home */
#rightcontent{
	position: absolute;
	right: 7px;
	top: 65px;
	margin-left: 3px;
}

/* toplinks is voor de anchor links in de tekstverhaaltjes etc.. */
#toplinks{
	padding-top: 20px;

}

/* h4 is de header van de tekstjes op de site.. */
h1*{
	color: #000000;
	padding-bottom: 20px;
	font-variant: small-caps;
	font-family: verdana;
	font-size: 13px;

}

h1>a{
	color: #000000;
	padding-bottom: 20px;
	font-variant: small-caps;
	font-family: verdana;
	font-size: 13px;

}

p{
	color: #000000;
	text-align: left;
	font-family: arial;
	font-size: 12px;
	line-height: 17px;
	font-variant: normal;
}

td{
	color: #000000;
	text-align: left;
	font-family: arial;
	font-size: 12px;
	line-height: 17px;
	font-variant: normal;
}
a.anchor{
	color: #000000;
	font-variant: small-caps;
	font-family: arial;
	font-size: 10pt;
	text-decoration: none;
}

#contentfooter{
	position: absolute;
	right: 7px;
	top: 250px;
	line-height: 1.2;
	width: 799px;
	height: 40px;
}

#contentfooter_visual{
	float: right;
	right: 7px;
}

html>body #contentfooter_txt{
	position: absolute;
	text-align: left;
	top: -5px;
}

#contentfooter_txt{
	position: absolute;
	text-align: left;
	left: 7px;
	top: -5px;
}

#bottomfooter{
	position: absolute;
	right: 0px;
	top: 544px;
}

html>body #bottomfooter{
	right: 820px;
	top: 547px;
}

#footerlabel{
	position: absolute;
	left: 0px;
}


#footerafzender{
	float: right;
}

html>body #footerafzender{
	position: absolute;
	left: 500px;
}

a{
	text-decoration: none;
}

a.anchor:hover{
	text-decoration: underline;
}

a.links:hover{
	text-decoration: underline;
}