pand/* CSS/XHTML RESET */

html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption,  tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: "Arial Narrow", Arial;
	font-size: 15px;
	color: #535154;
	line-height: 28px;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: none;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

ul {
	margin-left: 15px;
	list-style: none;
}

li {
	padding-left: 20px;
	background: none;
	background: url(../images/template/pijl.gif) left 9px no-repeat;
	line-height: 28px;
}

/* FRAMEWORK */

html, body {
	height: 100%;
}

body {
	background: #ffffff;
}

#container {
	height: auto !important; 
	height: 100%; 
	position: relative;
	width: 970px;
	margin: 0 auto;
	z-index: 5;
}

#site {
	width: 970px;
	height: auto;
	position: relative;
	margin: 0 auto;
	padding-bottom: 110px;
	z-index: 5;
}

#site:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

#header {
	position: relative;
	width: 970px;
	height: 174px;
	background: url(../images/template/bg_header.gif) top repeat-x;
	z-index: 12;
}

#logo {
	position: absolute;
	width: 238px;
	height: 81px;
	top: 53px;
	left: 0px;
}

#slogan {
	position: absolute;
	width: 197px;
	height: 29px;
	top: 73px;
	left: 278px;
}

#talenkeuze {
	position: absolute;
	top: 20px;
	right: 0px;
	color: #999999;
}

#talenkeuze a {
	text-decoration: none;
	color: #999999;
}

#talenkeuze a.active {
	text-decoration: underline;
	color: #535154;
}

#talenkeuze span {
	margin: 0px 8px;
	color: #999999;
}

.zoekveld {
	position: absolute;
	width: 234px;
	height: 33px;
	top: 59px;
	right: 0px;
	background: url(../images/template/bg_zoekveld.gif) no-repeat;
}

.zoekveld .zoekinput {
	position: relative;
	width: 190px;
	height: 21px;
	line-height: 21px;
	padding: 0;
	margin-top: 4px;
	margin-left: 8px;
	font-family: "Arial Narrow", Arial;
	font-size: 15px;
	font-style: italic;
	color: #9c9e9f;
	border: 1px solid #ffffff;
}

.zoekveld .submit {
	position: absolute;
	top: 9px;
	right: 17px;
	width: 12px;
	height: 15px;
	background: url(../images/template/submit.gif) no-repeat;
	border: none;
	cursor: pointer;
}

.zoekveld .submit:hover {
	background: url(../images/template/submit_hover.gif) no-repeat;
}

#menu {
	position: relative;
	width: 970px;
	height: 33px;
	z-index: 15;
}

#menu .item {
	position: relative;
	float: left;
	width: 234px;
	height: 33px;
	line-height: 32px;
	background: url(../images/template/button_hoofdmenu.gif) no-repeat;
	margin-right: 11px;
	font-size: 17px;
	color: white;
	text-indent: 21px;
	cursor: pointer;
	z-index: 3;
	display: inline;
}

#menu .item .link
{
	width: 234px;
	height: 33px;
	display: block;
	font-size: 17px;
	color: white;
	text-decoration: none;
	line-height: 32px;
}

#menu .item span {
	width: 234px;
	height: 33px;
	display: block;
}

#menu .item#on {
	background: url(../images/template/button_hoofdmenu_on.gif) no-repeat;
	color: #cd003a;
}

#menu .item#on a
{
	color: #cd003a;
	text-decoration: none;
}

#menu .item .submenu {
	position: absolute;
	width: 234px;
	top: 33px;
	left: 0;
	line-height: 30px;
	text-indent: 0;
	background: url(../images/template/bg_submenu_border.jpg) bottom left no-repeat;
	z-index: 4;
}

#menu .item .subitem
{
	width: 213px;
	float: left;
	height: auto;
	line-height: 25px;
}

#menu .item .subitem a:hover, #menu .item .subitem span:hover
{
	color: #cd003a;
}

#menu .item .submenu a {
	width: 193px;
	height: 27px;
	display: block;
	background: url(../images/template/bg_submenu.gif) left top no-repeat;
	line-height: 25px;
	font-size: 15px;
	color: #1a171b;
	text-indent: 20px;
	margin-left: 20px;
	text-decoration: none;
}

