/* basic elements */

body { 
	font: 10pt/12pt arial; 
	background: #99ccff;
	}

P {
	font-family:Arial, helvetica; 
	text-align:left; 
	font-size:9pt; 
	text-decoration:none; 
	color:#000000;
	}
	
TD {
	font-family:Arial, helvetica; 
	text-align:left; 
	font-size:9pt; 
	text-decoration:none; 
	color:#000000;
	margin-left:10px;
	margin-right:25px;
	}

H2 {
	font-family: Verdana, Arial, Helvetica; 
	text-align:left; 
	font-size:11pt; 
	text-decoration:none; 
	color:#000000;
	margin-left:10px;
	}	
	
H3 {
	font-family: Verdana, Arial, Helvetica; 
	text-align: center; 
	font-size:9pt; 
	text-decoration:none; 
	color:#858585;
	}
	
H4 {
	font-family: Verdana, Arial, Helvetica; 
	text-align: left; 
	font-size:9pt; 
	text-decoration:none; 
	color:#858585;
	}

a {
	font-family: Arial, Helvetica; 
	font-size: 9pt; 
	color:#000000; 
	text-decoration:none;
	}

a.navbar:hover {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11pt; 
	color:#CCCCCC; 
	text-decoration:none;
 	font-weight: bold; 
	}

a.navbar {
	font-family: Verdana, Arial, Helvetica;
 	font-size: 11pt; 
 	font-weight: bold; 
 	color: #000000; 
 	text-decoration: none
 	}
 	
 a.navonder {
	font-family: Arial, Helvetica;
	text-align:left; 
	font-size:9pt; 
	color:#000000;
 	font-weight: bold; 
	}
	
 a.navonder:hover {
	color:#858585;
	}

 a.leesverder {
	font-family: Arial, Helvetica;
	text-align:left; 
	font-size:7pt; 
	color:#858585;
	}
	
 a.leesverder:hover {
	color:#000000;
	}

#logo { 
	background: #FFFFFF url(../beeld/openingsbeeldauto2.jpg);
	width: 750px; 
	height: 160px; 
	position: absolute; top: 50px; left: 20px;
	}

#navigatie { 
	width: 735px; 
	height: 28px; 
	position: absolute; top: 13px; left: 30px;
	text-indent: 0px;
	}	
	
/* let op hoogte tekstvelden hangt af van hoogte container, bij aanpassen alles langslopen */
#container { 
	background: #FFFFFF;
	width: 750px; 
	height: 824px; 
	position: absolute; top: 0px; left: 20px;
	}	
	
#logorond {
	background: transparent url(../beeld/blauwecirkel.gif);
	width: 142px; 
	height: 142px; 
	position: absolute; top: 122px; left: 700px;
	}
	
/* index */

#uitgelicht { 
	background: #FFFFFF;
	width: 350px; 
	position: absolute; top: 210px; left: 30px;
	text-align: left;
	}
	
#groeten { 
	background: #FFFFFF;
	width: 350px; 
	position: absolute; top: 490px; left: 410px;
	text-align: left;
	}	
	
 #adverteren {
	background: #FFFFFF;
	width: 200px; 
	position: absolute; top: 200px; left: 790px;
	padding: 10px;
	}	
	
#agenda {
	background: #FFFFFF;
	width: 350px; 
	height: 120px; 
	position: absolute; top: 360px; left: 410px;
	border-bottom-color: #ff9933;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	}
	
#nieuw {
	background: transparent;
	width: 350px; 
	height: 140px; 
	position: absolute; top: 210px; left: 410px;
	border-bottom-color: #ff9933;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	}	

/*voor als container op homepage te kort is*/	
#extrawit { 
	background: #FFFFFF;
	width: 750px; 
	height: 133px;
	position: absolute; top: 823px; left: 20px;
}
	
/* etalage & groeten */	

p.groeten_titel {
	font-weight:bold;
	}
	
