/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_5 {
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5 {
	display:inline;
	float: left;
	position: relative;
	/*margin-left: 10px;
	margin-right: 10px;*/
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 5 Columns
----------------------------------------------------------------------------------------------------*/

.container_5 .grid_1 {
	width:123px;
}

.container_5 .grid_2 {
	width:420px;
}

.container_5 .grid_3 {
	width:640px;
}

.container_5 .grid_4 {
	width:917px;
}

.container_5 .grid_5 {
	width:1080px;
}



/* Prefix Extra Space >> 5 Columns
----------------------------------------------------------------------------------------------------*/

.container_5 .prefix_1 {
	padding-left:123px;
}

.container_5 .prefix_2 {
	padding-left:440px;
}

.container_5 .prefix_3 {
	padding-left:660px;
}

.container_5 .prefix_4 {
	padding-left:880px;
}



/* Suffix Extra Space >> 5 Columns
----------------------------------------------------------------------------------------------------*/

.container_5 .suffix_1 {
	padding-right:220px;
}

.container_5 .suffix_2 {
	padding-right:440px;
}

.container_5 .suffix_3 {
	padding-right:660px;
}

.container_5 .suffix_4 {
	padding-right:880px;
}



/* Push Space >> 5 Columns
----------------------------------------------------------------------------------------------------*/

.container_5 .push_1 {
	left:220px;
}

.container_5 .push_2 {
	left:440px;
}

.container_5 .push_3 {
	left:660px;
}

.container_5 .push_4 {
	left:880px;
}



/* Pull Space >> 5 Columns
----------------------------------------------------------------------------------------------------*/

.container_5 .pull_1 {
	left:-220px;
}

.container_5 .pull_2 {
	left:-440px;
}

.container_5 .pull_3 {
	left:-660px;
}

.container_5 .pull_4 {
	left:-880px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}



/*************************** CUSTOM ***************************/

.Margin_Left {margin-left: 15px; }
.Margin_Right {margin-right: 15px; }
.Margin_Top {margin-top: 15px; }
.Margin_Bottom {margin-bottom: 15px; }
.Margin_All {margin: 15px; }
.Padding_Left {padding-left: 15px; }
.Padding_Right {padding-right: 15px; }
.Padding_Top {padding-top: 15px; }
.Padding_Bottom {padding-bottom: 15px; }
.Padding_All {padding: 15px; }
.Padding_All_Half {padding: 15px; }


html
{
background-image: url(images/pageDesign/Html_Bg.png);
}

body
{
background-image: url(images/pageDesign/Body_Bg.png);
background-position:center top;
background-repeat: no-repeat;
}


div.container_5
{
/*background-image: url(images/pageDesign/Container_Bg.png);
background-repeat: repeat-y;*/

height: 1000px;

}

div.grid_Header
{
background-image: url(images/pageDesign/Header_Bg.png);
background-repeat: no-repeat;
height: 227px;
position: relative;
}


div.grid_Header div.grid_MainMenu
{
position: absolute;
top: 95px;
left: 625px;
height: 35px;
width: 380px;
}


div.grid_Header div.grid_Logo
{
position: absolute;
top: 70px;
left: 10px;
height: 140px;
width: 510px;
}


div.grid_Header div.grid_Search
{
position: absolute;
top: 180px;
left: 780px;
height: 50px;
width: 220px;


}




div.grid_3Keuze
{
background-image: url(images/pageDesign/3Keuze_Bg.png);
background-repeat: no-repeat;
height: 335px;
padding-left: 24px;
}

div.grid_Master_Body
{
padding-top: 13px;
background-image: url(images/pageDesign/Master_Body_Bg.png);
background-repeat: repeat-y;

}


div.grid_Master_Body div.InnerTube
{
margin-left: 22px;
width: 977px;
border: solid 0px green;
}




div.grid_Footer
{
background-image: url(images/pageDesign/Footer_Bg.png);
background-repeat: no-repeat;
height: 229px;
}

div.grid_Footer div.Address
{
border: solid 0px green;
height: 115px;
width: 550px;
position: absolute;
top: 35px;
left: 441px;

color: #CCCCCC;

background-image: url(images/pageDesign/footer_2cols_Bg.png);
background-repeat: no-repeat;
background-position: 6px 0px;

}

div.grid_Footer div.Address,
div.grid_Footer div.Address a,
div.grid_Footer div.Address *
{
color: #CCCCCC;
}

div.grid_Footer div.Address h3
{
letter-spacing: 1px;
font-weight: normal;
margin-bottom: 12px;
}


div.grid_Footer div.Address div.Col1,
div.grid_Footer div.Address div.Col2
{
float: left;
}

div.grid_Footer div.Address div.Col1
{
width: 181px;
}


div.grid_Footer div.Address div.Col2
{
width: 322px;
margin-left: 35px;

}

div.grid_Footer div.Copyright
{
position: absolute;
top: 151px;
left: 6px;
width: 300px;
height: 20px;
font-size:9px;
}

div.grid_Footer div.Copyright a
{
text-decoration: none;

}

div.grid_Menu
{
/*background-color: #eeeeee;*/
}


div.Cols2_Container
{
background-image: url(images/pageDesign/Col_2_Bg.png);
background-repeat: repeat-y;

width: 977px;
}


div.Cols2_Container,
div.Cols2_Col1,
div.Cols2_Col2
{
	display:inline;
	float: left;
	position: relative;
}

div.Cols2_Col1
{
    width:562px;

}

div.Cols2_Col2
{
   margin-left: 30px;
   width:380px;
   margin-top: 190px;
}



div.Fotos_Container
{
background-image: url(images/pageDesign/Col_2_Bg.png);
background-repeat: repeat-y;
background-position: -290px;

width: 980px;

}


div.Fotos_Container,
div.Fotos_Col1,
div.Fotos_Col2
{
	display:inline;
	float: left;
	position: relative;



}

div.Fotos_Col1
{
    width:270px;
     margin-top: 200px;
}

div.Fotos_Col2
{
   margin-left: 30px;
   width:680px;

}





div.Contact_Container
{
background-image: url(images/pageDesign/Col_2_Bg.png);
background-repeat: repeat-y;
background-position: -150px;
width: 977px;
}


div.Contact_Container,
div.Contact_Col1,
div.Contact_Col2
{
	display:inline;
	float: left;
	position: relative;
}

div.Contact_Col1
{
    width:412px;
     border: solid 0px green;
}

div.Contact_Col2
{
   margin-left: 30px;
   width:530px;
   border: solid 0px red;
}

div.Contact_Col2 iframe
{
      border: solid 1px #DCDCDC;
}





div.Advertentie
{
position: absolute;
left: 613px;
top: -16px;
display: block;

border: solid 0px green;
height: 220px;
width: 400px;

cursor: pointer;
z-index: 100;
}


div.SubMenu
{
position: absolute;
left: -3px;
top: 0px;
display: block;


height: 600px;
border: solid 0px red;

z-index: 100;
}

div.SubMenu,
div.SubMenu div.SubMenu_Top,
div.SubMenu div.SubMenu_Body,
div.SubMenu div.SubMenu_Bottom
{
width: 280px;
}

div.SubMenu div.SubMenu_Top
{
background-image: url(images/pageDesign/SubMenu_Top_Bg.png);
background-repeat: no-repeat;

height: 23px;
}

div.SubMenu div.SubMenu_Body
{
background-image: url(images/pageDesign/SubMenu_Body_Bg.png);
background-repeat: repeat-y;
}

div.SubMenu div.SubMenu_Body div.InnerTube
{
padding-left: 8px;

}

div.SubMenu div.SubMenu_Body a,
div.SubMenu div.SubMenu_Body a:visited
{
color: #ffffff;
line-height: 25px;
text-decoration: none;
cursor: pointer;
text-transform:uppercase;
}

div.SubMenu div.SubMenu_Body a.selected
{
text-decoration: underline;
}


div.SubMenu div.SubMenu_Bottom
{
background-image: url(images/pageDesign/SubMenu_Bottom_Bg.png);
background-repeat: no-repeat;
height: 17px;
}


div.SubMenu div.InnerTube_Body
{
height: 500px;
border: solid 0px green;
margin-left: 20px;
width: 260px;
}




/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */