@charset "ISO-8859-1";
/*
blauw: #063971;
rose : #bf1773;
*/

* {margin:0;padding:0;} 

html, body {height: 100%;}

html {}body {
	margin: 0px;
	padding: 0px;
	/*border-top: 2px solid #bf1773;*/
	font-family: 'Duru Sans', Verdana, Geneva, sans-serif;
	font-size: 14px;
}

ul.ok li {
	list-style-image: url(../images/li_ok.png);
	padding-bottom: 5px;
}

h1 { 
	font-size: 24px;
	color: #063971;
	padding-bottom: 20px;
}

h1.white { 
	padding-top: 0px;
	padding-bottom: 40px;
	text-align: center;
	color: #fff; 
}

h1.route { 
	font-size: 18px;
	color: #063971;
	padding-bottom: 0px;
}

h1.normal {
	display: inline !important;
	padding: 0;
	margin: 0;
	color: #000;
	font-size: 14px;
	font-weight: normal;
}
strong.normal {
	display: inline !important;
	padding: 0;
	margin: 0;
	color: #000;
	font-size: 14px;
	font-weight: normal;
}
h2 {
	font-size: 18px;
	color: #bf1773;
	padding-top: 10px;
	padding-bottom: 10px;
}

h3 {}

h4 {}

h5 {}

h6 {}

p {
	padding-top: 3px;
	padding-bottom: 3px;
}

/* --------------------------------- LINKS ------------------------------------ */
a:link, a:visited {
	text-decoration: underline;
	color: #fff;
}
a:hover, a:active {
	text-decoration: underline;
	color: #CCCCCC;
}

a.logo:link, a.logo:visited, a.logo:hover, a.logo:active {
	display: block;
	z-index: 100;
	position: absolute;
	width: 300px;
	height: 118px;
	top: 7px;
	left: 0px;
	text-decoration: none;
}
a.aimg:link, a.aimg:visited, a.aimg:hover, a.aimg:active {
	text-decoration: none;
}

a.maillink:link, a.maillink:visited {
	text-decoration: underline;
	color: #063971;
}
a.maillink:hover, a.maillink:active {
	text-decoration: underline;
	color: #bf1773;
}
a.afooter:link, a.afooter:visited {
	text-decoration: underline;
	color: #063971;
}
a.afooter:hover, a.afooter:active {
	text-decoration: underline;
	color: #bf1773;
}
a.amail:link, a.amail:visited {
	text-decoration: underline;
	color: #063971;
}
a.amail:hover, a.amail:active {
	text-decoration: underline;
	color: #bf1773;
}

a.aimg:link, a.aimg:visited {
	display: inline-block;
	text-decoration: underline;
	text-align: center;
	color: #063971;
}

a.aimg:hover, a.aimg:active {
	display: inline-block;
	text-decoration: underline;
	text-align: center;
	color: #bf1773;
}


/* --------------------------------- SLIDERHOME ------------------------------ */
#sliderhome {
	display: block;
	width: 560px;
	height: 420px;
	margin: 0 auto;
}

#sliderhomeul {
	width: 560px;
	height: 410px;
	/*IE bugfix*/
	padding:0;
	margin:0;
}
#sliderhome li { list-style:none; }

/* --------------------------------- SLIDER PRODUCTS ------------------------------ */
#sliderproducts {
	display: block;
	width: 350px;
	height: 233px;
	float: right;
	padding-left: 30px;
	padding-bottom: 30px;
}
#sliderproductsul {
	width: 350px;
	height: 233px;
	/*IE bugfix*/
	padding:0;
	margin:0;
}
#sliderproducts li { list-style:none; }



/*---------------------------------- LAYERSLIDER HOME -------------------------------------------------*/
#layerslidercontact {
	position: relative;
	float: right;
	width: 350px;
	height: 233px;
	padding-left: 30px;
	padding-bottom: 30px;
}

#contact01 {
	left: 0px;
}
#contact02 {
	left: 0px;
}
#contact03 {
	left: 0px;
}
#contact04 {
	left: 0px;
}
#contact05 {
	left: 0px;
}
.ls-b1 {
	left: 0px;
}

.ls-trans1 {
	/*top: 0px;
	left: 0px;*/
}

.ls-inner { position: relative; }

