/**GLOBAL**/
	body {
		margin: 0;
		padding: 0;
		background: #f0f0f0 url('/skin/bg.jpg');
		text-align: center;
		font: 12px "trebuchet ms", sans-serif;
		color: #707070;
	}
	img {
		border: 0;
	}
		img#print {
			display: none;
		}
        a {
		text-decoration: none;
                color: #c6171c;
        }
	a, a:visited {
		text-decoration: none;
		color: #c6171c;
	}
	a:hover, a:active {
		color: #ff4646;
	}
	h1, h2, h3 {
		margin: 0;
		font-size: 16px;
	}
	h2 {
		margin-left: 16px;
	}
	p {
		margin: 0 0 18px 16px;
		line-height: 21px;
	}
	hr {
		margin: 0 0 5px 0;
		height: 0;
		border-width: 1px 0 0 0;
		border-style: solid;
		border-color: #cccccc;
	}
	table {
		margin: 0;
		padding: 0;
		border: 0;
		border-collapse: collapse;
	}
	form {
		margin: 0 0 0 0;
		padding: 0;
	}
		input, textarea, select {
			width: 140px;
			margin: 0;
			padding: 0;
			border: 1px solid #707070;
			font: 13px "trebuchet ms", sans-serif;
		}
		input.check {
			width: auto;
			margin: 0 4px 0 0;
			padding: 0;
			border: 0;
		}
		input.btn {
			padding: 0 13px 0 19px;
			height: 23px;
			width: auto;
			border: 0;
			background: #969696 url('/skin/btn.gif') no-repeat 12px center;
			font-size: 15px;
			font-weight: bold;
			color: #ffffff;
		}
		input.btn:hover {
			background-color: #c6171c;
			cursor: pointer;
		}
		input.btn:active {
			background-color: #ff4646;
			cursor: pointer;
		}
	div#black {
		height: 219px;
		width: 100%;
		background: transparent url('/skin/black.jpg') repeat-x;
	}
	div#black.alt {
		height: 174px;
		background-image: url('/skin/blackalt.jpg');
	}
		div#header {
			margin: 0 auto;
			height: 219px;
			width: 987px;
			background: #ffffff url('/skin/header_bg.jpg') repeat-x bottom;
			text-align: left;
			position: relative;
		}
		div#header.alt {
			height: 174px;
		}
			div#black img#logo {
				position: absolute;
				top: 17px;
				left: 53px;
			}
			div.face {
				position: absolute;
				top: 0;
				right: 0;
			}
			div.face img {
				position: absolute;
				top: 0;
				right: 0;
			}
			div#black ul {
				display: block;
				margin: 0;
				padding: 0;
				list-style: none;
				position: absolute;
				top: 156px;
				left: 147px;
			}
			div#black li {
				display: block;
				margin: 0;
				padding: 0;
				height: 79px;
				width: 144px;
				float: left;
				border-left: 1px solid #ffffff;
				background: #555555 url('/skin/header_btn.jpg');
				text-align: left;
				font-size: 16px;
				font-weight: bold;
				color: #ffffff;
			}
			div#black li#btn1 {
				border: 0;
			}
			div#black li.active, div#black li:hover {
				background-position: bottom;
			}
				div#black li a, div#black li a:visited, div#black li a:hover, div#black li a:active {
					display: block;
					padding: 46px 0 0 16px;
					height: 33px;
					width: 128px;
					color: #ffffff;
				}
			div#links {
				font-size: 13px;
				position: absolute;
				bottom: 13px;
				right: 52px;
			}
				div#links, div#links a, div#links a:visited {
					color: #ffffff;
				}
				div#links a.active, div#links a:hover, div#links a:active {
					color: #c6171c;
				}
	div#body {
		margin: 0 auto 0px auto;
		width: 987px;
		background: #ffffff;
		text-align: left;
		min-height: 13px;
	}
		div#menu {
			margin-top: 13px;
			width: 124px;
			float: left;
			clear: right;
			background: #ffffff url('/skin/menu_bg.jpg');
			padding-left: 16px;
			line-height: 24px;
			min-height: 24px;
			_padding-right: 0;
		}
			div#menu a, div#menu a:visited {
				display: block;
				margin: 0;
				padding: 0;
				clear: none;
				color: #000000;
			}
			div#menu a:hover, div#menu a:active,
			div#menu a.active, div#menu a.active:visited,
			div#menu a.active:hover, div#menu a.active:active {
				color: #c6171c;
			}
		div#content {
			margin: 0 0 0 147px;
			padding-top: 32px;
			width: 640px;
		}
		div#rightnewsblock {
			position: absolute;
			top: 270px;
			width: 237px;
			color: #000000;
			margin-left: 14px;
		}
		div#rightnewsblock ul {
			list-style: none;
		}
		div#rightnewsblock a {
			color: #a51218;
			font-size: 15px;
			font-weight: bold;
		}
		div#rightnewsblock p {
			color: #000000;
			margin-left: 0px;
		}
	div.toplinks {
		margin: 0 0 0 16px;
		color: #000000;
	}
		div.toplinks a, div.toplinks a:visited {
			height: 18px;
			margin: 0;
			padding: 0;
			color: #000000;
		}
		div.toplinks a#first, div.toplinks a#first:visited {
			padding-left: 9px;
			background: transparent url('/skin/arrowl.jpg') no-repeat top left;
		}


		div.toplinks a:hover, div.toplinks a:active {
			color: #c6171c;
		}
		div.toplinks a#first:hover, div.toplinks a#first:active {
			background-position: bottom left;
		}
	.nowrap {
		white-space: nowrap;
	}
	.hidden {
		display: none;
		width: 0;
		height: 0;
	}
	div#printfooter {
		display: none;
	}
