@import "../extensions/tt_news/styles.css";
@import "../extensions/bw_locationseeker/styles.css";
/* @import "headergirl.css"; */

* {
	margin: 0; padding: 0;
}

/*img, div { behavior: url(templates/styles/iepngfix.htc) } */

.hideOnScreen {
	display: none;
}

body {
	font-family: Tahoma, sans-serif;
	font-size: 8pt;
	width: 100%;
	background: #fff;
}

img {
	border: 0;
}

p {
	margin-bottom: 1em;
}

hr {
	margin: 4px 0;
}

div#container {
	width: 960px;
	margin: 8px auto;
}

div#headerWrapper1 {
	padding-right: 0px;
	margin-left: 175px;
	clear: both;
	color: #f45912;

}

div#headerWrapper2 {
	clear: both;
}

div#headerUserstatus {
	float: left;
	padding: 2px 2px;
}

.headermenu_separator {
	width: 10px;
	text-align: center;
}

div#headerMenu {
	float: right;
	margin-right: 20px;
}

#headerMenu ul {
	margin-top: 1px;
	margin-right: 30px;
	padding: 0;
	list-style-type: none;
}

#headerMenu ul li {
	position: relative;
	padding: 2px 2px;
	display: inline;
	float: left;
}

#headerMenu ul li a {
	text-decoration: none;
	color: #f45912;
}

#headerMenu ul li a:hover {
	color: #27135a;
}

div#search * {
	display: inline;
	border: none;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	height: 19px;
}

div#search {
	float: right;
}

div#search .searchbox {
	border: 1px solid black;
	height: 19px;
	vertical-align: middle;
}

div#search input {
	background: #fbb897;
	color: #ffffff;
	width: 127px;
	padding: 0px 4px 0px 4px;
	font-size: 10px;
}

div#search #searchsubmit {
/*	background: #fbb897 url(../images/searchsubmit.jpg) 0px 1px; */
	background: #fbb897 url(../images/searchsubmit.jpg) 0px 1px;
	width: 32px;
	margin-left: 2px;
/*	!height: 18px; */
	!margin-top:1px;
}

/* global search box in upper right section of every page */
div#main .tx-indexedsearch {
	margin: 0px 10px 0px 10px;
	padding: 0px;
}

/* searchbox in search result page */
div#main .tx-indexedsearch-searchbox ul {
	list-style: none;
	margin: 0px;
	padding: 0px;

}

div#main .tx-indexedsearch-searchbox li {
	display: inline;
	background: none;
	padding: 0px 2px 0px 0px;
	vertical-align: middle;
	height: 20px;
}

div#main .tx-indexedsearch-searchbox li .tx-indexedsearch-searchbox-sword {
	width: 350px;
	height: 19px;
}

div#main .tx-indexedsearch-searchbox li .tx-indexedsearch-searchbox-button {
	background: #FBB897 url(../images/searchsubmit.jpg) repeat scroll 0px 1px;
	width: 32px;
	height: 21px;
}

div#main .tx-indexedsearch-browsebox .browsebox {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

#searchsubmit {
	margin-top: 1px;
}

div#main .tx-indexedsearch-browsebox .browsebox li {
	display: inline;
	background: none;
	padding: 0px 10px 0px 0px;

}


#main .csc-textpic .csc-textpic-left .csc-textpic-below {
	width: auto;
}

#main .csc-textpic-image .csc-textpic-firstcol .csc-textpic-lastcol {
}


#main .csc-textpic-imagewrap {
}




div#logo {
	float: left;
}

#logo img {
	margin-top: 42px;
}

div#mainMenu {
	width: 785px;
	height: 150px;
	float: right;
}

