@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#home {
	background-image: url(../img/background-home.gif);
}

body#print {
	background: none;
}

img {
	border: none;
}

hr.clearer {
	border: none;
	clear: both;
}

.clear {
	clear: both !important;
	height: 0 !important;
	overflow: hidden !important;
}

.noborder {
	border: none !important;	
}

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;
	padding: 2px 2px;
	color: #7c7c23;
}

a.read_more {
	background: url(../img/arrow-red-o.gif) no-repeat 0px 0px;
	color: #7e7e7e;
	display: block;
	padding: 0px 0px 5px 20px;
}

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

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

img.jublogo {
	padding-left: 14px;
}

img.jublogohome {
	padding-top: 23px;
}

.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;
	background: #fff;
}

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

div.geoserver {
	background: url(../img/top2.jpg) no-repeat;
}

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;
	display: inline;
}

div#langmenu ul li a {
	width: 28px;
	height: 28px;
	float: left;
	text-indent: -99999px;
}

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;
}

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

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

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

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

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;
	margin-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: 0 2px 0 28px;
}

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;
	margin-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#nieuw {
	background-image: url(../img/tab-wit.png);
}

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

#nav li#nieuw a,
#nav li#nieuwact a {
	color: #E60F0A;
	padding: 2px 20px 5px 20px;
	line-height: 12px;
}

#nav li#nieuw a:hover,
#nav li#nieuwact a {
	color: #fff;
}

/* 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;
	color: #fff !important;
}

#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;
	position: relative;
}

/***************************************************** 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.wide {
	width: 902px;
}

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: 10px;
	float: left;
	position: relative;
}

div.slideshowGeodan div.slide {
	position: absolute;
	width: 500px;
	height: 226px;
}

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

div.slideshowGeodan div.overlayimage {
	position: absolute;
	top: 115px;
	left: 385px;
	z-index: 999;
}

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

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

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;
}

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

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

/***************************************************** homeblocks */
div.homeblock {
	float: left;
	width: 248px;
	height: 215px;
	border-left: 2px solid #fff;
	background: #ececec;
	margin-bottom: 10px;
	overflow: hidden;
}

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

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

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

div.twocolumns 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.twocolumns ul li a:hover {
	background-image: url(../img/arrow-red-o4.png);
	background-repeat: no-repeat;
}

div.homeblock {
	position: relative;
}

