/*******************************************************************************
Opmaak index
*******************************************************************************/
html,
body {
	height: 100%;
	font-family: arial;
	font-size: 12px;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
}

.align-center {
	text-align: center;
}

/*******************************************************************************
Background and Container
*******************************************************************************/
div#background-overlay {
	height: 100%;
}

div#background-border {
	margin: 0 auto;
	width: 852px;
	background-image: url("images/container-bg.png");
	background-repeat: repeat-y;
}

div#container {
	width: 836px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

/*******************************************************************************
Header
*******************************************************************************/
div#header {
	height: 96px;
	background-image: url("images/header.png");
	background-repeat: no-repeat;
	background-position: top center;
	overflow: hidden;
}

div#header div.sitename {
	padding: 0;
	margin: 0;
}

div#header div.sitename a {
    padding: 96px 0 0 0;
    display: block;
}

div#sub-header {
	height: 136px;
	background-image: url("images/sub-header.png");
	background-repeat: no-repeat;
	background-position: center;
}

/*******************************************************************************
Language
*******************************************************************************/
div#language {
	position: absolute;
	top: 20px;
	left: 784px;
	height: 20px;
	margin: 0;
	padding: 0;
}

div#language ul {
	margin: 0;
	padding: 0;
}

div#language ul li {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;	
	height: 9px;
	width: 14px;
}

div#language ul li.nl {
	background: url('images/flag-nl.png') no-repeat;
}

div#language ul li.frl {
	background: url('images/flag-frl.png') no-repeat;
	margin: 0 0 0 3px;
}

div#language ul li a {
	display: block;	
	width: 14px;
	padding: 9px 0 0 0;
}

/*******************************************************************************
Search
*******************************************************************************/
div#search {
	position: absolute;
	top: 35px;
	left: 613px;
	background-image: url('images/search.png');
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	height: 21px;
	width: 204px;
}

div#search div.input {
	float: left;
}

div#search div.input input {
	border: none;
	outline: none;
	background-color: transparent;
	width: 144px;
	color: #b2b2b2;
	padding: 3px 0 0 3px;
}

div#search div.button {
	height: 19px; 
	width: 60px;
	float: left;
}

div#search div.button input {
	width: 60px;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	height: 19px;
	padding: 0;
	border: none;
	cursor: pointer;
}

/*******************************************************************************
Contact
*******************************************************************************/
div#contact {
	position: absolute;
	top: 65px;
	left: 613px;
	height: 15px;
	width: 206px;
}

div#contact ul {
	margin: 0;
 	padding: 0;
}

div#contact ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

div#contact ul li.email a {
	background-image: url('images/mail.png');
	background-position: left 50%;
	background-repeat: no-repeat;
	font-size: 10px;
	color: #a9a9a9;
	text-decoration: none;
	padding: 0px 10px 1px 17px;
}

div#contact ul li.phone span {
	background-image: url('images/phone.png');
	background-position: left 50%;
	background-repeat: no-repeat;
	font-size: 10px;
	color: #a9a9a9;
	text-decoration: none;
	padding: 0px 0px 0px 17px;
}

/*******************************************************************************
Project
*******************************************************************************/
div#project {
	margin: 0;
	padding: 0;
}

div#project div#project-left {
	float: left;	
	margin: 0 0 0 0;
	padding: 28px 53px 0 33px;
}

div#project div#project-left div#image {
	background-image: url("images/interneticon__81_x_81_.png");
	background-repeat: no-repeat;
	background-position: left 50%;
	height: 81px;
	width: 100px;
}

div#project div#project-right {
	float: left;
	width: 520px;
}

div#project div#project-right div#subtitle {
	background-image: url('images/project-next.png');
	background-position: right 70%;
	background-repeat: no-repeat;
	width: 295px;
	margin: 32px 0 0 0;
	padding: 0;
	color: #ff8e09;
	font-size: 18px;
	font-weight:bold;
}