#mainMenu ul {
	width: 100%;
	margin: 34px 0 0 0;
	list-style-type: none;
}

	#mainMenu ul li {
		position: relative;
		float: left;
 		width: 195px;
		height: 50px;
		line-height: 28px;
		background: transparent url('../images/mainmenudivider.gif') 0px 0px no-repeat; 
		
	}


		#mainMenu ul li a:link, #mainMenu ul li a:visited {
			display: block;
			padding: 14px 4px 0 4px; 
			text-decoration: none;
			font-family: arial, sans-serif;
			font-size: 11pt;
			color: #27135a;
		}

		#mainMenu ul li a:hover {
			color: #F45912;
		}
		
		* html #mainMenu ul li a {
			padding-bottom: 0px;
		}
		
		#mainMenu ul li ul {
			left: 0px;
			top: 25px;
			width: 200px;
			height: auto;
			background: #f45912;
			position: absolute;
			z-index: 25;
			display: block; 
			visibility: hidden;
			padding: 10px 0 10px 0px; 
			margin: 13px 0 0 0;
		}

		#mainMenu ul li ul li {
			width: 200px;
			white-space: pre-wrap;
			padding-right: 10px;
			background: #f45912;
			height: auto;
		}
		
		#mainMenu ul li a {
			display:block;
			font-family:arial;
			font-size:11pt;
			font-weight:bold; 
			line-height:normal;
			padding:14px 4px;
			text-decoration:none;
		}

			#mainMenu ul li ul li {
				line-height: 28px;
				background: 0px;
			}

				#mainMenu ul li ul li a:link, #mainMenu ul li ul li a:visited {
					margin: 2px 10px;
					padding: 0px 15px; 
					font-family: verdana, sans-serif;
					font-size: 8pt;
					font-weight: normal;
					color: #ffffff;
					background: url(../images/whitesquarebullet.gif) no-repeat 0px 5px;
				}

				#mainMenu ul li ul li a:hover {
					font-family: verdana, sans-serif;
					font-weight: bold;
					color: #ffffff;
				} 

				#mainMenu ul li.Active a {
					color: #F45912;
				}

				#mainMenu ul li ul li.Active a {
					color: #ffffff;
					font-size: 100px;
					font-weight: bold;
				}

div#body {
	clear: both;
}

div#body {
	min-height: 350px;
	height: auto !important;
	height: 350px;
}

div#leftMenu {
	width: 175px;
	float: left;
	/*margin-top: 75px;*/
	margin-top: 83px;
}

	div#leftMenu ul {
		list-style-type: square;
	}

		div#leftMenu ul li {
			list-style-position: outside;
			color: #6f6291;
			margin: 6px 0px 6px 15px;
		}

		div#leftMenu ul li.Active {
	        color: #F89466;
		}

			div#leftMenu ul li a {
				color: #9d94b4;
				text-decoration: none;
			}

			div#leftMenu a:hover {
				font-weight: bold;
			}

			div#leftMenu ul li.Active a {
				color: #f89466;
				text-decoration: none;
			}

			div#leftMenu ul li ul {
				display: none;
				overflow: hidden;
			}

			div#leftMenu ul li.Active ul {
				display: block;
				background: transparent url(../images/bg_list.gif) repeat-y scroll 0px 0px;
				margin: 0px 0px 0px -10px;
				#margin-left: -13px;
				padding: 4px 0px 0px 12px;
				#padding-left: 11px;
			}
				div#leftMenu ul li.Active ul li {
					list-style: none;
					background: transparent url(../images/smallsquarebullet.gif) no-repeat scroll 0px 6px;
					#background-position: 3px 6px;
					margin: 0px 0px 6px 0px;
					padding: 0px 0px 0px 12px;
					#padding-left: 14px;
				}
				
				div#leftMenu ul li.Active ul li.ActiveSub {
					background: transparent url(../images/orangesmallsquarebullet.gif) no-repeat scroll 0px 6px;
					#background-position: 3px 6px;
					margin: 0px 0px 6px 0px;
					padding: 0px 0px 0px 12px;
					#padding-left: 14px;
				}
				
					div#leftMenu ul li.Active ul li a {
						color: #9d94b4;
						padding: 0px;
						margin: 0px;
						font-weight: bold;
					}

					div#leftMenu ul li.Active ul li.Active a {
						color: #f89466;
					}

					div#leftMenu ul li.Active ul li.ActiveSub a {
						color: #f89466;
					}

					div#leftMenu ul li.Active ul li a:hover {
						color: #f89466;
						font-weight: bold;
					}