div.homeblock h2 {
	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 h2,
div.twocolumns h2 {
	background: transparent;
	padding: 15px 0px 0px 0px;
	border-bottom: none;
	margin-bottom: 0px;
	text-align: left;
}

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

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

div.homeblock .text ul li {
	list-style: none;
}

div.homeblock .text ul li a {
	background: url(../img/arrow-green3.gif) no-repeat 0 0;
	padding: 0 0 5px 23px;
	display: block;
	color: #000;
}

div.homeblock .text ul li a:hover {
	background: url(../img/arrow-green3-o.gif) no-repeat 0 0;
}

div.homeblock .line {
	border-bottom: 1px dotted #fff;
}

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

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

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

div.homeblock a.arrow-link,
div.homeblock div.arrow-link a {
	float: right;
	background: url(../img/arrow-red3.gif) no-repeat right;
	width: 17px;
	height: 17px;
	position: absolute;
	top: 192px;
	right: 5px;
	text-indent: -2000px;
	display: block;
}

div.homeblock a.arrow-link-withlabel {
	width: auto;
	padding-right: 23px;
	text-indent: 0px;
	color: #626262;
	font-size: 13px;
}

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

/***************************************************** 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 {
	position: relative;
	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 h3,
div#directnaar h3,
div#zoeken h3,
div#poll h3 {
	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;
	padding: 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;
}

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

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

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

input.de:hover {
	background: url(../img/search-de-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;
}

div#directnaar ul.sociallinks {
	position: absolute;
	top: 5px;
	right: 5px;
}

div#directnaar ul.sociallinks li {
	float: left;
	padding-right: 5px;
}

div#directnaar ul.sociallinks li.last {
	padding-right: 0px;
}

div#directnaar ul.sociallinks li a {
	background: none;
	border: none;
	text-indent: -9999px;
	padding: 0;
	width: 24px;
	height: 24px;
}

div#directnaar ul.sociallinks li.youtube {
	background: url(../img/icon_youtube.png) no-repeat 0px 0px;
}

div#directnaar ul.sociallinks li.twitter {
	background: url(../img/icon_twitter.png) no-repeat 0px 0px;
}

div#directnaar ul.sociallinks li.linkedin {
	background: url(../img/icon_linkedin.png) no-repeat 0px 0px;
}

/***************************************************** 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;
}

/***************************************************** 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; 
}

/***************************************************** flv payer */
div.tx-bddbflvvideogallery-pi1 .flvplayer_listpic_pic {
	border: 1px solid #fff;
}

div.tx-bddbflvvideogallery-pi1 .flvplayer_listpic {
	height: 80px;
	width: 100px;
	border: 1px solid #dedede;
	padding: 0px 2px 2px 0px;
	margin: 0px 6px 6px 0px;
}

div.tx-bddbflvvideogallery-pi1 .flvplayer_listpic:hover {
	border: 1px solid #333;
}

div.tx-bddbflvvideogallery-pi1 .browseLinksWrap {
	text-align: center;
}

div.tx-bddbflvvideogallery-pi1 .caption {
	margin-bottom: 10px;
}

div.tx-bddbflvvideogallery-pi1 .flvplayer_pagebrowser_fwd {
	float:right;
	margin-right: 4px;
}

div.tx-bddbflvvideogallery-pi1 .flvplayer_pagebrowser_back {
	float:left;
}

div.tx-bddbflvvideogallery-pi1 #loadingMessage {
	padding: 7px 0px 7px 0px;
	width: 320px;
	background-color: #ffffff;
	text-align: center;
	position: absolute;
	margin: 130px 0px 0px 19px;
}

/******************************************************************************** ALGEMEEN / FORMULIEREN + PAGNRs***/

div.showResultsWrap {
	padding: 0px;
}

div.showResultsWrap h2 {
	font-size: 1.63em;
}

div.showResultsWrap span.tx-efvoorbeeld-pi1-browsebox-strong {
	color: #cc0000;
	font-weight: bold;
}

div.browseLinksWrap {
	background: #fff;
	color: #666;
	padding: 6px 0px 5px 12px;
	position: relative;
	border: 1px dotted #ccc;
	margin-bottom: 10px;
	height: 15px;
}

div.browseLinksWrap span.prevLinkWrap {
	/*padding-left: 18px;*/
	padding-right: 3px;
}

div.browseLinksWrap span.nextLinkWrap {
	padding-left: 3px;
	padding-right: 10px;
}

div.browseLinksWrap span.activeLinkWrap {
	font-weight: bold;
}

div.browseLinksWrap span.inactiveLinkWrap a {
	font-weight: normal;
	text-decoration: none;
	color: #666;
}

div.browseLinksWrap span.txtpagina {
	padding-right: 18px;
}

div.browseLinksWrap form {
	background: none;
	margin: 0 12px 0px 0px;
	padding: 0;
	border: 0;
	position: absolute;
	top: 3px;
	right: 0;
}

div.browseLinksWrap legend {
	display: none;
}

span.paginas {
	padding-right: 18px;	
}

/***************************************************** news */
div.news {
	border-bottom: 1px dotted #7e7e7e;
	margin-bottom: 10px;
	clear: both;
}

div.singleview {
	border-bottom: none;
	margin-bottom: 0;
}

div.news span.date {
	color: #7e7e7e;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
}

div.news h3 {
	color: #E60F0A;
	font-size: 12px;
	font-weight: bold;
}

