@import url("rte.css");

/***************************************************** algemeen */
body {
	background-color: #f4f3f3;
	background-image: url(../img/background.gif);
	background-position: 50% 0pt;
	background-repeat: repeat-y;
	color: #000;
	font-family: verdana;
	font-size: 12px;
	line-height: 1.3em;
}

body#print {
	background: none;
}

img {
	border: none;
}

a {
	color: #e60f0a;
	text-decoration: none;
}

a:hover {
	color :#7e7e7e;
}

ul a {
	color: #7e7e7e;
}

ul a:hover {
	color: #e60f0a;
}

.required {
	color: #e60f0a;
	margin-left: 5px;
}

legend {
	display: none;
}

fieldset {
	border: none;
}

textarea,
select,
input {
	border: 1px solid #C0C0C0;
	margin: 0px 5px 5px 0px;
	color: #7c7c23;
}

.clickenlarge {
	display: block;
	text-align: right;
	padding: 0px 0px;
	margin-top: -28px;
	margin-bottom: 0px;
	margin-right: 1px;
}

.tx-jppageteaser-pi1 a {
	background: url(../img/arrow-red-o.gif) no-repeat 0px 0px;
	color: #7e7e7e;
	display: block;
	padding: 0px 0px 5px 20px;
	border-bottom: 1px dotted #7e7e7e;
	margin-bottom: 15px;
}

.tx-jppageteaser-pi1 a:hover {
	background: url(../img/arrow-red.gif) no-repeat 0px 0px;
}

.tx-jppageteaser-pi1 h1 {
	background-color: #ececec;
	font-size: 11px;
	color: #e60f0a;
	display: block;
	font-weight: bold;
	margin-bottom: 0px;
}

.tx-jppageteaser-pi1 img {
	float: right;
	margin-left: 10px;
}

.mailform-layout {
	clear: both;
}

.labelwrap {
	width: 150px; 
	float: left;
	padding-right: 5px;
}

/***************************************************** wrapper */
div#wrapper {
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	height: 100%;
	margin: 0px auto;
	width: 932px;
}

/***************************************************** top */
div#top {
	background: url(../img/top.jpg) no-repeat;
	width: 932px;
	height: 100px;
	clear: both;
}

div#homelink {
	display: block;
	float: left;
	height: 58px;
	width: 155px;
	padding-left: 15px;
	margin-top: 26px;
}

div#tabmenu {
	float: right;
	height: 30px;
	margin-left: 0px;
	margin-top: 28px;
	width: 749px;
}

div#langmenu {
	display: block;
	float: right;
	margin-top: 4px;
}

/***************************************************** langmenu */
div#langmenu ul {
	list-style: none;
}

div#langmenu ul li {
	float: left;
}

div#langmenu ul li a {
	width: 28px;
	height: 28px;
	display: block;
	float: left;
}

div#langmenu li a.home {
	background: url(../img/home.gif) no-repeat;
	margin-right: 2px;
}

div#langmenu li a.homeact,
div#langmenu li a.home:hover {
	background: url(../img/home-o.gif) no-repeat;
}

div#langmenu li a.shop {
	background: url(../img/shop.gif) no-repeat;
	margin-right: 28px;
}

div#langmenu li a.shopact,
div#langmenu li a.shop:hover {
	background: url(../img/shop-o.gif) no-repeat;
}

div#langmenu li a.nl {
	background: url(../img/lang-nl.gif) no-repeat;
	margin-right: 2px;
}

div#langmenu li a.nlact,
div#langmenu li a.nl:hover {
	background: url(../img/lang-nl-o.gif) no-repeat;
}

div#langmenu li a.en {
	background: url(../img/lang-en.gif) no-repeat;
	margin-right: 2px;
}

div#langmenu li a.enact,
div#langmenu li a.en:hover {
	background: url(../img/lang-en-o.gif) no-repeat;
}

div#langmenu li a.es {
	background: url(../img/lang-es.gif) no-repeat;
	margin-right: 2px;
}

div#langmenu li a.esact,
div#langmenu li a.es:hover {
	background: url(../img/lang-es-o.gif) no-repeat;
}

div#langmenu li a.de {
	background: url(../img/lang-de.gif) no-repeat;
	padding-right: 28px;
}

div#langmenu li a.deact,
div#langmenu li a.de:hover {
	background: url(../img/lang-de-o.gif) no-repeat;
}

div#langmenu .userdef1nl {
	background: url(../img/lang-nl-d.gif) no-repeat;
	width: 28px;
	height: 28px;
	margin-right: 2px;
}

div#langmenu .userdef1en {
	background: url(../img/lang-en-d.gif) no-repeat;
	width: 28px;
	height: 28px;
	margin-right: 2px;
}

