/*	---------------------------------------------------------------------------------
		|																				|
		|									HYTRANS										|
		|																				|
		|							Author: Groenewold Media							|
		|							   Copyright (c) 2010.								|
		|																				|
		--------------------------------------------------------------------------------- */
		
		
		*{
			margin:						0 auto;
			padding:					0px;
			border:						none;
			font-family:				Arial, Helvetica, sans-serif;
			font-size:					9pt;
		}
		
		html, body{
			width:						100%;
			height:						100%;
			background:					#e8e8e8 /*url(../images/layout/background.png) center repeat-y*/;
		}
		
		#website_container{
			position:					relative;
			min-height:					100%;
			width:						100%;
		}
		
		#website_content{
			background:					url(../images/layout/fotoholder_shadow.png) 0px 0px no-repeat;
			height:						auto;
			width:						990px;
			/*padding-bottom:				180px;*/
			padding-bottom:				50px;
		}
		
	
	/* FOOTER */
		
		#footer{
			position:					relative;
			width:						100%;
			background:					#c7c6c6 url(../images/layout/footer_bground.png) 50% 20px no-repeat;
			border-top:					#bbbaba 1px solid;
			height:						20px;
			margin:						-51px 0 0 0;
			padding:					20px 0 10px 0;
			overflow:					hidden;
			cursor:						pointer;
		}
		
		#footer_content{
			width:						970px;
			list-style:					none;
			height:						150px;
		}
		
		.footer_part{
			float:						left;
			padding:					0 25px 0 25px;
			color:						#959494;
			height:						auto;
			border-right:				#d6d5d5 1px solid;
			width:						110px;
			list-style:					none;
		}
		
		.footer_part ul{
			list-style:					none;
		}
		
		.footer_part p, .footer_part ul li, .footer_part ul li a{
			font-size:					8pt;
		}
		
		.footer_part.noBorder{
			border:						none;
		}
		
		.footer_part a{
			color:						#959494;
		}
		
		.footer_part a:hover{
			color:						#FFFFFF;
		}
	
	
	/* LETTERTYPE */
	
		@font-face { font-family: KoppenStd; src: url('/fonts/FUTURAC1.eot'); }
		@font-face { font-family: KoppenBold; src: url('/fonts/FuturaStd-CondensedBold.otf') format("opentype"); }
		@font-face { font-family: KoppenStd; src: url('/fonts/FuturaStd-Condensed.otf') format("opentype"); }
	
	
	/* HEADER */
		
		div#headerFill{
			position:					relative;
			width:						100%;
			height:						41px;
			background:					#005292;
		}
		
		div.headerFillPart{
			position:					relative;
			float:						right;
			width:						68%;
			background:					#ee3a43;
			height:						41px;
		}
				
		div#header{						
			width:						990px;
			height:						69px;
			position:					relative;
			z-index:					1001;
			margin:						0 0 -40px 0;
		}
		
		#tickerImages{
			list-style:					none;
		}
		
		div#logo{
			width:						0px;
			height:						0px;
			padding:					69px 0 0 421px;
			overflow:					hidden;
			background:					url(../images/layout/mainlogo.png) no-repeat;
			float:						left;
			margin:						-41px 0 0 0;
		}
		
		
	/* MAIN MENU */
	
		ul#main_menu{
			float:						right;
			height:						40px;
			margin:						-40px 0 0 0;
			list-style:					none;
		}
		
		.main_menu_item{
			float:						left;
			margin:						0 4px 0 4px;
			height:						37px;
			cursor:						pointer;
			padding:					14px 0 0 0;
		}
		
		.main_menu_item a{
			font-family: 				KoppenStd, sans-serif;
			font-size:					13px;
			letter-spacing:				0.06em;
			color:						#FFFFFF;
			text-transform:				uppercase;			
		}
		
		.main_menu_item a:hover{
			color:						#005696;
		}
		
		.main_menu_item.noHover:hover{
			color:						#FFFFFF;
			cursor:						default;
		}
		
		.menuSeperator{
			padding:					0px;
			width:						1px;
			height:						41px;
			background:					#e8e8e8;
		}
		
		.menuSearch{
			padding:					10px 0 0 0;
		}
		
		.langButton{
			font-family: 				KoppenStd, sans-serif;
			font-size:					13px;
			letter-spacing:				0.06em;
			color:						#FFFFFF;
			text-transform:				uppercase;
			background:					none;
			cursor:						pointer;
			float:						left;		
		}
		
		.langButton:hover{
			color:						#005696;
		}
		
		
	/* IMAGE HEADER */
		
		#photo_header{
			width:						658px;
			position:					relative;
			margin:						0 0 0 142px;
			z-index:					901;
			height:						343px;
		}
		
		#tickerImages {
			height:						300px;
			width:						658px;
			float:						left;
			display:					block;
			overflow:					hidden;
			margin:						-29px 0 0 0;
		}
		
		#textHeaderHolder{
			width:						758px;
			height:						136px;
			float:						left;
			margin:						-110px 0 0 -50px;
		}
		
		.ticker.text {
			height:						136px;
			width:						658px;
			float:						left;
			overflow:					hidden;
			list-style:					none;
			position:					relative;
		}
		
		.ticker.text.hiddenTexts{
			visibility:					hidden;
		}
		
		.ticker.text a{
			color:						#f3a6ab;
		}
					
		.images {
			height:						300px;
			width:						658px;
		}
				
		.ticker.text ul li {
			width:						149px;
			height:						118px;
			background:					url(../images/layout/photo_menu_hover.png) 0px 0px no-repeat;
			float:						left;
			padding:					40px 8px 15px 8px;
			display:					block;
			cursor:						pointer;
		}
		
		.ticker.text ul li p{
			font-size:					8pt;
		}
	
		.ticker.text ul li:hover a, .ticker.text ul li.active a{
			color:						#FFFFFF;
		}
	
		.ticker.text ul li:hover, .ticker.text ul li.active {
			color:						#FFFFFF;
			background:					url(../images/layout/photo_menu_hover.png) -165px 0px no-repeat;
		}
		
		#prevHeader{
			background:					url(../images/layout/prevheader.png) 0px 0px no-repeat;
		}
		
		#nextHeader{
			background:					url(../images/layout/nextheader.png) 0px 0px no-repeat;
		}
				
		div.headerButton{
			padding:					65px 0 0 50px;
			float:						left;
			margin:						50px 0 0 0;
			cursor:						pointer;
			height:						0px;
			width:						0px;
		}
		
		#prevHeader.hiddenButton, #nextHeader.hiddenButton{
			background:					none;
			cursor:						default;
		}
		
		#nextHeader:hover, #prevHeader:hover{
			background-position:		0px -65px;
		}		
		
		
	/* CONTENT */
		
		div#content_container{
			position:					relative;
			width:						990px;
			margin:						-20px 0 0 0;
			height:						auto;
			overflow:					auto;
		}

		.centerText{
			width:						658px;
			margin:						0 186px 0 146px;
		}
		
		div#pageContent p{
			color:						#005696;
			line-height:				20px;
		}
			
		
	
	/* NIEUWS */

		div.news{
			padding:					10px 70px 20px 0;
			cursor:						pointer;
		}
		
		div.news:hover{
			background:					url(../images/layout/readmore.png) right 35px no-repeat;
		}		
		
		div.news p{
			line-height:				18px;
		}
		
		
	/* MAIN SEARCH */
	
		.inpSearch{
			position:					relative;
			width:						70px;
			padding:					2px;
			background:					#eb565d;
			color:						#d0cccc;
			font-size:					9px;
			height:						12px;
			font-weight:				bold;
			border:						#e62730 1px solid;
			margin:						2px 0 0 0;
			float:						left;
		}
		
		.inpSearchSubm{
			position:					relative;
			font-family: 				KoppenStd, sans-serif;
			font-size:					13px;
			letter-spacing:				0.06em;			
			width:						25px;
			background:					#ee3a43;
			color:						#FFFFFF;
			height:						18px;
			border:						#e62730 1px solid;
			margin:						2px 0 0 6px;
			float:						left;
		}
		
		.inpSearchSubm:hover{
			background-color:			#005696;
		}
			
				
	
	/* LAATSTE FOTOS */
	
		#latestPhotos li{
			width:						125px;
			height:						75px;
			margin:						15px 0 15px 0;
			border:						#bcbbbb 1px solid;
		}
		

	
	/* TEXT */
	
		a{
			text-decoration:			none;
		}
	
		h1{
			font-family: 				KoppenStd, sans-serif;
			font-size:					24px;
			
		}
		
		h2{
			font-family: 				KoppenStd, sans-serif;
			font-size:					22px;
			
		}
		
		h3{
			font-family: 				KoppenStd, sans-serif;
			font-size:					20px;
			
		}
		
		h4{
			font-family: 				KoppenStd, sans-serif;
			font-size:					18px;
		}
		
		h5{
			font-family: 				KoppenStd, sans-serif;
			font-size:					16px;

		}
		
		h6{
			font-family: 				KoppenStd, sans-serif;
			font-size:					14px;

		}		
	
		.title{
			margin:						0 0 5px 0;
			height:						20px;
			padding:					20px 0 5px 0;
			color:						#58585a;
		}
		
		.title.flame{
			background:					url(../images/layout/flame.png) 0px 0px no-repeat;
		}
		
		.title.footer{
			background:					none;
			color:						#959494;
			height:						auto;
			overflow:					auto;
			padding:					0px;
			margin:						0 0 5px 0px;
			font-size:					16px;
		}
		
		.blueText{
			color:						#005696;
		}
		
		.redText{
			color:						#ee3a43;
		}
		
		.darkGrey{
			color:						#58585a;
		}
		
		.lightGrey{
			color:						#bcbbbb;
		}
		
		.catLink{
			font-family: 				KoppenStd, sans-serif;
			font-size:					14px;
			letter-spacing:				0.09em;
			text-decoration:			none;
		}
		
		.catLink:hover{
			color:						#005696;
		}
			
		div#productContent > p{
			line-height:				22px;
		}
		
		.textAlCe{
			text-align:					center;
		}
		
		.title.textAlCe{
			text-align:					center;
			margin:						0 0 0 -60px;
		}
		
		.floatRight{
			float:						right;
		}
		
		.backLink{
			text-transform:				uppercase;
		}
		
		
	
	/* TOOLTIPS */
		
		img.info{
			position:					relative;
			float:						right;
			cursor:						help;
			margin:						-15px -10px 0 0;
		}
		
		.tip{
			position:					relative;
			width:						150px;
			background:					#FFF;
			padding:					15px;
			border:						#bcbbbb 1px dashed;
			z-index:					5000;
		}
		
		.tip-title{
			font-family: 				KoppenStd, sans-serif;
			font-size:					18px;
			color:						#ee3a43;
		}
		
		.tip-text{
			line-height:				18px;
		}
		
		
	/* PRODUCT CATEOGIES */
		
		.productsCategoriesHolder{
			width:						658px;
			position:					relative;
			margin:						20px 0 0 142px;
		}
		
		.productCategory{
			margin:						10px 20px 30px 20px;
			float:						left;
			width:						124px;
			color:						#005696;
			cursor:						pointer;
		}
		
		.productCategory:hover {
			background-color:			#ee3a43;
		}
		
		.productCategory:hover img.catImg{
			border:						#ee3a43 2px solid;
		}
		
		.productCategory:hover h5{
			color:						#FFF;
		}
		
		.productCategory h5{
			padding:					2px;
		}
		
		.productCategory img.catImg{
			border:						#bcbbbb 2px solid;
			margin:						0 0 4px 0;
		}
		
		
	/* PRODUCT ITEMS */
	
		div.productRow{
			width:						658px;
			height:						100px;
			float:						left;
			margin:						0 0 50px 0;
		}
		
		div.showProductRow{
			width:						658px;
			height:						auto;
			float:						left;
			margin:						0 0 50px 0;			
		}
	
		div.productPart{
			float:						left;
		}
		
		.prodContent{
			width:						420px;
		}
		
		.prodLinks{
			padding:					18px 0 0 15px;
			width:						80px;
		}
		
		.prodLinks a:hover{
			padding-left:				2px;
			color:						#58585a;
		}
		
		.productImg{
			border:						#bcbbbb 2px solid;
			margin:						2px 8px 2px 2px;
		}
			
		span.readmore a{
			font-family: 				KoppenStd, sans-serif;
			letter-spacing:				0.09em;
			font-size:					12px;
			color:						#ee3a43;
			cursor:						pointer;
		}
		
		span.readmore a:hover{
			color:						#005696;
		}
		
		#productContent *{
			color:						#005696;
			line-height:				18px;
		}
		
		#productContent a{
			border-bottom:				#ee3a43 1px dashed;
		}
		
		#productContent a:hover{
			color:						#ee3a43;
		}
		
		#productContent ul{
			margin:						0 0 0 15px;
		}
		
		.playButton{
			padding:					2px 0 0 25px;
			font-size:					14px;
			font-weight:				bold;
			background:					url(../images/layout/play.png) 0px -20px no-repeat;
			color:						#ee3a43;
		}
		
		.playButton:hover{
			padding:					2px 0 0 30px;
			background-position:		0px 0px;
			color:						#58585a;
		}
		
		.downloadButton{
			padding:					2px 0 0 25px;
			font-size:					14px;
			font-weight:				bold;
			background:					url(../images/layout/download.png) 0px -20px no-repeat;
			color:						#ee3a43;			
		}
		
		.downloadButton:hover{
			padding:					2px 0 0 30px;
			background-position:		0px 0px;
			color:						#58585a;
		}
		
		.sitemapUl{
			margin:						0 0 10px 25px;
			list-style:					none;
		}
		
		.showStruct li{
			background:					url(../images/layout/sitemap_ul.gif) left 1px repeat-y;
		}
		
		ul.sitemapUl li{
			background:					url(../images/layout/sitemap_li.gif) left top no-repeat;
			padding-left:				12px;
			font-weight:				normal;
		}
		
		a.mainItem{
			font-size:					15px;
			font-weight:				bold;
		}
				
		ul.sitemapUl a:hover{
			font-weight:				bold;
			color:						#ee3a43;
		}