﻿/* BEGIN FRAMEWORK LAYOUT */
* {
	margin						: 0;
	padding						: 0;
}

.clearfix:after 
{
	content						: ".";
	display						: block;
	height						: 0;
	clear						: both;
	visibility					: hidden;
}

html, body	
{
    height						: 100%;
	min-height					: 100%;
	margin						: 0;
	padding 					: 0;
} 

body 
{
	padding						: 0;
	margin						: 0 auto;
	min-height					: 100%;
	width						: 100%;
	overflow					: -moz-scrollbars-vertical;	/* TOON ALTIJD EEN SCROLLBAR IN FIREFOX */
	font-family					: Arial, Verdana, Helvetica, sans-serif;
	font-size					: 12px;
	line-height					: 140%;
	font-weight					: normal;
}

* html #Container 
{	
	height						: 100%;	 /*for IE as IE treats height as min-height anyway*/
    min-height                  : 100%;

}

/*#Clearfooter					{ clear	:both; 	height	:20px;}			/* needed to make room for footer */
/*#clearform						{ clear	:both; 	height	:1px;}			/* needed to make room for footer */
/** > html #Clearfooter 			{ float	:left; 	width	:100%;}			/* ie mac styles */
/** html #Content 				{ height:1%; 	margin-bottom:15px;}	/* combat IE's 3 pixel jog */


/* EINDE FRAMEWORK LAYOUT */


/* BEGIN WEBSITE LAYOUT */
#Container
{
	position					: relative;
	margin-bottom				: -29px;
	width						: 980px;
	min-height					: 100%;

	text-align					: left;
	border						: 0px solid black;
	background-image			: url(../images/layout/BG.gif);
	background-repeat			: repeat-y;
}

#Header
{
    position                    : relative;
	width						: 980px;
	height						: 54px;
	float						: left;
	background-color			: #FFFFFF;
}

#Navigatie
{
    position                    : relative;
    width						: 980px;
	height						: 43px;
	float						: left;
	background-color			: #FFFFFF;
	background-image			: url(../Images/IMG_Layout/IMG_BG_Navigatie.gif);
}

#Content 
{ 
    position                    : relative;
    float						: left;
    margin-top					: 0px; 
    z-index						: 1;
	display						: block;
	height						: auto;
}

#ContentWebmovie 
{ 
	margin-top					: 0px; 
	z-index						: 1;
	display						: inline;
	display						: block;
	height						: 432px;
}

#Footer 
{
	width						: 980px;
	height						: 29px;
	overflow					: hidden;
	padding						: 0;
	position					: relative;
	float                       : left;
	display                     : block;
	clear						: both;
	background-image			: url(../Images/IMG_Layout/IMG_BG_Footer.gif);
	background-repeat			: repeat-x;
}
/* EINDE WEBSITE LAYOUT */


/* BEGIN HEADER OPMAAK */
IMG.Logo_Airtrade 
{
	width						: 197px;
	height						: 30px;
	border						: 0px;
	float						: left;
	margin-left					: 31px;
	margin-top					: 14px;
}

#HeaderNavigatie
{
	float						: right;
	margin-top					: 31px;
}
/* EINDE HEADER OPMAAK */


/* BEGIN NAVIGATIE OPMAAK */
IMG.Logo_BCD
{
	width						: 77px;
	height						: 18px;
	border						: 0px;
	float						: left;
	margin-top					: 7px;
	margin-left					: 325px;
}

UL.Navigatie 
{
	width						: 508px;
	height						: 25px;
	float						: left;
	margin-left					: 70px;
	margin-top					: 0px;
	list-style					: none;
}

LI.NavigatieItem
{
	width						: 169px;
	height						: 20px;
	display						: block;
	padding-top					: 5px;
	float						: left;
	font-size					: 13px;
	font-weight					: bold;
	color						: #FFFFFF;
	text-align					: center;
}