div#bodyWrapper1 {
	width: 785px;
	float: right;
	overflow: hidden;
}

div#bodyWrapper2 {
	float: left;
	width: 585px;
	overflow: hidden;
	_width: 585px;
}

div#breadcrumb {
	height: 70px;
	border-left: 1px solid #ffb897;
}

div#breadcrumb .breadcrumb-separator {
	width: 10px;
	text-align: center;
	padding: 0px 5px 0px 5px;
}

#breadcrumb ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style-type: none;
}

	#breadcrumb ul li {
		float: left;
		margin: 0px;
	}

		#breadcrumb ul li a {
			text-decoration: none;
			color: #27135a;
		}

		#breadcrumb ul li a.Active {
			font-weight: bold;
		}

		#breadcrumb ul li a:hover {
			color: #f45912;
		}

div#breadcrumb h1 {
	margin: 4px 0px; 
	padding: 0px 0px 7px 10px;
	font: normal normal bold 11pt arial;
	color: #f45912;	
}

div#breadcrumbBackground {
	height: 70px;
	/*width: 585px; */
	float: left;
}

div#breadcrumbBackgroundOverlay {
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
	background-color: #fff;
	height: 70px;
	width: 585px;
	float: left;
}

div#breadcrumb_underline {
	width: 540px;
	border-bottom: 1px solid #27135a;
	clear: left;
	float: left;
	margin: 0px;
	padding-left: 10px;
	margin: -20px 10px 15px 10px;
	!margin: -25px 10px 15px 5px;

}


div#main {
	clear: left;
	color: #645689;
	width: 585px;
	float: left;
	
	margin-top: 14px;
}

div#main h1 {
	margin: 4px 0px;
	padding: 0px 0px 7px 10px;
	font: normal normal bold 11pt arial;
	color: #f45912;	
	border-left: 1px solid #fbb897;
}

div#main h2 {
	/*font-size: 8pt; */
	font-size: 10pt;
	margin: 4px 0px;
	padding: 0px 0px 7px 10px;
	font-weight: bold;
	color: #f45912;
}

div#main h3, div#main h4, div#main h5, div#main h6 {
	padding: 0px 0px 7px 10px;
}

div#main h3 {
	font-size: 8pt;
}

/* H4 for arrow blue headers */

div#main h4 {

	font-size: 8pt;
	background: url('../images/linkarrow.gif') no-repeat 12px 4px;
	padding-left: 30px;
	
}

div#main p {
	margin: 4px 0px;
	padding: 0px 0px 7px 10px;
}

div#main ol {

	margin-left: 18px;
	padding-left: 12px;
	list-style: decimal outside;
}

div#main ol ol {
	margin-left: 4px;
	padding-left: 18px;
}

div#main ul {
	padding-left: 0;
	margin-top: 0;
	margin-left: 12px;
	list-style-type: none;
}

div#main ul li {
	background: url('../images/bluesquarebullet.gif') no-repeat 0px 5px;
	padding-left: 12px;
	margin-bottom: 5px;
}

div#main a {
	color: #645689;
	text-decoration: none;
}

div#main a:hover {
	color: #f45912;
}

div#main a.Arrow, div#main p.tt_news_more a, .morelink a  {
	background: url('../images/linkarrow.gif') no-repeat 0px 4px;
	padding-left: 20px;
}

div#main a.Block, input.button {
	font-family: Arial, sans-serif;
	padding: 2px 4px 3px 4px;
	background-color: #f45912;
	color: white;
	text-decoration: none;
	border: 0;
	border-left: 9px solid #faac89;
}

div#main hr {
	height: 1px;
	border: 1px solid #fbb897;
}

div#main .RightCol {
	display: inline;
	width: 200px;
	float: right;
	margin-right: 10px;
}

div#printPage {
	background-color: #ffffff;
	width: 200px;
	height: 70px;
	float: right;
}

