@charset "utf-8";
/* ---REACT NEW MEDIA------------------------------------------------------------------------------------------------------- */

#reactnewmedia {
	position:absolute;
	width:22px;
	top:523px;
	height:164px;
	z-index:-1;
}

#reactnewmedia a {
	position:absolute;
	display:block;
	width:22px;
	height:164px;
	text-indent:-900%;
	background:url(../gfx/tabje_react.gif) no-repeat left;
}

#reactnewmedia a:hover {
	background:url(../gfx/tabje_react.gif) no-repeat right;
}

/* ---BASIS------------------------------------------------------------------------------------------------------- */


p {
	font-family: Tahoma, Arial, helvetica, sans-serif;
	color: #666666;
/*	margin:0;
	padding:0;*/
}
body {
	height:auto !important;
	height:100%;
	min-height:100%;
}

html, body {
	font-family: Tahoma, Arial, helvetica, sans-serif;
	font-size:11px;
	line-height:17px;
	color: #666666;
	text-align:justify;
	margin:0;
	padding:0;
}

#container {
	position:absolute;
	width:100%;
	height:auto !important;
	height:100%;
	min-height:100%;
}

#main_container {
	padding:0;
	margin:0 auto;
	width:950px;
	height:auto;
	display:table;
}

/*de header container --------------------------------------------- */
#header_background_portal {
	position:absolute;
	z-index:-40;
	top:0;
	height:540px;
	width:100%;
	margin:0 auto;
    background-image:url(../gfx/header_bg_00.gif);
    background-position:center bottom;
	background-repeat:repeat-x;
}
#header_background {
	position:absolute;
	z-index:-40;
	top:0;
	height:400px;
	width:100%;
	margin:0 auto;
    background-image:url(../gfx/header_bg_01.gif);
    background-position:center bottom;
	background-repeat:repeat-x;
}
#header_container {
	height:366px;
	width:950px;
	margin:0 auto;
	top:0;
	z-index:1000;
}

#header_image {
	top:22px;
	width:950px;
	height:336px;
	background-image:url(../gfx/emptyImage.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	z-index:200;
	position:absolute;
}
#logo {
	width:320px;
	height:90px;
	display: table;
	float:left;
}
#header_top {
	top:0px;
	left:20px;
	width:910px;
	height:90px;
	z-index:400;
	position:relative;
	display: table;
}
#menu_container {
	position:absolute;
	top:323px;
	height:35px;
    width:950px;
	margin:0;
	padding:0;
	float:left;
	z-index:300;
	background-image:url(../gfx/mainmenu_bg.png);
}

#searchbar {
	width:215px;
	padding: 40px 0 0 0;
	display: table;
	float:right;
}
.searchbar {
	width:171px;
	height:15px;
	padding:4px 5px 4px 10px;
	border:0;
	background: url(../gfx/inputfield.gif);
	float:left;
	font-family: Tahoma, Arial, helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#666666;
}

/*de crumbpath container --------------------------------------------- */
#crumbpath {

	width:950px;
	height:40px;
	margin:0;
	padding:0;
}
.crumbpath_position, .crumbpath_position a {
	padding:0 0 0 15px;
	margin:0;
}
.crumbpath {
	color:#999999;
	font-family: Tahoma, Arial, helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	margin:0 5px 0 5px;
	padding:0;
}
.crumbpath a{
	color:#999999;
	font-family: Tahoma, Arial, helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	margin:0 5px 0 5px;
	padding:0;
}
.crumbpath a:hover {
	color:#999999;
	font-family: Tahoma, Arial, helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:underline;
	margin:0 5px 0 5px;
	padding:0;
}
.crumbpath a:link, .crumbpath a:visited {
	color:#999999;
	font-family: Tahoma, Arial, helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	margin:0 5px 0 5px;
	padding:0;
}
.menuCrumbpath, .menuCrumbpath a {
	color:#999999;
	font-family: Tahoma, Arial, helvetica, sans-serif;
	}

/*de content container --------------------------------------------- */

#content_container {
	top:225px;
	width:950px;
	height:auto;
	display:table;
	padding:0;
	margin:0;
}

#portal_column {
	margin:0;
	padding:2px 5px 2px 5px;
	height:125px;
	width:164px;
	background-image:url(../gfx/portal_column_bg.gif);
	background-repeat:repeat-x;
	background-position:top left;