#tekstveld { 
	background: #FFFFFF;
	width: 511px; 
	height: 720px; 
	position: absolute; top: 103px; left: 30px;
	text-align: left;
	overflow: scroll;
	border-right-color: #99CCFF;
	border-right-width: 4px;
	border-right-style: solid;
	}
	
#agenda2 {
	background: #FFFFFF;
	width: 135px; 
	height: 110px; 
	padding: 10px;
	position: absolute; top: 103px; left: 545px;
	}	

#banner {
	background: #FFFFFF;
	width: 205px; 
	height: 210px; 
	position: absolute; top: 283px; left: 545px;
	padding: 10px;
	border-top-color: #99CCFF;
	border-top-width: 4px;
	border-top-style: solid;
	border-bottom-color: #99CCFF;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	}
	
#nieuw_etalage {
	background: #FFFFFF;
	width: 205px; 
	height: 180px; 
	position: absolute; top: 521px; left: 545px;
	padding: 10px;
	border-bottom-color: #99CCFF;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	}
	
/* agenda en agendaopplaats*/
 a.agenda {
	font-family: Arial, Helvetica;
	text-align:left; 
	font-size:9pt; 
	color:#000000;
 	font-weight: bold; 
	}
	
 a.agenda:hover {
	color:#858585;
	}
	
 .leesverder {
	font-family:Helvetica;
	text-align:left; 
	font-size:8pt; 
	color:#858585;
	}

#tekstveld_agenda { 
	background: #FFFFFF;
	width: 511px; 
	height: 850px; 
	position: absolute; top: 103px; left: 30px;
	text-align: left;
	overflow: scroll;
	border-right-color: #99CCFF;
	border-right-width: 4px;
	border-right-style: solid;
	}

#titel_agendatip {
	background: #FFFFFF;
	font: 9pt/11pt arial; 
	padding: 10px;
	width: 150px; 
	height: 160px; 
	position: absolute; top: 103px; left: 545px;
	}	

#agendatip {
	background: #FFFFFF;
	font: 9pt/11pt arial; 
	width: 205px; 
	padding: 10px;
	height: 200px; 
	position: absolute; top: 255px; left: 545px;
	}	
	
#nieuwagenda {
	background: #FFFFFF;
	width: 205px; 
	height: 150px; 
	position: absolute; top: 463px; left: 545px;
	padding:10px;
	border-top-color: #99CCFF;
	border-top-width: 4px;
	border-top-style: solid;
	border-bottom-color: #99CCFF;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	}

/* onderwerp en atotz*/
#tekstveld_alfabet { 
	background: #FFFFFF;
	width: 501px; 
	padding:10px;
	height: 700px;
	position: absolute; top: 103px; left: 20px;
	text-align: left;
	border-right-color: #99CCFF;
	border-right-width: 4px;
	border-right-style: solid;
	}
	
 a.alfabet {
	font-family: Arial, Helvetica;
	text-align:left; 
	font-size:10pt; 
	color:#FFFFFF;
 	font-weight: bold; 
 	background-color: #FFBB33;
	}
	
 a.alfabet:hover {
	color:#858585;
	}	

#lijn {
	background: #99CCFF;
	width: 542px;
	height: 4px;
	position: absolute; top: 275px; left: 0px;
	}
	
#tabje { 
	background: transparent url(../beeld/alfabet.jpg) no-repeat top right;
	width: 42px;
	height: 76px;
	position: absolute; top: 318px; left: 500px;
	}

p.tabje {
	font: 28pt/28pt Verdana, Arial, Helvetica; 
	color:#FFFFFF;
	text-align: right;
	margin-top: 20px;
	}
		
#agenda3 {
	background: #FFFFFF;
	width: 135px; 
	height: 130px; 
	padding: 10px;
	position: absolute; top: 103px; left: 545px;
	}	