div.news a.read_more {
	background: url(../img/arrow-red-o.gif) no-repeat 0px 0px;
	color: #7e7e7e;
	display: block;
	padding: 0px 0px 5px 20px;
}

div.news a.read_more:hover {
	background: url(../img/arrow-red.gif) no-repeat 0px 0px;
}

div.news .image {
	float: right;
	margin: 0 0 10px 10px;
	max-width: 100px;
}

div.news .image-single {
	float: right;
	margin: 0 0 10px 10px;
	max-width: 150px;
}

div.news .intro {
	color: #666;
}

div.news div.sociallinkswrap {
	margin-top: 20px;	
}

div.news div.sociallinkswrap p {
	float: right;
	padding: 3px 6px 0 0;
	font-size: 1em;
	font-weight: bold;
	color: #666;
}

div.news div.sociallinkswrap ul.sociallinks {
	float: right;
}

div.news div.sociallinkswrap ul.sociallinks li {
	float: left;
}

div.news div.sociallinkswrap ul.sociallinks li a {
	text-indent: -9999px;
	display: block;
}

div.news ul.sociallinks {
	list-style-type: none;
}

div.news ul.sociallinks li {
	background: none !important;
	padding: 0 0 0 5px !important;
}

div.news ul.sociallinks li a {
	font-size: 0.9em;
	padding-left: 0px;
	width: 24px;
	height: 24px;
}

div.news ul.sociallinks li a.linkedin {
	background: url(/fileadmin/templates/img/icon_linkedin.png) no-repeat left 0em;
}

div.news ul.sociallinks li a.twitter {
	background: url(/fileadmin/templates/img/icon_twitter.png) no-repeat left 0em;
}

div.news ul.sociallinks li a.delicious {
	background: url(/fileadmin/templates/img/icon_delicious.png) no-repeat left 0em;
}

div.news ul.sociallinks li a.email {
	background: url(/fileadmin/templates/img/icon_email.png) no-repeat left 0em;
}

/***************************************************** alsosee */
div.tx-geodan-pi2 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;
}

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

div.tx-geodan-pi2 h2 {
	background-color: #ececec;
	font-size: 11px;
	color: #e60f0a;
	display: block;
	font-weight: bold;
	margin-bottom: 0px;
}

div.tx-geodan-pi2 img {
	float: right;
	margin-left: 10px;
}

/***************************************************** sitemap */
ul#sitemap ul ul {
	padding-bottom: 0px;
}

ul#sitemap li {
	background: none;
	padding-left: 0px;
}

ul#sitemap li li {
	padding-left: 15px;
}

ul#sitemap li h3 a {
	color: #e60f0a;
	padding-left: 0px;
}

ul#sitemap li li {
	font-weight: bold;
}

ul#sitemap li li li {
	font-weight: normal;
}

/***************************************************** in the press */
div.inthepress {
	border-bottom: 1px dotted #7e7e7e;
	margin-bottom: 10px;
	clear: both;
}

div.singleview {
	border-bottom: none;
	margin-bottom: 0;
}

div.inthepress h3 {
	color: #7e7e7e;
	font-size: 12px;
	font-weight: bold;
}

div.inthepress a.filelink {
	background: url(../img/icon_white.gif) no-repeat;
	padding: 0 0 5px 20px;
	display: block;
	font-size: 10px;
}

div.inthepress a.pdf {
	background: url(../img/icon_pdf.gif) no-repeat;
}

div.inthepress a.filelink span {
	padding-left: 5px;
	font-size: 10px;
	color: #7e7e7e;
}

/***************************************************** pressmessages */
div.pressmessages {
	border-bottom: 1px dotted #7e7e7e;
	margin-bottom: 10px;
	clear: both;
}

div.singleview {
	border-bottom: none;
	margin-bottom: 0;
}

div.pressmessages span.date {
	color: #7e7e7e;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
}