div#project div#project-right p {
	color: #5b5b5b;
	margin: 13px 0 0 0;
	padding: 0;
}

div#project div#project-right a {
	color: #006c86;
	text-decoration: none;
	background-image: url('images/project-info-next.png');
	background-position: right 60%;
	background-repeat: no-repeat;
	padding: 0 8px 0 0;
}

/*******************************************************************************
Options
*******************************************************************************/
div#options {
	height: 96px;
	background-image: url("images/options.png");
	background-repeat: no-repeat;
	background-position: center;
}

/*******************************************************************************
Options domain
*******************************************************************************/
div#domain-text {
	padding: 0 0 0 29px;
}

div#domain-text p.domain-text-top {
	font-size: 14px;
	font-weight: bold;
	color: #006c86;
	margin: 0;
	padding: 0;
}

div#domain-text p.domain-text-bottom {
	font-size: 12px;
	color: #555554;
	margin: 0;
	padding: 0;
}

div#domain {
	width: 250px;
	padding: 18px 0 0 0;
	float: left;
}

/*******************************************************************************
Domain search
*******************************************************************************/
div#search-domain {
	width: 204px;
	background-image: url('images/search-domain.png');
	background-repeat: no-repeat;
	background-position: left 10px;
	padding: 0;
	margin: 0 0 0 29px;
}

div#search-domain form {
	padding: 10px 0 0 0;
	margin: 0;
	overflow: hidden;
}

div#search-domain div.input {
	float: left;
}

div#search-domain div.input input {
	border: none;
	outline: none;
	background-color: transparent;
	height: 21px;
	width: 132px;
	color: #000;
	padding: 2px 0 0 3px;
}

div#search-domain div.button {
	width: 55px;
	float: left;
}

div#search-domain div.button input {
	width: 54px;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	padding: 0;
	border: none;
	cursor: pointer;
}

/*******************************************************************************
Options newsletter
*******************************************************************************/
div#newsletter {
	width: 288px;
	padding: 18px 0 0 0;
	float: left;
}

div#newsletter-text {
	padding: 0 0 0 29px;
}

div#newsletter-text p.newsletter-text-top {
	font-size: 14px;
	font-weight: bold;
	color: #006c86;
	margin: 0;
	padding: 0;
}

div#newsletter-text p.newsletter-text-bottom {
	font-size: 12px;
	color: #555554;
	margin: 0;
	padding: 0;
}

/*******************************************************************************
Newsletter apply
*******************************************************************************/
div#search-newsletter {
	width: 228px;
	background-image: url('images/search-newsletter.png');
	background-repeat: no-repeat;
	background-position: left 10px;
	padding: 0;
	margin: 0 0 0 29px;
}

div#search-newsletter form {
	padding: 10px 0 0 0;
	margin: 0;
	overflow: hidden;
}

div#search-newsletter div.input {
	width: 143px;
	float: left;
	height: 22px;
}

div#search-newsletter div.input input {
	border: none;
	outline: none;
	background-color: transparent;
	width: 142px;
	color: #000;
	padding: 3px 0 0 3px;
}

div#search-newsletter div.button {
	width: 84px;
	float: left;
}

div#search-newsletter div.button input {
	width: 84px;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	padding: 0;
	border: none;
	cursor: pointer;
}

/*******************************************************************************
Options info
*******************************************************************************/
div#info {
	width: 298px;
	padding: 18px 0 0 0;
	float: left;
}

div#info-text {
	padding: 0 0 0 29px;
}

div#info-text p.info-text-top {
	font-size: 14px;
	font-weight: bold;
	color: #006c86;
	margin: 0;
	padding: 0;
}

div#info-text p.info-text-bottom {
	font-size: 12px;
	color: #555554;
	margin: 0;
	padding: 0;
}

div#info-submit {
	margin: 10px 0 0 29px;
	background: url('images/info.png');
	background-repeat: no-repeat;
	overflow: hidden;
	height: 21px;
	width: 80px;
}