LI.NavigatieItem A 
{
	text-decoration				: none;
	color						: #FFFFFF;
}
/* EINDE NAVIGATIE OPMAAK */


/* BEGIN SUBNAVIGATIE OPMAAK */
DIV.SubNavigatie
{
	width						: 192px;
	height						: auto;
	background-color			: #FF0303;
	border-left					: 1px solid white;
	border-right				: 1px solid white;
	border-bottom				: 1px solid white;
}

#SubNavigatieBusiness
{
	position					: absolute;
	top							: 79px;
	left						: 465px;
	z-index						: 2;
	visibility					: hidden;
}

#SubNavigatieConsument
{
	position					: absolute;
	top							: 79px;
	left						: 661px;
	z-index						: 2;
	visibility					: hidden;
}

#SubNavigatieOverAirtrade
{
	position					: absolute;
	top							: 79px;
	left						: 787px;
	z-index						: 2;	
	visibility					: hidden;
}

UL.SubNavigatie 
{
	width						: 136px;
	float						: left;
	margin-left					: 28px;
	margin-top					: 18px;
	list-style					: none;
	display						: inline;
}

LI.SubNavigatieItem
{
	width						: 136px;
	display						: block;
	float						: left;
	margin-top					: 8px;
	font-size					: 12px;
	font-weight					: bold;
	color						: #FFFFFF;
	text-align					: left;
}

LI.SubNavigatieItem A 
{
	text-decoration				: none;
	color						: #FFFFFF;
}

IMG.SubNavigatieFooter 
{
	width						: 192px;
	height						: 20px;
	
	border						: 0px;
	
	float						: left;
}
/* EINDE SUBNAVIGATIE OPMAAK */


/* BEGIN CONTENT OPMAAK */
#ContentContainer 
{
    position:relative;
    float:left;
    display:block;
    clear:both;
    height:auto;
	width						: 980px;
}


#ContentBanner 
{
	width						: 252px;
	height						: 360px;
	
	float						: left;
	margin-left					: 30px;
	
	display						: block;
	display						: inline;
	overflow					: hidden;

	border						: 1px solid #FF0101;
}

#ContentBannerEN
{
	width						: 252px;
	height						: 360px;
	
	float						: left;
	margin-left					: 30px;
	
	display						: block;
	display						: inline;
	overflow					: hidden;

	border						: 0px solid #FF0101;
}

#ContentNoBanner 
{
	width						: 252px;
	height						: 360px;
	
	float						: left;
	margin-left					: 30px;
	
	display						: block;
	display						: inline;
	overflow					: hidden;

	border						: 0px solid #FF0101;
}

#ContentDisplay 
{
	width						: 624px;
	min-height					: 362px;
	
	float						: right;
	margin-right				: 32px;
	
	display						: block;
	display						: inline;
}

#ContentDisplayWebmovie 
{
	width						: 624px;
	min-height					: 432px;
	
	float						: right;
	margin-right				: 32px;
	
	display						: block;
	display						: inline;
}

#ContentTitel 
{
	width						: 624px;
	height						: 15px;
	
	float						: left;
	margin-top					: 40px;
	
	display						: block;
	display						: inline;
	
	font-size					: 15px;
	font-weight					: bold;
	
	color						: #FF3F3F;
}

.ContentTitel 
{
	width						: 624px;
	height						: auto;
	
	float						: left;
	margin-top					: 40px;
	
	display						: block;
	display						: inline;
	
	font-size					: 15px;
	font-weight					: bold;
	
	color						: #FF3F3F;
}

#ContentText 
{
	width						: 600px;
	clear						: left;
	float						: left;
	margin-top					: 15px;
	
	display						: block;
	display						: inline;
}

div.ContentBeeld 
{
	width						: 190px;
	height						: 130px;
	
	float						: right;
	margin-top					: 15px;
	
	display						: block;
	display						: inline;
	overflow					: hidden;
}