div.pressmessages h3 {
	color: #E60F0A;
	font-size: 12px;
	font-weight: bold;
}

div.pressmessages .intro {
	color: #666;
}

div.pressmessages a.filelink {
	background: url(../img/icon_white.gif) no-repeat;
	padding: 0 0 5px 20px;
	display: block;
	font-size: 10px;
}

div.pressmessages a.pdf {
	background: url(../img/icon_pdf.gif) no-repeat;
}

div.pressmessages a.filelink span {
	padding-left: 5px;
	font-size: 10px;
	color: #7e7e7e;
}

/***************************************************** jobs */
div.jobs {
	border-bottom: 1px dotted #7e7e7e;
	margin-bottom: 10px;
	clear: both;
}

div.singleview {
	border-bottom: none;
	margin-bottom: 0;
}

div.jobs h3 {
	color: #E60F0A;
	font-size: 12px;
	font-weight: bold;
}

/***************************************************** events */
div.events {
	border-bottom: 1px dotted #7e7e7e;
	margin-bottom: 10px;
	clear: both;
}

div.singleview {
	border-bottom: none;
	margin-bottom: 0;
}

div.events span.date {
	color: #7e7e7e;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
}

div.events h3 {
	color: #E60F0A;
	font-size: 12px;
	font-weight: bold;
}

div.events .image {
	float: right;
	margin: 0 0 10px 10px;
	max-width: 100px;
}

div.events .image-single {
	float: right;
	margin: 0 0 10px 10px;
	max-width: 150px;
}

p.eventsubtitle {
	font-weight: bold;
	font-size: 13px;
}

/***************************************************** pagebrowser */
div.pagebrowser {
	margin: 1em auto;
	text-align: center;
}

div.pagebrowser a,
div.pagebrowser span {
	display: inline-block;
	margin: 0px 1px;
	padding: 1px 7px;
	text-decoration: none;
	border-left: 1px solid #7e7e7e;
	line-height: 1.08em;
}

div.pagebrowser span.previous,
div.pagebrowser a.previous {
	background: url(../img/arrow-back.gif) left 1px no-repeat;
	padding: 0 0 0 18px;
	font-weight: normal;
	margin-right: 18px;
	border: none;
}

div.pagebrowser span.next,
div.pagebrowser a.next {
	background: url(../img/arrow-forward.gif) right 1px no-repeat;
	padding: 0 18px 0 0;
	font-weight: normal;
	margin-left: 18px;
	border: none;
}

div.pagebrowser span.previous {
	color: #ccc;
	background-position: left -13px;
}

div.pagebrowser span.next {
	color: #ccc;
	background-position: right -13px;
}

div.pagebrowser span.active {
	color: #7e7e7e;
	font-weight: bold;
}

div.pagebrowser span.pages {
	border: none;
	margin: 0;
	padding: 0;
}

div.pagebrowser span.pages a:first-child,
div.pagebrowser span.pages span:first-child {
	border: none;
}

/***************************************************** seomenu */
div.seomenu {
	background: url(../img/bg-seo.jpg) repeat-x bottom #ececec;
	width: 470px;
	clear: both;
	float: left;
	padding: 15px 0 10px 0;
	margin-top: 25px;
}

div.seomenu div.category {
	width: 140px;
	float: left;
	padding: 0px 0 0 15px;
}

div.seomenu div.category h3 {
	color: #666;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	margin-bottom: 2px;
}

div.seomenu div.category ul {
	padding-bottom: 0px;
}

div.seomenu div.category ul li {
	list-style: none;
	background: none;
	padding: 0;
	display: inline;
}

div.seomenu div.category ul li a {
	font-size: 11px;
	color: #666;
	display: block;
	background: url(../img/arrow-seo.gif) no-repeat 0px 4px;
	padding: 0 0 0 15px;
}

div.seomenu div.category ul li a:hover {
	color: #979E10;
}

