/*---{ Imports )-------------------------------------------------------*/



@import "custom/news.css";
@import "custom/sidecol.css";
@import "custom/forms.css";
@import "custom/form.css";
@import "custom/overlay.css";
@import "custom/search.css";
@import "custom/rekentools.css";
@import "custom/ui.datepicker.css";
@import "custom/banners.css";
@import "custom/agenda.css";


a.button{
	position: relative;
	background: #1572c2 url('../images/bg_buttonlink-blue.gif') top left no-repeat;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 22px;
	padding: 0px 15px;
	width: auto;
}
a.button span{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 5px;
	height: 22px;
	background: transparent url('../images/bg_buttonlink-blue.gif') top right no-repeat;
}
a.button:hover{
	text-decoration: underline;
}
	

#content ul{
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 20px;
	list-style: none;
}
#content ul li{
	margin-left: 0px;
	background: transparent url('../images/img_bullet-red.gif') left 8px no-repeat;
	padding-left: 13px;
}


/* ---------- */
.leftCol{
	float: left;
	width: 300px;
}
.rightCol{
	float: right;
	width: 300px;
}
.columnTwo{
	width: 620px;
}
	

a.blueButton{
	width: 73px;
	height: 22px;
	background: blue;
	line-height: 22px;
	color: #fff;
	border: 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	text-transform: uppercase;
	font-size: 11px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	background: transparent url('../images/bg_button-header-blue.gif') top left no-repeat;
	white-space: nowrap;
}
a.blueButton:hover{
	text-decoration: underline;
}
a.blueButton123{
	width: 123px;
	background: transparent url('../images/bg_button-header-blue_123px.gif') top left no-repeat;
}

a.greyButton146{
	width: 146px;
	background: transparent url('../images/bg_button-header-grey_146px.gif') top left no-repeat;
}


/* ---------- */
body.fullContent{
}
body.fullContent #content{
	width: 940px;
}
body.fullContent #sidecol{
	display: none;
}


#sectionContent{
	/*border-bottom: 1px solid red;
	border-top: 1px solid red;
	height: 100px;*/
	border: none;
}


#headerNav{
	position: absolute;
	top: 30px;
	right: 8px;
	height: 20px;
	margin: 0px;
	padding: 0px;
}


form#homeSearch{
	position: absolute;
	top: 8px;
	right: 170px;
	right: 281px;
	width: 200px;
	height: 22px;
	margin: 0px;
	text-align: right;
}

form#homeSearch input{
	background: #d1d1d1;
	border: 0px;
	width: 115px;
	height: 22px;
	margin: 0px 0px 0px 0px;
	padding: 0px 2px 0px 2px;
	float: left;
	line-height: 20px;
}

form.frm button,
form#homeSearch button{
	width: 73px;
	height: 22px;
	color: #fff;
	border: 0px;
	margin: 0px 0px 0px 0px;
	background: transparent url('../images/bg_button-header.gif') top left no-repeat;
	text-transform: uppercase;
	font-size: 11px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	cursor: pointer;
}
form#homeSearch button:hover{
	text-decoration: underline;
}



#footer .block,
#sectionContent .block{
	width: 300px;
	height: 115px;
	float: left;
	margin: 0px 10px 0px 10px;
	padding: 0px;
}
#sectionContent .block{
	height: auto;
}

#footer .block.leftblock{
	margin-left: 15px;
}

.block h6{
	color: #0065bd;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	font-size: 14px;
	line-height: 18px;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 10px 0px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	
	position: relative;
	line-height: 37px;
	padding: 0px 0px 0px 0px;
}
.block h6 a{
	color: #595959;
	text-decoration: none;
}

.block h6 img{
	position: absolute;
	top: 2px;
	left: 1px;
	width: 32px;
	height: 32px;
	border: 0px;
}
#sectionContent .block h6{
	color: #595959;
	padding-left: 50px;
}

.block .blockContent{
	padding: 0px 0px 20px 0px;
}
.block ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#agendaList .block ul li,
.block ul li{
	padding: 0px 0px 0px 15px;
	background: transparent url('../images/bg_list-arrow.gif') 0px 7px no-repeat;
}
#agendaList .block ul li.noArrow,
.block ul li.noArrow{
	color: #595959;
	padding-left: 0px;
	background: transparent;
	padding-bottom: 3px;
}

#agendaList .block ul li a,
.block ul li a{
	color: #595959;
	text-decoration: none;
}
#agendaList .block ul li a:hover,
.block ul li a:hover{
	text-decoration: underline;
}

.block a.arrow,
a.morelink,
.block a.morelink{
	padding-right: 17px;
	margin-left: 15px;
	margin-left: 0px;
	background: transparent url('../images/bg_morelink.gif') right center no-repeat;
}

#content .block ul.projectList{
	margin-bottom: 0px;
}
#content .block ul.projectList li,
.block ul.projectList li{
	padding-bottom: 7px;
	background: transparent url('../images/bg_list-arrow.gif') 0px 7px no-repeat;
}
#content .block ul.projectList li.last,
.block ul.projectList li.last{
	padding-bottom: 0px;
}
#agendaList .block ul li a,
#content .block ul.projectList li a,
.block ul.projectList li a{
	font-weight: bold;
}
#agendaList .block ul li a,
#content .block ul.projectList li a,
.block ul.projectList li a{
	text-decoration: none;
}
#agendaList .block ul li a:hover strong,
#content .block ul.projectList li a:hover strong,
.block ul.projectList li a:hover strong{
	text-decoration: underline;
}

