

/* =============================================================================
   Webfonts
   ========================================================================== */



/* =============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

html {  
	font-size: 100%; 
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	color: #000000;  
}
body { 
	margin: 0; 
	min-width: 1024px;
	background-color: #FFFFFF;
}

body, button, input, select, textarea  
{
    font-family: Verdana; 
    color: #000000; 
    background-color: #FFFFFF;
}

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
.ie7 img { -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }



/* =============================================================================
   Links
   ==========================================================================  */
   
a {color:#000000;} 
a:link {color:#000000;}      /* unvisited link */
a:visited {color:#111111;}  /* visited link */
a:hover {color:#785480;}  /* mouse over link */
a:active {color:#785480;}  /* selected link */

a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }


a.LinkDonkerBlauw
{
    color:#6E3995;
}

a.LinkDonkerBlauw:active 
{
    color:#6E3995;
}

a.LinkDonkerBlauw:visited 
{
    color:#DDDDDD;
}


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #607890; color: #000; text-decoration: none; }
mark { background: #607890; color: #000; font-style: italic; font-weight: bold; }

pre, code, kbd, samp {  font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

legend { border: 0; *margin-left: -7px; padding: 0; }



button, input, select, textarea { 
	margin: 0; 
	vertical-align: baseline; 
	*vertical-align: middle; 
}

button, input { 
	line-height: normal; 
	*overflow: visible; 
	color: #6E3995;
	background-color: #FFFFFF;
}

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #FFFFFF; }


/* =============================================================================
   Tables
   ========================================================================== */

table{ 
	border-collapse: collapse; 
	border-spacing: 0; 
}

/* Header */
#mainHeader {
	width: 100%;
}
#innerMainHeader {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 1185px;
	height: 150px;
	z-index: 1001;
}

#mainHeaderTop {
	float: left;
	width: 753px;
	height: 42px;
	overflow: hidden;
}

#HeaderFull{
	padding-top: 12px;
	float: left;
	height: 160px;
	width: 100%;

	z-index:10;
}

#HeaderLeft{
	float: left;
	height: 140px;
	width: 100%;
	display: none;
	z-index:1003;
}
#HeaderRight{
	float: right;
    width: 50px;
    height: 140px;
}

#HeaderMiddle{
	float: center;
	width: 1200px;
	margin-left: auto; 
	margin-right: auto;
}


#title{
	float: left;
	width: 550px;
}
#logo{
	float: left;
	width: 220px;
	padding-left:207px;
}




#followUsButtons {
	float: left;
	padding: 13px 0 13px 162px;
	width: 101px;
	height: 16px
}
#followUsButtons li {
	float: left;
	margin: 0 0 0 5px;
	width: 16px;
	height: 16px;
}
#followUsButtons li:first-child { margin: 0; }
#followUsButtons li a,
#followUsButtons li a:visited {
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
#followUsButtons li a:hover {
	background-position: left -16px;
}
#followUsButtons li a#followFacebook {background-image: url(../images/followFa.gif)}
#followUsButtons li a#followTwitter {background-image: url(../images/followTw.gif)}
#followUsButtons li a#followLinkedin {background-image: url(../images/followLi.gif)}
#followUsButtons li a#followYoutube {background-image: url(../images/followYo.gif)}
#followUsButtons li a#followRss {background-image: url(../images/followRs.gif)}
#followUsButtons li a#followSlideshare {background-image: url(../images/followSh.gif)}


/* Main Grid */
#container {
	position: relative;
	width: ;
	padding-top: 80px;
	z-index: 1000;
}

/* Ipad center fixes */
@media only screen and (min-device-width: 1025px){
	#container {
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px){
	#container {
		padding-left: 200px;
		padding-top: 100px;
	}
	
	#HeaderFull {
		padding-left: 200px;
	}
}

/* Phone Portrait (480px) */
@media only screen and (max-device-width: 480px) {
	#container {
		padding-left: 200px;
	}
	
	#HeaderFull {
		padding-left: 200px;
	}
}

#sidebarLeft {
	float: left;
	width: 100px;
}

#main {
	float: left;
	padding: 0 47px 0 2px;
	width: ;
	font-size: 13px;
	line-height: 20px;
	color: #6E3995;
}

.maintext {
	padding: 66px 0 44px;
	width: 100%;

	font-size: 20px;
	line-height: 24px;
	color: #000000;
}


#mainLanding {
	float: left;
	padding: 0 30px 0 0;
	width: 722px;
}

#sidebarRight {
	float: right;
	padding: 0 0 0;
	width: 200px;
}

/* Landingspage Carousel */
#landingSlider {
	position: relative;
	margin: 0 0 0px;
	width: 1185px;
}

#landingSlider a.left,
#landingSlider a:visited.left {
	display: block;
	position: absolute;
	background: url(../images/slidingL.png) 0px 0px no-repeat;
	left: -19px; top: 50%;
	margin: -20px 0 0;
	width: 28px;
	height: 41px;
	z-index: 2;
}
#landingSlider .right {
	display: block;
	position: absolute;
	background: url(../images/slidingR.png) 0px 0px no-repeat;
	right: -19px; top: 50%;
	margin: -20px 0 0;
	width: 28px;
	height: 41px;
	z-index: 2;
}
#landingSlider a:hover.left,
#landingSlider a:hover.right {
	background-position: 0px -41px;
}
#landingSlider a.left.disabled,
#landingSlider a.right.disabled {
	background-position: 0px -82px !important;
	cursor: default;
}
#landingSlider ul {
	position: absolute;
	left: 0px; top: 0px;

	width: 1185px;
	height: 119px !important;
	overflow: hidden;
	z-index: 1;
}
#landingSlider li {
	float: left;
	background: url(../images/landingS.gif) left center no-repeat;
	padding: 20px 30px 0;
	width: 268px;
	height: 155px;
	
	
	font-size: 12px;
	line-height: 20px;
	cursor: pointer;
	color: #6E3995;
}
#landingSlider li:first-child {
	background: none;
}
#landingSlider li h3 {
	margin: 0 0 11px;
	

	letter-spacing: 0.1em;
	font-size: 17px;
	font-weight: normal;
	line-height: 20px;
	color: #6E3995;
}
#landingSlider li p {
	margin: 0;
}
#landingSlider li a,
#landingSlider li a:visited {
	color: #76AC00;
	text-decoration: none;
}
#landingSlider li a:hover {
	color: #639000;
}
#landingSlider li.calamiteiten {
	background: url(../images/calamite.jpg) no-repeat;
}
/*#landingSlider li.calamiteiten h3 {
	font-weight: bold;
}*/
#landingSlider li.calamiteiten .redtext {
	color: #e1001e;
}

