@charset "utf-8";
/* ****** ALL Browsers ******* CSS Document */

body				{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:62,7%;background:#000000;}

/* Hoofdcontainer */
#nav, #navPort, #text, #textPort{ background-color:#FFF}
#container	{ position:relative; width:960px; height:600px; margin-left:auto; margin-right:auto; top:0px; background-color:#FFF}
#container #text strong {	font-size: 12px;}
/* Headercontainers */
	#headerLogo	{ position:absolute; width:200px; height:110px; 	left: 35px; top:0px; background-image:url(../imgs/logoMeusen.png); background-repeat:no-repeat}
	#headerNaw	{ position:absolute; width:210px; height: 85px; 	left:715px;	top:28px; background-image:url(../imgs/nawMeusen.png); background-repeat:no-repeat}
	#headerTitel{ position:absolute; width:960px; height: 40px; 	left: -5px;	top:83px; font-family:"Caecilia LT Std Roman" 85 Heavy; font-size:1.8em; color:#660000;
								font-weight:bold; text-align:center;}
/* tekstcontainer*/
	#text, #text2, #text22{position:absolute; width:440px;	height: 410px; left: 253px;	top:135px; color:#667;	font-size:15px;	
													font-family:Georgia, "Times New Roman", Times, serif;	overflow:auto; line-height:22px;}
	#text2			{	font-size:12px;	overflow:auto; line-height:21px;}
	#text22			{	font-size:12px;	overflow:auto; line-height:17px;}
	#textPort		{	position:absolute; width:440px;	height: 410px; left: 253px;	top:135px; color:#667;	font-size:10px;	overflow:auto; line-height:14px; letter-spacing:-0.2px}


/* Navigatiecontainer hoofdmenu*/
	#nav								{position:absolute; width:200px; height:430px; 	left: 35px;	top:125px; font-family:"Caecilia LT Std Roman" 85 Heavy; font-weight:bold;}
		#nav ul						{margin-top:25px; margin-left:0; padding:0; list-style-type:none; }
		#nav li						{width:200px; height:68px; background-repeat:no-repeat; text-align:center;}
		#nav li a					{width:200px; height:37px; background-repeat:no-repeat; margin-left:0px; font-size:1.4em; display:block; text-decoration: none; }
		#nav li a:link		{color:#660000;} 
		#nav li a:visited	{color:#660000;} 
		#nav li a:hover		{color:#C2C2C2; padding-left:35px; font-size:1.6em;}
		#nav li a:active	{color:#C2C2C2}   /* Actieve kleur = ROOD */

/* Navigatiecontainer Portfolio */
	#navPort								{position:absolute; width:240px; height:170px; 	left: 715px;	top:205px; font-weight:bold; background-color:#660000}
		#navPort ul						{margin-top:20px; /*eerste regel binnen rood vlak*/ margin-left:10; padding:0;}/**/
		#navPort li						{list-style-type:none; display:block; width:200px; height:35px; text-align:left; background-repeat:no-repeat;}
		#navPort li a					{width:200px; height:37px; background-repeat:no-repeat; font-size:1.3em; display:block; text-decoration: none; margin-left: 35px }
		#navPort li a:link		{color:#B6ADAB;}
		#navPort li a:visited	{color:#B6ADAB;}
		#navPort li a:hover		{color:#FFF; list-style-position:inside; margin-left:10px; font-size:1.5em}
		#navPort li a:active	{color:#FFF}   /* Actieve kleur = ROOD */

/* Navigatiecontainer Portfolio */
	#navWerkw								{position:absolute; width:240px; height:350px; 	left: 715px;	top:205px; font-weight:bold; background-color:#660000}
		#navWerkw ul					{margin-top:17px; margin-left:0px; padding:0px;}
		#navWerkw li					{list-style-type:none; display:block; width:240px; height:30px; text-align:left; background-repeat:no-repeat; font-size:0.9em}
		#navWerkw li a				{background-repeat:no-repeat; display:block; text-decoration: none; margin-left:30px }
		#navWerkw li a:link		{color:#B6ADAB;} /*Kleur GRIJS van briefpapier*/
		#navWerkw li a:visited{color:#B6ADAB;} /*Kleur briefpapier*/
		#navWerkw li a:hover	{color:#FFF; font-weight:bolder ; margin-left:5px; font-size:1.1em} 
		#navWerkw li a:active	{color:#FFF;}   /* Actieve kleur = ROOD */

/* Footercontainers */
	#footer			{	position:absolute; width:200px; height: 37px; left:  35px; top:563px; background-image:url(../imgs/voetLogo.png); background-color:#FFF}
	#footerTuwa	{	position:absolute; width:70px;  height: 10px; left: 885px; top:602px; color:#777; font-size:8px; text-align:right}

/* Aparte Classes */
.inActive									{font-weight:bold; font-size:1.8em; color:#C2C2C2}
.inActivePort							{font-weight:bold; font-size:1.3em; color:#FFF; margin-left:10px}
.inActiveWerkw						{font-weight:bold; font-size:1.1em; color:#FFF; margin-left:5px;}
.vet											{font-size:18px; font-weight:bold}
.groter										{font-size:18px; font-weight:bold;	text-align: left;}
.rood											{font-size:1.3em; color:#660000;}


/*Dit is de specifieke CSS voor het (contact-)formulier*/
#form {position:absolute; width:565px; height:400px; left:253px; top:135px; color:#660000; padding:0px; background-color:#FFF}

input, select, .area
					{height:20px; vertical-align:middle; line-height:18px; background-color:#FFFFFA; border:1px; color:#660000;
	  			 border-style:solid; border-color:#600; border-width:2px; margin:2px; font-size:14px}
.select		{height:25px; }
.mail			{width:333px; padding-left:10px; margin-left:83px}
.radio		{margin-left:133px}
.txtf 		{width:338px; padding-left:5px; margin-left:123px; margin-top:11px}
.select		{width:347px; padding-left:5px; margin-left:27px; margin-top:11px; color:#660000;}
.area			{width:536px; height:180px; padding-left:5px;}
.muis 		{cursor:pointer; color:#660000}

/*#footerContact	{	position:absolute; width:200px; height: 37px; left: 53px; top:563px; background-image:url(../imgs/voetLogo.png); background-color:#FFF}*/