div#info-submit a {
	padding: 21px 0 0 0;
	display: block;
}

/*******************************************************************************
Content-outer and Menu
*******************************************************************************/
div#content-outer {
	width: 100%;
	overflow: hidden;
}

div#left {
	width: 250px;
	float: left;
	font-size: 12px;
	overflow: hidden;
}

div#middle {
	float: left;
	overflow: hidden;
	width: 586px;
	margin: 0;
	padding: 0;
}

div#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#menu ul li {
	display: inline;
	margin: 0;
	padding: 0;
    
}

div#menu ul li a {
	text-decoration: none;
	color: #006c86;
    font-weight: bold;
	display: block;
    border-bottom: 1px solid #DBDBDB;
}

div#menu ul li a.bottom {
	background-repeat: no-repeat;
    /*background: #DAE23C;
    border-bottom: 1px solid #DBDBDB;*/
	padding: 10px 0px 11px 28px;
}

div#menu ul li a.bottom-top {
	background-repeat: no-repeat;
    /*background: #DAE23C;
    border-bottom: 1px solid #DBDBDB;*/
	padding: 8px 0px 6px 28px;
}

div#menu ul li a.active {
	background-image: url("images/menu-top.png");
	background-repeat: no-repeat;
	color: #ffffff;
	padding: 8px 0px 7px 28px;
}

div#menu ul li ul li a {
	background-image: url("images/menu-middle.png");
	background-repeat: no-repeat;
	color: #006c86;
	padding: 6px 0px 5px 43px;
    font-weight: normal;
    border: none;
}

div#menu ul li ul li a.current {
	background-image: url("images/menu-active.png");
	background-repeat: no-repeat;
	color: #006c86;
	padding: 7px 0 5px 43px;
    font-weight: normal;
}
/*******************************************************************************
Rootline
*******************************************************************************/
div#rootline {
	margin: 4px 0 4px 0;
	line-height: 20px;
	padding: 0 0 0 34px;
	font-size: 10px;
}

div#rootline label {
	color: #a9a9a9;
	background-image: url("images/position-bullit.png");
	background-repeat: no-repeat;
	background-position: left 50%;
	padding: 0 0 0 15px;
}

div#rootline ul {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

div#rootline ul li {
	display: inline;
	padding: 0;
	background-position: right 50%;
}

div#rootline ul li.last {
	background-image: none;
}

div#rootline ul li a {
	background-image: url("images/rootline.png");
	background-repeat: no-repeat;
	background-position: right 63%;
	text-decoration: none;
	color: #4dbeff;
	padding: 0 8px 0 2px;
	text-transform: lowercase;
}

div#rootline ul li.last a {
	color: #ff8e09;
	background-image: none;
	text-transform: lowercase;
}

/*******************************************************************************
Content & content menu
*******************************************************************************/
div#content {
	margin: 0 21px 0 11px;
	padding: 28px 22px 19px 30px;
	border: 1px solid #dbdbdb;
}

div#content-menu {
	font-size: 11px;
	position: absolute;
	margin: 0 21px 0 0;
	right: 0;
}

div#content h1 {
	margin: 0;
	padding: 0 0 8px 0;
	color: #006c86;
	font-size: 20px;
}

div#content h2 {
	margin: 0;
	padding: 0 0 8px 0;
	color: #006c86;
	font-size: 18px;
}

div#content h3 {
	margin: 0;
	padding: 0 0 8px 0;
	color: #006c86;
	font-size: 16px;
}

div#content p {
	margin-top: 0;
	padding: 0;
}

div#content-menu ul.tabs { 
	list-style-type: none; 
	padding: 0; 
	margin: 0; 
} 

div#content-menu ul.tabs li.first { 
	border-left: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	border-right: none;
} 

div#content-menu ul.tabs li { 
	float: left; 
	padding: 0; 
	margin: 0;
	border-right: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
} 