.introtextLanding {
	border-bottom: solid 1px #ebebeb;
	padding: 0 45px 35px 0;

	font-size: 19px;
	line-height: 28px;
	color: #666;
}

.infoLanding {
	margin: 50px 0 0 -30px;
	width: 782px;
	overflow: hidden;
}
.infoBoxLanding {
	float: left;
	margin: 0 30px;
	width: 331px;
	
	
	font-size: 14px;
	line-height: 24px;
	color: #666;
}
.infoBoxLanding h3 {
	margin: 0 0 10px;
	
	
	letter-spacing: 0.1em;
	font-size: 19px;
	color: #6E3995;
}
.infoBoxLanding h3 a,
.infoBoxLanding h3 a:visited {
	color: #6E3995;
	text-decoration: none;
}
.infoBoxLanding h3 a:hover {
	color: #000;
}
.infoBoxLanding img {
	display: block;
	border: solid 1px #aaa;
	width: 329px;
	height: 136px;
}
.infoBoxLanding p {
	margin: 6px 0 0;
}
.infoBoxLanding a.moreButton,
.infoBoxLanding a:visited.moreButton {
	display: block;
	background: url(../images/button_d.png) 0px 0px no-repeat;
	margin-top: 20px;
	width: 190px;
	height: 31px;
	overflow: hidden;
	

	font-size: 13px;
	line-height: 31px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px #fff;
	color: #6E3995;
}
.infoBoxLanding a:hover.moreButton {
	background-position: 0px -31px;
}

.contentBanner {
	border: solid 5px #f1f1f1;
	margin: 80px 0 0;
	width: 710px;
	height: 113px;
}
.contentBanner img {
	width: 710px;
	height: 113px;
}

/* Main Content */

.language a,
.language a:visited {
	margin: 0 2px;
	color: #999;
	text-decoration: none;
}
.language a.active,
.language a.active:visited {
	color: #6E3995;
}
.language a:hover {
	text-decoration: underline;
}

.language {
	float: left;
    width: 59px;
    height: 36px;
    overflow: hidden;
    font-size: 13px;
    font-weight: bold;
    color: #444;
    line-height: 42px;
}
#breadcrumb {
	position: relative;
	margin: 10px 0 -30px;
	width: 576px;
	height: 20px;
	white-space: nowrap;
	
	
	font-size: 11px;
	text-decoration: none;
	color: #6E3995;
}
#breadcrumb .separator {
	color: #FF560B;
}
#breadcrumb a,
#breadcrumb a:visited {
	color: #6E3995;
	text-decoration: none;
}
#breadcrumb a:hover {
	text-decoration: underline;
}
.introtext {
	padding: 66px 0 44px;
	width: 550px;
	
	
	font-style: italic;
	font-size: 16px;
	line-height: 24px;
	color: #5e5e5e;
}
.introtext h1 {
	margin: 0 0 17px;
	
	
	letter-spacing: 0.1em;
	font-style: normal;
	font-weight: normal;
	font-size: 39px;
	line-height: 1em;
	color: #6E3995;
}
.introtext p { margin: 0; }


.maintextBig {
	padding: 66px 0 44px;
	width: 800px;

	font-size: 16px;
	line-height: 24px;
	color: #6E3995;
}



.maintext p { margin: 0; }