#banner {
	background: #FFFFFF;
	width: 205px; 
	height: 210px; 
	position: absolute; top: 303px; left: 545px;
	padding: 10px;
	border-top-color: #99CCFF;
	border-top-width: 4px;
	border-top-style: solid;
	border-bottom-color: #99CCFF;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	}
	
#nieuw_etalage {
	background: #FFFFFF;
	width: 205px; 
	height: 180px; 
	position: absolute; top: 541px; left: 545px;
	padding: 10px;
	border-bottom-color: #99CCFF;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	}	

/* zoeken en resultaat*/
#tekstveld_zoeken { 
	background: #FFFFFF;
	width: 501px; 
	padding:10px;
	height: 700px;
	position: absolute; top: 103px; left: 20px;
	text-align: left;
	border-right-color: #99CCFF;
	border-right-width: 4px;
	border-right-style: solid;
	}
	
#logo_vervolg { 
	background: #FFFFFF url(../beeld/logovervolg.gif);
	width: 750px; 
	height: 104px; 
	position: absolute; top: 0px; left: 20px;
	}
	
#tip{
	background: #FFFFFF;
	width: 135px; 
	height: 190px; 
	position: absolute; top: 103px; left: 545px;
	padding:10px;
	}	

#randomizer{
	background: #FFFFFF;
	width: 205px; 
	height: 400px; 
	position: absolute; top: 330px; left: 545px;
	padding: 10px;
	border-top-color: #99CCFF;
	border-top-width: 4px;
	border-top-style: solid;
	border-bottom-color: #99CCFF;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	}

#tekstveld_zoekresultaat { 
	background: #FFFFFF;
	width: 501px; 
	height: 700px;
	position: absolute; top: 103px; left: 20px;
	text-align: left;
	padding: 10px;
	overflow: scroll;
	border-right-color: #99CCFF;
	border-right-width: 4px;
	border-right-style: solid;
	}

#advertentieresultaat {
	background: #FFFFFF;
	width: 135px; 
	height: 230px; 
	position: absolute; top: 103px; left: 545px;
	padding: 10px;
	}	
	
#opnieuwzoeken {
	background: #FFFFFF;
	width: 205px; 
	height: 300px; 
	position: absolute; top: 330px; left: 545px;
	padding: 10px;
	border-top-color: #99CCFF;
	border-top-width: 4px;
	border-top-style: solid;
	border-bottom-color: #99CCFF;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	}	

/* contact*/

#welkom_contact {
	background: #FFFFFF;
	width: 501px; 
	height: 170px; 
	padding: 10px;
	position: absolute; top: 103px; left: 20px;
	text-align: left;
	border-right-color: #99CCFF;
	border-right-width: 4px;
	border-right-style: solid;
	}

#contactformulier { 
	background: #FFFFFF;
	width: 501px; 
	padding: 10px;
	height: 527px; 
	position: absolute; top: 273px; left: 20px;
	text-align: left;
	border-top-color: #99CCFF;
	border-top-width: 4px;
	border-top-style: solid;
	border-right-color: #99CCFF;
	border-right-width: 4px;
	border-right-style: solid;
	}
	
#advertentie {
	background: #FFFFFF;
	width: 135px; 
	height: 200px; 
	position: absolute; top: 103px; left: 545px;
	padding: 10px;
	}	
	
#banner_contact {
	background: #FFFFFF;
	width: 205px; 
	height: 190px; 
	padding: 10px;
	position: absolute; top: 321px; left: 545px;
	border-top-color: #99CCFF;
	border-top-width: 4px;
	border-top-style: solid;
	}
	
#nieuw_contact {
	background: #FFFFFF;
	width: 205px; 
	height: 160px; 
	padding: 10px;
	position: absolute; top: 511px; left: 545px;
	border-top-color: #99CCFF;
	border-top-width: 4px;
	border-top-style: solid;
	border-bottom-color: #99CCFF;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	}