/*  Tags Declaration  */

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

body { 
	font-family: Arial;
	background: #9d9d9d top center no-repeat; 
	min-height: 100%; 
	height: auto !important; 
	height: 100%; 
	position: relative; 
	margin:0;
}

#main2 {
	font-family: Arial;
	min-height: 100%; 
	height: auto !important; 
	height: 100%; 
	position: relative;
}

/*HTML, BODY { height: 100%; }*/

A {color: #000; text-decoration: none;}
A:HOVER {text-decoration: underline;}
IMG {border: none;}
FORM { margin: 0;padding: 0; }
INPUT, TEXTAREA, SELECT { font-family: Arial; }
P {font-family: Arial; padding:0px; margin: 0px;}
STRONG { color: #A12727; }

/*  Page  */
input {
    text-align: left;
    width: 300px;
	border:1px solid grey;
}

input[type=checkbox]{
	width:20px;
}

p.ssmall {
    font-size: 11px;
    line-height: 22px !important;
}

select {
    text-align: left;
    width: 300px;
	border:1px solid grey;
	padding:2px;
}

input.submit {
    text-align: center;
    width: 302px;
	color:#fff;
	font-weight:bold;
}

input.radio{
	width:20px;
	border:none;
}

TABLE.voordeel TR TD{

	padding:2px 0;

}

TABLE.voordeel TR TD P{

	line-height:22px;
	font-size:12px;

}

/*  Page  */
#page {
    margin: auto;
    text-align: left;
    width: 992px;
	display:block;
	min-height: 800px;
}
.clear {
    clear: both;
	line-height: 0;
	font-size: 0; 
	height: 1px;
}

.top_left {
    float:left;
	width:363px;
}
.top_right {
    float:left;
	width:629px;
}

#fill_left{
	position:absolute;
	left:0;
	top:0;
	
	
}

#wrapper {

	z-index:5;
	width: 999px; 
	position: absolute; 
	overflow: visible; 
	top:0;
	left:0;

}

#wrapper2 {

	
	width: 999px; 
	height:auto;
	margin: 0 auto; 
	margin-left: -500px;
	position: absolute; 
	overflow: visible; 
	left:50%;


}

#loader{
	position:absolute;
	height:55px;
	width:100px;
	right:0;
	margin:0;
	background:url("../images/loader.gif") no-repeat right top;
	z-index:99;
}

#sfeer_loader{
	position:absolute;
	height:55px;
	width:100px;
	top:0;
	left:0;
	background:url("../images/loader.gif") no-repeat right top;
	z-index:99;
}

.transparant_red {
    background-image: url("../images/transparant_red2.jpeg");
	width: 162px;
	height: 419px;
	float:left;
	filter:alpha(opacity=50);
	opacity:0.9;
}

#container { 

	width: 999px; 
	margin: 0 auto; 
	position: relative; 
	overflow: hidden; 
}


.logo {
    clear: both;
	line-height: 0;
	padding:0px;
}

.logo2 {
	float:left;
    clear: both;
	line-height: 0;
	margin:43px 0px;
}


/*  Header  */
.header {
    float: left;
    width: 100%;
	margin: 19px 0px 0px 0px;
	position: relative;
	z-index: 100;
	background: url("../images/hbg.gif") no-repeat left top;
}

.header2 {
    float: left;
    width: 100%;
	margin: 0px 0px 0px 0px;
	position: relative;
	z-index: 100;
	background: #62408e url("../images/hbg.gif") no-repeat left top;
}

.top2 {
    float: left;
    width: 100%;
	margin: 0px 0px 0px 0px;
	position: relative;
	z-index: 100;
	height: 80px;
}

.top2 .top_right h1 {
	float:left;
	color:#cfd0cb;
	font-size: 28px;
	font-weight:normal;

}

/*  Banner  */
.banner {
	padding: 6px 6px 0px 6px;
	line-height: 0;
	font-size: 0;
}

.img-banner {
	float:left;
	margin:0px 0px;
	width: 575px;
	height: 280px;
	z-index: 999;
}

/*  Main navigation menu  */
.nav {
	z-index: 100;
	float: left;
	width: 363px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	display: inline;
}

.nav UL {
    margin: 0px;
    padding: 0px;
    list-style: none;
	width: 250px;	
}

.nav UL LI {
	height: 25px;
    margin: 0;
    padding: 0 0 0 163px;
	position: relative;
	background: url("../images/nav-div.gif") no-repeat left top;
	letter-spacing:2px;
}

.v2 UL LI{ 
	
	padding: 0px 0px 0px 100px;
}

.nav UL LI.first { 
	background: none; 
}

.nav UL LI A {
	float: left;
	font-family: Arial;
	font-size: 12px;
	color: #fff;
	line-height: 24px;
	text-decoration: none;
	padding: 0px 20px;
	width: 223px;
	height: 25px;
}
.nav UL LI.selected A {
	width: 223px;
	height: 25px;
	display:block;
	color: #fff;
	font-weight: bold;
	background: url("../images/transp-white2.png") repeat left top;

}
.nav UL LI A:HOVER {
	text-decoration: none;
	background: url("../images/transp-white2.png") repeat left top;
	color: #61438d;
}

.subnav {
	float: left;
	width: 226px;
    padding: 11px 0px 0px 0px;
    position: absolute;
	left: -12px;
	top: 14px;
	z-index: 200;
	display: none;
}
.nav UL LI:HOVER .subnav { display: block; }