.mainContentBig {width: 800px;}
.mainContent {width: 550px;}
.mainContent p {
	margin: 0;
	padding: 0;
}
.mainContent img {
	max-width: 576px !important;
	height: auto !important;
}
.mainContent img + * {margin-top: 15px;}
.mainContent blockquote,
.mainContent .imagequote {
	float: left;
	margin: 13px 24px 13px -146px !important;
}
.mainContent .textquote {
	float: left;
	margin: 20px 24px 20px -146px;
	padding: 15px 15px;
	width: 292px;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	
	
	letter-spacing: 0.1em;
	font-weight: normal;
	font-size: 19px;
	line-height: 30px;
	color: #76ac00;
}
.mainContent p + * {
	margin-top: 20px;
}
.mainContent h1,
.mainContent h2,
.mainContent h3,
.mainContent h4,
.mainContent h5,
.mainContent h6 {margin-top: 0; 
	letter-spacing: 0.1em; font-size: 19px; font-weight: normal; color: #6E3995;}

.mainContent *+h1,
.mainContent *+h2,
.mainContent *+h3,
.mainContent *+h4,
.mainContent *+h5,
.mainContent *+h6,
.mainContent *+ul,
.mainContent *+ol,
.mainContent *+ul {
	margin-top: 32px;
	margin-bottom: 11px;
}

.mainContent ul {
	margin: 0;
	padding: 15px 0 15px 30px;
	list-style: disc;
}
.mainContent ol {
	padding: 0 0 0 30px;
	list-style: decimal;
}
.mainContent a,
.mainContent a:visited {
	text-decoration: none;
	color: #76AC00;
}
.mainContent a:hover {
	color: #639000;
}
.mainContent strong {
	font-weight: bold;
	color: #000;
}
.mainContent iframe {
	border: none;
	margin: 0;
	padding: 0;
}
.ie7 .mainContent img {margin-bottom: 15px;}
.ie7 .mainContent p {
	margin-bottom: 20px;
}
.ie7 .mainContent h1,
.ie7 .mainContent h2,
.ie7 .mainContent h3,
.ie7 .mainContent h4,
.ie7 .mainContent h5,
.ie7 .mainContent h6,
.ie7 .mainContent ul,
.ie7 .mainContent ol {
	margin-top: 32px;
	margin-bottom: 11px;
}
.ie7 .mainContent h1:first-child,
.ie7 .mainContent h2:first-child,
.ie7 .mainContent h3:first-child,
.ie7 .mainContent h4:first-child,
.ie7 .mainContent h5:first-child,
.ie7 .mainContent h6:first-child,
.ie7 .mainContent ul:first-child,
.ie7 .mainContent ol:first-child {margin-top: 0px;}

.contactLocation {
	border-bottom: dotted 1px #acacac;
	padding: 0 0 20px;
	
	color: #6E3995;
}
.contactLocation h3 {
	margin: 0;
	
	font-size: 13px;
	font-weight: bold;
	color: #000;
}
.contactLocation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.contactLocation .contactRow3 {
	float: left;
	width: 183px;
}
.contactLocation .contactRow2 {
	float: left;
	width: auto;
}
.contactLocation .contactRow2:first-child {
	width: 183px;
}

.contactFormHolder {
	margin: 50px 0 0;
	width: 550px;
	min-height: 395px;
	overflow: hidden;
}

.contactSuccess {
	display: block;
	margin: 0 0 20px 98px;
}
.contactFormLine {
	margin: 0 0 13px;
	width: 550px;
	overflow: hidden;
}
.contactFormSpace {
	width: 550px;
	height: 5px;
}
.contactLabel {
	float: left;
	width: 98px;
	height: 30px;
	line-height: 30px;
}
.contactInputHolder {
	float: left;
	width: 452px;
}
.contactInputHolder input {
	background: #f5f5f5;
	padding: 5px;
	width: 323px;
	outline: none;
	
	
	font-size: 13px;
	color: #62625F;
}
.contactInputHolder textarea {
	background: #f5f5f5;
	padding: 5px;
	width: 440px;
	outline: none;
	
	
	font-size: 13px;
	color: #62625F;
}
.contactInputHolder input[type='text'],
.contactInputHolder input[type='email'],
.contactInputHolder textarea,
.contactInputHolder select { 
	border: solid 1px #cbcbcb;
}
.contactInputHolder input[type='text'].focus,
.contactInputHolder input[type='email'].focus,
.contactInputHolder textarea.focus,
.contactInputHolder select.focus { 
	border-color: #666 !important; 
}
.contactInputHolder input[type='text'].invalid,
.contactInputHolder input[type='email'].invalid,
.contactInputHolder textarea.invalid,
.contactInputHolder select.invalid { 
	border-color: #ad1c1d;
}
.errorMessage {

	font-size: 13px;
	color: #AD1C1D;
	line-height: 30px;
}
.contactButtonHolder {
	margin: 0 0 0 98px;
}
.contactButtonHolder button {
	background: #0097da;
	border: none;
	border-top: solid 1px #02bddb;
	border-bottom: solid 1px #007183;
	width: 120px;
	height: 38px;
	

	letter-spacing: 0.1em;
	font-weight: normal;
	font-size: 19px;
	color: #fff;
	text-shadow: 0 -1px 1px #000;
	border-image: initial;
}
.contactButtonHolder button:hover {background: #02bddb;}
.contactFormSuccess {
	display: none;
	width: 550px;
	min-height: 395px;
}

.servicesList {
	margin: 35px 0 0;
	width: 576px;
}
.servicesList h3 {
	margin: 0 0 15px;
	

	letter-spacing: 0.1em;
	font-size: 19px;
	font-weight: normal;
	color: #6E3995;
}
.servicesList ul {
	margin: 0 0 0 -12px;
	width: 588px;
}
/* Services List old
.servicesList li {
	float: left;
	margin: -1px 12px 0;
	border-top: solid 1px #cdcdcd;
	border-bottom: solid 1px #cdcdcd;
	width: 264px;
	height: 35px;
	
	font-family: 'LucidaGrandeRegular', 'Lucida Sans', Tahoma, Verdana;
	font-weight: bold;
	font-size: 13px;
	line-height: 35px;
	color: #6E3995;
}
*/
.servicesList li {
	margin: -1px 12px 0;
	border-top: solid 1px #cdcdcd;
	border-bottom: solid 1px #cdcdcd;
	width: 550px;
	height: 35px;
	

	font-weight: bold;
	font-size: 13px;
	line-height: 35px;
	color: #6E3995;
}
.servicesList li a,
.servicesList li a:visited {
	color: #6E3995;
	text-decoration: none;
}
.servicesList li a:hover {
	text-decoration: underline;
}

#mainOverview {
	margin: 0 0 0 -24px;
	width: 600px;
}
.overviewItem {
	float: left;
	margin: 50px 24px 0 24px;
	width: 252px;
	height: 235px;
	overflow: hidden;
}
.overviewImage {
	border: solid 1px #999;
	width: 250px;
	height: 97px;
	overflow: hidden;
}
.overviewImage img {width: 250px;}
.overviewContent {
	padding: 16px 0 0;

	font-size: 13px;
	line-height: 20px;
	color: #6E3995;
}
.overviewContent h2 {
	margin: 0 0 8px;
	

	letter-spacing: 0.1em;
	font-size: 16px;
	line-height: 18px;
	color: #222;
}
.overviewContent p { margin: 0; }
a.overviewMore,
a.overviewMore:visited {
	color: #76ac00;
	text-decoration: none;
}
a.overviewMore:hover {
	color: #639000;
}
.overviewQuote {
	position: relative;
	float: left;
	margin: 50px 24px 0 24px;
	width: 252px;
	height: 235px;
}
.overviewQuote blockquote {
	position: absolute;
	right: 38px; top: 0px;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	margin: 0;
	padding: 20px;
	width: 320px;
	
	letter-spacing: 0.1em;
	font-size: 19px;
	color: #76ac00;
	line-height: 30px;
}

.overviewItemAlt {
	margin: 35px 24px 0 24px;
	width: 528px;
	overflow: hidden;
}
.overviewItemAlt:first-child {
	margin: 50px 24px 0 24px;
}
.overviewImageAlt {
	float: left;
	border: solid 1px #999;
	width: 110px;
	height: 62px;
	overflow: hidden;
}
.overviewImageAlt img {width: 110px; height: 62px;}
.overviewContentAlt {
	float: left;
	margin: 0 0 0 15px;
	width: 401px;
	
	
	font-size: 13px;
	line-height: 20px;
	color: #6E3995;
}
.overviewContentAlt h2 {
	margin: 0 0 8px;
	

	letter-spacing: 0.1em;
	font-size: 16px;
	line-height: 18px;
	color: #222;
}
.overviewContentAlt p { margin: 0; }

.pagination {
	padding: 50px 0 0;
	width: 576px;
}
.pagination li {
	display: block;
	float: left;
	margin: 0 2px 0 0;
	

	font-size: 11px;
	list-style: none;
	color: #6E3995;
}
.pagination li a,
.pagination li a:visited {
	display: block;
	background: #f5f5f5;
	padding: 5px 7px;
	
	color: #2392ac;
	text-decoration: none;
}
.pagination li a:hover {
	background: #dadada;
}
.pagination li a.active,
.pagination li a.active:visited {
	background: #2392ac;
	color: #fff;
}
.pagination li a.active:hover {
	background: #007591;
}

.sharePage {
	margin: 128px 0 0;
	width: 120px;
	
	
	font-size: 11px;
	color: #999;
}
a.printPage,
a:visited.printPage {
	display: block;
	background: url(../images/printPage.gif) 0px 0px no-repeat;
	padding: 0 0 0 20px;
	width: 100px;
	height: 14px;
	overflow: hidden;
	
	color: #999;
	text-decoration: none;
	line-height: 14px;
}
a:hover.printPage {
	background-position: 0px -14px;
	color: #6E3995;
}
ul.shareThis {
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
}
ul.shareThis li {
	position: relative;
	margin: 0;
	padding: 0;
	height: 14px;
}
a.shareThisPage,
a:visited.shareThisPage {
	display: block;
	background: url(../images/shareThisPage.gif) 0px 0px no-repeat;
	padding: 0 0 0 20px;
	width: 100px;
	height: 13px;
	overflow: hidden;
	
	color: #999;
	text-decoration: none;
	line-height: 13px;
}
a:hover.shareThisPage {
	background-position: 0px -13px;
	color: #6E3995;
}
ul.shareThis li ul {
	display: block;
	position: absolute;
	background: #fff;
	left: 20px; top: 18px;
	border-top: solid 1px #e7e7e7;
	margin: 0;
	padding: 0;
	width: 100px;
	list-style: none;
}
ul.shareThis li ul li {
	border-bottom: solid 1px #e7e7e7;
	padding: 5px 0;
	min-height: 16px;
}
ul.shareThis li ul li:first-child {
	margin: 0;
}
ul.shareThis li ul li a,
ul.shareThis li ul li a:visited {
	display: block;
	float: left;
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
ul.shareThis li ul li a:hover {background-position: left top;}
ul.shareThis li ul li a#shareFacebook {background-image: url(../images/followFb.gif);}
ul.shareThis li ul li a#shareTwitter {background-image: url(../images/followTx.gif);}
ul.shareThis li ul li a#shareLinkedin {background-image: url(../images/followLj.gif);}
/* ul.shareThis li ul li a#shareMail {background-image: url(../images/followMail2.gif);} */
ul.shareThis li ul li span.shareCounter {
	display: block;
	float: left;
	background: url(../images/shareBal.gif) no-repeat;
	margin: 0 0 0 3px;
	padding: 0 3px 0 7px;
	width: 20px;
	height: 16px;
	overflow: hidden;
	
	font-size: 9px;
	color: #666;
	line-height: 16px;
	text-align: center;
}

#calamiteitenWidget {
	position: relative;
	background: url(../images/calamiteitenBackground.png) no-repeat;
	margin: -107px 0 0 -8px;
	padding: 6px 23px;
	width: 186px;
	min-height: 158px;
	overflow: hidden;
}
#calamiteitenWidget h3 {
	margin: 8px 0 0;
	padding: 0;
	
	
	font-weight: bold;
	font-size: 11px;
	color: #6d6d6d;
}
.ie7 #calamiteitenWidget h3 {
	margin: 12px 0 0;
}
#calamiteitenWidget h2 {
	margin: 8px 0 3px;
	padding: 0;
	
	letter-spacing: 0.1em;
	font-weight: normal;
	font-size: 19px;
	color: #6E3995;
}
.calamiteitenPhone {
	margin: 0 0 10px;
	
	
	font-weight: bold;
	font-size: 13px;
	color: #e1001e;
	text-align: center;
}
.calamiteitenContent {

	font-size: 11px;
	color: #6E3995;
	text-align: center;
	line-height: 16px;
}
.calamiteitenContent p { margin: 0; padding: 0; }
.calamiteitenContent a,
.calamiteitenContent a:visited {
	color: #76AC00;
	text-decoration: none;
}
.calamiteitenContent a:hover {
	color: #639000;
}