div#content-menu ul.tabs li.last { 
	float: left; 
	padding: 0; 
	margin: 0;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #dbdbdb;
} 

div#content-menu ul.tabs li a { 
	display: block; 
	color: #006c86; 
	text-decoration: none;
	padding: 5px 10px 5px 10px; 
}

div#content-menu ul.tabs li a:hover { 
	background-color: #47b7f7; 
	color: #fff;
}

div#content-menu ul.tabs li a.current {
	background-color: #47b7f7; 
	color: #fff;
} 

div#content p {
	color: #5b5b5b;
}

div#content p.tekst-top {
	font-weight: bold;
}

div#content a {
	text-decoration: none;
	color: #ff981e;
}

div#content p.tekst-middle {
	margin: 0;
	padding: 10px 0 0 0;
}

div#content p.tekst-bottom {
	margin: 0;
	padding: 0;
}

/*******************************************************************************
Links
*******************************************************************************/
div#links {
	width: 250px;
	margin: 14px 0 6px 31px;
}

div#typo3 {
	margin: 0 0 6px 0;
	background: url('images/typo3.png');
	background-repeat: no-repeat;
	overflow: hidden;
	height: 32px;
	width: 80px;
	float: left;
}

div#typo3 a {
	padding: 32px 0 0 0;
	display: block;
}

div#sidn {
	margin: 0 0 0 10px;
	background: url('images/sidn.png') no-repeat;
	overflow: hidden;
	height: 32px;
	width: 80px;
	float: left;
}

div#sidn a {
	padding: 32px 0 0 0;
	display: block;
}

/*******************************************************************************
Footer
*******************************************************************************/
div#footer {
	background-image: url("images/footer.png");
	background-repeat: no-repeat;
    position: relative;
}

/*div#footer-menu {
	font-size: 12px;
	padding: 20px 0 0 22px;
}

div#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#footer ul li {
	background-image: url('images/footer-devide.png');
	background-repeat: no-repeat;
	background-position: right 50%;
	list-style: none;
	float: left;
}

div#footer ul li.last {
	background-image: none;
}

div#footer ul li a {
	text-decoration: none;
	color: #006c86;
	padding: 0 7px 0 7px;
}*/

div#sitemap {
    border-right: 1px solid #dedede;
    border-left: 1px solid #dedede;
    overflow: hidden;
    background: url('images/sitemap.png') no-repeat bottom;
}

div#footer div.expand {
    position: absolute;
    top: 8px;
    right: 53px;
}

div#footer div.expand img { 
    border: none;
}

div#sitemap h2 {
    color: #006c86;
    font-size: 15px;
    margin: 5px 0 0 0; 
}

div#sitemap div.column1 {
    width: 251px;
    float: left;
    padding: 0 0 20px 27px;
}

div#sitemap div.column2 {
    float: left;
    width: 248px;
    padding: 0 0 20px 17px;
}
div#sitemap div.column3 {
    width: 238px;
    float: left;
    padding: 0 0 20px 27px;
}

div#sitemap ul {
    margin: 8px 0 0 0;
    padding: 0;
    list-style: none;
}

div#sitemap ul li {
    line-height: 20px;
}

div#sitemap ul li a {
    text-decoration: none;
    color: #555554;
    padding: 0 0 0 14px;
}

div#sitemap ul li a:hover {
    text-decoration: underline;
    background: url('images/blue-arrow.png') no-repeat left;
}

/*******************************************************************************
 tt_news - List
*******************************************************************************/
div#content div.press-list-container div.news-list-item,
div#content div.news-list-container div.news-list-item {
	overflow: hidden;
	margin: 0 0 22px 0;
	padding: 0 0 22px 0;
	border-bottom: 1px solid #eeeeec;
}

div#content div.news-list-container div.news-list-item div.news-list-img {
	float: left;
	width: 128px;
	height: 96px;
	overflow: hidden;
}