#menu .item .submenu span {
	width: 193px;
	height: 27px;
	display: block;
	background: url(../images/template/bg_submenu.gif) left top no-repeat;
	line-height: 25px;
	font-size: 15px;
	color: #1a171b;
	text-indent: 20px;
	margin-left: 20px;
	text-decoration: none;
}

#menu .item .submenu .subsubmenu {
	position: relative;
	width: 213px;
	height: auto;
	display: block;
	background: none;
}

#menu .item .submenu .subsubmenu a {
	width: 183px;
	display: block;
	background: none;
	font-size: 13px;
	line-height: 21px;
	color: #949494;
	text-indent: 0;
	text-decoration: none;
	height: 21px;
	padding-left: 30px;
}

#menu .item .submenu .subsubmenu a:hover {
	text-decoration: underline;
}

#content {
	position: relative;
	width: 970px;
	height: auto;
	z-index: 10;
	padding-bottom: 48px;
}

#content:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

#content #youtube {
	position: relative;
	width: 689px;
	height: auto;
	padding: 0;
	margin-top: 35px;
}

.sitepath {
	height: 28px;
	width: auto;
	line-height: 28px;
	position: absolute;
	top: 10px;
	left: 0px;
}

#content_links {
	position: relative;
	float: left;
	width: 234px;
	height: auto;
	padding-top: 48px;
	line-height: 27px;
	z-index: 10;
}

#content_links .youtube {
	margin-top: 10px;
	float: left;
}
#content .youtube {
	margin-right: 10px;
	float: left;
}

#content_links .subitem {
	width: 234px;
	height: auto;
}

#content_links .subitem a {
	width: 211px;
	height: auto;
	display: block;
	margin-left: 21px;
}

#snelmenu {
	position: relative;
	width: 234px;
	height: 33px;
	margin-bottom: 39px;
	background: url(../images/template/button_snelmenu.gif) no-repeat;
	cursor: pointer;
	z-index: 50;
}

#snelmenu .snelsub {
	position: absolute;
	width: 234px;
	height: auto;
	top: 33px;
	left: 0;
	padding-bottom: 10px;
	background: #eff0f0;
	z-index: 2;
}

#snelmenu .snelsub a {
	width: 234px;
	line-height: 30px;
	display: block;
	font-size: 14px;
	background: #eff0f0;
	text-indent: 15px;
	text-decoration: none;
}

#snelmenu .snelsub a:hover {
	background: #b2b2b2;
	color: #fff;
}

#banner_left {
	position: relative;
	width: 234px;
	height: 159px;
}

#content_rechts {
	position: relative;
	float: left;
	width: 624px;
	height: auto;
	padding: 45px 65px 0px 47px;
	line-height: 28px;
}
#content_rechts .rss-feed {
	width: auto;
	height: 18px;
	position: relative;
	line-height: 18px;
	margin-top: 25px;
}
#content_rechts .rss-feed a {
	width: auto;
	height: 18px;
	position: relative;
	line-height: 18px;
	background: url(../images/template/rss-icon.gif) no-repeat;
	padding-left: 25px;
	text-decoration: none;
	float: left;
}
#content_rechts .rss-feed a:hover {
	background: url(../images/template/rss-icon.gif) 0 -18px no-repeat;
}
#content_rechts .jaar {
	position: relative;
	width: 624px;
	height: 27px;
	margin: 15px 0;
	line-height: 27px;
	font-size: 20px;
	font-weight: bold;
}
#content_rechts .jaar a {
	color: #cd003a;
	font-weight: normal;
	text-decoration: underline;
}
#content_rechts .jaar a:hover {
	text-decoration: none;
}
#content_rechts .nieuws_item {
	position: relative;
	width: 624px;
	height: 27px;
	line-height: 27px;
	background: url(../images/template/pijl.gif) left 8px no-repeat;
	cursor: pointer;
	margin: 0px;
	overflow: hidden;
}
#content_rechts .nieuws_item a {
	color: #cd003a;
	font-weight: normal;
	text-decoration: underline;
}

#content_rechts .nieuws_item a:hover {
	color: #cd003a;
	font-weight: normal;
	text-decoration: none;
}