.widget {
	margin: 50px 0 0;
	width: 200px;
}
.widget:first-child {
	margin: 0;
}
.widgetHeader {
	background: url(../images/widgetHe.gif) 0px 0px no-repeat;
	border-bottom: solid 1px #dcdcdc;
	margin: 0 0 10px;
	padding: 7px 0 0;
}
.widgetHeader h2 {
	margin: 10px 0 8px;
	padding: 0;
	
	
	letter-spacing: 0.1em;
	font-weight: normal;
	font-size: 15px;
	color: #222;
}
.widgetHeader2 {
	background: url(../images/widgetHe.gif) 0px 0px no-repeat;
	margin: 0 0 10px;
	padding: 7px 0 0;
}
.widgetHeader2 h2 {
	margin: 10px 0 8px;
	padding: 0;
	
	
	letter-spacing: 0.1em;
	font-weight: normal;
	font-size: 45px;
	color: #222;
}
.widgetContent {
	width: 200px;
	

	font-size: 11px;
	color: #666;
	line-height: 20px;
}
.widgetContent h3 {
	margin: 0;
	
	font-size: 12px;
	color: #6E3995;
}
.widgetContent h3 a,
.widgetContent h3 a:visited {
	color: #6E3995;
	text-decoration: none;
}
.widgetContent h3 a:hover {
	color: #000;
}
.widgetContent p {
	margin: 0;
	padding: 0;
}
.widgetContent ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.widgetContent ul + p { margin: 20px 0 0; }
.widgetContent a,
.widgetContent a:visited {
	color: #76ac00;
	text-decoration: none;
}
.widgetContent a:hover {
	color: #639000;
}
.widgetImage {
	margin: 0 0 14px;
}

.shareWidget {

    color: #6E3995;
    font-size: 11px;

    text-align: center;
    width: 202px;
}
.shareWidget h2 {
	color: #6E3995;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 0.1em;
    margin: 28px 0 10px;
    padding: 0;
}
.shareWidget ul {
	margin: 0;
	padding: 0;
	height: 24px;
	overflow: hidden;
	list-style: none;
}
.shareWidget li {
	float: left;
	width: 54px;
}
.shareWidget li a,
.shareWidget li a:visited {
	display: block;
	float: left;
	background-position: 0px -16px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
.shareWidget li a:hover {
	background-position: 0px 0px;
}
.shareWidget li a#shareWidgetFacebook {
	background-image: url(../images/followFb.gif);
}
.shareWidget li a#shareWidgetTwitter {
	background-image: url(../images/followTx.gif);
}
.shareWidget li a#shareWidgetLinkedin {
	background-image: url(../images/followLj.gif);
}
.shareWidget li span.shareCounter {
	display: block;
	float: left;
	background: url(../images/shareBal.gif) no-repeat;
	padding: 0 3px 0 7px;
	width: 20px;
	height: 16px;
	overflow: hidden;

	font-size: 9px;
	color: #666;
	line-height: 16px;
	text-align: center;
}

.bannerWidget img {
	border: solid 1px #a4a4a4;
	width: 214px;
}

