/* HIER STAAT DE ALGEMENE OPMAAK VAN ONZE WEBSITE dus de opmaak van de body */

body {

font-family: Verdana, Helvetica, arial, "Times New Roman", serif;

margin: 0 0 0 0 ;

text-align: center;

background: #D4B87C; /* url(images/achtergrondafbeelding_9.gif) repeat 0 0; ;*/

padding: 5px 0 0 0;

 }



* { padding:0; margin:0; } 



dd{

color: #1919B3;

padding: 10px 0 20px 25px;

/* <background: #A8C0C0 url(dir-4/hand.gif) no-repeat 0 0; */

}



/* BIJ #alles STAAT DE div ALLES? VOORAL OM DE ACHTERGRONDKLEUR OP TE MAKEN, HIER KAN OOK EEN AFBEELDING KOMEN TE STAAN */
#alles {
width: 1024px;
margin: 0 auto;
text-align: left;
background: #D4B87C; /* url(images/27.jpg) repeat 0 0;   achtergrondkleur 1*/
border: 0px solid #000;
}



			h1{

			font-family: Verdana, Arial, Helvetica, sans-serif;

			background-color: #D7EB9C; 
			
			/* background: url(images/subs.jpg) repeat 0 0;   */

			display: block;

			font-size: 1.2em;

			padding: 20px;

			color: #424213;

			text-shadow: 0.1em 0.1em 0.4em #222;



				}





	/* HIER STAAT IN DE INHOUD DE KOPTEKST H2 BESCHREVEN */

			#alles

			 h2{

			font-family: Verdana, Arial, Helvetica, sans-serif;

			color: #424213;

			font-size: 16px;
			
			text-shadow: 0.1em 0.1em 0.2em #333;

			} 

			

			

	/* HIER STAAT IN DE INHOUD DE KOPTEKST H3 BESCHREVEN */

			h3{

			font-family: Georgia, Kids, Verdana, Arial, Helvetica, sans-serif;

			color: #FF6600;
			width: 99%;
			font-size: 16px;

			/* background-color: #666000;*/
			background: url(images/subs.jpg) repeat 0 0;   */
			height: 40px;

			color: #424213;

			display: block;

			padding: 11px;

			text-align: center;

			} 

	/* HIER STAAT DE KOPTEKST H4 BESCHREVEN */

			h4{

			font-family: Verdana, Arial, Helvetica, sans-serif;

			color: #424213;

			font-size: 18px;

			}

	/* HIER STAAT DE KOPTEKST H5 BESCHREVEN VOOR DE GEBEURTENISSEN LANGS RECHTS IN DE ZETTEN */ 

		#rechts

			 h5{

			font-family: Georgia, Kids, Verdana, Arial, Helvetica, sans-serif;

			color: #FF6600;

			font-size: 14px;

			background-color: #424213;

			color: white;

			border: 2px solid #030303;

			display: block;

			padding: 2px 5px;

			margin: 2px;

			} 

	/* HIER STAAT DE KOPTEKST H5 BESCHREVEN voor de inhoud  */ 

		#inhoud

			 h5{

			border:4px outset #999; 

			font-family: Georgia, Kids, Verdana, Arial, Helvetica, sans-serif;

			color: #FF6600;

			font-size: 14px;

			background-color: #555;

			color: white;

			display: block;

			text-align: center;

			} 

			

			

/* DE KOP "header" VAN DE PAGINA'S */



#kop {

text-align: center;

background-position: top center; background-repeat: no-repeat; 

width: 99%;

}

#image {

width: 100%;

z-index: 0;

} 



/* HIER STAAT HET MENU ONDER     IS LANG STUKJE SCRIPT !!!! */





#navigatie {

float: left;

width: 160px;

height: auto;

margin: 49px 0 0 0; 

text-align: left;

font-size: 12px;

color: #fff;

}



.menu { 

}



.menu ul

{

margin: 0 0 0 5px;

padding: 0 0 0 0;

list-style-type: none;

font-family: verdana, arial, Helvetica, sans-serif;



}