/*HEADER*/
#anim1 {
				position: absolute;
				top: 0;
				right: 0;
}
/**INDEX.PHP**/
	div#content div#home {
		margin-bottom: 10px;
		padding: 9px 0;
		border-width: 1px 0;
		border-style: solid;
		border-color: #cccccc;
	}
		div#home div#balk {
			height: 156px;
			background: #d9d9d9;
			padding-left: 8px;
			position: relative;
		}
		div#home h2 {
			margin: 0 0 0 8px;
			padding: 6px 0 8px 0;
			color: #ffffff;
		}
		div#home h3 {
			font-size: 12px;
		}
		div#home ul {
			display: block;
			margin:0;
			padding: 0;
			list-style: none;
		}
		div#home li {
			display: block;
			margin: 0;
			padding: 0;
			height: 107px;
			width: 144px;
			float: left;
			position: relative;
		}
		div#home li a, div#home li a:visited {
			display: block;
			font-weight: bold;
			font-style: italic;
			color: #707070;
			position: absolute;
			bottom: 0;
		}
		div#home li a:hover, div#home li a:active {
			color: #c6171c;
		}
		div#home li.pic {
			width: 79px;
			margin-left: 8px;
		}
		div#home li.txt {
			width: 106px;
			margin-left: 8px;
		}
/**CAROUSEL**/
div#gallery_container {
    margin-bottom: 10px;
    padding: 9px 0;
    border-width: 1px 0;
    border-style: solid;
    border-color: #cccccc;
}
div#gallery {
    height: 156px;
    /* background: #d9d9d9; */
    background: #000000;
    color: #ffffff;
    position: relative;
    overflow:hidden;
}

div#gallery ul {
    height: 156px;
    width: 100000px;
    margin: 8px 0 0 0;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
}
div#gallery ul li {
    float:left;
    list-style: none;
    width:260px;
}
div#gallery ul li img {
    float:left;
    width:79px;
    margin:0 8px 0 0;
    padding:0 0 0 0;
}
#gallery div#picture {
        width:520px;
	margin: 0 auto;
        _margin-left: 52px;
	overflow: hidden;
}
#gallery div#picture a.profiellink, #gallery div#picture a.profiellink:visited {
        font-style: normal;
        color: #ffffff;
}
#gallery div#picture a.profiellink:hover, #gallery div#picture a.profiellink:active {
        color: #c6171c;
}
#gallery div#picture h2 {
        color:#fff;
        margin:0;
        padding:6px 0 0 0;
}
#gallery div#picture h3 {
        font-size:12px;
}
#gallery div#picture .container {
	float: left;
        width:520px;
	position: relative;    
	overflow: hidden;
}
#gallery .previous_button {
	height: 24px;
	width: 21px;
	background: #999 url(/skin/gallery_l.jpg) top left no-repeat;
        background-position:0px -24px;
	z-index: 100;
	cursor: pointer;
	position: absolute;
	top: 64px;
        left: 8px;
        z-index:1000;
}

#gallery .previous_button_over {
	height: 24px;
	width: 21px;
	background: #999 url(/skin/gallery_l.jpg) top left no-repeat;
        background-position:0px 0px;
	z-index: 100;
	cursor: pointer;
	position: absolute;
        left: 8px;
	top: 64px;
}

#gallery .previous_button_disabled {
	display: none;
}

#gallery .next_button {
	height: 24px;
	width: 21px;
	background: #999 url(/skin/gallery_r.jpg) top left no-repeat;
        background-position:0px 0px;
	z-index: 100;
	cursor: pointer;
	position: absolute;
	top: 64px;
        left: 586px;
        z-index:1000;
}