div#langmenu .userdef1es {
	background: url(../img/lang-es-d.gif) no-repeat;
	width: 28px;
	height: 28px;
	margin-right: 2px;
}

div#langmenu .userdef1de {
	background: url(../img/lang-de-d.gif) no-repeat;
	width: 28px;
	height: 28px;
	padding-right: 28px;
}

div#langmenu_label {
	clear: both;
	height: 10px;
	font-size: 11px;
	color: #626262;
}

/***************************************************** line */
div#line {
	background-color: #e60f0a;
	height: 5px;
	position: relative;
}

/***************************************************** tabmenu */
#nav, 
#nav ul {
	list-style: none;
	padding-bottom: 0px;
}

#nav li {
	background-image: url(../img/tab-rood.png);
	float: left;
	width: 104px;
	height: 30px;
	margin-right: 2px;
}

#nav li a {
	font-size: 13px;
	color: #fff;
	display: block;
	padding: 8px 0px 5px 0px;
	text-align: center;
	position: relative;
}

/* ie7 fix */
#nav li:hover, 
#nav li.sfhover {
	position: static;
}

#nav li#organisatieact,
#nav li#organisatie:hover,
#nav li#organisatie.sfhover {
	background-image: url(../img/tab-organisatie.png);
}

#nav li#productenact,
#nav li#producten:hover,
#nav li#producten.sfhover {
	background-image: url(../img/tab-producten.png);
}

#nav li#dienstenact,
#nav li#diensten:hover,
#nav li#diensten.sfhover {
	background-image: url(../img/tab-diensten.png);
}

#nav li#marktenact,
#nav li#markten:hover,
#nav li#markten.sfhover {
	background-image: url(../img/tab-markten.png);
}

#nav li#onderzoekact,
#nav li#onderzoek:hover,
#nav li#onderzoek.sfhover {
	background-image: url(../img/tab-onderzoek.png);
}

#nav li#contactact,
#nav li#contact:hover,
#nav li#contact.sfhover {
	background-image: url(../img/tab-contact.png);
}

#nav li#nieuwact,
#nav li#nieuw:hover,
#nav li#nieuw.sfhover {
	background-image: url(../img/tab-nieuw.png);
}

#nav li:hover ul ul, 
#nav li.sfhover ul ul,
#nav li ul {
	position: absolute;
	width: 14em;
	left: -999em;
	padding-top: 8px;
	z-index: 9999;
	background-image: url(../img/bg.gif);
}

#nav li:hover ul ul, 
#nav li.sfhover ul ul {
	padding-top: 0px;
}

#nav li li a {
	padding: 2px 10px 2px 15px;
	text-align: left;
}

#nav li li {
	width: 14em;
	height: auto;
	background-color: #b8b8b8;
	background-image: none;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

#nav li li li {
	border-top: 1px solid #fff;
	border-bottom: none;
}

#nav li:hover ul, 
#nav li.sfhover ul,
#nav li li:hover ul, 
#nav li li.sfhover ul {
	left: auto;
}

#nav ul ul {
	margin: -20px 0 0 14em;
	border-bottom: 1px solid #fff;
}

/* voor ie7 */
/*
#nav li li:hover,
#nav li li a:hover {
	background: #b8b8b8;
}
*/

#nav li li.act {
	background: #e60f0a;
}

#nav li li.ifsub {
	background: #b8b8b8 url(../img/ifsub.gif) no-repeat right;
}

#nav li li.actifsub {
	background: #e60f0a url(../img/actifsub.gif) no-repeat right;
}

/***************************************************** main */
div#main {
	height: 686px;
}

/***************************************************** linker kolom */
div#left {
	background: #fff url(../img/raster.gif) no-repeat;
	border-top: 2px solid white;
	float: left;
	height: 686px;
	min-height: 686px;
	width: 182px;
}

/***************************************************** menu links */
div#left ul li {
	background: #b8b8b8;
	border-bottom: 1px solid #fff;
}

div#left ul li.act {
	background: #e60f0a;
	border-bottom: 1px solid #fff;
}

div#left ul li.ifsub {
	background-image: url(../img/ifsub.gif);
	background-position: right;
	background-repeat: no-repeat;
	background-color: #b8b8b8;
}

div#left ul li.actifsub {
	border-bottom: none;
	background: #e60f0a url(../img/left-menu-bg.gif) no-repeat bottom;
	padding-bottom: 1px;
}

div#left ul li.sub {
	border-bottom: none;
	background: #b8b8b8 url(../img/left-menu-bg.gif) no-repeat bottom;
}

div#left ul li.last {
	background: #b8b8b8;
	border-bottom: 1px solid #fff;
}