.menu li { 

}



.menu a

{

display: block;

width: 150px;

height: 23px;

background: url("images/banner.jpg") 0 0 no-repeat;

color: #000;

text-decoration: none; 

padding: 7px 0 0 30px;

margin: 2px 0 2px 0;



}



.menu ul a:hover, a:active

{

color: #fff;

background-color: #33CC00;

text-decoration: none;

background: url("images/banner.jpg") 0 0 no-repeat;

background-position: 0 -30px;



}



.menu ul ul li { 



}



.menu ul ul a

{

display: block;

padding: 4px 0 0 30px;

margin: 5px 0 5px 5px;

width: 150px;

height: 26px;

color: #555;

text-decoration: none;

font-size: 10px;

}



.menu ul ul a:hover

{

color: #111;

text-decoration: none;

}





/* DE OPMAAK VAN DE INHOUD */



#inhoud {

padding-top: 1em;

margin: 10px;

width: 61%;

height: auto;

border-right: 10px #666;

font-size: 14px;

float: left;

margin-top: 0;

margin-bottom: 0;

}



/* TE GEBRUIKEN OP DE PAGINA DIR1-1 */

#inhoud2 {

padding-top: 1em;

margin: 5px;

width: 45%;

height: auto;

border-right: 10px #666;

font-size: 14px;

float: left;

margin-top: 0;

margin-bottom: 0;

text-align: left;

}



#nav {

float: left;

width: 15%;

height: auto;

margin: 1px; 

padding: 3px; 

text-align: left;

font-size: 12px;

color: black;

}



/* BEGIN MENUa op DIR1-1.1 */



.menua { margin-left: 10px; 

color: #fff;}



.menua ul{

list-style: none;

margin: 2px;

padding: 2px;

}



.menua li{

margin: 2px;

padding: 0;

font-family: verdana;

}



.menua li a{

display: block;

text-decoration: none;

padding: 2px 5px 2px 5px;

border-top: 1px solid #FFF;

border-right: 1px solid #3A623A;

border-bottom: 1px solid #3A623A;

border-left: 1px solid #FFF;

width: 100%;

}



.menua li a:link, .menua li a:visited{

background: #83DB83;

color: #3A623A;

font-weight: bold;

}



.menua li a:hover, .menua li a:active{

background: #3A623A;

color: #FFF;

font-weight: bold;

}



.menua li li a:link, .menua li li a:visited{

background: #CBFFCB;

color: #3A623A;

font-weight: normal;

}



.menua li li a:hover, .menua li li a:active{

background: #3A623A;

color: #FFF;

font-weight: normal;

}



.menua ul ul{

margin: 0 0 0 -10px;

} 



/* EINDE MENUa OP DIR-1.1*/



/* OPMAAK RECHTER KOLOM */

#rechts {

float: left;

width: 17%;

height: auto;

margin: 0; 

padding: 5px; 

text-align: center;

}



/* HIER STAAT DE FOOTER */

#footer {

clear: both;

background-color: #555;

padding: 10px 0 10px 0;

font-size: 14px;

color: #fff; 

border:3px outset #999;

text-align: center;

}



#uitlijnen {

text-align: justify;

}



/* HIER STAAT DE OPMAAK VAN DE LINKS DIE GEBRUIKT WORDEN in de INHOUD etc in al de lichte elementen!!! gebruik de class="inhoud" achteraan de a href link !!!*/



a.inhoud{

font-family: times, verdana, Arial, Helvetica, sans-serif;

font-weight: bolder;

}

a.inhoud:link, a.inhoud:visited{

color: #FEA13A;

font-size: 16px;

text-decoration: none;

}

a.inhoud:hover, a.inhoud:active{

background-color: #FBF5DE;

font-size: 16px;

color: #B6A065;

text-decoration: underline;

}

a.hoofd{

font-family: times, verdana, Arial, Helvetica, sans-serif;

font-weight: bolder;

}