/*
	overflow:hidden;
	white-space: nowrap;
*/
	float:left;
}

.portal_column ul {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style-position:outside;
	padding:0 0 0 20px;
}
.portal_column li, .portal_column li a {
	list-style-position:inside;
	text-decoration:none;
	list-style-image:url(../gfx/list_image_portal.gif);
}
.portal_column li a:hover {
	text-decoration:underline;
	list-style-image:url(../gfx/list_image_portal.gif);
}

#portal_kop {
	width:160px;
	height:59px;
	padding:4px 0px 0px 5px;
}

#portal_sub_column {
	margin:0;
	padding:2px 5px 2px 7px;
	width:278px;
	display:table;
	float:left;
	background:#FFFFFF;
}
#portal_sub_column li a {
	color:#810101;
}

#portal_sub_kop {
	margin:0;
	padding:0;
	width:270px;
	display:block;
}

#content_left {
   /*width:264px;*/
	vertical-align: top;
	float: left;
    width:610px;
	padding:2px 5px 2px 5px;
	margin:0;
	background-color:#ffffff;
}

#content_right {
	width:596px;
	float: right;
	vertical-align: top;
	padding:0 40px 20px 50px;

}

#content_right_left {
   width:388px;
   vertical-align: top;
   float: left;
   clear:left;
   padding:0px 16px 0px 0px;

/*
   margin:20px 0 20px 0;
*/
}
#content_right_right {
   width:170px;
/* clear: right; */
   float: left;
   vertical-align: top;
   padding:0px 0px 0px 30px;
}

#clear {
	width: 100%;
	height: 0px;
	clear: both;
}
/*de gallery container --------------------------------------------- */


#content_gallery {
	width:290px;
	top:0px;
 	display:block;
}

#gallery_container {
	width:290px;
	vertical-align: top;
	display:table;

}

#gallery_placeholder {
	width:60px;
	padding:0px 12px 12px 0;
	float:left;
}
#gallery_element {
	width:60px;
	height:40px;
	background-color:#f5f5f5;
}
/*de form container --------------------------------------------- */

#form_container {
	padding:0 0 0 30px;
	width:470px;
}

/* footer  --------------------------------------------- */
#footer_container {
	position:absolute;
	width:100%;
	background-color:#810101;
	bottom:31px;
	z-index:-70;
	padding:0;
	margin:0;
	z-index:2000;
	display:block;
}
#footer{
	margin:0 auto;
	width:174px;
	width:970px;
	padding:10px 0 10px 20px;
}
#footer_column_top{
	float:left;
	width:174px;
	padding:0 5px 0 10px;
	margin:0;
}
#footer_column{
	float:left;
	width:174px;
	margin:0 5px 0 10px;
	padding-top:5px;
	border-top:2px solid #8d2a29;
	color:#ffffff;
	font-family: Tahoma, Arial, helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	text-align:left;
	font-weight:bold;
}
#footer_column ul{
	color:#CC9999;
	font-family: Tahoma, Arial, helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	padding:0;
	margin:0;
font-weight:normal;
padding-top:5px;
padding-bottom:12px;
}
#footer_column ul a{
color: #dfc0be;
	padding:0;
	margin:0;
	line-height:16px;
}
#footer_column li {
	list-style-position:outside;
	text-decoration:none;
	list-style-image:url(../gfx/list_image_footer.gif);
	margin:0 0 0 16px;
	padding:0;
	line-height:16px;
}
#footer_kop {
	height:50px;
	display:table;
	width:174px;
	margin:0;
	padding:0;
	vertical-align:middle;
	text-align:left center;
/*
	white-space:normal;
*/
border-bottom:0px;
}
#footer_bottom {
display:none;
}

/* bottom onder de footer geplaatste links  --------------------------------------------- */
#bottom_container {
	position:absolute;
	width:100%;
	padding:0;
	margin:0;
	text-transform:uppercase;
 	bottom:5px;
}
#bottom, #bottom a {
	width:910px;
	padding:0;
	margin:0 auto;
 	bottom:5px;
	color:#666666;
	text-transform:uppercase;
	text-decoration:none;
}
#bottom a:hover {
	color:#666666;
	text-decoration:underline;
}

/* de underfooter  --------------------------------------------- */
#under_footer {
	width: 950px;
	height: 110px;
}

/* de font elementen --------------------------------------------- */