.bookWidgetImage {
	float: left;
	width: 75px;
	height: 108px;
	overflow: hidden;
}
.bookWidgetText {
	float: left;
	width: 141px;
	line-height: 18px;
}

.socialMediaWidgetItem {
	padding: 20px 0 0;
}
.socialMediaWidgetItem.first { padding: 0; }
.socialMediaWidgetImage {
	float: left;
	padding: 24px 0 0;
	width: 37px;
	height: 24px;
}
.socialMediaWidgetImage.first { padding: 4px 0 0; }
.socialMediaWidgetImage img:hover {
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999;
}
.socialMediaWidgetText {
	float: left;
	border-top: solid 1px #ccc;
	padding: 20px 0 0;
	width: 179px;
	
	line-height: 18px;
}
.socialMediaWidgetText.first { border: none; padding: 0px; }

#bigfooter {

	width: 100%;
}
#innerBigfooter {
	margin: 0 auto;
	padding: 55px 0 65px;
	width: 1185px;
}
.innerBigfooterMain {
	float: left;
	margin: 0 73px 0 0;
	width: 696px;
}
.innerBigfooterLanding {
	float: left;
	margin: 0 74px 0 0;
	width: 553px;
}
.innerBigfooterSidebar {
	float: left;
	width: 200px;
}
.innerBigfooterSidebarLanding {
	float: left;
	width: 358px;
}
.innerBigfooterSidebar section + section {margin: 50px 0 0;}
.innerBigfooterSidebarLanding section + section {margin: 36px 0 0;}

#innerBigfooter2 {
	border-top: solid 1px #cdcdcd;
	margin: 0 auto;
	padding: 19px 0 50px;
	width: 1185px;
}

#disclaimer {
	float: left;
	margin: 0 0 0 40px;
	width: 844px;
	height: 40px;
	
	
	font-weight: normal;
	font-size: 11px;
}
#disclaimer1 {
	padding: 2px 0;
	
	color: #6E3995;
}

.relatedBlogPosts {
	width: 696px;
}
.relatedBlogPosts h2 {
	margin: 0 0 15px 143px;
	

	letter-spacing: 0.1em;
	font-weight: normal;
	font-size: 45px;
	color: #6E3995;
}
.relatedBlogPostsHolder {
	background: url(../images/relatedB.gif) right bottom no-repeat;
	padding: 0 0 30px;
	width: 696px;
}
.relatedBlogPostItem {
	background: url(../images/relatedC.gif) right top no-repeat;
	margin: 10px 0 0;
	padding: 28px 0 0;
	width: 696px;
	overflow: hidden;
}
.relatedBlogPostItem:first-child {
	background: none;
	margin: 0;
	padding: 0;
}
.relatedBlogPostImage {
	float: left;
	border: solid 1px #d6d0d0;
	margin: 5px 23px 0 0;
	padding: 4px;
	width: 110px;
	height: 59px;
}
.relatedBlogPostImage img { width: 110px; height: 59px; }
.relatedBlogPostDescription {
	float: left;
	width: 553px;
	

	font-size: 12px;
	color: #6E3995;
	line-height: 22px;
}
.relatedBlogPostDescription h3 {
	margin: 0 0 2px;
	padding: 0;
	
	
	letter-spacing: 0.1em;
	font-weight: bold;
	font-size: 16px;
	color: #809113;
}
.relatedBlogPostDescription h3 a,
.relatedBlogPostDescription h3 a:visited {
	color: #76AC00;
}
.relatedBlogPostDescription h3 a:hover {
	color: #639000;
}
.relatedBlogPostDescription p {
	margin: 0;
	padding: 0;
}
.relatedBlogPostDescription a,
.relatedBlogPostDescription a:visited {
	font-weight: bold;
	color: #6E3995;
	text-decoration: none;
}
.relatedBlogPostDescription a:hover {
	color: #000;
}
.relatedBlogPostDescription a span,
.relatedBlogPostDescription a:visited span,
.relatedBlogPostDescription a:hover span {
	font-weight: normal !important;
}


.footerWidgetSmall {
	width: 200px;
}
.footerWidgetSmall h2 {
	margin: 0 0 15px 0;
	

	letter-spacing: 0.1em;
	font-weight: normal;
	font-size: 45px;
	color: #6E3995;
}
.footerWidgetBig {
	width: 358px;
	

	font-size: 11px;
	color: #6E3995;
	line-height: 18px;
}
.footerWidgetBig h2 {
	margin: 0 0 15px 0;
	

	letter-spacing: 0.1em;
	font-weight: normal;
	font-size: 45px;
	color: #6E3995;
}
.footerWidgetBig h2 a,
.footerWidgetBig h2 a:visited {
	color: #6E3995;
	text-decoration: none;
}
.footerWidgetBig h2 a:hover {
	color: #000;
}
.footerWidgetBig p {margin: 0;}

.referencesWidget {
	background: url(../images/relatedB.gif) left bottom no-repeat;
	padding: 0 0 11px;
	
	
	font-size: 11px;
	color: #6E3995;
	line-height: 18px;
}
.referencesWidget a,
.referencesWidget a:visited {
	color: #76AC00;
	text-decoration: none;
}
.referencesWidget a:hover {
	color: #639000;
}
ul.referencesList {
	margin: 0 0 0 -6px;
	padding: 0;
	width: 372px;
	list-style: none;
}
ul.referencesList li {
	float: left;
	margin: 0 6px 12px;
	width: 112px;
	height: 64px;
}
ul.referencesList li a,
ul.referencesList li a:visited {
	display: block;
	border: solid 1px #d6d0d0;
	width: 110px;
	height: 62px;
}
ul.referencesList li a:hover {
	border: solid 1px #ccc;
}
ul.referencesList li a img {
	width: 110px;
	height: 62px;
}

.booksWidgetLanding {
	background: url(../images/relatedB.gif) left bottom no-repeat;
	padding: 0 0 30px;
	
	
	font-size: 11px;
	color: #6E3995;
	line-height: 18px;
}
.bookWidgetLandingImage {
	float: left;
	width: 96px;
	height: 108px;
	overflow: hidden;
}
.bookWidgetLandingText {
	float: left;
	margin: 0 0 0 11px;
	width: 251px;
	line-height: 18px;
}
.bookWidgetLandingText h3 {
	margin: 0;
	padding: 0;
	
	font-weight: bold;
	font-size: 12px;
	color: #6E3995;
}
.bookWidgetLandingText a,
.bookWidgetLandingText a:visited {
	color: #76AC00;
	text-decoration: none;
}
.bookWidgetLandingText a:hover {
	color: #639000;
}

