@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: #f2f2f2; }

a 			{color: #ccb60e; 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;}

h2			{padding: 0 0 0 12px}
h1			{font-size: 20px; font-weight: normal; line-height: normal; padding: 0px; color: #000; padding-bottom: 20px;}
/*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; }

#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; padding-bottom: 20px;}

.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: 32px; background-color: #000000; color: #999999; line-height: 32px; font-size: 11px}
#topmenu #sitemapToggle	{display: block; float: right; clear: none; height: 24px; line-height: 24px; color: #fff; width: 120px; font-size: 12px;
						 border: 1px solid #fff; border-top: 0px; padding: 0px 10px; background-image: url(../img/sitemapToggleArrow.gif); background-repeat: no-repeat;
						 background-position: right center; cursor: pointer;
						}
						

/* ********** ********** ********** ********** 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; -moz-opacity:.70; filter:alpha(opacity=70); opacity:.70;}
/*#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 li ul.sub		{color: #ffe313; left:0px; position:absolute;top:18px; display: none}
#sitemap div ul li.sfhover ul.sub		{display: block;}
#sitemap div ul li ul.sub li a
						{color: #ffe313}
		*/				

#sitemap ul			{margin: 30px 0px; padding: 0px; padding-bottom: 30px; margin-right: 0px; border-right: 1px solid #ffe313; width: 220px; min-height: 140px;}

#sitemap li ul		{position: absolute; margin:0; padding: 0; padding-top: 24px; list-style: none; border-right: 1px solid #fc0; display: block; width: 220px; left: 500px;}

#sitemap li, #sitemap li a			{display: block; clear: both; float: left; height: 20px;}
#sitemap li					{width: 215px;}
#sitemap li a				{width: 190px;}
#sitemap li a.active			{font-weight: bold;}

#sitemap ul {text-indent: 0px; top: 0}

#sitemap > ul:first-child {text-indent: 0px; position: absolute; display: block; top: 0px; margin-top: 0px;}


#sitemap ul ul		{left: -9999px; margin-top: 30px;}
#sitemap ul ul ul	{left: -9999px; margin-top: 0px;}
#sitemap ul ul ul ul	{left: -9999px;}


#menu li a.showMenu			{display: none;}

#sitemap a.showMenu	{display: block; width: 20px; height: 20px; float: right; clear: none; cursor: pointer; text-align: center}
 
 



/* ********** ********** ********** **********  ********** ********** ********** ********** */

#sitemap div ul li 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;
						}
/*
 #sitemap div a {
	display: block;
}

#sitemap div li {
	float: left;
	width: 200px;
}
 
#sitemap div li ul {
	position: absolute;
	width: 200px;
	left: -999em;
	margin-left:250px;
	margin-top:-1.35em;
	list-style: none; 
	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:hover ul {
	left: auto;
}
 
#sitemap div li:hover ul, #sitemap div li.sfhover ul {
	left: auto;
}

#sitemap div li:hover ul ul, #sitemap div li.sfhover ul ul {
	left: -999em;
}
 
 #sitemap div li:hover ul, #sitemap div li li:hover ul, #sitemap div li.sfhover ul, #sitemap div li li.sfhover ul {
	left: auto;
}
 
#sitemap div li:hover ul ul, #sitemap div li:hover ul ul ul, #sitemap div li.sfhover ul ul, #sitemap div li.sfhover ul ul ul {
	left: -999em;
}

#sitemap div li:hover ul, #sitemap div li li:hover ul, #sitemap div li li li:hover ul, #sitemap div li.sfhover ul, #sitemap div li li.sfhover ul, #sitemap div li li li.sfhover ul {
	left: auto;
}
 
#sitemap div li:hover ul ul, #sitemap div li:hover ul ul ul, #sitemap div li:hover ul ul ul ul, #sitemap div li.sfhover ul ul, #sitemap div li.sfhover ul ul ul, #sitemap div li.sfhover ul ul ul ul {
	left: -999em;
}

#sitemap div li:hover ul, #sitemap div li li:hover ul, #sitemap div li li li:hover ul, #sitemap div li li li li:hover ul, #sitemap div li.sfhover ul, #sitemap div li li.sfhover ul, #sitemap div li li li.sfhover ul, #sitemap div li li li li.sfhover ul {
	left: auto;
}

#sitemap div ul li ul	{top:58px;}

#sitemap div ul li ul li ul		{top:15px;}

#sitemap div ul li ul li ul li ul	{top:15px;}
 */
 
/* ********** ********** ********** ********** VISUAL ********** ********** ********** ********** */

#visual					{background-color: #fff;}


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

#menuBar				{display: block; background-color: #ffe313; height: 30px; padding: 8px 30px 2px 0; background-image: url(../img/houwGroepLogo.jpg); background-position: 30px 4px; background-repeat: no-repeat}

#menuBar				{display: block; background-color: #ffe313; height: 70px; padding: 8px 30px 2px 0; background-image: url(../img/houwGroepLogo.jpg); background-position: 30px 4px; background-repeat: no-repeat}


#home-icons				{float: right; padding-top: 4px; width: 288px; height: 33px;}
/* MooTools.Tips */
div.tipz
{
	z-index: 14000;
}

div.tip
{
border: 1px solid #e6cd10;
}
.tip-top {
    color: #000;
    width: auto;
    z-index: 13000;
}
.tip-title {
    width: auto;
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color: #000;
    padding: 8px 8px 4px;
    background: url(bubble.png) top left #FFE313;
}
.tip-text {
    width: auto;
    font-size: 11px;
    padding: 4px 8px 8px;
    background: url(bubble.png) bottom right #FFE313;
    color:#000;
}
.tip-text A {
    color:#069;
}
.tip-loading {
    background: url(ajax_load.gif) center center no-repeat #FFE313;
    width: 30px;
    height: 30px;
    margin: 0 auto;
}


#mainmenu				{height: 29px; border-bottom: 0px solid #000; padding: 0px 10px;}
#mainmenu ul			{list-style: none; margin-left: 12px;}
#mainmenu li 			{padding: 0px 10px; float: left;}
#mainmenu li a			{
						display: block; height: 29px; text-decoration: none; font-size: 14px; color:#000000; font-weight: bold; line-height: 26px; 
						text-align: center;
						}
						
