@charset "utf-8";

/* ********** ********** ********** ********** CSS Document HOUWELING portal ********** ********** ********** **********  */

* 			{margin: 0; padding: 0; outline: none;}

html, body	{font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; word-spacing: 1px; color: #333;}

body		{background-color: #fff; }

a 			{color: #000; text-decoration: none; font-weight:normal}
a img 		{border: 0px}
a span.raquo
			{color: #000; font-weight: normal;}

a.readmore	{background-color: #ffe313; padding: 4px; color: #000; float: right; margin: 4px 0px;}

h1		{ font-family: "Edwardian Script ITC"; font-size: 36px}
h2			{ font-size: 24px;}
h1			{font-size: 36px; font-weight: normal; line-height: normal; padding: 0px; color: #000; padding-bottom: 10px; margin-bottom: 10px;}
/*h3			{background-color: #e99; color: #000; padding: 5px 5px 5px 10px; cursor: pointer; border-bottom: 1px solid #fff; border-top: 0px solid #eee; font-size: 14px; }
h3.active	{background-color: #000; color: #fff; border-bottom: 0px solid #000; border-top: 0px solid #f33; background-image: none}			
*/
img			{border: 0px}

ins			{display: none;}

p			{color: #000; margin-bottom: 20px; padding: 0px; padding-left: 12px; line-height: 18px;}

ul			{padding: 0px; margin: 0; padding-left: 30px;}
li			{padding: 0; margin: 0}



/* ********** ********** ********** ********** CONTAINER ********** ********** ********** ********** */

.container 	{width: 960px; margin: 0px auto; padding: 0px; padding-top: 0px; padding-bottom: 0px;}

.fullWidth	{display: block; clear: both; margin-top: 30px;}

#wrapper	{background-color: #fff; overflow: auto}

/* ********** ********** ********** ********** ROWS and COLS ********** ********** ********** ********** */

.row 		{clear: both;}
.col 		{display: block; float: left; margin: 30px 0px 0px 30px; background-color: transparent}

.single		{width: 280px;}
.double		{width: 590px;}
.full		{width: 900px;}

.first		{width: 684px;}
.second		{width: 261px; margin-left: 18px;}

.twentyfive		{width: 200px;}
.fifty			{width: 400px;}
.seventyfive	{width: 780px;}
.hundred		{width: 980px;}

.left		{float: left;}
.right		{float: right;}


/* ********** ********** ********** ********** TOP MENU ********** ********** ********** ********** */


#topmenu				{display: block; height: 102px; background-image: url(../img/rutte.jpg); background-repeat: no-repeat; color: #999999; line-height: auto; font-size: 9px;
						text-align: right;
						}

#topmenu a				{ font-weight: bold; margin: 0px 4px; text-decoration: underline}
						

/* ********** ********** ********** ********** SITEMAP ********** ********** ********** ********** */

#sitemapContainer		{position: absolute; top: 32px; left: 0px; width: 100%; z-index: 100}

#sitemap				{background-color: #000; background-repeat: repeat; color: #fff; padding: 0px; display: block; min-height: 1px; overflow: auto;}
#sitemap div ul			{list-style: none; margin: 30px 0px; padding: 0px; padding-bottom: 30px; margin-right: 20px; border-right: 1px solid #ffe313; width: 220px; clear: none; float: left;
						  -moz-opacity:1.0; filter:alpha(opacity=100); opacity:1.0;
						}
#sitemap div li			{padding: 2px 0px;}
#sitemap div ul li a	{color: #fff;}
#sitemap div ul li.header
						{font-weight: bold;}			
 
#sitemap div ul.sub		{color: #ffe313}
#sitemap div ul.sub li a
						{color: #ffe313}
						
#sitemapClose			{display: block; float: right; clear: both; height: 24px; line-height: 24px; color: #fff; width: 120px; font-size: 12px;
						 border: 1px solid #fff; border-bottom: 0px; padding: 0px 10px; background-image: url(../img/sitemapCloseArrow.gif); background-repeat: no-repeat;
						 background-position: right center; cursor: pointer;
						}

/* ********** ********** ********** ********** VISUAL ********** ********** ********** ********** */

#visual					{background-color: #fff;}


/* ********** ********** ********** ********** MENU BAR ********** ********** ********** ********** */

#menuBar				{margin-top: 40px; display: block; background-color: #231f20; height: 20px; padding: 6px 10px 0px 0; font-family: Tahoma, Arial, Helvetica, sans-serif;  text-align: center}

#menuBar a				{color: #fff; font-size: 11px; padding: 0 15px;}

/*
#mainmenu				{height: 29px; border-bottom: 0px solid #000; background: url('../img/mainmenu.gif') no-repeat top center; padding: 0px 30px;}
#mainmenu ul			{list-style: none; margin-left: 12px;}
#mainmenu li 			{float: left;}
#mainmenu li a			{
						display: block; height: 29px; padding: 0px 20px; text-decoration: none; font-size: 16px; font-weight: bold; line-height: 32px; 
						background-image: url('../img/menuItemDivider.gif'); background-repeat: no-repeat; background-position:top left; color: #fff; text-align: center;
						}
#mainmenu li a:hover	{color: #fff;}
#mainmenu li a.current	{font-weight: bold; color: #fff;}
*/

/* ********** ********** ********** ********** CONTENT ********** ********** ********** ********** */

.drop					{float: right; width: 220px;}

#toggleSites			{display: block; padding: 4px; border: 1px solid #000; background-image: url(../img/toggleSitesArrow.gif); background-repeat: no-repeat; background-position: right center; font-size: 12px; cursor: pointer}

#listSites				{position: absolute; display: block; background-color: #ffe313; width: 220px;}
#listSites ul			{list-style: none; margin: 0; padding: 4px 4px; margin-right: 0px;border: 1px solid #000; border-top: 0px; }
#listSites ul li		{padding: 2px 0px;}
#listSites ul li a		{color: #000; font-size:12px}


/* ********** ********** ********** ********** CONTENT ********** ********** ********** ********** */

#content				{position: relative; display: block; margin-top: -270px; overflow: auto; z-index: 2;}

/* ********** ********** ********** ********** FOOTER ********** ********** ********** ********** */

#footer					{font-size: 12px; padding: 0px; height:100px; text-align: left; margin-top: 10px; padding-top: 10px; padding-left: 60px; background-image: url(../img/footernew.png); background-repeat: no-repeat; padding-bottom: 0px;}

#footer	table			{font-size: 10px; }

#footer	table td		{padding: 0px 10px;}

/* ********** ********** ********** ********** PAGES ********** ********** ********** ********** */
/*.main	{height: 700px;}*/

/*.tekst	{width: 360px; margin-top: 100px; height: 220px; overflow: hidden}*/

h1		{margin-top: 40px;}

.tekst	{width: 460px; height: 240px; overflow-y: scroll; padding-bottom: 20px;}

.tekst1	{width: 460px; height: 240px; padding-bottom: 20px;  font-size: 11px; color: #7a7a7a;}

.tekstRecepten	{width: 960px; height: 240px; overflow-y: scroll; padding-bottom: 20px;}

.tekst p, .tekstRecepten p 	{color: #7a7a7a; font-size: 11px; padding-right: 12px;}

.tekstRecepten p 	{width: 360px;}


#classicLink	{display: block; clear: none; float: right; margin-top: -6px;}