@charset "UTF-8";
						
																			/* >
			|	philipderoo.nl screen styles			|
			|											|
			|	------------------------------------	|
			|											|
			|											|
			|											|
			|	| Inhoudsopgave:						|
			|	| ----------------------------------	|
			|	|	1. layout							|
			|	|	2. typography & anchors				|
			|	l	3. forms							|
			|											|
			|	| Kleuren:								|
			|	| ----------------------------------	|
			|	|	lichtblauw: 	#f2f5f7				|
			|	l	donkerblauw:	#275268				|
			|											|
			|											|
			|											|
			|											|
			|	------------------------------------	|
			|											|
			|	Brand Republic - 2008					|
			|	www.brandrepublic.nl					|
			|											|
			|	------------------------------------	|					< */










													
 		/* ------------------------------------------- */	
 		/* ----->>> LAYOUT <<<------------------------ */
 		/* ------------------------------------------- */
		
		*					{
							margin			:0;
							padding			:0;
							}

		body
							{
							margin			:0;
							padding			:0;
							background		:url(../img/layout/bodybg.gif) 50% 50% no-repeat;
							}
		
		
		#container	
							{
							width			:800px;
							margin			:0 auto;
							background		:#f2f5f7;
							clear			:both;
							}
							
		#header	
							{
							width			:800px ;
							height			:340px ;
							margin			: ;
							padding			: ;
							background		:url(../img/layout/head.jpg) no-repeat 0px 80px;
							}
							
		/* -------- // ------------------------------- */
		
							
		#menu	
							{
							float			:right ;
							display			:inline;
							margin-right	:120px ;
							width			:198px ;
							height			:150px ;
							padding			:25px 0;
							}
		
		#menu ul
							{
							font-size		:11px;
							width			:120px;
							padding			:0 20px;
							list-style		:none;
							float			:right;	
							display			:inline;						
							}


		#menu ul li			{
							text-align		:right;
							padding			:5px 0;
							border-bottom	:1px solid #eee;
							}
							
		
		#cloudmenu		{
							width			:440px;
							height			:45px;
							border-bottom	:2px solid #275268;
							}

		#viewer				
							{
							float			:left;
							display			:inline;
							clear			:both;

							}
		
		#flash_video		
							{
							float			:right;
							padding			:10px 5px 10px 17px;
							border-left		:1px solid #bbb;
							margin			:10px 5px 5px 10px;
							background		:url(../img/layout/shadow-right.gif) -1px 50%  no-repeat;	
							}
							
		#flash_video.vimeo		
							{
							float			:right;
							margin			:-50px 40px 0 0;
							padding			:0px;
							background		:none;
							border-left		:none;
							}					
							
		#side_accordion
							{
							margin			:0px 5px 5px 10px;
							padding			:5px 5px 5px 15px;
							border-left		:1px solid #bbb;
							background		:url(../img/layout/shadow-right.gif) -1px 50%  no-repeat;	
							float			:right;	
							width			:260px;
							}					
			

		/* -------- // ------------------------------- */
		
		#middle				{
							margin			:0 20px;
							position		:relative;
							top				:-20px;
							background		:#f2f5f7;
							
							
							}
							
		#text1				{
							float			:left;
							display			:inline;
							width			:440px;
							padding			:0;
							}

		#left_ct			{
							float			:left;
							display			:inline;
							width			:300px;
							padding			:0;
							margin			:45px 0 0 20px;
							overflow		:hidden;
							}
							
		#right_ct			{
							float			:left;
							display			:inline;
							width			:300px;
							padding			:0;
							margin			:100px 0 0 20px;
							overflow		:hidden;
					}					
		#clearing			{

							width			:800px;
							height			:10px;
							clear			:both;
							}
							
		#footer				{
							background		:url(../img/layout/foot.jpg) no-repeat #fff;
							height			:100px;
							width			:800px;
							margin			:0 auto;
							float			:;
							clear			:both;
							}
	
							
							
							
												
 		/* ------------------------------------------- */	
 		/* ----->>> TYPOGRAPHY & ANCHORS <<<---------- */
 		/* ------------------------------------------- */
		
		body
							{
							font-family		:Helvetica;
							font-size		:0.875em;
							}
		
		a
							{
							color			:#275268;
							text-decoration	:underline;											
							}
		a:hover
							{
							text-decoration	:none;
							}
	
		#text1 a:hover
							{
							color			:#ffffff;
							text-decoration	:none;
							}
							
		/* -------- menu ---------------------------- */
		
		#menu a
							{
							text-decoration	:none;
							font-size		:0.900em;
							display			:block;
							width			:110px;
							height			:15px;
							padding-top		:2px;
							color			:#666;
							font-size		:1em;
							letter-spacing  :0.1000em;							
							}
		
		
		#menu a:hover
							{
	
							background		:transparent;
							color			:#444;				
							}
							
		#cloudmenu a		
							{
							font-size		:10px;
							text-transform	:lowercase;
							background		:#275268;
							padding			:2px;
							color			:#fff;  /* c1ccd2 */
							text-decoration	:none;
							display			:block;
							white-space		:nowrap;
	
	
							}
							
		#cloudmenu .holder		
							{
							height			:20px;
							float			:left;
							display			:inline;
							margin-right	:7px;							
							}
		
		/* -------- /menu ---------------------------- */
		
		
		p
							{
							font-size		:0.925em;
							line-height		:1.9em;			
							color			:#5c5c5c;
							margin			:10px 0;				
							}
														
		p.special			
							{
							text-transform	:uppercase;
							background		:#275268;
							color			:#FFFFFF;
							display			:inline;
							font-weight		:bold;	
							line-height		:1.5em;
							padding			:2px 2px 0 2px;
							}
		p.rate				
							{
							font-size:1.2em;
							}
		
		ul					
							{
							font-size		:0.925em;		
							margin			:0 0 0 15px;
							line-height		:1.5em;
							color			:#4b4b4b;
							}

		#side_accordion ul
							{
							font-size		:0.725em;
							list-style		:none;
							margin			:0;
							
							}
							
		#side_accordion ul li
							{
							margin			:0 0 7px;
							padding			:0 0 7px;
							border-bottom	:2px solid #999;							
							}

		#side_accordion a
							{
							display			:block;
							font-weight		:bold;
							font-size		:1.2em;
							text-decoration	:none;
							}
							
		#side_accordion span a
							{
							float			:right;
							text-decoration	:underline;
							cursor			:pointer;
																
							}
		span.time{
							display			:block;
							padding			:0 0 0 15px;
							margin			:5px 0 0 5px;;
							height			:20px;
							background-image:url(../img/iconen/time_10px.gif);
							background-repeat:no-repeat;	
							background-position:1px 2px;
		
		}
		.expeditions		
							{
							height			:200px;						
							}
		
		.thick_menu ul
							{
							margin			:0;
							color			:#fff;
							font-size		:1em;
							text-transform	:uppercase;
							}
							
		.thick_menu ul li
							{
							background-color:;
							list-style		:none;
							padding			:5px 5px 5px 0px;
							margin			:5px 0px;

							width			:430px;
							xborder-bottom	:1px dashed #ddd;
							overflow		:hidden;
							background-image:url(../img/iconen/arrow_button_30px.gif);
							background-repeat:no-repeat;	
							background-position:0px 9px;
							}	
								
		.thick_menu ul li p
							{
							text-transform	:none;
							line-height		:1.2em;
							font-size		:0.7em;
							margin			:0;
							color			:#333;
							/*text-transform	:uppercase;*/
							padding			:0 0 0 35px;
						}

		.thick_menu ul li h4.expedities
							{
							font-size		:1.1em;
							margin			:0 0 0px 0;
							padding			:0px 0 0 35px;
							color			:#275268;
							}
							
		.thick_menu ul li h4.partners	
							{
							font-size		:1.1em;
							margin			:0 0 0px 0;
							padding			:9px 0 0 40px;
							color			:#275268;
							}
							
		.thick_menu ul li h4 img
							{
							margin:15px 10px 10px 0px;
							}
												
		#text1 .thick_menu h4 a
							{
							text-decoration	:none;
							color			:#275268;
							background		:none;
							}
							
		#text1 .thick_menu h4 a:hover 	
							{
							text-decoration	:none;
							color			:#275268;
							background		:none;
							border-bottom	:1px solid #999;							
							}
								
								
		
		/* -------- h1 logo ------------------------- */
		
		h1
							{
							text-indent		:-999px;
							background		:url(../img/layout/logo.png) no-repeat;
							height			:90px;	
							width			:160px;
							margin			:5px 10px;
	
				
							}
							
		a.title				{
							
							height			:90px;	
							width			:160px;
							display			:block;
							overflow		:hidden;
							
							}							
							
		/* -------- /h1 ------------------------------- */
		
		h2
							{
							margin			:15px 0;
							padding			:5px 0;
							color			:#275268;
							border-bottom	:1px solid #bbb;
							width			:440px;
				
							}
							
		h2.foto				{
							width			:780px;
							}
							
		
		h3
							{
							margin			:10px 0;
							font-size		:1.2em;
							line-height		:1.9em;			
							color			:#5c5c5c;
				
				
							}
		

		/* -------- /text ------------------------------- */
		
		
		#text1 a
							{
							padding:2px;
							}
		
		#text1 a:hover
							{
							background		:#275268;
							}
							
		#text1 img			
							{
							float:left;
							display:inline;
							margin:0 20px 20px 0;
							}

		/* -------- footer ------------------------------ */
		
		#footer p 			{
							float			:left;
							display			:inline;
							margin			:10px 20px 0px;
							}

		#footer p.contact 	
							{				
							float			:right;
							display			:inline;
							margin			:10px 20px 0px;
							font-size		:11px;
							}
		#footer .contact span		
							{
							margin:0 5px;
							color:#999;
							}