#gallery .next_button_over {
	height: 24px;
	width: 21px;
	background: #999 url(/skin/gallery_r.jpg) top left no-repeat;
        background-position:0px -24px;
	z-index: 100;
	cursor: pointer;
	position: absolute;
        left: 586px;
	top: 64px;
}

#gallery .next_button_disabled {
	display: none;
}
div#gallery ul li a, div#gallery ul li a:visited {
	display: block;
	font-weight: bold;
	font-style: italic;
	color: #707070;
	bottom: 0;
}
div#gallery ul li a:hover, div#gallery ul li a:active {
	color: #c6171c;
}
/**LOGIN.PHP**/
	div#login {
		margin: 10px 0 5px 16px;
	}
		div#login ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		div#login li {
			margin: 6px 0 0 0;
			padding: 0;
		}
/**ZOEKEN.PHP**/
	div#search {
		margin: 10px 0 5px 16px;
	}
		div#search th {
			vertical-align: middle;
			font-size: 16px;
		}
		div#search td {
			vertical-align: middle;
			font-size: 12px;
		}
			div#search input {
				width: 248px;
				margin: 3px 0;
			}
				div#search div input {
					display: none;
				}
			div#search select {
				width: 250px;
				margin: 3px 0;
			}
			div#search input.btn {
				width: auto;

			}
			div#search div {
				height: 55px;
				width: 257px;
				margin: 6px 0 5px 0;
				padding: 2px 0 0 8px;
				background: #969696;
				color: #ffffff;
				position: relative;
				left: -8px;
			}
				div#search div a, div#search div a:visited {
					color: #ffffff;
				}
				div#search div a:hover, div#search div a:active {
					text-decoration: underline;
					cursor: pointer;
				}
				div#search div a.activelink, div#search div a.activelink:visited {
					text-decoration: underline;
				}
				div#search div input, div#search div select {
					height: 22px;
					position: absolute;
					top: 21px;
					left: 8px;
				}
/**RESULTAAT.PHP**/
	table#resultaat {
		margin: 8px 0;
		padding: 0;
		text-align: left;
		font-size: 12px;
	}
	table#resultaat th {
			margin: 0;
			padding: 6px 16px 0 16px;
			border-width: 1px 0 0 0;
			border-style: solid;
			border-color: #cccccc;
		}
			table#resultaat h3 {
				font-size: 13px;

			}
		table#resultaat td {
			margin: 0;
			padding: 0 16px 6px 16px;
		}
		table#resultaat td.img {
			border-width: 1px 0 1px 0;
			border-style: solid;
			border-color: #cccccc;
		}
			table#resultaat td.img img {
				max-height: 71px;
				max-width: 52px;
			}
		table#resultaat td.link {
			border-width: 0 0 1px 0;
			border-style: solid;
			border-color: #cccccc;
		}
			table#resultaat td.link a, table#resultaat td.link a:visited {
				display: block;
				height: 19px;
				width: 95px;
				background: transparent url('/skin/arrowr.jpg') no-repeat top right;
				font-size: 14px;
				font-weight: bold;
				color: #707070;
			}
			table#resultaat td.link a:hover, table#resultaat td.link a:active {
				color: #c6171c;
				background-position: bottom right;
			}				
/**CONTACT.PHP**/
	div#map {
		margin: 0;
		padding: 9px 16px;
		border-width: 1px 0;
		border-style: solid;
		border-color: #cccccc;
	}