.nieuws_item .datum {
	color: #9c9e9f;
	padding-left: 30px;
	margin: 0px;
}

.overzicht {
	color: #9c9e9f;
	padding: 10px 0px 0px 46px;
	width: auto;
	height: 37px;
	position: relative;
	float: left;
}

.overzicht a {
	color: #9c9e9f;
	text-decoration: underline;
	line-height: 47px;
}

.overzicht a:hover {
	color: #9c9e9f;
	text-decoration: none;
}

.vacatureoverzicht {
	color: #9c9e9f;
	padding: 30px 0px 0px 0px;
	width: auto;
	height: 37px;
	position: relative;
	color: #9c9e9f;
	text-decoration: underline;
	line-height: 37px;
}

.vacatureoverzicht:hover {
	color: #9c9e9f;
	text-decoration: none;
}

.vacature td strong, b {
	color: #cd003a;
}

.nieuws_item a {
	margin-left: 27px;
	color: #cd003a;
	text-decoration: underline;
}

#highlight_index {
	position: relative;
	width: 970px;
	height: 298px;
	float: left;
}

#highlight {
	position: relative;
	width: 970px;
	height: 210px;
	float: left;
}

.highlight_content {
	position: relative;
	width: 479px;
	height: 155px;
	padding-top: 20px;
}

.highlight_item {
	position: relative;
	float: right;
	width: 463px;
	height: 27px;
	line-height: 27px;
	background: url(../images/template/pijl.gif) left no-repeat;
	cursor: pointer;
}

.highlight_item .datum {
	color: #9c9e9f;
	padding-left: 30px;
}

.highlight_item a {
	display: block;
	float: left;
	position: relative;
	margin-left: 27px;
	color: #cd003a;
	text-decoration: underline;
}

.highlight_item a:hover {
	margin-left: 27px;
	color: #cd003a;
	text-decoration: none;
}

.highlight_item span {
	width: auto;
	height: 27px;
	display: block;
	text-decoration: none;
	color: #999;
	font-size: 14px;
	float: right;
	text-align: right;
	position: relative;
}

#highlight_left {
	position: relative;
	float: left;
	width: 479px;
	height: 298px;
	margin-right: 11px;
}

#highlight_left #kopleft {
	position: relative;
	width: 479px;
	height: 143px;
	background: url(../images/template/highlight_actueel.jpg) no-repeat;
}

#highlight_left .kopleft {
	position: relative;
	width: 479px;
	height: 33px;
}

#highlight_right {
	position: relative;
	float: left;
	width: 479px;
	height: 298px;
}

#highlight_right #kopright {
	position: relative;
	width: 479px;
	height: 143px;
}

#highlight_right .kopright {
	position: relative;
	width: 479px;
	height: 33px;
}

.vacaturepagina_item {
	position: relative;
	width: 624px;
	height: 27px;
	line-height: 27px;
	background: url(../images/template/pijl.gif) left no-repeat;
}

.vacaturepagina_item a {
	margin-left: 27px;
	width: 347px;
	height: 27px;
	color: #cd003a;
	text-decoration: underline;
	display: block;
	float: left;
	display: inline;
}

.vacaturepagina_item a:hover {
	color: #cd003a;
	text-decoration: none;
}

.vacaturepagina_item span
{
	width: auto;
	height: 27px;
	display: block;
	float: right;
	text-align: right;
	display: inline;
}

#inloggen {
	position: relative;
	float: left;
	width: 970px;
	height: 39px;
	background: url(../images/template/inloggen.gif) no-repeat;
	text-align: right;
}

#footer {
	width: 100%;
	height: 61px;
	position: absolute;
	bottom: 0px !important;
	bottom: -1px;
	left: 0;
	border-top: 4px solid #ebecec;
	z-index: 8;
}

#footer a {
	font-size: 14px;
	color: #9c9e9f;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer #talenswitch span {
	padding: 0px 7px;
}

#footer #realisatie {
	position: relative;
	float: left;
	width: 826px;
	height: 65px;
	line-height: 65px;
	font-size: 14px;
	color: #9c9e9f;
	text-align: right;
	padding-right: 18px;
}