.ls-inner,
.ls-layer {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ls-layer {
	position: absolute;
	display: none;
	background-position: center center;
}

.ls-active,
.ls-animating {
	display: block !important;
}

.ls-layer > * {
	position: absolute;
	left: 0px;
	top: 0px;
}

.ls-layer .ls-bg {
	left: 50%;
	top: 50%;
}

.ls-bottom-nav-wrapper {
	z-index: 20000;
	height: 0px;
}

.ls-bottom-nav-wrapper a,
.ls-nav-prev,
.ls-nav-next {
	outline: none;
}

.ls-vpcontainer {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.ls-videopreview {
	width : 100%;
	height : 100%;
	position : absolute;
	left : 0px;
	top : 0px;
	cursor : pointer;
}

.ls-playvideo {
	position: absolute;
	left: 50%;
	top: 50%;
	cursor: pointer;
}


/* --------------------------------- CLASSES ---------------------------------- */

ul.ok { 
	padding-top: 10px;
	padding-left: 40px; 
}

ul.ok li {
	list-style-image: url(../images/icon_ok.png);
	padding-left: 10px;
}

span.phone {
	color: #bf1773;
	font-weight: bold;
	
}

div.newsitem {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

div.newsitem div {
	border: none;
}

div.newsitem .newscontent {}
div.newsitem .newsfoto {}

div.newsitem .newsfoto iframe {
	display: inline;
}
div.newsitem .newsfoto img {
	display: inline;
	vertical-align: top;
	padding-left: 20px;
}

div.newsitem h1 {
	font-size: 18px;
	color: #bf1773;
	padding-top: 10px;
	padding-bottom: 10px;
}

img.flr {
	float: right;
	padding-left: 30px;
	padding-bottm: 30px;

}

.rose { color: #bf1773; font-size: 18px;}

table.contact td { 
	vertical-align: bottom; 
	font-weight: bold;
}

/* --------------------------------- DIVS ------------------------------------- */

#wrap {
	min-height: 100%;
}

#main {
	overflow:auto;
	padding-bottom: 200px;/* must be same height as the footer */
	/*border-top: 2px solid #bf1773;*/
	background-image:url(../images/bg_logo_ping.png);
	background-repeat: repeat-x;
	background-position: top center;
}  

#footer {
	position: relative;
	margin-top: -200px; /* negative value of footer height */
	height: 200px;
	clear:both;
	background-image:url(../images/bg_footer_border.png);
	background-repeat: repeat-x;
	background-position: bottom;
	/*border-bottom: 2px solid #bf1773;*/
} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


#placeholder {
	position: relative;
	width: 960px;
	margin: 0 auto;
	/*border-right: 1px solid #E8E8E8;
	border-left: 1px solid #E8E8E8;*/
}
#content {
	padding-bottom: 20px;
	padding-left: 50px;
	padding-right: 50px;
}

#content.home {
	min-height: 600px; /* 720 - h header */
	text-align: justify;
}

#header {
	position: relative;
	width: 100%;
	height: 132px;
	background-color: #ffffff;
}

#map_canvas {
	width: 858px;
	height: 400px;
	border: 1px solid #063971;
}
.news {
	text-align: center;
	margin: 30px 0px;
	padding: 30px;
	border: 1px solid #bf1773;
}


#footercontent {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding-top: 40px;
}
#footer {
			background-image:url(../images/bg_footer.png);
			background-repeat: repeat-x;
			background-position: top;
		}#footercontent { color: #ffffff; }a.maillink:link, a.maillink:visited {
			text-decoration: underline;
			color: #FEFEFE;
		}
		a.maillink:hover, a.maillink:active {
			text-decoration: underline;
			color: #bf1773;
		}a.afooter:link, a.afooter:visited {
			text-decoration: underline;
			color: #FEFEFE;
		}
		a.afooter:hover, a.afooter:active {
			text-decoration: underline;
			color: #bf1773;
		}
#footercontent table td {
	vertical-align: top;
	padding-top: 2px;
}



/* ----------------------- smoothmenu ---------------------------- */