IMG.SfeerbeeldLeftTop 
{
	width						: 311px;
	height						: 180px;
	
	margin-bottom				: 2px; 
	margin-right				: 2px;
	
	float						: left;
}

IMG.SfeerbeeldLeftBottom
{
	width						: 311px;
	height						: 180px;

	margin-right				: 2px;
	
	float						: left;
}

IMG.SfeerbeeldRightTop 
{
	width						: 311px;
	height						: 180px;
	
	margin-bottom				: 2px; 

	float						: left;
}

IMG.SfeerbeeldRightbottom 
{
	width						: 311px;
	height						: 180px;
	
	float						: left;
}
/* EINDE CONTENT OPMAAK */


/* BEGIN SUBCONTENT OPMAAK */

#SubContentContainer 
{
    position:relative;
    width						: 980px;
    float:left;
    display:block;
}

div.SubContentBanner 
{
	width						: 247px;
	height						: 110px;
	float						: left;
	margin-left					: 30px;
	margin-top					: 11px;
	display						: block;
	display						: inline;
	border						: 1px solid #FF0101;
	visibility					: hidden;
	padding-left: 5px;
}

div.SubContentBanner  a:link,
div.SubContentBanner  a:active,
div.SubContentBanner  a:visited
{
	color: Black;
	text-decoration:none;
	font-size: 9px;
	font-weight:bold;
	margin:0;
	padding:0;
}

#SubNieuwsBlokLeft
{
	
	
	width						: 303px;
	height						: 96px;

	float						: left;
	margin-left					: 40px;
	margin-top					: 11px;
	font-size					: 11px;
	
	display						: block;
	display						: inline;
}

#SubNieuwsBlokRight
{
	width						: 303px;
	height						: 96px;

	float						: left;
	margin-left					: 18px;
	margin-top					: 11px;
	font-size					: 11px;
	
	display						: block;
	display						: inline;
}

#SubNieuwsBlokRight2
{
	width						: 303px;
	height						: 96px;
	
	float						: left;
	margin-left					: 18px;
	margin-top					: 11px;
	
	display						: block;
	display						: inline;
	text-align					:center;
	font-size					: 11px;
	
	border						: 1px solid #FF0101;
}

.SubNieuwsBlokHeader 
{
	width						: 303px;
	height						: 28px;
	
	float						: left;
	background-image			: url(../Images/IMG_Nieuws/IMG_BG_NieuwsHeader.gif);
	background-color			: #FFFFFF;
}

	.SubNieuwsBlokHeaderDate 
	{
		float						: right;
		
		margin-right				: 12px;
		margin-top					: 2px;
		
		display						: inline;
		
		font-weight					: bold;
		color						: #FFFFFF;
	}

.SubNieuwsBlokContent 
{
	width						: 289px;	/* 303px - 2px border - 12px padding */
	height						: 52px;		/*  66px - 2px border - 12px padding */
	
	float						: left;
	
	padding						: 6px;
	
	border						: 1px solid #FF0303;
	background-color			: #FFFFFF;
}

.SubNieuwsBlokContentDisplay 
{
	width						: 289px;
	height						: 39px;
	
	float						: left;
	
	overflow					: hidden;
}

.SubNieuwsBlokContentFooter 
{
	width						: 289px;
	height						: 17px;

	float						: left;
	
	overflow					: hidden;
}

.SubNieuwsBlokContent A 
{
	float						: right;
	
	font-weight					: bold;
	text-decoration				: none;
	
	color						: #000000;
}

.SubNieuwsBlokContent A:hover
{
	text-decoration				: underline;
}

#advertentie
{
	width						: 252px; 
	height						: 360px;
	
	overflow					: hidden;
	
	text-align					: center;
}

	#advertentie IMG
	{
		max-width					: 252px; 
		max-height					: 360px;
		
		overflow					: hidden;
	}

#BannerLeftBottom
{
	width						: 235px; 
	height						: 81px;

	overflow					: hidden;
	
	text-align					: center;
}