#footer span {
	padding: 0px 10px;
}

.contact
{
	height: 65px;
	width: 570px;
	position: relative;
	float: left;
	line-height: 65px;
	font-size: 14px;
	color: #9c9e9f;
	text-align: left;
}

.copyright 
{
	height: 65px;
	width: 400px;
	position: relative;
	line-height: 65px;
	float: right;
	font-size: 14px;
	color: #9c9e9f;
}

/* OPMAAK */

h1 {
	margin: 0 0 35px 0;
	font-size: 26px;
	line-height: 26px;
	font-weight: normal;
}

h2 {
	margin: 0 0 30px 0;
	font-size: 22px;
	line-height: 22px;
	font-weight: normal;
}

p {
	margin-bottom: 27px;
	line-height: 27px;
	font-style: normal;
}

a {
	color: #535154;
	font-weight: normal;
	text-decoration: underline;
}

a:hover {
	color: #535154;
	text-decoration: none;
}

.form, .form-knop{
	font-family: "Arial Narrow", Arial;
	font-size: 15px;
	color: #535154;
	width: 225px;
	border: 1px solid #d8d8d8;
}

.body_input .form {
	border: none;
	background: none;
}

textarea {
	font-family: "Arial Narrow", Arial;
	font-size: 15px;
	color: #535154;
	width: 225px;
	height: 100px;
	border: 1px solid #d8d8d8;
}

.body_textarea .textarea
{
	font-family: "Arial Narrow", Arial;
	font-size: 15px;
	height: 24px;
	color: #535154;
	width: 229px;
	height: 97px;
	overflow: auto;
	background: none;
	border: none;
}

.form-knop
{
	cursor: pointer;
	background: #cd003a;
	color: #fff;
	border: 1px solid #cd003a;
	width: 227px;
	margin-top: 2px;
}

.body {
	width: 225px;
	vertical-align: top;
	text-align: left;
}

.meeloop_body {
	width: 410px;
	vertical-align: top;
	text-align: left;
}

.body_input
{
	width: 225px;
	height: 24px;
	vertical-align: top;
	text-align: left;
	background: url(../images/template/input.gif) no-repeat;
}

.meeloop_input {
	width: 410px;
	height: 24px;
	vertical-align: top;
	text-align: left;
	background: url(../images/template/input.gif) no-repeat;
}

.meeloop_input .form {
	border: none;
	background: none;
}

.body_textarea
{
	width: 225px;
	height: 100px;
	vertical-align: top;
	text-align: left;
	background: url(../images/template/textarea.gif) no-repeat;
}


.file_container {
	position: relative;
	float: left;
	width: 229px;
	height: 24px;
	background: url(../images/template/bladeren.gif) no-repeat;
	overflow: hidden;
	cursor: default;
}

.file_container .file_url {
	position: absolute;
	left: 0px;
	top: 0px;
	font-family: "Arial Narrow", Arial;
	font-size: 15px;
	color: #535154;
	width: 225px;
	height: 24px;
	background: none;
	border: none;
	cursor: default;
}

.file_container .file_sel {
	position: absolute;
	left: 175px;
	top: 0px;
	width: 50px;
	height: 24px;
	opacity: 0;
	-moz-opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);	
	cursor: pointer;
	border: none;
}

.afbeelding {
	width: 400px;
	height: auto;
	position: relative;
	float: left;
}

.vestiging {
	width: 224px;
	height: auto;
	float: left;
}

.vestiging strong
{
	color: #cd003a;
	text-decoration: underline;
}

.vestiging .small
{
	font-size: 13px;
}

.pand
{
	position: relative;
	width: 234px; 
	padding-top: 60px;
	margin-bottom: 20px;
}
.route-dordrecht
{
	position: relative;
	width: 234px; 
	height: auto;
	display: none;
}

#error {
	width: auto; 
	padding: 15px;
	padding-left: 40px;
	position: relative;
	margin-bottom: 15px;
	color: #cd003a;
	background:url(../images/template/error.gif) no-repeat 10px 18px;
	border-left: 2px solid #cd003a;
}

.rood {
	color: #CD003A;	
}