@charset "utf-8";
/* ---REACT NEW MEDIA------------------------------------------------------------------------------------------------------- */

#reactnewmedia {
	position:absolute;
	width:22px;
	top:400px;
	height:164px;
}

#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;
}

p {
	color: #636466; 
/*	margin:0;
	padding:0;*/
}

body {
	height:auto !important;
	height:100%;
	min-height:100%;
	margin:0;
	padding:0;
}

html, body {
	font-family: "Trebuchet MS", tahoma, arial; 
	font-size:14px;
	line-height:21px;	
	overflow-y: scroll !important;
}

#container {
	position: absolute;
	width: 100%;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

#main_container {
	padding:20px 0 0 0;
	margin:0 auto;
	width:950px;
	display:table;
	
}

/*de header container --------------------------------------------- */

#header_container {
/*	position:absolute;*/
	height:80px;
	width:900px;
	margin:0 auto;
	padding:0 25px 0 25px;
	z-index:10;
	background:url(/gfx/header_bg.gif) no-repeat top center;
}

/*#header_left {
	width:260px;
	height:180px;
	
	float:left;
	z-index:20;
}
#header_right {
	width:690px;
	height:180px;
	float:right;
	z-index:20;
}

#header_image{
	width:950px;
	height:200px;
}*/

#logo {
	display:block;
	float:left;
	padding:0 0 0 20px;
	width: 80px;
	height: 40px;
	z-index:999;
}
#logo2 {
	display:block;
	position:absolute;
	top:30px;
	right:20px;
	width: 90px;
	height: 40px;
	z-index:9;
}
#menu_container {
	margin:0;
	width:100%;
	height:32px;
	padding:10px 0 0 0;
	z-index:400;
	border-bottom:#e9008a 1px solid ;
}

/*de crumbpath container --------------------------------------------- */
#crumbpath_container {
	width:900px;
    display:inline; 
	padding:0px 0 0 25px; 
/*	margin:0 0 0 130px !important; */
	text-align:left;
	color: #a7a9ac;
	float:left;
}

#crumbpath {
	font-size: 11px;
	color: #e9008a;
	text-align: left;
	padding:0 0 0 10px ;
	
}
#crumbpath .menuCrumbpath, #crumbpath .magenta {
	font-size: 11px;
	color: #e9008a;
	text-align: left;
	padding:0;
	text-decoration: none;
}
#crumbpath a:hover, #crumbpath a:hover .magenta {
	text-decoration: underline;
		color: #ea008f;
}
img {
    border: 0;
}
/*#language_selection {
	width: 140px;
	padding:5px 46px 0 0;
	margin:0;
	text-align:right;
	float:right;
}
#language_selection p{
	font-family: "MS Trebuchet", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #1217a4;
	padding:0;
	margin:0;
	text-align:right;
	float:right;
}

.menuLan, .menuLan a {
	font-family: "MS Trebuchet", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #1217a4;
	padding:0 2px;
	text-transform:uppercase;
	text-decoration:underline;
}
*/


/*de content container --------------------------------------------- */

#content_container {
	height:auto;
	display:table;
	width:100%;
}

#content {
	width:850px;
 	display:block;
	margin:0 auto;
	min-height:460px;
	height:auto;
	padding:0px 50px 20px 50px;
	background:url(/gfx/content_bg.gif) repeat-y top center; 
}

#content_left {
	width:500px;
	padding:0 50px 0 0;
	margin:0;
	float:left;
	z-index:100;
	min-height: 460px;
	height:auto;
}
.content_left {
	width:480px;
	padding:10px 10px 0 10px;
	margin:0;
	display:block;
	min-height: 425px;
	height:auto;
	background:url(../gfx/content_left.gif) left top no-repeat;
}
#content_left p {
      margin-bottom:0; 
}
.content_left_white {
	width:500px;
	padding:0 0 0 0;
	margin:0;
	display:block;
	min-height: 425px;
	height:auto;
	background:#ffffff;
}
.content_left_bottom {
	width:500px;
	padding:0;
	margin:0;
	height: 15px;
	background:url(../gfx/content_left_bottom.gif) left top no-repeat;
}
.content_left_bottom_white {
	width:500px;
	padding:0;
	margin:0;
	height: 15px;
	background:#ffffff;
}