div#content div.press-list-container div.news-list-item h1,
div#content div.news-list-container div.news-list-item h1 {
	margin: 0;
	padding: 0;
}

div#content div.news-list-container div.news-list-item h1 {
	margin: -5px 0 0 148px;
}

div#content div.press-list-container div.news-list-item h1 a,
div#content div.news-list-container div.news-list-item h1 a {
	text-decoration: none;
	color: #006C86;
}

div#content div.press-list-container div.news-list-item div.news-list-date,
div#content div.news-list-container div.news-list-item div.news-list-date {
	margin: .2em 0 .2em 0;
	font-weight: bold;
    color: #006C86;
}

div#content div.news-list-container div.news-list-item div.news-list-date {
	margin: .2em 0 .2em 148px;
}

div#content div.news-list-container div.news-list-item div.news-list-text {
	margin: 0 0 0 148px;
}

div#content div.press-list-container div.news-list-item div.news-list-text p,
div#content div.news-list-container div.news-list-item div.news-list-text p {
	display: inline;
	margin: 0;
	padding: 0;
}

div#content div.press-list-container div.news-list-item div.news-list-text div.news-list-morelink,
div#content div.news-list-container div.news-list-item div.news-list-text div.news-list-morelink {
	display: inline;
}

div#content div.press-list-container div.news-list-item div.news-list-text div.news-list-morelink a,
div#content div.news-list-container div.news-list-item div.news-list-text div.news-list-morelink a {
	padding: 0 0 0 3px;
}

div#content div.news-list-container div.news-list-browse div.tx-ttnews-browsebox,
div#content div.press-list-container div.news-list-browse div.tx-ttnews-browsebox {
	overflow: hidden;
}

div#content div.news-list-container div.news-list-browse div.tx-ttnews-browsebox a,
div#content div.press-list-container div.news-list-browse div.tx-ttnews-browsebox a,
div#content div.news-list-container div.news-list-browse div.tx-ttnews-browsebox strong,
div#content div.press-list-container div.news-list-browse div.tx-ttnews-browsebox strong {
	display: block;
	float: left;
	background-image: url('images/pipeline_black.png');
	background-repeat: no-repeat;
	background-position: right 50%;
	text-decoration: none;
	color: #000000;
	padding: 0 10px;
	font-weight: bold;
}

div#content div.news-list-container div.news-list-browse div.tx-ttnews-browsebox strong,
div#content div.press-list-container div.news-list-browse div.tx-ttnews-browsebox strong {
	background-image: none;
	background-color: #00A6DE;
	color: #fff;
}

div#content div.news-list-container div.news-list-browse div.tx-ttnews-browsebox a.next,
div#content div.press-list-container div.news-list-browse div.tx-ttnews-browsebox a.next {
	background-image: none;
}


/*******************************************************************************
 tt_news - Single
*******************************************************************************/
div#content div.news-single-item {
	overflow: hidden;
}

div#content div.news-single-item h1.title {
	margin: 0;
	padding: 0;
}

div#content div.news-single-item div.news-single-date {
	font-size: 90%;
    color: #006C86;
}

div#content div.news-single-item div.news-single-text {
	margin: 1em 0 0 0;
}

div#content div.news-single-item div.news-single-img {
	float: right;
	margin: 5px 0 5px 10px;
	position: relative;
}

div#content div.csc-textpic div.csc-textpic-imagewrap span.enlarge,
div#content div.news-single-item div.news-single-img span.enlarge {
	display: block;
	cursor: pointer;
	position: relative;
}

div#content div.csc-textpic div.csc-textpic-imagewrap span.enlarge span.image,
div#content div.news-single-item div.news-single-img span.enlarge span.image {
	display: block;
	overflow: hidden;
}

div#content div.csc-textpic div.csc-textpic-imagewrap span.enlarge span.image img,
div#content div.news-single-item div.news-single-img span.enlarge span.image img {
	vertical-align: bottom;
}