/**PROFIEL.PHP**/
	a#print, a#print:visited {
		display: block;
		height: 13px;
		width: 126px;
		background: transparent url('/skin/printbtn.gif') no-repeat top left;
		position: absolute;
		top: 9px;
		right: 2px;
	}
	a#print:hover, a#print:active {
		background-position: bottom left;
	}
	div#menu a#afspraak, div#menu a#linkedin {
		position: relative;
		left: -16px;
	}
	div#menu a#afspraak, div#menu a#afspraak:visited {
		display: block;
		height: 51px;
		width: 113px;
		padding: 3px 10px 3px 17px;

		background: #707070 url('/skin/afspraak.jpg') repeat-x top left;
		font-size: 15px;
		font-weight: bold;
		color: #ffffff;
		_padding: 0 17px;
		_height: 57px;
		_width: 140px;
	}
	div#menu a#afspraak:hover, div#menu a#afspraak:active {
		background-position: bottom left;
	}
	div#menu img {
		margin: 0;
		padding: 0;
	}
	table#profile {
		margin: 8px 0;
		padding: 0;
		text-align: left;
		font-size: 12px;
	}
		table#profile th {
			width: 116px;
			margin: 0;
			padding: 0 0 6px 16px;
			vertical-align: top;
		}
		table#profile th.img {
			padding: 6px 0 6px 16px;
		}
		table#profile th.img img {
			max-height: 159px;
			max-width: 116px;
			_height: 159px;
			_width: 116px;
		}
		table#profile th.title {
			width: auto;
			padding: 0 0 0 16px;
			background: #cccccc;
		}
		table#profile td {
			margin: 0;
			padding: 0 16px 6px 16px;
		}
		table#profile table {
			margin: 0;
			padding: 0;
			text-align: left;
			font-size: 12px;
		}
		table#profile table th {
			padding: 0;
			width: 125px;
		}
		table#profile table td {
			margin: 0;
			padding: 0;
			text-align: left;
			font-size: 12px;
		}
		table#profile ul {
			margin: 0;
			padding: 0;
		}
		table#profile li {
			margin: 0 0 0 16px;
			padding: 0;
		}
		table#profile li a, table#profile li a:visited {
			font-weight: bold;
			font-style: italic;
			color: #606060;
		}
		table#profile li a:hover, table#profile li a:active {
			color: #c6171c;
		}
/**FAQ.PHP**/
	table#faq {
		margin: 8px 0;
		padding: 0;
		text-align: left;
		font-size: 12px;
	}
		table#faq th {
			margin: 0;

			padding: 6px 16px 0 16px;
			border-width: 1px 0 0 0;
			border-style: solid;
			border-color: #cccccc;
		}
			table#faq h3 {
				font-size: 13px;
			}
			table#faq h3 a, table#faq h3 a:visited {
				color: #707070;
			}
			table#faq h3 a:hover, table#faq h3 a:active {
				color: #c6171c;
			}
		table#faq td {
			width: 591px;
			margin: 0;
			padding: 0 16px 6px 16px;
			border-width: 0 0 1px 0;
			border-style: solid;
			border-color: #cccccc;
		}
/**MAIL.PHP****NIEUWSBRIEF.PHP**/
	div.contact {
		margin: 10px 0 5px 16px;
	}
		div.contact table {
			width: 500px;
		}
			div.contact td {
				width: 200px;
				vertical-align: middle;
				font-size: 12px;
			}
			div.contact td.center {
				text-align: right;
			}
			div.contact td.right {
				width: 100px;
				text-align: right;
			}
				div.contact textarea {
					width: 496px;
				}
				div.contact input {
					margin-top: 6px;
				}
/**LICHTKRANT**/
div#lichtkrantcontainer {
	width: 987px;
	margin: 0 auto;
	position: relative;
	z-index: 998;
	color: #444444;
}
div.ticker {
	white-space: nowrap;
	position: absolute;
	top: 214px;
	right: 0;

	z-index: 999;
}
div.ticker div {
	white-space: nowrap;
}










/* GALLERY */
    
    div#gallery2 {
        width: 623px;
        _width: 620px;
        margin: 0 0 10px 0;
        position: relative;
    }

    div#gallery_preview {
            position:absolute;
            margin:0;
            padding:20px 0 0 0;
            top:65px;
            left:748px;
            width:266px;
            height:472px;
            background-color:#f85d7e;
            z-index:1000;
            text-align:center;
    }
            div#gallery_preview img {
                    margin:0 0 0 4px;
                    width:76px;
                    border:0;
            }
  
    div#vios_fotoalbum {
            position:absolute;
            background:url(/skin/vios_fotoalbum.png);
            float:left;
            clear:none;
            margin:231px 0 0 95px;         
            width:76px;
            height:54px;            
    }
    div#thumbnails {
            min-height: 125px;
            width: 573px;
            padding: 0 25px;
            text-align:center;
    }
            div#thumbnails img.thumbnail {
                    width:100px;
                    border:0;
            }

    div.prevbutton {
            width:24px;
            position:absolute;
            top: 0;
            left: 0;
    }    
            div.prevbutton img {
                    margin-top: 10px;
                    border:0;
            }

    div.nextbutton {
            width:24px;
            position:absolute;
            top: 0;
            right: 0;
    }    

            div.nextbutton img {
                    margin-top: 10px;
                    border:0;
            }

    img.non-active {
            opacity:0.2;
    }


#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 965px;
	background: url("/path/to/your/background_cols.gif") repeat;
}


#side-a {
	float: left;
	width: 150px;
}

#center {
	width: 60%;
	float: left;
	margin-top: 20px;
}

#side-b {
	float: right;
	width: 210px;
}
#footer {
	clear: both;
}
#container {
	width: 987px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}