#topmenu {
	position: absolute;
	z-index: 10009;
	width: 550px;
	top: 31px;
	left: 404px;
	/*background-color: #0FF;*/
}
#smoothmenu1 * {
	z-index: 20010;
}
.ddsmoothmenu {
	font-size: 14px;
	font-weight: bold;
	background: none; /*background of menu bar (default state)*/
	width: 100%;
}
.ddsmoothmenu ul {
	z-index:20011;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
/*Top level list items  */
.ddsmoothmenu ul li {
	position: relative;
	z-index: 20013 !important; /*   */
	display: inline;
	float: left;
	list-style-image: none;
}
/*Top level menu link items style*/
.ddsmoothmenu ul li a {
	position: relative;
	display: block;
	background: none; /*background of menu items (default state)*/
	color: #063971;
	padding: 8px 10px 8px 15px;
	/*margin-right: 12px;*/
	text-decoration: none;
}

.ddsmoothmenu ul li a.ablock {}

* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
	color: #063971; /*#0047af; */
}
.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background:none;
	color: #bf1773;
}
/* level 2 selected */
.ddsmoothmenu ul li ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background: none; /*background of menu items during onmouseover (hover state)*/
	color: #bf1773;	
}
.ddsmoothmenu ul li a:hover {
	background: none; /*background of menu items during onmouseover (hover state)*/
	color: #bf1773;
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	position: absolute;
	z-index: 20013 !important; /*   */
	font-weight: normal;
	left: 0px;
	padding-left: 5px;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	list-style-type: none;
	list-style-image: none;
	background: #FFFFFF;	
}
.ddsmoothmenu ul li ul li a:hover {
	background: #ffffff; /*background of menu items during onmouseover (hover state)*/
	color: #bf1773;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
	display: list-item;
	z-index: 20013 !important; /*   */
	list-style-type: none;
	list-style-image: none;
	float: none;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
	z-index: 20013 !important; /*   */
	top: 0;
	padding-left: 10px;
	list-style-image: none;
}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
	width: 160px;
	padding: 4px 10px;
	margin: 0;
	text-align: left;
	border-top-width: 0;
	color: #063971;
	zoom: 1;
	filter: alpha(opacity=85);
	opacity: 0.85;
	border-bottom: 1px solid #bf1773;
	border-left: 1px solid #bf1773;
	border-right: 1px solid #bf1773;
	
}
.ddsmoothmenu ul li ul li:first-child a {
	border-top: 1px solid #bf1773;
}
.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited {
	color: #063971;
}
.ddsmoothmenu ul li ul li a:hover, .ddsmoothmenu ul li ul li a:active {
	color: #bf1773;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu {
	height: 1%;
} /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass {
	position: absolute;
	top: 15px;
	left: 1px;
}
.rightarrowclass {
	position: absolute;
	top: 6px;
	right: 5px;
}
/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow { /*shadow for NON CSS3 capable browsers*/
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: silver;
}
.toplevelshadow { /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
	opacity: 0.8;
}

/* Taalkeuze */
#langmenu {
	position: absolute;
	z-index: 10010;
	width: 70px;
	top: 0px;
	right: 0px;
}
#smoothmenu2 * {
	z-index: 10011;
}
.ddsmoothmenu2 {
	font-size: 10px;
	font-weight: bold;
	background: none; /*background of menu bar (default state)*/
	width: 100%;
}
.ddsmoothmenu2 ul {
	z-index:10011;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
/*Top level list items  */
.ddsmoothmenu2 ul li {
	position: relative;
	z-index: 2014 !important; /*   */
	display: inline;
	float: left;
	list-style-image: none;
}
/*Top level menu link items style*/
.ddsmoothmenu2 ul li a {
	position: relative;
	display: block;
	background: none; /*background of menu items (default state)*/
	color: #000;
	text-decoration: none;
}
* html .ddsmoothmenu2 ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}
.ddsmoothmenu2 ul li a:link, .ddsmoothmenu2 ul li a:visited {
	color: #063971; 
}
.ddsmoothmenu2 ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background:none;
	color: #bf1773;
}
/* level 2 selected */
.ddsmoothmenu2 ul li ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background: none; /*background of menu items during onmouseover (hover state)*/
	color: #bf1773;
}
.ddsmoothmenu2 ul li a:hover {
	background: none; /*background of menu items during onmouseover (hover state)*/
	color: #bf1773;
}
/*1st sub level menu*/
.ddsmoothmenu2 ul li ul {
	position: absolute;
	right: 10px;
	padding-left: 0px;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	list-style-type: none;
	list-style-image: none;
	text-align: right;
}
.ddsmoothmenu2 ul li ul li a:hover {
	background-color:#fefefe; /*background of menu items during onmouseover (hover state)*/
	color: #f00;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu2 ul li ul li {
	display: list-item;
	list-style-type: none;
	list-style-image: none;
	float: none;
}
/* Sub level menu links style */
.ddsmoothmenu2 ul li ul li a {
	font: normal 9px Verdana;
	width: 70px;
	padding: 2px;
	margin: 0;
	border-top-width: 0;
	background-color:#fefefe;
	color: #000;
	zoom: 1;
	filter: alpha(opacity=85);
	opacity: 0.85;
}
.ddsmoothmenu2 ul li ul li a:link, .ddsmoothmenu2 ul li ul li a:visited {
	color: #063971;
}
.ddsmoothmenu2 ul li ul li a:hover, .ddsmoothmenu2 ul li ul li a:active {
	color: #bf1773;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu2 {
	height: 1%;
} /*Holly Hack for IE7 and below*/

.ddsmoothmenu2 .downarrowclass {
	display: none;
	position: absolute;
	top: 15px;
	left: 1px;
}
/* ######### CSS for shadow added to sub menus  ######### */
.ddsmoothmenu2 .ddshadow { /*shadow for NON CSS3 capable browsers*/
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: #F00;
}
.ddsmoothmenu2 .toplevelshadow { /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
	opacity: 1;
	display: none;
}