div#left ul li a {
	font-size: 13px;
	color: #fff;
	display: block;
	padding: 2px 4px 2px 15px;
	text-decoration: none;
}

div#left ul li.sub a {
	font-size: 11px;
	padding: 2px 4px 3px 20px;
	border-left: 5px solid #e60e09;
}

div#left ul li.subact a {
	color: #626262;
} 

/***************************************************** menu kleuren */
#nav li.partnerweb,
div#left ul li.partnerweb {
	font-weight: bold;
	background: #e60e09;
}

#nav li.organisatie,
div#left ul li.organisatie {
	font-weight: bold;
	background: #b8ca1a;
}

#nav li.producten,
div#left ul li.producten {
	font-weight: bold;
	background: #979e10;
}

#nav li.diensten,
div#left ul li.diensten {
	font-weight: bold;
	background: #7c7c23;
}

#nav li.markten,
div#left ul li.markten {
	font-weight: bold;
	background: #5ab024;
}

#nav li.onderzoek,
div#left ul li.onderzoek {
	font-weight: bold;
	background: #2aa05f;
}

#nav li.contact,
div#left ul li.contact {
	font-weight: bold;
	background: #307e6a;
}

#nav li.nieuw,
div#left ul li.nieuw {
	font-weight: bold;
	background: #4baf9f;
}

/***************************************************** midden kolom */
div.middle {
	background: #fff;
	border-top: 2px solid white;
	float: left;
	height: 100%;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	width: 470px;
	padding: 5px 15px 0px 15px;
}

div.middlehome {
	background: #fff;
	float: left;
	height: 100%;
	padding: 0px 0px;
	border-top: 2px solid white;
	border-left: 0px;
	border-right: 0px;
	width: 750px;
}

div.slideshowGeodan {
	width: 500px;
	height: 226px;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	margin-bottom: 20px;
	float: left;
}

div#overlay1 {
	background-image: url(../img/balk.png);
	background-repeat: no-repeat;
	height: 50px;
	position: absolute;
	top: 284px;
	width: 500px;
	z-index: 999;
	color: #fff;
	font-size: 25px;
	padding: 15px 15px;
}

div#overlay2 {
	position: absolute;
	top: 215px;
	padding-left: 385px;
	z-index: 999;
}

div#contentheading {
	border-bottom: 1px dotted #7e7e7e;
	padding-top: 2px;
	margin-bottom: 5px;
}

div#contentheading h1 {
	font-size: 11px;
	font-weight: bold;
	color: #9a9a9a;
	padding: 10px 0px 0px 0px;
}

div#contentheading #backprint {
	float: right;
}

div#contentheading a.back {
	background: url(../img/back.gif) no-repeat;
	width: 28px;
	height: 28px;
	display: block;
	float: left;
	margin-right: 2px;
}

div#contentheading a.back:hover {
	background: url(../img/back-o.gif) no-repeat;
}

div#contentheading a.print {
	background: url(../img/print.gif) no-repeat;
	width: 28px;
	height: 28px;
	display: block;
	float: left;
}

div#contentheading a.print:hover {
	background: url(../img/print-o.gif) no-repeat;
}

/***************************************************** alsosee */
div.alsosee {
	float: left;
	width: 248px;
	height: 208px;
	border-left: 2px solid #fff;
	background: #ececec;
	margin-bottom: 20px;
	overflow: hidden;
}

div.tweekoloms {
	width: 498px;
	background: #e60f0a;
	color: #fff;
}

div.tweekoloms ul {
	list-style: none;
}

div.tweekoloms ul li {
	list-style-position: inherit;
	list-style-image: inherit;
}

div.tweekoloms ul li a {
	color: #fff;
	font-size: 14px;
	padding: 2px 40px 4px 0px;
	display: block;
	background-image: url(../img/arrow-red4.png);
	background-repeat: no-repeat;
	height: 20px;
}

div.tweekoloms ul li a:hover {
	background-image: url(../img/arrow-red-o4.png);
	background-repeat: no-repeat;
}

div.alsosee h1 {
	background: #b8b8b8;
	padding: 10px 10px;
	height: 32px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	border-bottom: 2px solid #fff;
	margin-bottom: 10px;
}

div.image h1,
div.tweekoloms h1 {
	background: transparent;
	padding: 15px 0px 0px 0px;
	border-bottom: none;
	margin-bottom: 0px;
	text-align: left;
}

div.alsosee hr {
	border-top: 1px dotted #fff;
	margin: 0px 0px 0px 0px;
}

div.alsosee .image,
div.alsosee .text {
	margin: 0px 15px 10px 15px;
	display: block;
}

.methr {
	border-bottom: 1px dotted #fff;
}

div.alsosee .image {
	text-align: center;
}