.sitemap {
	float: right;
    padding: 1px 15px 0px 0px;
}
.sitemap A {
	display: block;
	font-size: 11px;
	color: #767676;
    padding: 0px 0px 0px 20px;
	background: url("../images/sitemap.gif") no-repeat left 2px;
}

/*  Content  */

.sfeer {
	border:0px;
	padding:0px;
	float:left;
	height:419px;
	width:163px;
	overflow:hidden;
	text-align:center;
	position:relative;
}

.sfeerimg {
	border:0px;
	padding:0px;
	max-height:419px;
	position:absolute;
	bottom:0;
	

}

#content {
    float: left;
	width: 100%;
	position: relative;
	z-index: 20;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: url("../images/transp-white2.png") repeat left top;
	min-height:419px;
	overflow: visible;
	font-size: 14px;
}

#content h1{
	color:#fff;
	letter-spacing:2px;
	font-family: 'Quicksand',sans-serif;
    font-size: 34px;
    font-weight: bold;
	padding-bottom: -200px;
	line-height: 26px;
}

/** SOCIAL BUTTONS **/
.social{
	height:auto;
	height:32px;
	position:absolute;
	bottom:0px;
	right:6px;

}

.social a{
	width:22px;
	height:22px;
	text-indent:-3000px;
	overflow:hidden;
	margin-right:5px;
	float:left;
}

.social a.item1:HOVER{ background: url("../images/social_icons.jpg") repeat -6px -6px;}
.social a.item2:HOVER{ background: url("../images/social_icons.jpg") repeat -35px -6px;}
.social a.item3:HOVER{ background: url("../images/social_icons.jpg") repeat 30px -6px;}

.social a.item1{ background: url("../images/social_icons_grey.jpg") repeat -6px -6px;}
.social a.item2{ background: url("../images/social_icons_grey.jpg") repeat -35px -6px;}
.social a.item3{ background: url("../images/social_icons_grey.jpg") repeat 30px -6px;}

/** EINDE SOCIAL BUTTONS **/

h2 {
	color:#fff;
	font-size: 24px;
	font-weight:bold;
	padding: 0px 0px 20px 20px;
	font-family: 'Josefin Sans',sans-serif;
}

.nieuws {
	height:40px;
	padding: 10px 0 0 20px;

}

.nieuws h4{
	margin:0;
	padding:0;
	color:#fff;
	font-size: 34px;
	line-height:34px;
	font-weight:bold;
	font-family: 'Josefin Sans',sans-serif;
}

.column {
	float:left;
	width: 300px;
}

.left-col {
    float: left;
	width: 240px;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 20px;
}

.left-col p{
	font-size: 12px;
	line-height: 22px;
}

.left-col A.more { 
	font-size: 11px; 
	padding: 0px 30px 20px 0px;
	color:#E1D2D3;
	font-weight:bold;
}

.left-col .more strong { 
	font-weight:bold;
	font-size: 11px; 
	padding: 0px 30px 20px 0px;
	color:#8b194c;
}

.left-col H2 {
	font-family: Tahoma;
	font-size: 14px;
	color: #E1D2D3;
	font-weight: bold;
	padding: 21px 0px 0px 0px;
	margin: 0 0 5px 0px;
	letter-spacing:2px;
}


.right-col {
	padding: 00px 10px 50px 10px;
	line-height: 22px;
	float:left;
	width: 500px;
}

.right-col p{
	line-height: 28px;
}



.left-col2 {
    float: left;
	width: 245px;
	padding: 10px 0px 20px 0px;
	margin: 0px 0px 0px 13px;
}

.left-col2 p{
	font-size: 12px;
	line-height: 22px;
}

.left-col2 a.more { 
	font-size: 11px; 
	padding: 0px 30px 20px 0px;
	color:#5F408A;
}


.left-col2 H2 {
	font-family: Tahoma;
	font-size: 14px;
	color: #5f408a;
	font-weight: bold;
	padding: 21px 0px 0px 0px;
	margin: 0 0 5px 0px;
	letter-spacing:2px;
}

/*  Footer  */
.fbg {
    float: left;
	width: 100%;
	position: relative;
	z-index: 10;
	padding: 46px 0px 15px 0px;
	margin: -36px 0px 0px 0px;
    background: #d3d9c9;
}
.footer {
    margin: auto;
	width: 992px;
	text-align: left;
}
.fleft {
    float: left;
	padding: 0px 0px 0px 6px;
}
.fright {
    float: right;
	padding: 0px 6px 0px 0px;
}
.footer SPAN {
	font-size: 11px;
	color: #9baa83;
	padding: 0px 3px 0px 3px;
}
.footer P {
	padding: 0;
	margin: 0;
	font-size: 11px;
	color: #9baa83;
}
.footer A {
	padding: 0;
	margin: 0;
	font-size: 11px;
	color: #9baa83;
}
.fleft A { text-decoration: underline; }
.fleft A:HOVER { text-decoration: none; }

.connexx{
	text-align:right;
	height:20px;
	width: 829px;
	color:white;
	float:right;
	padding-right:4px;
}

.connexx a{
	font-size:10px;
	color:white;
}

img.gradient  {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
}	
@media screen and (max-width: 1024px){
	img.gradient {
		left: 50%;
		margin-left: -512px; }
}