#agendaList .block ul li a span,
#content .block ul.projectList li a span,
.block ul.projectList li a span{
	font-weight: normal;
	text-decoration: none;
}
#agendaList .block ul li a:hover span{
	font-weight: normal;
	text-decoration: none;
}

/*
#content ul{
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 20px;
	list-style: none;
}
#content ul li{
	margin-left: 0px;
	background: transparent url('../images/img_bullet-red.gif') left 8px no-repeat;
	padding-left: 13px;
}
*/

p.searchresults{
	margin-bottom: 30px;
}

p.searchresults span{
	font-weight: bold;
	color: #0065bd;
}

.makeChoice{
	color: #585858;
}
.makeSubOption{
	color: #585858;
}




#content #pageNav ul li{
	background: transparent;
}
#content #pageNav ul{
	list-style: none;
	float: right;
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 100%;
}

#pageNav ul li{
	margin: 0 5px 0 0;
	padding: 0;
	list-style: none;
	float: left;
	height: 1%;
	background: transparent;
}

.noMarginTop,
.columnList.noMarginTop{
	margin-top:0px;
}
.newsListPress,
.columnList.newsListPress{
	margin:0px;
	width:600px;
	padding-bottom: 10px;
}




#content ul.newsListPress{
	margin-bottom: 0px;
}
#content ul.newsListPress li{
	padding-bottom: 0px;
	background: transparent url('../images/bg_list-arrow.gif') 0px 7px no-repeat;
}
#content ul.newsListPress li a{
	font-weight: normal;
	color: #595959;
	text-decoration: none;
}
#content ul.newsListPress li a:hover{
	text-decoration: underline;
}


.highlight{
	color: #0065bd;
	font-weight: bold;
}



/*--- rekentools-tabel ---*/
table.buttontable{
	background: #e9e9e9;
	width: 590px;
}
table.buttontable tr td{
	vertical-align: top;
	text-align: center;
	height: 45px;
	padding: 0px;
	margin: 0px;
}
table.buttontable tr.arrows td{
	height: 19px;
	line-height: 9px;
	background: transparent url('../images/img_arrow-down_red.gif') center 2px no-repeat;
}

table.buttontable thead tr td{
	border-top: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	line-height: 37px;
	height: 37px;
	text-align: left;
	padding-left: 55px;
	color: #666;
	font-size: 15px;
	font-weight: bold;
	background: transparent url('../images/bg_table-rekentools.gif') 5px center no-repeat;
}
table.buttontable#classtable thead tr td{
	background-image: url('../images/bg_table-masterclasses.gif');
}
table.buttontable#analysetable thead tr td{
	background-image: url('../images/bg_table-rekentools.gif');
}


table.buttontable tr td.col1,
table.buttontable tr td.col2{
	width: 197px;
}
table.buttontable tr td.col3{
	width: 196px;
}


table.buttontable tr td a{
	text-align: left;
	height: 40px;
	background: transparent url('../images/bg_tablebuttons.gif') 0px 0px no-repeat;
	display: block;
	line-height: 40px;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}
table.buttontable#analysetable tr td a{
	/*background: transparent url('../images/bg_tablebuttons-red.gif') 0px 0px no-repeat;*/
}

table.buttontable#classtable tr td a,
table.buttontable#analysetable tr td a{
	padding: 0px 0px 0px 10px;
	font-size: 10px;
}
table.buttontable#analysetable tr td a.double{
	/*background: transparent url('../images/bg_tablebuttons-red.gif') 0px 0px no-repeat;*/
	padding-top: 5px;
	line-height: 15px;
	height: 35px;
}
table.buttontable#analysetable tr td a.triple{
	font-size: 10px;
	padding-top: 3px;
	line-height: 12px;
	height: 35px;
	height: 37px;
}
table.buttontable#analysetable tr td a.double.red{
	background-image: url('../images/bg_tablebuttons-red.gif');
}

table.buttontable#analysetable tr td.col2 a,
table.buttontable tr td.col2 a{
	background-position: -197px 0px;
}
table.buttontable#analysetable tr td.col3 a,
table.buttontable tr td.col3 a{
	background-position: -393px 0px;
}
table.buttontable#analysetable tr td a:hover,
table.buttontable tr td a:hover{
	text-decoration: none;
	background-position: 0px -40px;
}
table.buttontable#analysetable tr td.col2 a:hover,
table.buttontable tr td.col2 a:hover{
	background-position: -197px -40px;
}
table.buttontable#analysetable tr td.col3 a:hover,
table.buttontable tr td.col3 a:hover{
	background-position: -393px -40px;
}













/*--- projects_overview ---*/
div#projectsGoogleMap{
	position: relative;
	width: 620px;
	height: 360px;
	background: #fff url('../images/bg_google_nl2.gif') top left no-repeat;
	margin: 10px 0px 15px 0px;
	padding: 0px;
	overflow: hidden;
}

.mapsError{
	width: 620px;
	height: 195px;
	padding: 165px 0px 0px 0px;
	background: transparent url('../images/bg_google_error.png') top left repeat;
}
.errorText{
	position: absolute;
	top: 165px;
	left: 60px;
	background: #fff;
	border: 1px solid #ccc;
	width: 498px;
	text-align: center;
	color: red;
	font-size: 11px;
	line-height: 28px;
}

.mapsLoading{
	position: absolute;
	top: 20px;
	left: 20px;
	line-height: 18px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background: #99b3cc url('../images/bg_preloader_maps2.gif') 7px center no-repeat;
	border: 1px solid #fff;
	line-height: 24px;
	padding: 0px 9px 0px 32px;
}