div.alsosee .text2 {
	display: block;
	width: 219px;
	float: left;
	margin: 0px 15px 10px 15px;
}

div.alsosee .text3 {
	width: 219px;
	float: left;
	text-align: right;	
	margin: 0px 15px 10px 15px;
}

div.alsosee div.arrow-link a {
	float: right;
	background: url(../img/arrow-red3.gif) no-repeat;
	width: 17px;
	height: 17px;
	position: relative;
	top: 122px;
	right: 5px;
}

div.alsosee div.arrow-link a:hover {
	background: url(../img/arrow-red-o3.gif) no-repeat;
}

/***************************************************** rechter kolom */
div.right {
	background-color: #dedede;
	border-top: 2px solid #fff;
	float: left;
	height: 100%;
	width: 246px;
}

div.righthome {
	height: 227px;
	border-top: none;
	overflow: hidden;
}

div#veelgebruiktelinks,
div#directnaar,
div#zoeken {
	border-bottom: 2px solid #fff;
	padding: 10px 15px 10px 15px;
}

div#zoeken fieldset {
	border: none;
	padding: 0px;
}

div.righthome div#directnaar {
	border-bottom: none;
	margin-bottom: 20px;
}

div#zoeken form {
	padding: 0px 0px 2px 0px;
}

div#zoeken a {
	color: #7e7e7e;
	font-size: 11px;
}

div#zoeken a:hover {
	color: #e60e09;
	font-weight: bold;
}

div#veelgebruiktelinks h1,
div#directnaar h1,
div#zoeken h1 {
	color: #9a9a9a;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
}

input.searchinputbox {
	float: left;
	border: 1px solid #7e7e7e;
	color: black;
	font-size: 13px;
	width: 165px;
	margin: 0px;
}

input.searchbutton {
	margin: 0px 0px 0px 5px;
	background: url(../img/search.gif) no-repeat 0px 0px;
	width: 41px;
	height: 18px;
	border: none;
	cursor: pointer;
}

input.searchbutton:hover {
	background: url(../img/search-o.gif) no-repeat 0px 0px;
}

input.en {
	background: url(../img/search-en.gif) no-repeat 0px 0px;
}

input.en:hover {
	background: url(../img/search-en-o.gif) no-repeat 0px 0px;
}

div#veelgebruiktelinks ul li a,
div#directnaar ul li a {
	color: #000;
	font-size: 11px;
	border-bottom: 1px #9a9a9a dotted;
	display: block;
	padding: 5px 5px 5px 25px;
	background: url(../img/arrow-red2.gif) no-repeat 0px 5px;
}

div#veelgebruiktelinks ul li a {
	background: url(../img/arrow-green2.gif) no-repeat 0px 5px;
}

div#veelgebruiktelinks ul li a:hover,
div#directnaar ul li a:hover {
	font-weight: bold;
	background: url(../img/arrow-red-o2.gif) no-repeat 0px 5px;
	text-decoration: none;
}

div#veelgebruiktelinks ul li a:hover {
	background: url(../img/arrow-green-o2.gif) no-repeat 0px 5px;
}

div#directnaar ul,
div#veelgebruiktelinks ul,
div#left ul {
	list-style-type: none;
}

div.right div.photo-right {
	height: 140px;
	border-bottom: 2px solid #fff;
}

/***************************************************** footer */
div#footer {
	border-top: 1px dotted #7e7e7e;
	clear: both;
	font-size: 9px;
	padding: 2px 0px 10px 0px;
}

div#footer a {
	color: #7e7e7e;
	background: url(../img/trenner.gif) no-repeat 3px 2px;
	padding-left: 8px;
}

/***************************************************** footer2 */
div#footer2 {
	border-top: 1px dotted #7e7e7e;
	clear: both;
	font-size: 9px;
	padding: 2px 0px 10px 0px;
}

div#footer2 a {
	color: #7e7e7e;
	background: url(../img/trenner.gif) no-repeat 3px 2px;
	padding-left: 8px;
}

/***************************************************** indexedsearch */
.tx-indexedsearch-whatis P .tx-indexedsearch-sw { 
	font-weight:bold; 
	font-style: italic; 
}
p.tx-indexedsearch-noresults { 
	text-align:center; 
	font-weight: bold; 
}
.tx-indexedsearch-title { 
	background: rgb(244,243,243); display: block; 
}
.tx-indexedsearch-icon { 
	float: left;
}
.tx-indexedsearch-res .tx-indexedsearch-descr p { 
	font-style: italic; 
}
.tx-indexedsearch-redMarkup { 
	color: #e60f0a; 
}
.tx-indexedsearch-browsebox { 
	margin-bottom: 10px; 
}
.browsebox span { 
	padding: 0em 0.7em 0em 0em; 
}