div#content div.csc-textpic div.csc-textpic-imagewrap span.enlarge span.text,
div#content div.news-single-item div.news-single-img span.enlarge span.text {
	position: absolute;
	display: block;
	bottom: 0;
	right: 0;
	width: 19px;
	height: 19px;
	overflow: hidden;
	background-image: url("images/zoom.png");
	text-indent: 19px;
}

div#content div.news-single-item div.news-single-backlink {
	clear: left;
	margin: .5em 0 0 0;
	padding: .5em 0 0 0;
	border-top: 1px solid #00b0ed;
}


div#content div.tx-indexedsearch div.tx-indexedsearch-res dl.tx-indexedsearch-info {
    color: #5B5B5B;
    background: none;
}

div#content div.tx-indexedsearch div.tx-indexedsearch-res strong.tx-indexedsearch-redMarkup {
    color: #FF981E;
}

div#content div.tx-indexedsearch div.tx-indexedsearch-res span.tx-indexedsearch-title a {
    color: #006C86;
}

div#content div.tx-indexedsearch div.tx-indexedsearch-searchbox form fieldset {
    border: none;
}

div#content div.tx-indexedsearch div.tx-indexedsearch-searchbox form fieldset legend {
    display: none;
}

div#content div.tx-indexedsearch div.tx-indexedsearch-browsebox ul {
    padding: 0;
}

.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css {
    margin-top: 0px;
}

div#content div.tx-windreferences-pi1 div.wind_reference_single_images {
    width: 170px;
    float: left;
}

/* ***
 *	Standaard stylesheet voor het Typo3 mailformulier (csc-mailform).
 *	
 *	Date:		03-05-2009
 *	Version:	1.0
**/
form#mailform fieldset {
	border: 0;
}

form#mailform fieldset div.csc-mailform-field {
	overflow: hidden;
	margin: 3px 0;
}

* html form#mailform fieldset div.csc-mailform-field {
	overflow: visible;
	height: 1px;
}

form#mailform fieldset label {
	float: left;
	width: 200px;
}

form#mailform fieldset td div.csc-mailform-field {
	position: relative;
	overflow: hidden;
}

* html form#mailform fieldset table {
	position: relative;
	top: 35px;
	left: 20px;
}

* html form#mailform fieldset td div.csc-mailform-field {
	overflow: visible;
	height: 1px;
}

form#mailform fieldset td label {
	margin: 0 0 0 20px;
	float: none;
}
form#mailform fieldset td input {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

form#mailform fieldset input,
form#mailform fieldset textarea {
	border: 1px solid #E9DFD7;
}

form#mailform fieldset input.csc-mailform-radio {
	border: 0;
}

form#mailform fieldset input.csc-mailform-submit {
	color: #000;
	font-weight: bold;
}

form#mailform fieldset input#mailformformtype_mail {
	margin: 0 0 0 200px;
}

span.csc-mailform-radio fieldset legend {
	display: none;
}

form#mailform fieldset span.csc-mailform-radio fieldset label {
	float: none;
}

div#content ul li {
    color: #5B5B5B;
}

div#content table {
    color: #5B5B5B;
    border-color: #5B5B5B;
}

div#content div.tx-winddomaincheck-pi1 p {
	margin: 25px 0 0;
}

div#content div.tx-winddomaincheck-pi1 div.field {
	overflow: hidden;
	margin: 5px 0;
}

div#content div.tx-winddomaincheck-pi1 div.field label {
    width: 200px;
    float: left;
}

div#content div.tx-winddomaincheck-pi1 div.field select {
    width: 200px;
}

div#content div.tx-winddomaincheck-pi1 div.field span.gender label {
    width: 50px;
    float: none;
}

div#content div.tx-winddomaincheck-pi1 div.error {
    color: red;
}

/* ***
 * Banner.
**/
div#banner {
	text-align: center;
	margin: 10px 0;
}

div#banner a img {
	border: 0;
}