/* Copyright TvTWeb Web & Software development */
/*
	Element namen in HOOFDLETTERES.
	Variabele namen zoals 'leftContainer'.
	Elementnaam altijd voor de klassenaam zoals 'DIV.leftContainer'.
	
*/

* {
    margin: 0;
    padding: 0;
}

/*===ELEMENTS============================================================================================================================*/
BODY        {text-align:left; font-family:Trebuchet MS; color:#635c49; font-size:12px;margin:0px; padding:0px; background:#e6ebe1 url(../images/style/green-background.jpg) repeat-x center 0px;} 
HTML		{width:100%;}
FIELDSET	{padding:0px; margin:0px; border:0px;}
FORM		{padding:0px; margin:0px;}
SELECT		{float:left; font: 12px Trebuchet MS; margin:0px; margin:0px; width:150px;}
LABEL		{float:left; font: 12px Trebuchet MS; padding:0px; margin:0px;}
INPUT		{padding:0px; margin:0px;}
OPTION		{padding:0px; margin:0px;}
RADIO		{padding:0px; margin:0px;}
CHECKBOX	{padding:0px; margin:0px;}	
TEXTAREA	{padding:0px; margin:0px;}	

DIV#footerContact A:link		{color: #ffffff; text-decoration:none;}
DIV#footerContact A:visited		{color: #ffffff; text-decoration:none;}
DIV#footerContact A:active		{color: #ffffff; text-decoration:none;}
DIV#footerContact A:hover		{color: #03A52D; text-decoration:none;}

DIV#moreProductInfo A:link		{color: #ffffff; text-decoration:none;}
DIV#moreProductInfo A:visited	{color: #ffffff; text-decoration:none;}
DIV#moreProductInfo A:active	{color: #ffffff; text-decoration:none;}
DIV#moreProductInfo A:hover		{color: #b8b7a7; text-decoration:none;}

H1				{padding:0px 0px 10px 0px; font-size:18px; color:#0a7821; font-weight:normal;}


/* partContentText */
div.partContentText												{}
div.partContentText p											{padding:0px 0px 15px 0px; margin:0px;line-height:19px;}
div.partContentText p a:link									{color: #635c49; text-decoration:underline;}
div.partContentText p a:visited									{color: #635c49; text-decoration:underline;}
div.partContentText p a:active									{color: #635c49; text-decoration:underline;}
div.partContentText p a:hover									{color: #635c49; text-decoration:underline;}
div.partContentText ul											{padding:0px 0px 15px 0px;margin:0px 0px 0px 15px;list-style-type:disc;}
div.partContentText ul li										{}
div.partContentText ol 											{padding:0px 0px 15px 0px;margin:0px 0px 0px 25px;list-style-type:decimal;}
div.partContentText ol li										{}

/* partContentFileImageGallery */
div.partContentFileImageGallery									{padding:0px 0px 0px 0px; margin:0px;}
div.partContentFileImageGallery	a.thickbox						{float:left; display:block; padding:0px 10px 10px 0px;}
div.partContentFileImageGallery	a.thickbox img					{border:solid 1px #000000;}
div.partContentFileImageGallery img                             {border:solid 1px #000000;}
div.partContentFileImageGallery	a:hover.thickbox img			{border:solid 1px #000000;}
div.partContentFileImageGallery	div.partContentFileImageGalleryFooter{clear:both; height:5px;}	

/* partContentFileImageAdmin */
div.partContentFileImageAdmin									{padding:0px 0px 15px 0px; margin:0px;}
div.partContentFileImageAdmin img								{border:solid 1px #000000;}
div.partContentFileImageAdmin a:hover img						{border:solid 1px #000000;}

/* partContentFileAdmin */
div.partContentFileAdmin                                        {padding:0px 0px 0px 0px;}
div.partContentFileAdmin ul                                     {padding:0px; margin:0px;list-style:none;}
div.partContentFileAdmin ul li                                  {padding:10px 0px 0px 0px; margin:0px 0px 15px 0px;}

div.partContentFileAdmin ul li a                                {padding:0px 0px 10px 30px; margin:0px; color:#635c49; }
div.partContentFileAdmin ul li a:link 			                {color: #635c49;text-decoration:underline;}
div.partContentFileAdmin ul li a:visited 		                {color: #635c49;text-decoration:underline;}
div.partContentFileAdmin ul li a:active 			            {color: #635c49;text-decoration:underline;}
div.partContentFileAdmin ul li a:hover			                {color: #635c49;text-decoration:underline;}

div.partContentFileAdmin ul li a.partContentFileAdminZIP		{background:url(../images/basic/fileAdminZip.png) no-repeat;}
div.partContentFileAdmin ul li a.partContentFileAdminPDF		{background:url(../images/basic/fileAdminPdf.png) no-repeat;}			

div.partCarousel                {}
div.partCarousel img            {float:left; border:6px solid #635c49; margin:30px 40px 0px 0px;}
div.partCarousel h1             {float:left; padding:29px 0px 20px 0px;  font-size:24px; color:#0a7821; font-weight:normal; display:block; width:510px;}
div.partCarousel p              {float:left; color:#333333; line-height:19px; display:block; width:510px; font-size:13px; padding:0px 0px 20px 0px;}
div.partCarousel a              {float:left; display:block; width:510px; color:#333333; font-weight:bold; font-size:15px; outline:0;}
div.partCarousel a:link			{color: #635c49; text-decoration:none;}
div.partCarousel a:visited		{color: #635c49; text-decoration:none;}
div.partCarousel a:active		{color: #635c49; text-decoration:none;}
div.partCarousel a:hover		{color: #03A52D; text-decoration:none;}

/*===WEBPAGE============================================================================================================================*/

/* Start coding here! */

/* Main */
DIV#mainContainerShadow		{width:980px; margin:0px auto;}
	DIV#mainContainer			{width:980px; padding:0px 0px 0px 0px; margin:0px;}

/* Top */
DIV#topContainer		{height:179px; width:980px;  margin:0px auto;}
	A#topLogo				{width:263px; height:141px; padding:19px 19px 19px 0px; background:url(../images/style/groen-en-recreatie-logo.png) no-repeat 0px 18px; display:block; float:left; outline:0;}
	
	/* Horizontal navigation */
	DIV#horizontalNavigation_part					{height:32px; font:13px Trebuchet MS; width:698px; float:right; height:179px;}
	DIV#horizontalNavigation_part ul				{margin:0px; padding:147px 0px 0px 52px;}
	DIV#horizontalNavigation_part ul li				{display: inline;}
	DIV#horizontalNavigation_part ul li a			{float: left; padding:7px 30px 7px 32px; text-decoration: none; border-left:2px solid white; color: #635C49; background-color:#d3e1d2;}
	DIV#horizontalNavigation_part ul li a:link		{color: #635C49; background-color:#d3e1d2;}
	DIV#horizontalNavigation_part ul li a:active	{color: #635C49;}
	DIV#horizontalNavigation_part ul li a:visited	{color: #635C49;}
	DIV#horizontalNavigation_part ul li a:hover		{color: #ffffff; background-color:#157633;}
	DIV#horizontalNavigation_part ul li.selected a	{color: #ffffff; background-color:#157633;}

/* Header */
DIV#headerContainer		{width:980px; height:356px;}

	

	DIV#headerLanguage		{width:960px; height:40px; padding:0px 20px 0px 0px; }
		DIV#headerInputContainer	{height:26px; float:right; padding:14px 0px 0px 0px;}
		DIV#headerInputContainer input	{color:#4c4636; border:1px solid #c4c1ae; padding:0px; margin:0px; float:left;}
		DIV#headerInputContainer a#headerSearch	{height:16px; border:1px solid #c4c1ae; float:left; border-left:none; width:58px; text-decoration:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:center; background-color:#4c4638; color:#ffffff;cursor:pointer;}
		DIV#headerInputContainer a#headerSearch:hover	{text-decoration:underline;}
		
	DIV#headerLanguage	A 		{float:right; display:block;width:25px; height:18px; margin:12px 0px 0px 12px;border:none;padding:2px;}
	DIV#headerLanguage	A.selected {border:1px solid #35a357; padding:2px;}
	DIV#headerLanguage	A IMG	{ border:none;}	
	
	
	DIV#headerRight			{width:980px; height:265px; background:url(../images/style/header.jpg) no-repeat 0px 0px;}
	
	DIV#headerFooter		{width:979px; height:51px; padding:0px 0px 0px 1px; background-color:#0a7821;}
	div#headerFooter h2     {color:#ffffff; font-size:20px; font-weight:normal; padding:12px 0px 0px 20px;}
		
				/* Product navigation */

		div#headerFooter ul.partNavigation			{list-style-type:none; margin:0px; padding:10px 0px 0px 10px; font-family:Trebuchet MS; font-size:13px; height:41px;}
		div#headerFooter ul.partNavigation li			{display:inline; padding: 0px; margin:0px;}
		div#headerFooter ul.partNavigation a				{float:left; height:31px; background:url(../images/style/buttonLeft.gif) no-repeat left top; background-position: 0% -0px; padding:0px 0px 0px 5px; text-decoration:none; cursor:pointer; margin: 0px 0px 0px 9px;}
		div#headerFooter ul.partNavigation a span			{height:25px; color:#ffffff; float:left; background:url(../images/style/buttonRight.gif) no-repeat right top; background-position: 100% -0px; padding:6px 18px 0px 9px; margin:0px 0px 9px 0px; display:block;}
		div#headerFooter ul.partNavigation a:hover			{background-position:0% -31px;}
		div#headerFooter ul.partNavigation a:hover span		{background-position:100% -31px;}
		div#headerFooter ul.partNavigation .selected a		{background-position:0 -31px;}
		div#headerFooter ul.partNavigation .selected a span {background-position:100% -31px; color:#ffffff;}
			
		DIV#moreProductInfo		{float:left; width:410px; height:31px; background-color:#B8B7A7; padding:10px 10px 10px 20px;}
			A#moreInfo				{display:block; height:24px; width:192px; padding:7px 0px 0px 37px; background:url(../images/style/moreInfo.gif) no-repeat;}

/* Content */
DIV.contentContainer	{width:980px; }
DIV#contentContainerSingle		{background-color:White;}
DIV#contentContainerTriple		{background:#ffffff url(../images/style/tripleviewBackground.gif) repeat-y;}
DIV#contentContainerDoubleLeft	{background:#ffffff url(../images/style/doubleviewBackgroundLeft.gif) repeat-y;}
DIV#contentContainerDoubleRight	{background:#ffffff url(../images/style/doubleviewBackground.gif) repeat-y;}

	
	/* Vertical navigation */
		DIV#verticalNavigation_part						{width:195px; font:12px Trebuchet MS; float:left;}
		DIV#verticalNavigation_part ul					{list-style-type: none; padding:8px 0px 0px 20px; margin:0px;}
		DIV#verticalNavigation_part ul li a				{color: #938E82; background: url(../images/style/arrow.gif) no-repeat 0px center; padding:6px 10px 6px 20px; display: block; text-decoration: none;}
		DIV#verticalNavigation_part ul li a:link		{color: #938E82; text-decoration:none;}
		DIV#verticalNavigation_part ul li a:active		{color: #938E82;}
		DIV#verticalNavigation_part ul li a:visited		{color: #938E82;}
		DIV#verticalNavigation_part ul li a:hover		{color: #03a52d;}
		DIV#verticalNavigation_part ul li.selected a	{color: #03a52d; background:url(../images/style/arrowSelected.gif) no-repeat 0px center;}
			
	DIV#verticalNavigation_part2		{width:305px; float:left; padding:10px 20px 0px 20px;}
		DIV.contentProductItem		{width:305px; padding:10px 0px 7px 0px; border-bottom: dashed 1px #dcdac2; height:52px;}
			DIV.productItemTitle		{float:left; width:229px; padding:15px 0px 0px 0px;}
			DIV.productItemTitle a:link		{color: #938E82;}
			DIV.productItemTitle a:active	{color: #938E82;}
			DIV.productItemTitle a:visited	{color: #938E82;}
			DIV.productItemTitle a:hover	{color: #03a52d;}
			DIV.productItemTitle#selected a{color: #03a52d;}	
			DIV.productItemFooter		{clear:both; height:3px; font-size:1px;}
			
            div.contentProductItem div.partContentFileImageAdmin									{width:76px; height:50px; float:left;}
            div.contentProductItem div.partContentFileImageAdmin img								{border:solid 1px #666666;}
            div.contentProductItem div.partContentFileImageAdmin a:hover img						{border:solid 1px #666666;}

			DIV.contentProductItem IMG	{border: solid 1px #504a3a;}
		
	div#contentSmall		        {width:410px; float:left; background-color:#f1f0e7; padding:20px 10px 12px 20px;}
	div#contentSmall h1             {padding:0px 0px 12px 0px; font-size:15px; color:#0a7821; font-weight:normal; border-bottom:3px solid #99937d; width:400px;}
	
	div#homeNieuws ul                   {padding:0px 10px 0px 0px; margin:0px; list-style:none;}
	div#homeNieuws ul li                {}
	div#homeNieuws ul li a              {padding:12px 0px 12px 0px; margin:0px; border-bottom:1px dashed #99937d; display:block;}
	div#homeNieuws ul li a:link		    {color: #635c49; text-decoration:none;}
    div#homeNieuws ul li a:visited	    {color: #635c49; text-decoration:none;}
    div#homeNieuws ul li a:active		{color: #635c49; text-decoration:none;}
    div#homeNieuws ul li a:hover		{color: #03A52D; text-decoration:none; background-color:#e2e0d1;}
	
	DIV#contentLarge		{width:745px; float:left; background-color:#f1f0e7; padding:20px 20px 20px 20px;}
	DIV#contentSingle		{width:940px; float:left; background-color:#ffffff; padding:20px 20px 20px 20px;}
	DIV#contentLeft			{width:500px; float:left; background-color:#ffffff; padding:20px 20px 20px 20px;}
	
	    div#puzzle                    {width:500px; height:952px; background: url(../images/style/puzzle-pieces.jpg) no-repeat 0px 0px;}
	    div#puzzleEn                  {width:500px; height:952px; background: url(../images/style/puzzle-pieces-en.jpg) no-repeat 0px 0px;}
	    div#puzzleDe                  {width:500px; height:952px; background: url(../images/style/puzzle-pieces-de.jpg) no-repeat 0px 0px;}	    

	        a#puzzlePiece1            {width:250px; height:222px; float:left; display:block; margin-right:7px; margin-bottom:16px;}
	        a#puzzlePiece2            {width:243px; height:222px; float:left; display:block; margin-bottom:16px;}
	        
	        a#puzzlePiece3            {width:242px; height:221px; float:left; display:block; margin-right:7px; margin-bottom:20px;}
	        a#puzzlePiece4            {width:251px; height:221px; float:left; display:block; margin-bottom:20px;}
	        
	        a#puzzlePiece5            {width:251px; height:235px; float:left; display:block; margin-right:7px; margin-bottom:38px;}
	        a#puzzlePiece6            {width:242px; height:235px; float:left; display:block; margin-bottom:38px;}
	        
	        a#puzzlePiece7            {width:242px; height:199px; float:left; display:block; margin-right:7px;}
	        a#puzzlePiece8            {width:251px; height:199px; float:left; display:block; }
	
	/* Gallery */
	DIV.fileImageGallery_part{}
		a.thickbox				{width:100px; height:75px; float:left; display:block; padding:5px;}
		a.thickbox img			{border:solid 1px #504A3A;}
		a:hover.thickbox img	{border:solid 1px #03A52D;}	
		DIV.clearFileImageGallery	{clear:both; height:10px;}

		A.HTMLPartsContentFileAdminDownloadA			{height:19px; background: url(../images/style/pdf.gif) no-repeat 0px 10px; padding:12px 0px 10px 42px; color:#635c49; display:block;}
	
	DIV#contentFooter			{width:980px; height:1px; clear:both; font-size:1px;}
		
	DIV#footer		{width:980px; height:86px; background-color:#b8b7a7; background: url(../images/style/footerLogo.jpg) no-repeat 20px 18px #b8b7a7;}
		DIV#footerContact	{width:596; height:55px; padding: 15px 0px 15px 199px; background: url(../images/style/footerLine.jpg) no-repeat 194px top;}
			DIV.contactContent		{height:55px; float:left;}
			DIV.contactContent P	{color:White; padding:1px 0px 0px 15px;margin:0px;}
		DIV#footerFooter	{width:980px; height:3px; clear:both; font-size:1px;}

LI#lilevel1										{margin-left:14px;}
LI#lilevel2										{margin-left:28px;}
LI#lilevel3										{margin-left:42px;}


a#moreInformation{display:block;font-size:12px; cursor:pointer; color:#ffffff; font-weight:bold; background-color:#0A7821;width:150px;height:15px;padding:5px;}