div.seomenu div.clearer {
	clear: both;
	height: 15px;
}

div.seomenuhome {
	border-left: 2px solid #fff;
	width: 747px;
	margin-top: 0px;
}

div.seomenuhome div.category {
	width: 234px;
}

/***************************************************** polls */

div#poll {
	padding: 0px 15px 10px 15px;
	font-size: 11px;
	background: #b8b8b8;
	border-bottom: 2px solid #fff;
}

div#poll h3 {
	color: #fff;
	padding-top: 10px;
}

div#poll form label {
	text-align: left;
	/*width: 100%;*/
	padding: 5px 5px 5px 0px;
	display: block;
	color: #fff;
}

div#poll div.pollresult div.balk {
	border: 1px solid #fff;
	height: 12px;
	padding: 2px;
	float: left;
	width: 210px;
	background: #e8e8e8;
}
 
div#poll div.pollresult div.restbalk {
	background: url(../img/bg_pollresult.png) repeat-x top;
	height: 12px;
}

div#poll div.pollresult img {
	float: right;
	margin-top: 15px;
}

div.content div#poll div.pollresult table td.aantal {
	width: 330px;
} 

div#poll div.pollresult table td.aantal span {
	font-size: 0.9em;
	float: right;
	color: #fff;
}

div#poll input.button_stem {
	color: #fff;
	background-color: #B8CA1A;
	margin: 10px 0 0 0;
	float: right;
}

div#poll span,
div#poll a,
div#poll td {
	color: #fff;
}

div#poll p.error {
	color: #e60e09;
	background: #fff;
	padding: 5px 5px;
	margin: 10px 0;
}

div#poll p.archive {
	margin-top: 10px;
	padding: 0;
}

/***************************************************** download */

body.lightbox a.close_button {
	position: absolute;
	top: 10px;
	right: 10px;	
}

div.download img.image {
	float: right;
	margin: 0 0 5px 10px;	
}

div.download ul.download {
	margin: 0 0 1em;
	clear: both;
}

div.download ul.download li {
	background: none;
	padding: 0;
	background: none;
}

div.download ul.download h3.download_category {
	background: url(../img/bg_download_cat.png) repeat-x;
	background-position: 0 0;
	/*padding: 0.37em 10px 0.43em;*/
	height: 24px;
	line-height: 23px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	cursor: pointer;
	margin: 0 0 -1px 0;
}

div.download ul.download li:hover h3.download_category {
	margin: 0 0 -1px 0;
}

div.download ul.download li h3.download_category span {
	background-image: url(../img/bg_arrow_download.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 9px;
	width: 9px;
	/*display: block;*/
	float: right;
	margin: 7px 10px;
}

div.download ul.download li.open h3.download_category span {
	background-position: 0 -10px;
}

div.download ul.download li:hover h3.download_category,
div.download ul.download li.open h3.download_category {
	background-position: 0 -23px;
	color: #fff;
}

div.download ul.download div.download_panel {
	margin: 0;
	padding: 0;
}

div.download ul.download table {
	width: 470px;
	border-collapse: collapse;
	margin: 10px 0 20px 0;
}

div.download ul.download th {
	text-align: left;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

div.download ul.download th.file {
	padding-left: 35px;
	width: 125px;
}

div.download ul.download th.description,
div.download ul.download td.description {
	width: 240px;
	padding-right: 5px;
	padding-left: 5px;
}

div.download ul.download th.size,
div.download ul.download td.size {
	width: 50px;
	padding-right: 10px;
	padding-left: 0;
}

div.download ul.download tr.odd {
	background: #ECECEC;
}

div.download ul.download td {
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
}

div.download ul.download a.file {
	background-image: url(../img/page_white.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 0px 0 1px 25px;
	display: block;
}

div.download ul.download a.pdf {
	background-image: url(../img/page_white_acrobat.png);
}

div.download ul.download a.zip {
	background-image: url(../img/page_white_compressed.png);
}

div.download ul.download a.doc,
div.download ul.download a.docx {
	background-image: url(../img/page_word.png);
}

/***************************************************** shadowbox */

#sb-container,
#sb-wrapper {
	text-align: left; 
}

#sb-container,
#sb-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}

#sb-container {
	height: 100%;
	display: none;
	visibility: hidden;
	z-index: 999;
}

body > #sb-container{
	position: fixed;
}

