/* lay-out */
html {height: 100%;}
	body.content {
		padding : 0px;
		height: 100%;
		background : url(../images/site_grid_else.png) 0% 0px repeat-x;
	}
		form {height: 100%;}
			#header {
				width : 136px;
				position : absolute;
				top: 15px;
				left: 0px;
			}
				#logo {
				}
					#logo a {}
						#logo a:link,
						#logo a:visited {}
						#logo a:hover,
						#logo a:active {}
							#logo a img {}
				.flashTitle {
					margin-left: 270px;	
				}
			#canvasContent {
				margin : 4px auto -50px auto;
				width : 100%;
				position: relative;
				min-height: 100%;
				background : url(../images/bg_canvas3.jpg) 50% 60px no-repeat;
			}
			#shadow {
				background : url(../images/bg_schaduw.png) 50% 60px no-repeat;
			}
				#content {
					width : 936px;
					position: relative;
					margin : 0px auto 0px auto;
					padding : 0px 0px 0px 0px;
				}
				#google {
					width: 100%;
					left: -156px;
					top: 60px;
					position: absolute;
				}
				#flasher {
					left: -160px;
					top: 60px;
					width: 100%;
					position: absolute;
				}
					.flashTitle {
						margin: 0px auto 0px auto;	
						width: 1250px;
						position: relative;		
					}
				#google div.googleMap 
				{
					position: relative;
				}
				#contentMore {
					width : 936px;
					position: relative;
					margin : 0px auto 0px auto;
					padding : 0px 0px 0px 0px;
				}
		#formBeatrix {
			padding: 124px 0px 106px 0px;
			min-height: 520px;
		}
			#formBeatrix .contentColumn {
				padding: 16px 20px 10px 20px;
				width: 530px;
				margin: 0px 0px 20px 300px;
				background : url(../images/contentBlock_big_bottom.png) 0% 100% no-repeat;
			}
				#formBeatrix .contentColumn div.item {
					margin: 0px 0px -12px 0px;
					overflow: hidden;
				}
				#formBeatrix .contentColumnSmaller div.item {
					margin: 10px 0px 0px 0px;
					overflow: hidden;
				}
				#formBeatrix .contentColumn div.item.last {
					margin: 0px 0px -10px 0px;
					overflow: hidden;
				}
					#formBeatrix .contentColumn span.date {
						width: 40px;
						float: left;
						margin-right: 20px;
						color: #000000;
					}
					#formBeatrix .contentColumnSmaller span.date {
						width: 40px;
						float: left;
						margin-right: 0px;
					}
					#formBeatrix .contentColumn div.news {
						width: 440px;
						float: left;
					}
					div.newsSmall {
						width: 205px;
						float: left;
					}
					#formBeatrix .contentColumn a.archive {
						margin: 0px 0px 20px 60px;
						display: block;
					}
					#formBeatrix .contentColumn a.margin {
						margin: 0px 0px 20px 0px;
						display: block;
					}
					#formBeatrix .contentColumn input.large {
						width: 430px;
						height: 18px;
						border: solid 1px #a8a9ac;
						padding: 2px 0px 0px 4px;
					}
					#formBeatrix .contentColumn input {
						width: 168px;
						height: 18px;
						color: #a8a9ac;
						border: solid 1px #a8a9ac;
					}
					#formBeatrix .contentColumn textarea {
						width: 432px;
						margin-bottom: 10px;
						border: solid 1px #a8a9ac;
					}
					#formBeatrix .contentColumn input.check {
						width: auto;
						border: none;
					}
					#formBeatrix .contentColumn input.btn {
						width: auto;
						height: 20px;
						border: none;
					}
					#formBeatrix .contentColumn label {
						vertical-align: middle;
					}
					#formBeatrix .contentColumn ul.links {
						margin: 0px 0px 14px 0px;
					}
						#formBeatrix .contentColumn ul.links li {
							margin: 0px 0px 4px 0px;
							list-style-type: none;
							background: url(../images/bullet_arrow.png) no-repeat 0% 21px;
							padding: 0px 0px 0px 12px;
						}
						#formBeatrix .contentColumn ul.links li h3 {
							margin: 0px 0px 0px -12px;
						}
						#formBeatrix .contentColumn ul.links li div.hr {
							margin: 10px 0px 10px -12px;
						}
					#formBeatrix .contentColumn th {
						padding-right: 10px;
					}
					#formBeatrix .contentColumn tfoot td {

						padding: 10px 0px 0px 0px;
					}
					#formBeatrix .contentColumn span.required {
						color: #ff7a11;
						display: block;
						padding: 0px 10px 0px 6px;
						margin: 4px 0px 4px 0px;
					}
					#formBeatrix .contentColumn div.block {
						margin: 20px 0px 20px 0px;
					}
						#formBeatrix .contentColumn span {
							display: block;
							color: #ff7000;
						}
					#formBeatrix .contentColumn img.right {
						float: right;
						margin: 0px 0px 10px 10px;
						border: solid 1px #ff7000;
					}
					#formBeatrix .contentColumn fieldset {
						margin: 0px 0px 16px 0px;
					}
			#formBeatrix .contentColumnBottom {
				margin: 0px 0px -31px -20px;
				height: 7px;
				width: 570px;
				background : url(../images/contentBlock_big_bottom.png) 0% 100% no-repeat;
			}
			#formBeatrix .contentColumnMedium {
				padding: 16px 20px 16px 20px;
				width: 270px;
				position: absolute;
				top: 184px;
				left: 0px;
				background : url(../images/contentBlock_medium.png) 0% 100% repeat-x;
			}
				.breadCrumbs {
					margin: 0px 0px 8px 0px;
					position: relative;
				}
					.breadCrumbs a:link, .breadCrumbs a:visited {
						color: #838589;
					}
					.breadCrumbs a:hover, .breadCrumbs a:active {
						color: #838589;
					}
				#formBeatrix .contentColumnMedium p, #formBeatrix .contentColumn p, #formBeatrix .contentColumnMediumElse p {
					margin: 0px 0px 10px 0px;
				}
				#formBeatrix .contentColumnMedium span {
					display: block;
					color: #ff7000;
				}
			#formBeatrix .contentColumnMediumElse {
				padding: 16px 20px 16px 20px;
				width: 388px;
				height: 139px;
				position: absolute;
				top: 400px;
				left: 0px;
				background : url(../images/contentBlock_medium_else.png) 0% 0% repeat-x;
			}
			#formBeatrix .positionBlock{
				padding: 0px 0px 16px 0px;
				width: 254px;
				position: absolute;
				top: 114px;
				right: 40px;
			}
			#formBeatrix .contentColumnSmall {
				padding: 16px 20px 16px 20px;
				width: 254px;
				margin-bottom: 10px;
				background : url(../images/contentBlock_small.png) 0% 100% repeat-x;
			}
				#formBeatrix .contentColumnSmall p {
					margin: 10px 0px 10px 0px;
				}
				#formBeatrix .contentColumnSmall h2 {
					margin: 0px 0px 0px 0px;
				}
			#formBeatrix .contentColumnSmaller {
				padding: 16px 20px 16px 20px;
				width: 253px;
				height: 110px;
				background : url(../images/contentBlock_small.png) 0% 100% repeat-x;
			}
			#formBeatrix .contentColumnSmaller fieldset {
				margin: 0px 0px 0px 0px;
			}
				#formBeatrix .contentColumnSmaller input.large {
					width: 210px;
					height: 18px;
					padding: 2px 0px 0px 4px;
					color: #a8a9ac;
					border: solid 1px #a8a9ac;
				}
				#formBeatrix .contentColumnSmaller input.btn {
					width: auto;
					height: 20px;
					border: none;
				}
			#formBeatrix .contentColumnWide {
				padding: 16px 25px 24px 25px;
				width: 738px;
				margin: 0px 0px 20px 164px;
				background : url(../images/contentBlock_wide.png) 0% 0% repeat-y;
			}
			#formBeatrix .contentColumnWide ul  {
				margin: 20px 0px 0px 0px;
				clear: both;
			}
			#formBeatrix .contentColumnWide ul.last  {
				margin: 0px 0px 0px 0px;
			}
				#formBeatrix .contentColumnWide ul li {
					list-style-type: none;
					width: 100px;
					float: left;
					text-align: center;
					margin: 0px 24px 40px 0px;
				}
				#formBeatrix .contentColumnWide ul li.last {
					margin: 0px 24px 0px 0px;
				}
				#formBeatrix .contentColumnWide ul li.rightLast {
					margin: 0px 0px 0px 0px;
				}
				#formBeatrix .contentColumnWide ul li a:link, #formBeatrix .contentColumnWide ul li a:visited {
					color: #0063dc;
					text-decoration: underline;
				}
				#formBeatrix .contentColumnWide ul li a:hover, #formBeatrix .contentColumnWide ul li a:active {
					
				}
				#formBeatrix .contentColumnWide span {
					display: block;
					margin: 20px 0px 24px 0px;
					color: #ff7000;
				}
			#formBeatrix .contentColumnWideBottom {
				margin: 0px 0px -31px -25px;
				height: 7px;
				width: 778px;
				background : url(../images/contentBlock_wide_bottom.png) 0% 100% no-repeat;
			}
			#formBeatrix .contentColumnSmallest {
				padding: 16px 16px 16px 16px;
				width: 173px;
				height: 169px;
				position: absolute;
				top: 280px;
				left: 0px;
				background : url(../images/contentBlock_smallest.png) 0% 0% repeat-x;
			}
				#formBeatrix .contentColumnSmallest ul {
					margin: 0px;
					width: 100%;
					text-align: center;
				}
					#formBeatrix .contentColumnSmallest ul li {
						list-style-type: none;
						display: inline;
						margin: 0px 0px 0px 0px;
					}
					#formBeatrix .contentColumnSmallest ul li.date {
						color: #666c6f;
					}
					#formBeatrix .contentColumnSmallest ul li.last {
						margin: 0px 0px 0px 0px;
						float: right;
					}
					#formBeatrix .contentColumnSmallest ul li.first {
						margin: 0px 0px 0px 0px;
						float: left;
					}
					#formBeatrix .contentColumnSmallest div.itemSmall h4 {
						margin: 0px;
					}
					#formBeatrix .contentColumnSmallest div.hr {
						margin: 8px 0px 8px 0px;
					}
					#formBeatrix .contentColumnSmallest div.itemSmall span {
						display: block;
						color: #ff7000;
					}
					#formBeatrix .contentColumnSmallest div.itemSmall span.date {
						display: block;
						color: #000000;
					}
			#footer {
				position : relative;
				height : 80px;
				width: 100%;
				background : url(../images/bg_footer.png) 0% 0% repeat-x;
			}
				#footer div {
					margin: 0px auto 0px auto;
					width: 902px;
				}
					#footer ul {
						margin: 7px 0px 0px 0px;
						float: left;
					}
						#footer li {
							list-style-type: none;
							float: left;
							font-size: 90%;
							margin: 2px 0px 0px 10px;
							padding: 0px 2px 0px 0px;
						}
			#nav.content {
				position: absolute;
				top: 36px;	
				left: 162px;
				margin: 0px auto 0px auto;
				width: 772px;
				background-color: #000000;
			}
				#nav ul {
					margin: 0px;	
				}
					#nav ul li {
						float: left;
						list-style-type: none;	
					}
			#meta {
				position: absolute;
				top: 6px;	
				right: 2px;
			}
				#meta ul {
					margin: 0px auto 0px auto;
				}
					#meta ul li {
						float: left;
						list-style-type: none;	
						color: #666c6f;
						margin: 0px 5px 0px 5px;
						font-size: 90%;
					}
					#meta ul li a:link, #meta ul li a:visited {
						float: left;
						list-style-type: none;	
						color: #666c6f;
					}
					#meta ul li a:hover, #meta ul li a:active {
						float: left;
						text-decoration: none;
						list-style-type: none;	
						color: #ff7000;
					}
			#banner { left: 0px; top: 140px; position: absolute; }