#mainmenu li a:hover	{color: #fff;}
#mainmenu li a.current	{font-weight: bold; color: #fff;}

#mainmenu li ul {
	position: absolute;
	left: -999em;
	background: #FFE313;
	list-style: none inherit none;
	margin: 0;
	padding: 0;
}

#mainmenu li ul li{
	clear: both;
	
} 
 
#mainmenu li:hover ul, #mainmenu li.sfhover ul  {
	left: auto;
} 
 
#mainmenu a.showMenu	{display: none} 
 
#ajaxcontent			{display:block; display: -moz-box; padding-bottom:20px;}


/* ********** ********** ********** ********** 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}


#address			{}


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

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

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

#footer					{background-color: #f2f2f2; font-size: 12px; padding: 30px; text-align: center}
#footer	a				{color: #333;}
#footermenu				{height: 29px; border-bottom: 0px solid #000; background: url('../img/mainmenu.gif') no-repeat top center; padding: 0px 10px;}
#footermenu ul			{list-style: none; margin-left: 12px;}
#footermenu li 			{padding: 0px 10px; float: left;  line-height: 40px; }
#footermenu li a			{
						display: block; height: 29px; text-decoration: none; color:#000000;
						background-image: url('../img/menuItemDivider.gif'); background-repeat: no-repeat; background-position:top left; text-align: center;
						}
/* ********** ********** ********** **********  SOLLICITATIEFORMULIER ********** ********** ********** */

#sollicitatieformulier input[type="text"], 
#sollicitatieformulier textarea 				{border: 1px solid #999; width: 180px;}
#sollicitatieformulier textarea 				{font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
#sollicitatieformulier table td				{padding: 2px 0px;}


#sollicitatieformulier .tx_powermail_pi1_fieldwrap_html
								{padding: 5px 0px;}

#sollicitatieformulier fieldset				{border: 0px solid #fff; width: 450px;}
#sollicitatieformulier fieldset legend		{display: none}


#sollicitatieformulier .tx-srfreecap-pi2-image {
display:block;
margin-left:150px;
margin-top:10px;
width:180px;
}

#sollicitatieformulier .tx-srfreecap-pi2-cant-read {
margin-left:150px;
}

#sollicitatieformulier input[type="submit"]		{ margin-left: 150px;}

 
#sollicitatieformulier label {
display:block;
float:left;
width:150px;
}
 
#sollicitatieformulier p {
color:#000000;
line-height:normal;
margin-bottom:0px;
padding:0px;
float: left;
width:150px;
}
#sollicitatieformulier .tx_powermail_pi1_fieldwrap_html_radio{
	height: 20px;	
}	
#sollicitatieformulier .tx_powermail_pi1_fieldwrap_html_radio label{
	width:auto; 
} 

#sollicitatieformulier input[type='radio']{
	width:20px;
	margin-right: 20px;
	margin-left: 5px;
}	

 
#sollicitatieformulier .powermail_radio_inner{
	float: left;	
}
/* ********** ********** ********** ********** PAGES ********** ********** ********** ********** */

.shop_productBasketContainer
{
	height: auto !important;
}


#containerShop td
{
	padding: 2px;
}