/* ---------->>> TEMPLATE <<<-----------------------------------------------------------------------------*/
* {
   padding:0;
   margin:0;
}

table {
	border-style: none;
	}
img a:link {

border: 0px;
}

html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }

h1, h2, h3, h4, h6, p, blockquote,
 form, label, ul, ol, dl, fieldset, address {
    margin-bottom: 0.5em;
}
/* ---------->>> HEADERS <<<-----------------------------------------------------------------------------*/
		#headerillustraties, #headerGroetje {

			height: 100px;
			margin: 0px auto auto auto;
			background: url(images/voorhoofdillustraties.jpg);
			background-position: center center;
			background-repeat: no-repeat;
			text-align: justify;
			background-color: #993333;
			}

		#headerverhalen, #headerVerhaal, #headerlangverhaal {

			height: 100px;
			margin: 0px auto auto auto;
			background: url(images/voorhoofdverhalen.jpg);
			background-position: center center;
			background-repeat: no-repeat;
			text-align: justify;
			background-color: #669966;
			}

		#headerontwerpen, #headeriontwerp {

			height: 100px;
			margin: 0px auto auto auto;
			background: url(images/voorhoofdontwerpen.jpg);
			background-position: center center;
			background-repeat: no-repeat;
			text-align: justify;
			background-color: #336699;
			}

		#blockiontwerp {
			display: none;
		}

/* ---------->>> ALGEMENE ACHTERGROND <<<-----------------------------------------------------------------------------*/

		body {
			background-color: #FFFFFF;
			background: url(images/bottom.jpg)repeat-x bottom;
			font-family: trebuchet ms,tahoma,lucida sans unicode; 
			font-size: 12px; 
			text-align: center; 
			color: #333; 
			line-height: 1.5; 
			position: absolute; top: 0; right: 0; left: 0; bottom: 0;
 		    }

		#header {

			height: 100px;
			margin: 0px auto auto auto;
			background: url(images/voorhoofd.jpg);
			background-position: center center;
			background-repeat: no-repeat;
			text-align: justify;
			background-color: #996633;
			}

		#menu {

			height: 30px;
			margin: auto auto auto auto;
			background: url(images/bar.jpg);
			background-position: center center;
			background-repeat: repeat;
			font-weight: 700;
			color: white;
			text-align: center;
			}

	   #container {
			width: 800px;
			height: auto;
			margin: 20px auto auto auto;
			padding: auto auto auto auto;
			background-color: white;
			text-align: justify;
			} 

		#titlecontainer {
			width: auto;
			height: auto;
			margin: 0px;
			padding: 0px;
			background-color: white;
			text-align:center;
			}
			
		
		#bottom {
			margin-left: auto;
			margin-right: auto;
			padding-top: 10px;
			padding-bottom: 5px;
			/*background: url(images/bottom.jpg);
			background-position: top center;
			background-repeat: repeat;*/
			color: white;
			}


/* ---------->>> MAIN PAGE COLUMNS <<<-----------------------------------------------------------------------------*/

		#tweerechts {
			width: 200px;
			float: left;
			display: inline;
			text-align: right;
			}

		#tweelinks {
			width: 200px;
			float: left;
			display: inline;
			text-align: left;

 			}
		
		#drielinks {
			width: 300px;
			float: left;
			display: inline;
			text-align: left;

 			}


		#vierlinks {
		    width: 360px;
			float: left;
			display: inline;
			text-align: justify;
			padding: 0px 20px 0px 20px;

			}


		#zeslinks {
			width: 600px;
			float: left;
			display: inline;
			text-align: left;

 			}

/* ---------->>> WRAPPERS <<<-----------------------------------------------------------------------------*/

		#centercon {
			width: 400px;
			float: center;
			display: inline;
			background: url(images/smudge.png);
			background-position: center center;
			background-repeat: no-repeat;
			}

		#smudgebox {
			background: url(images/smudge.png);
			background-position: top center;
			background-repeat: no-repeat;
			}

		#smudgebox2 {
			background: url(images/smudge.png);
			background-position: top left;
			background-repeat: no-repeat;
			text-align: left;
			}

		#smudgebox3 {
			background: url(images/smudge.png);
			background-position: bottom right;
			background-repeat: no-repeat;
			}

		#l240 {
			width: 240px;
			float: left;
			display: inline;
			}

		#l400 {
			width: 400px;
			padding-right: 40px;
			float: left;
			display: inline;
			}

		#w970 {
			width: 890px;
			margin: auto auto auto auto;
			padding: auto auto auto auto;
			float: left;
			display: inline;
			text-align:center;
			}
		#wi400 {
			width: 400px;
			padding: 0px 285px 0px 285px;
			float: left;
			display: inline;
			text-align: justify;
			}

/* ---------->>> FONTSTYLES <<<-----------------------------------------------------------------------------*/
		
		/* -- CATEGORIEKOP --*/
		h1 {
			font-size: 135%;
			font-style: bold;
			text-transform: uppercase;
			line-height: 1;
			color: #535353;
			display: inline; 
		}


		/* -- TITELKOP --*/
		h2 {
			font-size: 135%;
			color: #996633;
			display: inline; 
		}

		/* -- DATUMKOP --*/
		h3 {
			font-size: 100%;
			font-weight: 700px;
			line-height: 1;
			font-style: italic;
			color: #535353;
			display: inline;
		}

		/* -- LEESVERDERKNOP --*/
		h4 {
			font-size: 110%;
			line-height: 1;
			color: #535353;
			text-align: center;
			display: inline;
		}


		/* --MENUSTIJL --*/
		.menuwrap {
			font-size: 120%;
			line-height: 1;
			padding-top: 8px;
		}

		/* -- GROTE KOP --*/
		h5 {
			font-size: 200%;
			color: #996633;
			font-style: italic;
		    margin-bottom: 0em;
			display: inline;
			
		}


/* ---------->>> LINKSTYLES <<<-----------------------------------------------------------------------------*/

		a:visited, a:link {
			color: #996633;
			font-weight: 900;
			text-decoration: none;
		}

		a:hover {
			color: #535353;
			text-decoration: underline;
			font-weight: 900;
		}

		.menuwrap a:visited, .menuwrap a:link {
			color: white;
			font-weight: 900;
			text-decoration: none;
			border-bottom: none;
		}

		.menuwrap a:hover {
			color: #996633;
			font-weight: 900;
			text-decoration: underline;
			border-bottom: none;
		}


		#hm {
				display: none;
				background-color: black;

		}
		#min1 {
				background-color: black;
			}