.randomJobsItem {
	background: url(../images/relatedB.gif) left bottom no-repeat;
	padding: 0 0 30px;
	

	font-size: 11px;
	color: #6E3995;
	line-height: 18px;
}
.randomJobsItem h3 {
	margin: 0;
	padding: 0;
	
	
	font-weight: bold;
	font-size: 12px;
	color: #6E3995;
}
.randomJobsItem h3 a,
.randomJobsItem h3 a:visited {
	color: #6E3995;
	text-decoration: none;
}
.randomJobsItem h3 a:hover {
	color: #000;
}
.randomJobsItem p {
	margin: 0;
	padding: 0;
}
.randomJobsItem a,
.randomJobsItem a:visited {
	color: #76AC00;
	text-decoration: none;
}
.randomJobsItem a:hover {
	color: #639000;
}

.latestEventItem {
	background: url(../footerWidgetSmallBackground.gif) left bottom no-repeat;
	padding: 0 0 30px;
	width: 200px;
	
	
	font-size: 11px;
	color: #6E3995;
	line-height: 18px;
}
.latestEventItem p {
	margin: 0;
	padding: 0;
}
.latestEventItem a,
.latestEventItem a:visited {
	color: #9e0056;
	text-decoration: none;
}
.latestEventItem a:hover {
	color: #610035;
}
.latestEventInfo {
	margin: 0 0 15px;
	width: 200px;
	overflow: hidden;
}
.latestEventCalendar {
	float: left;
	background: url(../images/latestEventCalendar.jpg) no-repeat;
	margin: 0 18px 0 0;
	width: 46px;
	height: 46px;
	overflow: hidden;
	

	font-weight: bold;
	text-align: center;
}
.latestEventCalendarMonth {
	width: 46px;
	height: 18px;
	

	font-size: 11px;
	text-transform: uppercase;
	line-height: 18px;
	color: #fff;
}
.latestEventCalendarDay {
	width: 46px;
	height: 28px;
	
	font-size: 24px;
	line-height: 28px;
	color: #6E3995;
}
.latestEventHeader {
	float: left;
	width: 152px;
}
.latestEventHeader h3 {
	margin: 0;
	padding: 0;
	
	
	font-size: 12px;
	color: #6E3995;
	line-height: 18px;
}

#contactusWidget {
	position: relative;
	background: url(../images/contactusBackground.png) no-repeat;
	margin: -180px 0 0 -8px;
	padding: 6px 15px;
	width: 202px;
	height: 158px;
	overflow: hidden;
	font-size: 14px;
	color: #000000;
	text-align: center;

}

#contactusWidget h2 {
	margin: 28px 0 10px;
	padding: 0;
	letter-spacing: 0.1em;
	font-weight: normal;
	font-size: 21px;
	color: #000000;
}
#contactusWidget h3 {
	margin: 0 0 2px;
	padding: 0;
	font-weight: normal;
	font-size: 11px;
	color: #000000;
}
#contactusWidget p {
	margin: 0;
	padding: 0;
	color: #000000;
	line-height: 16px;
}
#contactusWidget a {
	color: #000000;
}

#contactusWidget p + p { margin: 13px 0 0; }


.whitepaperImage {
	float: left;
	width: 75px;
	height: 108px;
	overflow: hidden;
}
.whitepaperWidgetText {
	float: left;
	width: 141px;
	
	line-height: 18px;
}

.infoAanvragen {
	background: url(../images/informationBackground.jpg) no-repeat #efefef;
	margin: 0px;
	padding: 41px 25px 25px;
	width: 500px;
	min-height: 143px;
	overflow: hidden;
}
/*.infoAanvragen h2 {
	border-bottom: solid 1px #cdcdcd;
	margin: 0 0 14px;
	padding: 0 0 15px;
	
	
	letter-spacing: 0.1em;
	font-size: 23px;
	font-weight: normal;
	color: #2881cf;
}*/
.infoAanvragen h2 {
	margin: 0 0 14px;
	
	font-size: 20px;
	font-weight: normal;
	color: #0364AC;
}
/*.infoAanvragen .italicGeorgiaFont {
	
	font-size: 16px;
	font-style: italic;
	line-height: 24px;
	color: #5e5e5e;
}*/
.infoAanvragen .italicGeorgiaFont {
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	color: #666;
}
.infoAanvragen p + * {
	margin: 30px 0 0;
	text-align: center;
}
a.infoAanvragenButton,
a.infoAanvragenButton:visited {
	display: inline-block;
	background: url(../images/informatieAanvragenButton.jpg) 0px 0px no-repeat;
	width: 393px;
	height: 49px;
}
a.infoAanvragenButton:hover {
	background-position: 0px -49px;
}

ul.informationFormList {
	margin: 0;
	padding: 0;
	width: 550px;
	list-style: none;
}
ul.informationFormList li {
	margin: 0;
	padding: 0;
	width: 550px;
	height: 34px;
	list-style: none;
	

	font-size: 14px;
	font-weight: normal;
	line-height: 34px;
	color: #6E3995;
}
ul.informationFormList li label {
	cursor: default;
}

/************ Uniform jQuery form ***************/

/* Information checkbox */
div.informationCheckbox {
	float: left;
	margin: 6px 0 0;
	padding: 0px;
	width: 40px;
	height: 18px;
	overflow: hidden;
}
div.informationCheckbox span {
	display: block;
	position: relative;
	background: url(../images/informationLabel.gif) left top no-repeat !important;
	margin: 0px;
	padding: 0px;
	width: 18px;
	height: 18px;
}
div.informationCheckbox span.checked {
	background: url(../images/informationLabelActive.gif) left top no-repeat !important;
}
div.informationCheckbox span input {
	position: absolute;
	left: 0px; top: 0px;
	display: inline-block;
	background: none;
	margin: 0px;
	padding: 0px;
	width: 18px;
	height: 18px;
	opacity: 0;
	filter: alpha(opacity:0);
	cursor: pointer;
}

.contactRequiredFields {
	margin: 0 0 0 98px;
	width: 452px;
	color: #999;
}


/* Non-semantic helper classes. Please define your styles before this section. */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

.hidden { display: none; visibility: hidden; }
[hidden] { display: none; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


@media print {
	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
	a, a:visited { text-decoration: underline; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0 2.5cm; }
	h2, h3, p { page-break-after: avoid; }
	
	#mainHeaderTop,
	#mainNavigation,
	#sidebarLeft,
	#sidebarRight,
	#bigfooter,
	.servicesList {
		display: none !important;
	}
	body,
	#mainHeader,
	#innerMainHeader,
	#bannerHolder,
	#bannerImage,
	#container,
	#main {
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
		min-width: 0px !important;
		width: auto !important;
	}
	#bannerHolder, #bannerImage {height: auto !important;}
	#bannerImage img {width: 100%;}
	.introtext,
	.mainContent {
		float: none !important;
		width: auto !important;
	}
}