div#printPage div {
	margin: 15px 20px;
}

div#printPage a {
	text-decoration: none;
	color: gray;
}

div#printPage a:hover {
	color: #27135a;
}

div#printPage a img {
	margin: 0px 6px;
}



#rightMenu {
	float: right;
	width: 195px;
	margin-top: 19px;
	margin-right: 0px;
	background: url('../images/labnoord_kop_prefix_lijn.png') no-repeat 0px 0px;
}

	#rightMenu ul {
		margin-top: 0px;
		padding-left: 10px;
		list-style: none;
	}

	#rightMenu ul li ul {
		padding-left: 0px;
	}

	#rightMenu ul li ul li {
		 #overflow: hidden;
		 #height: auto;
	}


	#rightMenu ul li ul li a {
		padding-left: 0px;
	}

	


	#rightMenu ul li {
		margin-bottom: 2px;
		background: #f45912;
		color: #645182;
		list-style: none;
		!margin: 0px;
		!border-top: 1px solid white;
	}

		#rightMenu ul li a {
			color: white;
			background: #f45912 url(../images/orangerightarrow.gif) no-repeat 4px 7px;
			padding: 4px 4px 4px 26px;
			display: block;
			font-family: Arial,sans-serif;
			text-decoration: none;
		}

		#rightMenu ul li.Active {
			list-style: outline url(../images/labnoord_kop_prefix_lijn.png);
		}

		#rightMenu ul li.Active a {
			background: url(../images/orangedownarrow.gif) no-repeat 4px 3px;
		}

		#rightMenu ul li ul {
			display: none;
			background-color: #fff;
		}

		#rightMenu ul li.Active ul {
			background-color: #feefe8;
			display: block;
		}

			#rightMenu ul li.Active ul li {
				padding: 10px 15px 0px 15px;
				color: #645182;
				background-color: #feefe8;
				background: transparent url(../images/lightorangebullet.gif) no-repeat scroll 5px 12px;
				!background: transparent url(../images/lightorangebullet.gif) no-repeat scroll 5px 14px;
			}
				#rightMenu ul li.Active ul li a {
					background-image: none;
					padding: 0px;
					margin: 0px;
					color: #645182;
					font-family: tahoma;
					font-size: 8pt;
					font-weight: bold;
				}

				#rightMenu ul li.Active ul li a.internal-link, 
				#rightMenu ul li.Active ul li a.internal-link-new-window,
				#rightMenu ul li.Active ul li a.external-link, 
				#rightMenu ul li.Active ul li a.external-link-new-window,
				#rightMenu ul li.Active ul li a.download,
				#rightMenu ul li.Active ul li a.mail {
					background: url('../images/lightorangebullet.gif') no-repeat 0px 3px;
					padding-left: 10px;
					margin-left: -10px;
				}

				#rightMenu ul li.Active ul li strong {
					#margin: 0px;
					#padding: 0px;
				}
				
				#rightMenu ul li.Active ul li strong a.mail {
					margin-top: -10px;
					#margin-top: 0px;
				}


				#rightMenu ul li .Active ul li p a {
					background: transparent url(../images/lightorangebullet.gif) no-repeat scroll 5px 12px;
					!background: transparent url(../images/lightorangebullet.gif) no-repeat scroll 5px 14px;
				}

				#rightMenu ul li.Active ul li hr {
					height: 1px;
					border: 1px solid #fbb897;
				}

				#rightMenu ul li.Active ul li em {
					color: #645182;
				}

				#rightMenu ul li.Active ul li input.Text {
					border: 1px solid #9688a7;
					background-color: #fff;
					width: 100%;
				}

				#rightMenu ul li.Active ul li a.Lock {
					background: url('../images/circlelock.gif') no-repeat 0 50%;
					line-height: 25px;
					padding-left: 30px;
				}

				#rightMenu ul li.Active ul li a.Check {
					background: url('../images/circlecheck.gif') no-repeat 0 50%;
					line-height: 25px;
					padding-left: 30px;
				}

				#rightMenu ul li.Active ul li a.Note {
					background: url('../images/circlenote.gif') no-repeat 0 50%;
					line-height: 25px;
					padding-left: 30px;
				}

				#rightMenu p {
					margin-bottom: 0px;
				}

				#rightMenu .internal-link {

				}

				#rightMenu ul li ul li a:hover {
					color: #f45912;
				}

				.tx-feuserloginsystem-pi1 p  {
					width: 150px;
				}

				.tx-feuserloginsystem-pi1 .button {
					margin: 10px 0px 10px 0px;
				}