#content_right {
	width:300px;
	padding:0;
	float:left;
	z-index:100;
	margin: 0;
	min-height: 460px;
	height:auto;
}
.content_right {
	width:280px;
	padding:10px 10px 0 10px;
	margin: 0;
	min-height: 425px;
	height:auto;
	background:url(../gfx/content_right.gif) left top no-repeat;
}	
.content_right_bottom {
	width:300px;
	padding:0;
	margin: 0;
	height: 15px;
	background:url(../gfx/content_right_bottom.gif) left bottom no-repeat;
}	

.clear {
	width: 100%;
	height: 5px;
	clear: both;
}

/* Neem direct contact op Div/

div.contactTagTitle {
    display: inline;
    margin-left: 25px;
    height: 30px;
    
}
.contactTag {
    width: 220px;
    padding-left: 25px;
    padding-top: 0px;
	font-family: "MS Trebuchet", Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
    padding-bottom: 5px;
	background:url(../gfx/lijn_news.gif) bottom left repeat-x;
	line-height: 20px;
} *

/*de form container --------------------------------------------- */

#form_container {
	padding:0 0 0 30px;
	width:470px;
}

/*de footer  --------------------------------------------- */


#footer_container {
	clear:both;
	width:100%;
	height:80px;
}

/* daadwerkelijke footer */

#footer{
	margin:0 auto;
	background:url(../gfx/footer_bg.gif) no-repeat top center;
	height:50px;
	width:950px;
	padding:30px 0 0 0;
	position:relative;
	text-align: left;

}

.footer{
	color:#000000;
	
	font-size:14px;
	text-decoration:none;
	margin:0 auto;
	padding:15px 0 0 0px;
 
    position:absolute;left:145px;top:30px;width:auto;
}
.footer a {
	color: #000000;
	
	text-decoration:none;
}
.footer a:hover {
	color: #666666;
	text-decoration:underline;
}

/* de underfooter  --------------------------------------------- */
#under_footer {
	width: 910px;
	height: 78px;
}

/* de font elementen --------------------------------------------- */

a {
	color: #000000;
	text-decoration:none;
}
a.hover {
	color:#e9008a;
	text-decoration:underline;
}

a.visited {
	color: #000000;
	text-decoration:none;
}

hr {
	border: 0px;
	border-top: 2px solid #d9e0e9;
	height: 2px;
	margin: 1px 0 4px 0;
}

#line {
	border: 0px;
	border-top: 1px solid #a7d6f0;
	height:0px;
	margin:0;
	padding:0;
}

h1 {
    text-align: left; 
    color: #e9008a; 
    font-size:20px; 
    margin:0; 
    padding:0; 
    line-height:normal;
    line-spacing: -5px;

}

h2 {
    text-align: left; 
    color: #636466; 
    font-size:20px; 
    margin:0; 
    padding:0; 
    line-height:normal;
    line-spacing: -5px;
}

h3 {
	text-align: left;
	font-weight:normal;
	color: #e9008a;
	font-size: 15px;
	margin:0;
	padding:0;
}

h4 {
	text-align: left;
	font-weight:normal;
	color: #636466;
	font-size: 15px;
	margin:0;
	padding:0;
}

.float {
	float:left;
	margin:0;
}
#content_right .rss {
    position:relative;
    float:left;
	font-family: "MS Trebuchet", Tahoma, Arial, Helvetica, sans-serif;
	color:#666666;
	width:50px;
	font-size:10px;
	margin:-22px  0 0 230px;
	padding:0;

}
/*
.backButton, .backButton a  {
	font-family: "MS Trebuchet", Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
.backButton a {
	font-family: "MS Trebuchet", Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:underline;
}*/

/* scroll fix voor footer bij 100% hoogte ---------------------------------- 

#scrollfix {
	float:none;
	width:950px;
	height:482px;
	margin:0 auto;
	padding:0;
	top:0;
	z-index:-999999;
}

#background {
	position:absolute;
	background:url(/gfx/content_bg.gif) no-repeat top center;
	width:100%;
	height:auto !important;
	height:100%;
	min-height:100%;
	top:0;
	z-index:-9999;
}

#contactDiv {
	color:#000000;
	text-align:right;
	width:920px;
	height:120px;
	position: absolute;
	top: 590px;
}

#contactvlak {
	width:991px;
	height: 150px;
	position: absolute;
	background-image: url(/gfx/contactvlak.gif);
	background-repeat: no-repeat;
	background-position:bottom left;
	top: 570px;
}*/
.magenta {
	color:#e9008a;}

/* custom css elements ---------------------------------- */