#AdminBox{
	position: absolute;
	z-index: 10;
	right: 0;
	top: 0;
	border-style:solid;
	border-color:#BBBBBB;
	border-width:1px;
}

#AdminBox2{
	float: left;
	position: relative;
	z-index: 1;
	left: 0;
	top: 180px;
	font-size: 8px;
	padding-left:0px;
}

#AdminBox3
{
	float: left;
	position: relative;
	z-index: 1000;
	left: 0;
	top: 0px;
	font-size: 8px;
	padding-left:0px;
}

.TitleBig{
	font-size: 18px;
	color:#6E3995;
	font-weight:bold;
}

.TitleBigOrange, h2{
	font-size: 32px;
	color:#6E3995;
	font-weight:bold;
}

.TitleMedium{
	font-size:14px;
	color:#6E3995;
	font-weight:bold;
}

.TitleSmall{
	font-size:10px;
	font-weight:normal;
	color:#6E3995;
}

.TitleSmallBold{
	font-size:10px;
	font-weight:bold;
	color:#6E3995;
}

.TitleSmallBoldBlack{
	font-size:10px;
	font-weight:normal;
	color:#000000;
	font-weight:bold;
}

.PageTitle{
	font-size:45px;
	line-height: 1em;
}

a.NewsTitle:visited{
	font-size: 17px;
    font-weight: normal;
    letter-spacing: 0.1em;
    line-height: 20px;
    text-decoration: none;
    color: #6E3995;
}

a.NewsTitle:link{
	font-size: 17px;
    font-weight: normal;
    letter-spacing: 0.1em;
    line-height: 20px;
    text-decoration: none;
    color: #6E3995;
}

a.FAQTitle:visited{
	font-size: 17px;
    font-weight: normal;
    letter-spacing: 0.1em;
    line-height: 20px;
    text-decoration: none;
    color: #6E3995;
}

a.FAQTitle:link{
	font-size: 17px;
    font-weight: normal;
    letter-spacing: 0.1em;
    line-height: 20px;
    text-decoration: none;
    color: #6E3995;
}
/* Onderzoeksraporten */

.formbutton th{

}

/* Taal */
#TaalBox{
	float: left;
	position: absolute;
	right:10px;
	top:1px;
	z-index: 10000;
}
#TaalKeuze ul{

	list-style-type:none;

}
 
#TaalKeuze li{
	display: inline;
	list-style-type: none;
	padding-right: 5px;
	text-decoration: none;
}

input[type="checkbox"], input[type="radio"]  
{
     border: solid 1px #cbcbcb;
}

input{
    border: solid 1px #cbcbcb;
}

textarea
{
    border: solid 1px #cbcbcb;
}

.NoWrap{
	white-space:nowrap;
}

#warning{
	top: 120px;
	width: 700px;
	position: absolute;
	left: 50%;
	padding: 10px;
	margin-left: -350px; /*half the size of width*/
	border-style:solid;
	border-color:#BBBBBB;
	border-width:1px;
	background-color: #6E3995H;
	z-index:9999999;
}

#downloadSection {
	margin-left:250px;
	width: 1000px;
}

#downloadSectionBig {
	width: 98%;
}

table.Home td,th{
	font-size: 12px;
}



#NavBar{
	margin: 0 auto 100px;
    position: relative;
    width: 1185px;
    z-index: 1;
    
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px){
	#NavBar {
		
		left:200px;
	}
}

@media only screen and (max-device-width: 480px) {
	#NavBar {
	
		left:200px;
	}
}

#mainNavigation 
{
  
}

#mainNavigation ul.dropdown {
	float: center;
	margin: 0px 0 0;
	height: 70px;
	
}


#mainNavigation ul.dropdown li.level1 {
	position: relative;
	float: left;
	height: 70px;
	z-index: 1001;
	font-size: 18px;
    line-height: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

#mainNavigation li.level1:hover {
	color: #6E3995;
}

#mainNavigation ul.dropdown {
	color: #6E3995;
}

#mainNavigation ul.dropdown li.level1 a,
#mainNavigation ul.dropdown li.level1 a:visited {
	display: block;
	position: relative;
	padding: 23px 11px 0;
	height: 45px;
	z-index: 1003;
	color: #6E3995;
	text-decoration: none;
	font-weight: bold;
}
#mainNavigation ul.dropdown li.level1:hover a {
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #FFFFFF;
	padding: 18px 10px 0;
	height: 44px;
	font-weight: bold;
	color: #6E3995;
}

#mainNavigation ul.dropdown li.level1.active a,
#mainNavigation ul.dropdown li.level1.active a:visited
#mainNavigation ul.dropdown li.level1.active a:hover {
	color: #000;
}

#mainNavigation ul.dropdown li.level1 .sub {
	display: none;
	position: absolute;
	background: #FFFFFF;
	border: solid 1px #ddd;
	-webkit-box-shadow: 0px 2px 2px 1px rgba(255, 255, 255, 0.2);
	-moz-box-shadow: 0px 2px 2px 1px rgba(255, 255, 255, 0.2);
	box-shadow: 0px 2px 2px 1px rgba(255, 255, 255, 0.2);
	padding: 15px 20px 30px;
	z-index: 1002;
	overflow: hidden;
}

#mainNavigation ul.dropdown li.level1:hover .sub {display: block;}
#mainNavigation ul.dropdown li.level1 .sub ul li.level2 {
	margin: 15px 0 0;
	overflow: hidden;
	

	font-size: 14px;
	letter-spacing: normal;
	line-height: 20px;
	color: #6E3995;
}

.sub ul li.level2 a,
.sub ul li.level2 a:visited {
	padding: 0 !important;
	border: none !important;
	height: auto !important;
	z-index: auto !important;
	
	color: #6E3995 !important;
}
.sub ul li.level2 a:hover {
	text-decoration:underline !important;
	color: #6E3995;
}

#sub-1 {
	left: 0px; top: 67px;
	width: 600px;
}