#sb-overlay{
	height: expression(document.documentElement.clientHeight + 'px');
}

#sb-container > #sb-overlay{
	height: 100%;
}

#sb-wrapper{
	position: relative;
}

#sb-wrapper img{
	border: none;
}

#sb-body{
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 1px solid #303030;
}

#sb-body-inner{
	position: relative;
	height: 100%;
}

#sb-content.html{
	height: 100%;
	overflow: auto; 
}

#sb-loading{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 10px;
}

#sb-body,
#sb-loading{
	background-color: #060606; 
}

#sb-title,
#sb-info{
	position: relative;
	margin: 0; 
	padding: 0;
	overflow: hidden;
}

#sb-title-inner,
#sb-info-inner{
	position: relative;
	font-family: 'Lucida Grande',Tahoma,sans-serif;
	line-height: 16px;
}

#sb-title,#sb-title-inner{
	height: 26px;
}

#sb-title-inner{
	font-size: 16px;
	padding: 5px 0;
	color: #fff;
}

#sb-info,#sb-info-inner{
	height: 20px;
}

#sb-info-inner{
	font-size: 12px;
	color: #fff;
}

#sb-nav{
	float: right;
	height: 16px;
	padding: 2px 0;
	width: 45%;
}

#sb-nav a{
	display: block;
	float: right;
	height: 16px;
	width: 16px;
	margin-left: 3px;
	cursor: pointer;
}

#sb-nav-close{
	background-image: url(../img/close.png);
	background-repeat: no-repeat;
	/*display: none !important;*/
}

#sb-nav-next{
	background-image: url(../img/next.png);
	background-repeat: no-repeat;
}

#sb-nav-previous{
	background-image: url(../img/previous.png);
	background-repeat: no-repeat;
}

#sb-nav-play{
	background-image: url(../img/play.png);
	background-repeat: no-repeat;
}

#sb-nav-pause{
	background-image: url(../img/pause.png);
	background-repeat: no-repeat;
}

#sb-counter{
	float: left;
	padding: 2px 0;
	width: 45%;
}

#sb-counter a{
	padding: 0 4px 0 0;
	text-decoration: none;
	cursor: pointer;
	color: #fff;
}

#sb-counter a.sb-counter-current{
	text-decoration: underline;
}

div.sb-message{
	font-family: 'Lucida Grande',Tahoma,sans-serif;
	font-size: 12px;
	padding: 10px;
	text-align: center;
}

div.sb-message a:link,
div.sb-message a:visited{
	color: #fff;
	text-decoration: underline;
}

/***************************************************** BASIC FORM LIGHTBOX */

body.lightbox {
	background: #fff;
	padding: 30px 20px 20px 20px;
}

body.lightbox div.form {
	margin-top: 20px;
}

body.lightbox form legend,
body.lightbox legend {
	font-weight: bold;
	padding: 10px 0 15px 0;
}

body.lightbox form fieldset,
body.lightbox fieldset {
	margin: 0;
	border: none;
}

body.lightbox form fieldset br {
	clear: both;
}

body.lightbox form fieldset label,
body.lightbox form fieldset p.label {
	position: relative;
	float: left;
	display: block;
	width: 115px;
	margin: 0 2em 0.5em 0;
}

body.lightbox form fieldset label span,
body.lightbox form fieldset p.label span {
	padding: 0 0 0 0.5em;
}