div#sanlogo {
	float: right;
	margin-left: 5px;
}

div#cckllogo {
	float: right;
	margin-left: 5px;
}

div#sanlogo img {
/*	width: 38px;
	height: 44px;*/
}

div#cckllogo img {
	width: 60px;
	height: 44px;
}

div#footer {
	background-color: #feefe8;
	margin-top: 30px;
	margin-left: 175px;
	padding: 7px;
	height: 75px;
	clear: both;
}

div#footerMenu {
	float: right;
	height: 100px;
	color: #f45912;
}

div#footerMenu a {
	text-decoration: none;
	color: #f45912;
}

div#footerMenu a:hover {
	color: #27135a;
}

form#mailform {
	padding-left: 10px;
}

div#main form fieldset {
	border: 0;
}

div#main form label {
	display:block;
	float:left;
	margin:2px 0pt;
	width:120px;
}

div#main form textarea, div#main form input {
	border:1px solid #f45912;
	background-color: #feefe8;
	margin:2px 0pt;
	width:200px;
}

div#main form .csc-mailform-field {
	clear: left;
}

div#main form .csc-mailform-field label {
	width: 140px;
	margin-right: 10px;
}

div#main form .csc-mailform-submit  {
	background:#feefe8 none repeat scroll 0%;
	width: 75px;
	margin: 5px;
	margin-left: 245px;
}

div#main form .csc-mailform-check {
	background:#feefe8 none repeat scroll 0%;
	width: 15px;
}


/******************************************************************************
 * component specific elements
 ******************************************************************************/
/*htmlarea-showtableborders */
/* fotolijst */

div#main .csc-frame-frame1 {
	border: 1px solid #f4eff3;
	width: 570px;
	margin: 0px 0px 5px 10px;
	border-collapse: collapse;
}

div#main .csc-frame-frame1 tbody tr td,
div#main .csc-frame-frame1 tbody tr th {
	padding-right: 10px;
	padding-bottom: 0px;
	height: 61px;
	text-align: left;
	vertical-align: top;
}

div#main .csc-frame-frame1 tbody tr th {
	width: 124px;
}

div#main .csc-frame-frame1 p {
	margin: 0px;
	padding: 0px;
}

div#main .csc-frame-frame1 h1 {
	border-left: none;
	top: -10px;
	color: #27135A;
	padding-left: 0px;
	margin-left: 0px;
}

div#main .csc-frame-frame1 img {
	float: left;
}

div#main .csc-textpic-imagewrap {
	padding: 0px;
	margin-top: 5px;
}

div#mainMenu img {
	border: 1px solid black;
}


div#headerWrapper2 #mainMenu a.Active {
		color: #f45912;
}

div#rightMenu ul li p {
	color: #645182;
	height: 100%;
}

div#rightMenu ul li {
	color: #645182;
}

div#rightMenu ul li p strong {
	color: #645182;
}

div .news-latest-container {
	margin-left: 0px;
}

div .news-latest-container td {
	padding-left: 0px;
}


div .news-latest-container .news-latest-date a {
	white-space: nowrap;
}

div .news-list-container a:hover, div .news-latest-container a:hover, .news-single-item a:hover {
	color: #f45912;
}

div .news-single-item .clearer {
	margin-left: 10px;
}

div .news-single-item .news-single-backlink {
	padding-left: 10px;
}

div .news-single-item h3 {
	margin-left: 0px;
}


div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt {
	margin-left: 10px;
}