#sub-2, #sub-555 {
	left: 0px; top: 67px;
	width: 600px;
}
#sub-2 ul, #sub-555 ul {
	width: 600px;
}
#sub-2 ul li, #sub-555 ul li {
	float: left;
	width: 300px;
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For ipad portrait layouts only */
	#mainNavigation ul.dropdown li.level1 {
		font-size: 16px;
		padding-left: 10px;
		padding-right: 10px;
	}

	#NavBar{
		margin: 0 0 0 0;
		width: 1024px;
	}

	#mainNavigation ul.dropdown li.level1:hover .sub {display: block;}
	#mainNavigation ul.dropdown li.level1 .sub ul li.level2 {
		margin: 10px 0 0;
		font-size: 14px;
	}
	
	#mainNavigation ul.dropdown li.level1 a, #mainNavigation ul.dropdown li.level1 a:visited {
		 padding: 23px 15px 0;
	}
}

@media only screen and (min-device-width: 601px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For ipad landscape layouts only */
	#mainNavigation ul.dropdown li.level1 {
		font-size: 16px;
		padding-left: 10px;
		padding-right: 10px;
	}

	#NavBar{
		margin: 0 0 0 0;
		width: 1024px;
	}

	#mainNavigation ul.dropdown li.level1:hover .sub {display: block;}
	#mainNavigation ul.dropdown li.level1 .sub ul li.level2 {
		margin: 10px 0 0;
		font-size: 14px;
	}
	
	#mainNavigation ul.dropdown li.level1 a, #mainNavigation ul.dropdown li.level1 a:visited {
		 padding: 23px 15px 0;
	}
}

@media only screen and (min-width: 481px) and (max-width: 600px) {

	#mainNavigation ul.dropdown li.level1 {
		font-size: 8px;
		padding-left: 2px;
		padding-right: 2px;
	}
	
	#NavBar{
		margin: 0 0 0 0;
		width: 481px;
	}
	
	#mainNavigation ul.dropdown li.level1:hover .sub {display: block;}
	#mainNavigation ul.dropdown li.level1 .sub ul li.level2 {
		margin: 2px 0 0;
		font-size: 8px;
	}
	
	#mainNavigation ul.dropdown li.level1 a, #mainNavigation ul.dropdown li.level1 a:visited {
		 padding: 23px 4px 0;
	}
}

/* Phone Portrait (480px) */
@media only screen and (max-width: 480px) {
	#mainNavigation ul.dropdown li.level1 {
		font-size: 7px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#NavBar{
		margin: 0 0 0 0;
		width: 480px;
	}
	
	#mainNavigation ul.dropdown li.level1:hover .sub {display: block;}
	#mainNavigation ul.dropdown li.level1 .sub ul li.level2 {
		margin: 2px 0 0;
		font-size: 7px;
	}
	
	#mainNavigation ul.dropdown li.level1 a, #mainNavigation ul.dropdown li.level1 a:visited {
		 padding: 23px 2px 0;
	}
}

#bannerHolder {
	position: relative;
	width: 100%;
	height: 311px;
	overflow: hidden;
}
#bannerHolder #bannerImage {
	margin: 0 auto;
	height: 311px;
	overflow: hidden;
	text-align: center;
	position: relative;
}

#bannerHolderLanding {
	position: relative;

	width: 100%;
	height: 311px;
	padding-top: 88px;
	z-index: 2;	
}
#bannerHolderLanding #bannerOverlay {
	position: absolute;
	/*background: url(../images/bannerHo.png) no-repeat top center;*/
	left: 0px;
	top: 12px;
	width: 100%;
	height: 311px;
	padding-top: 87px;
	z-index: 2;

}
#bannerHolderLanding ul {
	position:relative;
	margin: 0;
	padding: 0;
	list-style:none;
}
#bannerHolderLanding ul li {
	display:none;
	position:absolute;
	height: 311px;
}
#bannerHolderLanding ul li img.resizeBanner {
	width: auto;
	height: auto;
	min-width: 1600px;
	min-height: 100%;
	height: auto;
}

#bannerHolderLanding ul li .textBlock {
	display: block;
	position: absolute;
	left: 50%; bottom: 43px;
	background: url(../images/textBloc.png) no-repeat;
	margin: 0 0 0 -590px;
	padding: 25px;
	width: 433px;
	height: 143px;
	overflow: hidden;
	

	font-size: 16px;
	font-weight: normal;
	line-height: 18px;
	color: #333333;
}
#bannerHolderLanding ul li .textBlock h2 {
	margin: 0 0 8px;
	font-size: 22px;
	font-weight: normal;
	line-height: 24px;
	color: #000000;
}
#bannerHolderLanding ul li .textBlock p {
	margin: 0;
}

.bannerPagination {
	margin: 275px auto 0;
	width: 1185px;
	height: 18px;
}
.bannerPagination a,
.bannerPagination a:visited {
	display: block;
	float: left;
	background: url(../images/bannerPa.png) 0px 0px no-repeat;
	margin: 0 5px 0 0;
	width: 18px;
	height: 18px;
	overflow: hidden;
	text-indent: -99999px;
	
}
.bannerPagination a:hover,
.bannerPagination a.active,
.bannerPagination a.active:visited,
.bannerPagination a.active:hover {
	background-position: 0 -18px;
}
.bannerPagination .pause,
.bannerPagination .play {display: none;}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
  /* For ipad landscape layouts only */
  	#bannerHolder {
		height: 250px;
	}
	#bannerHolder #bannerImage {
		height: 250px;
	}
	#bannerHolderLanding {
		height: 250px;
	}
	
	#bannerHolderLanding ul li .textBlock {
		left: 200px;
		bottom: 100px;
		margin: 0 0 0 0;
	}
	
	.bannerPagination {
		margin: 225px 200px 0;
	}
}

 
/* Phone Portrait (480px) */
@media only screen and (max-device-width: 480px) {
	#bannerHolder {
		height: 180px;
	}
	#bannerHolder #bannerImage {
		height: 180px;
	}
	#bannerHolderLanding {
		height: 180px;
	}
	
	#bannerHolderLanding ul li .textBlock {
		left: 20px;
		bottom: 155px;
		margin: 0 0 0 0;
		font-size: 12px;
		line-height: 14px;
		width: 250px;
		height: 120px;
		padding: 10px;
	}
	
	#bannerHolderLanding ul li .textBlock {
		left: 200px;
		bottom: 100px;
		margin: 0 0 0 0;
	}
	
	.bannerPagination {
		margin: 225px 200px 0;
	}
}

@media only screen and (min-width: 1025px){
	#BannerImg{
		width: 100%;
		height: auto;
	}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px){
	#BannerImg{
		height: 311px;
		min-width: 1024px;
	}
}

@media only screen and (max-device-width: 480px) {
	#BannerImg{
		height: 311px;
		min-width: 1024px;
	}
}