body.lightbox form fieldset input,
body.lightbox form fieldset textarea,
body.lightbox form fieldset select {
	float: left;
	background: #fff;
	width: 250px;
	border: 1px solid #cccccc;
	color: #000;
}

body.lightbox form fieldset input,
body.lightbox form fieldset textarea,
body.lightbox form fieldset select,
body.lightbox form fieldset div.inputgroup {
	margin: 0 10px 1em 0;
}

body.lightbox form fieldset input,
body.lightbox form fieldset textarea,
body.lightbox form fieldset select {
	font-family: Arial, Helveticca, sans-serif;
	font-size: 1em;
}

body.lightbox form fieldset input {
	height: 18px;
}

body.lightbox form fieldset input {
	padding: 2px 3px 0;
}

body.lightbox form fieldset textarea {
	/*width: 253px;*/ /* Standard input width + 3px. */
	height: 100px;
	padding: 2px 3px 0;
}

body.lightbox form fieldset select {
	width: 259px; /* Standard input width + 9px. */
	padding: 0 0 0 0;
	height: 20px;
}

body.lightbox form fieldset select#interessegebied {
	height: 87px;
}

body.lightbox form fieldset div.inputgroup {
	float: left;
	width: 256px;
}

body.lightbox form fieldset div.inputgroup p {
	margin: 0;
}

body.lightbox form fieldset select option {
	padding: 0 3px;
}

body.lightbox form fieldset label,
body.lightbox form fieldset p.label {
	padding: 0.1em 0 0;
}

body.lightbox form fieldset .field_half {
	width: 100px !important;
}

body.lightbox form fieldset .field_quart {
	width: 40px !important;
}

body.lightbox form fieldset .field_auto {
	width: auto;
}

body.lightbox form fieldset div.inputgroup input,
body.lightbox form fieldset div.inputgroup label {
	float: left;
	width: auto;
}

body.lightbox form fieldset div.inputgroup input {
	background: none;
	margin: 0 0.25em 0 0;
	border: none;
}

body.lightbox form fieldset div.inputgroup label {
	height: 22px; /* Standard input height + 2px. */
	margin: 0 0.5em 0 0;
	text-align: left;
}

body.lightbox form fieldset div.opties label {
	margin: 0 1.5em 0 0;
}

body.lightbox form fieldset label.checkboxlabel input {
	display: none;
}

body.lightbox form fieldset div.inputgroup label input.radio {
	margin-top: 2px;
}

body.lightbox form fieldset div.radiobutton label {
	margin: 0 3em 0 0;
}

body.lightbox form fieldset div.inputgroup.error,
body.lightbox form fieldset.error {
	background: #f4cccc;
	border: 1px solid #e60f0a;
}

body.lightbox form fieldset div.inputgroup.error p.label {
	color: #ff3333;
}

body.lightbox form fieldset div.inputgroup div.inputlist {
	float: left;
	margin: 0 0 0.5em;
}

body.lightbox form fieldset div.inputgroup div.inputlist label {
	clear: both;
	width: 200px;
	height: auto;
	margin: 0;
}

body.lightbox form fieldset div.textfields label {
	position: relative;
	float: left;
	display: block;
	width: 15em;
	margin: 0 2em 0 0;
}

body.lightbox form fieldset div.textfields label span {
	position: absolute;
	top: 0;
	right: -1em;
	padding: 0 0 0 0.5em;
	text-align: left;
}

body.lightbox form fieldset div.textfields input {
	float: left;
	background: #ffffff;
	border: 1px solid #ccc;
}

body.lightbox form fieldset a.formbutton {
	background: url(../img/bg_formbutton.png) repeat-x #540000;
	padding: 5px 7px;
	margin: 0 20px 0 0;
	color: #ffffff;	
	border: 1px solid #c7c8c8;
	text-transform: uppercase;
	font-size: 1em;
	text-decoration: none;
}