a.hoofd:link, a.hoofd:visited{

color: #000;

font-size: 16px;

text-decoration: none;

}

a.hoofd:hover, a.hoofd:active{

background-color: #FBF5DE;

font-size: 16px;

color: #B6A065;

text-decoration: underline;

}





/* HIER STAAT DE OPMAAK VAN DE LINKS DIE GEBRUIKT WORDEN in de footer etc in al de donkere elementen!!! gebruik de class="plus" achteraan de a href link !!!*/





a.plus{

font-family: times, verdana, Arial, Helvetica, sans-serif;

font-size: 15px;

font-weight: bolder;

}

a.plus:link, a.plus:visited{

color: #999 ;

text-decoration: none;

}



a.plus:hover, a.plus:active{

background-color: #4C9973;

color: #fff;

text-decoration: underline;



}


/* voor achter een foto een kader te plaatsen gebruik je dit clasje class="foto" / */



 img.foto{

float: left;

padding: 3px;

margin: 5px 5px 5px 5px ;

background: #fff; 



}



img.foto1{

float: right;

padding: 3px;

margin: 5px 5px 5px 5px ;

background: #fff; 

}



/* of dit paragraaf classje om er een tekst onder te plaatsen zie op de foto pagina in de hoofdmap hoe je dit doet */



p.foto{

float: left;

margin: 5px 5px 5px 5px;

padding: 5px 5px 5px 5px;

width: 175px;

font-size: 95%;

text-decoration: none; 

color: #fff;

text-align: center;

background: #F0FFF0 url(images/fotop.jpg) repeat;

border:2px solid #fff; 

}





p.uitlijnen{ 

/* tekst uitvullende uitlijnen <p class="uitlijnen"></p> */

text-align: justify;

}





p.foto1{

float: left;

margin: 5px 5px 5px 5px;

padding: 2px 5px 5px 5px;

font-size: 95%;

text-decoration: none; 

color: #fff;

text-align: center;

}



p.foto2{

float: none;

margin: 5px 5px 5px 5px;

padding: 5px 5px 5px 5px;

font-size: 110%;

text-decoration: none; 

background: #FFDEBD;

color: #3A623A;

text-align: center;

border:2px solid #D3A97F; 

}



.td {font-weight: bold;

     background-color: #33CC00;}



.tm {font-weight: bold;

     background-color: #424213;

     color: #fff;

     border: 6px outset #999;}



.hd {font-weight: bold;

     background-color: #424213;

     color: #fff;

     border: 6px outset #999;}



.am {color: #888;}



.bd {background-color: #888;

     font-weight: bold;

      border: 2px outset #999;}



td {font-family: Arial;

    font-size: 9pt;}

    

    

    

     .container{

}



.inner{

width: 100%;

}



.clearfix:after{

content: ".";

visibility: hidden;

display: block;

height: 0;

clear: both;

}





/* opmaak contact formulier */



label{

display: 1;

}



fieldset{

width: 500px;

padding: 10px 10px 10px 10px;

border: 1px solid #5E5E00;

font-family: verdana;

color: #5E5E00;

margin-left: auto;

margin-right: auto;

text-align: justify;

}



legend{

background-color: #5E5E00;

color: #FFF;

font-weight: bold;

padding: 4px 6px 4px 6px;

text-transform: uppercase;

margin: 0 0 5px 0;

font-size: 0.8em;

}



input{

margin: 3px 10px 3px 10px;

padding: 0;

border: 1px solid #5E5E00;

background-color: #FFF;

width: 250px;

border: 1px solid #5E5E00;

color: #5E5E00;


}



textarea{

margin: 10px 10px 10px 10px;

padding: 1px 0 2px 3px;

border: 1px solid #5E5E00;

background-color: #FFF;

width: 480px;

color: #5E5E00;



}



.button{

background-color: #5E5E00;

color: #FFF;

font-weight: bold;

width: 480px;

margin-left: auto;

marging-right: auto;

padding: 5px 5px 5px 5px;

border: 2px solid #5E5E5e;

cursor: pointer;



}