/* Folding Navigation */
	/* horizontal layout */
	ul.pseudoHover {
		margin : 0px 0px 0em 0px;
		padding : 0px;
	}
		ul.pseudoHover li {
			float : left;
			list-style-type : none;
			position : relative;
		}
			ul.pseudoHover li a {
				display : block;
				float : left;
				padding : 0px 0px 0px 0px;
				color : #cccccc;
				text-decoration : none;
				white-space : nowrap;
			}
			ul.pseudoHover > li:hover > a {
				background : #1c1c1c url(../images/shinyButton_hover.png);
				color : #ffffff;
				text-decoration : none;
			}
			ul.pseudoHover li span {
				float : left;
				height : 32px;
				line-height : 32px;
			}
			ul.pseudoHover li ul {
				background : #000000 url(../images/bg_menuTop.png) no-repeat 0% 0%;
				display : none;
				left : 0px;
				margin : 0px;
				padding : 10px 12px 0px 12px;
				position : absolute;
				top : 24px;
				width: 134px;
			}
			ul.pseudoHover li:hover > ul {
				display : block;
			}
				ul.pseudoHover li ul li {
					border-right : none;
					float : none;
					background : #000000 url(../images/bg_subItem.png) no-repeat 0% 0%;
					height: 20px;
					padding: 3px 0px 0px 0px;
					width: 134px;
					font-size: 90%;
					position : relative;
				}
				ul.pseudoHover li ul li.last {
					border-right : none;
					float : none;
					background : #000000 none;
					height: 20px;
					padding: 4px 0px 0px 0px;
					width: 134px;
					position : relative;
				}
					ul.pseudoHover li ul li a {
						background : Transparent none;
						color : #ffffff;
						display : block;
						float : none;
						height : auto;
						line-height : 100%;
						padding : 0px 0px 0px 0px;
						text-decoration : none;
					}
					ul.pseudoHover li > ul > li:hover > a {
						color : #ff7000;
						text-decoration : underline;
					}
					ul.pseudoHover li ul li a.hasSubNode {
					}
					ul.pseudoHover li ul li ul {
						border : solid 1px #333333;
						display : none;
						left : 100%;
						top : -7px;
					}
						ul.pseudoHover li ul li ul li {}
							ul.pseudoHover li ul li ul li a {
								color : #cccccc;
								text-decoration : none;
							}
					/* Added for GoogleMaps Route */
					input.googleRoute
					{
						border:1px solid #DBDBDB;
						font-family:Arial,Sans-Serif;
						font-size:100%;
						height:16px;
						padding-left:4px;
						vertical-align:middle;
						width:200px;
						}


	/* scrollBar.html */
	div.artificialScrollBar {
		background : #ffffff;
		height : 30em;
		margin : 0px 0px 1.5em 0px;
		overflow : auto;
		position : relative;
		width : 540px;
	}
		div.artificialScrollBar div.scrollContent {
			left : 0px;
			padding : 0em 3.5em 0em 0em;
			position : absolute;
			top : 0px;
		}
		div.artificialScrollBar div.scrollGutter {
			background : #b8b8b8;
			display : none;
			height : 27em;
			position : absolute;
			right : 14px;
			top : 1.5em;
			width : 0.4em;
		}
			div.artificialScrollBar div.scrollGutter div.scrollUp {
				height : 1.5em;
				position : absolute;
				right : 0px;
				top : -1.5em;
				width : 1.5em;
				z-index : 1000;
			}
			div.artificialScrollBar div.scrollGutter div.scrollUp:hover {
			}
				div.artificialScrollBar div.scrollGutter div.scrollUp img {
					margin : 4px 0px 0px 9px;
					vertical-align : top;
				}
			div.artificialScrollBar div.scrollGutter div.scrollDown {
				height : 1.5em;
				position : absolute;
				right : 0px;
				bottom : -1.6em;
				width : 1.5em;
				z-index : 1000;
			}
				* html div.artificialScrollBar div.scrollGutter div.scrollDown {
					margin-bottom : -1px;
				}
			div.artificialScrollBar div.scrollGutter div.scrollDown:hover {
			}
				div.artificialScrollBar div.scrollGutter div.scrollDown img {
					margin : 3px 0px 0px 9px;
					vertical-align : bottom;
				}
			div.artificialScrollBar div.scrollGutter div.scrollIndicator {
				background : #ff7000;
				height : 5em;
				position : absolute;
				right : 0px;
				top : -1px;
				width : 0.4em;
			}
			div.artificialScrollBar div.scrollGutter:hover div.scrollIndicator {
				background : #ff7000;
			}
			div.artificialScrollBar div.scrollGutter div.scrollDetector {
				cursor : pointer;
				height : 100%;
				position : absolute;
				right : 0px;
				top : 0px;
				width : 100%;
			}
		div.artificialScrollBar div.scrollGutter:hover {}
			div.artificialScrollBar div.scrollGutter:hover div.scrollIndicator {
				background : #ff7000;
			}