body.lightbox form fieldset a.formbutton:hover {
	text-decoration: none;
	color: #c39c9d;
}

body.lightbox form fieldset input.error,
body.lightbox form fieldset select.error, 
body.lightbox form fieldset textarea.error {
	background: #f4cccc;
	border: 1px solid #e60f0a;
}

body.lightbox form fieldset p.msg {
	float: left;
	margin: 3px 0;
	width: 135px;
	color: #7E7E7E;
}

body.lightbox form fieldset p.error {
	color: #e60f0a;
}

body.lightbox form fieldset div.form_error_report {
	clear: both;
	background: #ffdddd;
	margin: 0 0 1em;
	padding: 0.5em 1em 1em;
	border: 1px solid #ff0000;
	text-align: left;
}

body.lightbox form fieldset div.form_error_report p.form_error_head {
	font-weight: bold;
	font-size: 1.2em;
	margin: 0 0 0.2em;
	color: #990000;
}

body.lightbox form fieldset div.form_error_report p {
	margin: 0;
	color: #ff0000;
}

body.lightbox form fieldset br {
	line-height: 0;
}

body.lightbox form fieldset.bottom {
	width: 397px;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

body.lightbox form fieldset.bottom p.required_fields {
	color: #ccc;
	font-size: 11px;
}

body.lightbox form fieldset.bottom a.button {
	float: right;
}

body.lightbox p.error_summary_message {
	display: block;
	background: url(../img/exclamation.png) no-repeat #f4cccc 10px 11px;
	border: 1px solid #e60f0a;
	padding: 10px 10px 10px 30px;
	margin-bottom: 25px;
}

/***************************************************** BUTTON */

.clear {
	overflow: hidden;
	width: 100%;
}

a.button {
	background: transparent url(../img/bg_button.png) no-repeat scroll top right;
	color: #fff;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 24px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
}

a.button span {
	background: transparent url(../img/bg_button.png) no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
}

a.button:hover {
	background-position: bottom right;
	outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
	background-position: bottom left;
	padding: 6px 0 4px 18px; /* push text down 1px */
}

/***************************************************** BANNER */

div.banner {
	padding: 10px 13px;
}

body#home div.bannershome {
	position: absolute;
	top: 177px;
	left: 0;
}

body#home div.bannershome div.banner {
	padding: 0 13px 20px 13px;
}

/***************************************************** PARTNER OVERVIEW */

div.middle ul.partner_overview {
	display: inline-block;
	padding-bottom: 0;
}

div.middle ul.partner_overview li {
	position: relative;
	float: left;
	background: none;
	width: 122px;
	margin: 0 34px 16px 0;
	padding: 0;
}

div.middle ul.partner_overview li.right {
	margin-right: 0;
}

ul.partner_overview li a.visual,
ul.partner_overview li div.overlay {
	display: block;
	width: 120px;
	height: 120px;
}

ul.partner_overview li a.visual {
	border: 2px solid #aaaaaa;
	text-align: center;
}

ul.partner_overview li div.overlay {
	position: absolute;
	top: 2px;
	left: 2px;
	background: #ffffff;
	opacity: 0.3;
	filter: alpha(opacity=30);
	cursor: pointer;
}

ul.partner_overview li p {
	margin: 0;
	padding: 2px 0 0 6px;
	line-height: 18px;
}

ul.partner_overview li p a {
	color: #9A9A9A;
}

/***************************************************** YOUTUBE */

div.youtube {
	position: relative;
	border-bottom: 1px dotted #7e7e7e;
	margin-bottom: 20px;
}

div.youtube img.play {
	position: absolute;
	top: 15px;
	right: 30px;
	width: 59px;
	height: 59px;
}

div.youtube a.movie {
	float: right;
	padding: 0 0 10px 10px;
}

div.youtube div.youtube_container {
	width: 470px;
	height: 320px;
	background: #fff;
	margin: 0 0 20px 0;
}