#logo
{
	width						: 252px; 
	height						: 96px;

	overflow					: hidden;
	
	text-align					: center;
}

	#logo IMG
	{
		max-width					: 252px; 
		max-height					: 96px;
		
		overflow					: hidden;
	}
/* EINDE SUBCONTENT OPMAAK */


/* BEGIN NIEUWS OPMAAK */
a.LinkAllNews 
{
	font-weight					: bold;
	
	text-decoration				: underline;
	
	color						: #126DB4;
}

a.LinkAllNews:hover 
{
	font-weight					: bold;
	
	text-decoration				: underline;
	
	color						: #FF0000;
}

a.LinkNewsItem 
{
	font-weight					: normal;
	
	text-decoration				: none;
	
	color						: #126DB4;
}

a.LinkNewsItem:hover 
{
	font-weight					: normal;
	
	text-decoration				: underline;
	
	color						: #FF0000;
}/* EINDE NIEUWS OPMAAK */


/* BEGIN SITEMAP OPMAAK */
ul.sitemap 
{
	margin-bottom				: 15px;
}

a.LinkSitemapItem 
{
	font-weight					: normal;
	
	text-decoration				: none;
	
	color						: #126DB4;
}

a.LinkSitemapItem:hover 
{
	font-weight					: normal;
	
	text-decoration				: underline;
	
	color						: #FF0000;
}
/* EINDE SITEMAP OPMAAK */


/* BEGIN SITEMAP OPMAAK */
li.DisclaimerItem 
{
	margin-bottom				: 15px;
}
/* EINDE SITEMAP OPMAAK */


/* BEGIN ALGEME OPMAAK/STYLEN */
.left 
{
	float						: left;
}

a 
{
	color						: #000000;
	text-decoration				: underline;
}

a:hover 
{
	color						: #000000;
	text-decoration				: none;
}
/* EINDE ALGEME OPMAAK/STYLEN */



a.WebVideo:link, a.WebVideo:active, a.WebVideo:visited
{
	color:#FFFFFF;
	text-decoration:none;
	font-size:36px;
	position:relative;
	top:36px;
	left:38px;
}

a.WebVideo:hover 
{
	color:#000000;
	text-decoration:none;
	font-size:36px;
	position:relative;
	top:36px;
	left:38px;
}

.Stageform_Persoonlijk
{
    position:           relative;
    width:              300px;
    height:             auto;
    float:              left;
    clear:              left;
    display:            block; 
}

.Stageform_Opleiding
{
    position:           relative;
    width:              300px;
    height:             auto;
    float:              left;
    display:            block; 
    margin-left:        15px;
}

.Stageform_Werkervaring
{
    position:           relative;
    width:              300px;
    height:             auto;
    float:              left;
    clear:              left;
    display:            block;
}

.Stageform_Overig
{
    position:           relative;
    width:              300px;
    height:             auto;
    float:              left;
    display:            block; 
    margin-left:        15px;
}

.Stageform_Validationsummary
{
    position:           relative;
    width:              300px;
    height:             auto;
    float:              left;
    display:            block; 
    margin-left:        15px;
    margin-bottom:      20px;
    font-weight:        bold;
    color:              Red;
}

.Stageform_Submit
{
    position:           relative;
    width:              650px;
    height:             auto;
    float:              left;
    clear:              left;
    display:            block; 
}

.formheader
{
    position:           relative;
    width:              250px;
    height:             20px;
    float:              left;
    clear:              left;
    display:            block;
    font-weight:        bold;
}

.formlabel
{
    position:           relative;
    width:              125px;
    height:             20px;
    float:              left;
    clear:              left;
    display:            block;
}

.formfield
{
    position:           relative;
    width:              125px;
    float:              left;
    display:            block;
    margin-bottom:      4px;
}

.formfieldml
{
    position:           relative;
    width:              125px;
    height:             70px;
    float:              left;
    display:            block;
    margin-bottom:      4px;
}