a, a.visited {
	color: #666666;
	text-decoration:none;
}
a.hover {
	color:#810101;
	text-decoration:underline;
}

hr {
	border: 0px;
	border-top: 1px solid #e5e5e5;
	height: 0px;
	margin: 1px 0 1px 0;
}
.list {
	border-bottom:1px solid #e5e5e5;
	padding: 0 0 5px 0;
}

#line {
	border: 0px;
	border-top: 1px solid #e5e5e5;
	height:0px;
	margin:0px 0 1px 0;
	padding:0;
	width:275px;
}

#line_large {
	border: 0px;
	border-top: 1px solid #e5e5e5;
	height:0px;
	margin:0px 0 1px 0;
	padding:0;
	width:100%;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	color: #810101;
    font-size: 21px;
	line-height:normal;
	font-weight:normal;
	margin:0;
	padding:0;
	fl/oat:left;
	width:100%; /* om te voorkomen dat deze te vroeg afbreekt en ipv inline style */
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	color: #50595e;
	font-size: 21px;
	line-height:normal;
	font-weight:normal;
	margin:0;
	padding:0;
	width:100%; /* om te voorkomen dat deze te vroeg afbreekt en ipv inline style */
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	color: #50595e;
	font-size: 18px;
	font-weight:normal;
	height:40px;
	padding:0;
	margin:0;
/*	width:280px; */
	display:block;
	width:100%; /* om te voorkomen dat deze te vroeg afbreekt en ipv inline style */
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	color: #810101;
	font-size: 18px;
	line-height:normal;
	font-weight:normal;
	padding:0;
	margin:0;
}

h5, h5 a {
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	color: #ffffff;
	font-size: 16px;
	line-height:14px;
	font-weight:normal;
	margin:0;
	padding:0;
}

h5 a:hover {
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	color: #dfc0be;
	font-size: 16px;
	line-height:14px;
	font-weight:normal;
	margin:0;
	padding:0;
	cursor: pointer;
}

h6 {
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	color: #810101;
	font-size: 18px;
	line-height:normal;
	font-weight:bold;
	padding:0;
	margin:0;
}
/* nodig voor een dynamische header image */
#flashcontent {
	border: solid 1px #000;
	width: 950px;
	height: 337px;
	float: left;
	margin: 15px 20px;
}

.button_left {
	font-weight: bold;
	float:left;
	text-align:left;
}
.button_right, button_right a {
	text-align:right;
	color:#999999;
	padding:10px 20px 5px 0;
	margin:0;
	text-decoration:none;
	background-image:url(../gfx/btn/next.gif);
	background-position:right;
	background-repeat:no-repeat;
}
.button_right a:hover {
	text-align:right;
	color:#810101;
	text-decoration:underline;
	padding:10px 20px 5px 0;
	margin:0;
	background-image:url(../gfx/btn/next_hover.gif);
	background-position:right;
	background-repeat:no-repeat;
}
.button_small, .button_small a {
	color:#666666;
	text-decoration:none;
}

.button_small a:hover {
	color:#810101;
	text-decoration:underline;
}

.float_left {
	float:left;
	text-align:left;
	margin:0;
}

.float_right {
	float:right;
	text-align:right;
	margin:0;
}

.text_links {
	color:#810101;
}

div.faq {
	padding:2px 0 2px 0;
	border-bottom:1px solid #e5e5e5;
}
li.faq {
	font-weight:bold;
	color:#666666;
	list-style-position:outside;
	text-decoration:none;
	list-style-image:url(../gfx/list_image_portal.gif);
	margin:0 0 0 16px;
}
li.faq a {
	font-weight:bold;
	color:#666666;
	list-style-position:outside;
	text-decoration:none;
	list-style-image:url(../gfx/list_image_portal.gif);
}
li.faq a:hover {
	font-weight:bold;
	color:#666666;
	list-style-position:outside;
	text-decoration:underline;
	list-style-image:url(../gfx/list_image_faq_open.gif);
}
.faqText {
	display:none;
}
div.profile {
	position:absolute;
	display:none;
	background-color:#ffffff;
	padding:10px;
	margin:15px 0 0 -40px;
	border:1px solid #808080;
}
div.profile1 {
	font-weight:bold;
	color:#810101;
	font-size:12px;
}
div.profile2 {
}

.profileCol {
	padding-right:40px;
}
.profileItem a {
	color:#810101;
}