@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;background-image:url(../img/bodyBG.gif); background-repeat: repeat-x; background-position: bottom left; height:100%;}

body		{background: #fff url('../../img/bodyBG.gif') repeat-x bottom left;   }

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;}

h1, h2		{}
h1			{font-size: 20px; font-weight: normal; line-height: normal; padding: 0px; color: #0068b3; 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-left: 12px; padding: 0px; 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;}
.colMenu	{display: block; float: left; margin: 60px 30px 0px 0px; background-color: transparent; padding-bottom: 20px;}

.single		{width: 180px;}
.double		{width: 690px;}
.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 ********** ********** ********** ********** */



/*#topmenuBar				{display: block; height: 40px; background-color: #000000; color: #999999; line-height: 32px; font-size: 11px}*/
#topmenuBar				{display: block; background-color: #ffe313; height: 30px; padding: 8px 0px 2px 0;}

#subsite-default-icons	a img	{height: 26px;}
#subsite-home-icons	a img	{height: 26px; padding-top: 7px;}

/* MooTools.Tips */
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;
}



#topBar				{display: block; background-color: #ffe313; height: 38px; padding: 0px 0px 2px 0;} 

#topBar #sitemapToggle	{display: block; float: right; clear: none; height: 24px; line-height: 24px; color: #000000; width: 120px; font-size: 12px;
						 border: 1px solid #000000; border-top: 0px; padding: 0px 10px; background-image: url(../img/sitemapToggleArrow.gif); background-repeat: no-repeat;
						 background-position: right center; cursor: pointer;
						}

/* ********** ********** ********** ********** HEADER ********** ********** ********** ********** */

#header				{display: block; height: 150px; background-color: #0168b3; color: #999999; line-height: 32px; font-size: 11px}
#header #sitemapToggle	{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/sitemapToggleArrow.gif); background-repeat: no-repeat;
						 background-position: right center; cursor: pointer;
						}




#headerMenu				{height: 44px; border-bottom: 0px solid #000; padding: 0px 0px; background-color: #000000;}
#headerMenu ul			{list-style: none; margin-left: 0px; padding: 0px;}
#headerMenu li 			{padding: 0px 30px 0px 0px; float: left;}
#headerMenu li a			{
						display: block; height: 44px; text-decoration: none; font-size: 18px; color:#0068b3; font-weight: normal; line-height: 44px; 
						text-align: center;
						}
#headerMenu li a:hover	{color: #fff;}
#headerMenu li a.current	{font-weight: bold; color: #fff;}


#titleBar				{height: 44px; border-bottom: 0px solid #000; padding: 0px 10px; background-color:#e7e7e7; color: #000}
#titleBar h1			{padding-top: 10px; color: #000;}
 
#logo					{height:105px; padding-top:20px;}
						

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

#sitemapContainer		{position: absolute; top: 190px; left: 0px; width: 100%; z-index: 100}
 
#sitemapContainerHome		{position: absolute; top: 38px; 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 ul.subSub		{color: #ffe313; left:0px; position:absolute; top:-27px; display: none}
#sitemap div ul li ul.sub li.sfhover ul.subSub		{display: block;}
 
#sitemap div ul li ul.sub li ul.subSub li ul.subSubSub	{color: #ffe313; left:0px; position:absolute; top:-32px; display: none}
#sitemap div ul li ul.sub li ul.subSub li.sfhover ul.subSubSub	{display: block;} 
*/

/* ********** ********** ********** ********** SITEMAP DROPRIGHT MENU ********** ********** ********** ********** */
/*
#sitemap div a {
	display: block;
}

#sitemap div li {
	float: left;
	width: 200px;
}
 
#sitemap div li ul {
	position: absolute;
	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 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;
						}

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


#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;}
 
 

 
/*#ajaxcontent			{display: -moz-box;}*/



/* ********** ********** ********** ********** MENU LEFT ********** ********** ********** ********** */

/*#menu				{margin-right: 10px;}*/
#menu ul			{display: block; list-style: none; margin-left: 0px; padding: 0px; padding-bottom: 20px;border-top: 1px dotted #0068b3;}

#menu li			{display: block;}
#menu li a			{
						display: block; height: 28px; height: auto; padding: 0px 6px; text-decoration: none; font-weight: normal; line-height: 28px; 
						background-color: #fff; color: #666; border-bottom: 1px dotted #0068b3;
					}
					
#menu li a:hover	{background-color: #fff; border-bottom: 1px dotted #0068b3;}
#menu li a.header	{font-weight: bold; color: #fff; background-color: #999; border-bottom: 0px}
#menu li a.current	{color: #000; background-color: #e0e0e0;}

#menu li.hasSub a	{background-color: #0068b3; border-bottom: 2px solid #fff; color: #fff}

#menu li.hasSub ul	{display: block; list-style: none; margin-left: 0px; padding: 0px; padding-bottom: 0px;border-top: 2px solid #ffffff; border-bottom: 1px dotted #0068b3}
#menu li.hasSub ul li a			{background-color: #dbeaf4; border-bottom: 2px solid #fff; color: #666; padding: 0px 12px;}
#menu li.hasSub ul li a.active	{background-color: #dbeaf4; border-bottom: 2px solid #fff; color: #0068b3; padding: 0px 12px;}



#menuheader			{margin-top: 10px; margin-right: 10px;}
#menuheader ul			{display: block; list-style: none; margin-left: 0px; }
#menuheader li			{display: block;}
#menuheader li a			{
						display: block; height: 28px; height: auto; padding: 0px 26px; text-decoration: none; font-weight: normal; line-height: 28px; 
						background-color: #f7f5e9; color: #000; border-bottom: 1px dashed #827f6c;
					}
#menuheader li a:hover	{background-color: #fffdf2; border-bottom: 1px dashed #827f6c;}
#menuheader li a.header	{font-weight: bold; color: #fff; background-color: #827f6c; border-bottom: 0px}
#menuheader li a.current	{color: #000; background-color: #e5e1c5;}










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

#subfooterContainer 		{/*position: absolute; bottom: 45px;*/ display: block; width: 100%}
#subfooter					{background-color: #e7e7e7; font-size: 12px; padding: 15px 30px; text-align: left; color: #666}
#subfooter	a				{color: #666;}
#subfootermenu				{height: 29px; border-bottom: 0px solid #000; background: url('../img/mainmenu.gif') no-repeat top center; padding: 0px 10px;}
#subfootermenu ul			{list-style: none; margin-left: 12px;}
#subfootermenu li 			{padding: 0px 10px; float: left;  line-height: 40px; }
#subfootermenu 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;
						}

#address			{height:60px;}

/*
background-color:#E7E7E7;
background-image:url("../img/houweling-85.jpg");
background-position:right center;
background-repeat:no-repeat;
height:60px;
vertical-align:middle;
}*/

#address a#h85 {
display:block;
float:right;
height:60px;
margin-top:-38px;
position:relative;
right:0;
width:84px;
background-image:url("../img/houweling-85.jpg");
background-position:right center;
background-repeat:no-repeat;
}


#footerContainer 		{/*position: absolute; bottom: 0px;*/ display: block; width: 100%}
#footer					{background-color: #000; font-size: 12px; padding: 15px 30px; text-align: left; color: #aeaeae; display: block;}
#footer	a				{color: #aeaeae;}
/*#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;
						}*/

#portalLink
{
display: block; width: 18px; height: 17px; background-image: url(../img/H-portal.jpg); background-repeat: no-repeat; float: right;
}
 

/* ********** ********** ********** ********** PAGES ********** ********** ********** ********** */

#content h1 	{font-size: 24px;}

/* ********** ********** ********** ********** CONTACT FORMS ********** ********** ********** ********** */
  
.tx-powermail-pi1 legend				{display: none;}
.tx-powermail-pi1 fieldset				{border: 0;}
.tx-powermail-pi1 label					{display: block; width: 130px; float: left}
.tx-powermail-pi1 input,
.tx-powermail-pi1 textarea				{display: block; border: 1px solid #aaa; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px}
.tx-powermail-pi1 input[type="text"],
.tx-powermail-pi1 textarea				{width: 180px; padding: 1px; background-color: #fbfbfb; color: #555}
.tx-powermail-pi1 textarea				{height: 60px;}
.tx-powermail-pi1 input[type="submit"]	{background-color:#FFEE00;border:2px solid #FFDD00;color:#555555;padding:1px;}
.tx-powermail-pi1 input[type="submit"].powermail_submit						
										{margin-left:130px;}
.tx-powermail-pi1 input[type="submit"].tx-powermail-pi1_confirmation_submit
										{margin-left:20px;}
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html
										{float: left; clear: both; margin-bottom: 10px;}
/* captcha */
.tx-srfreecap-pi2-image					{margin-left: 130px; clear: both; float:left; width: 180px; margin-top: 10px;}
.tx-srfreecap-pi2-cant-read 			{color:#35006D;font-size:0.9em; display: block; clear: both; float: left; width: 180px; margin-left: 130px;}

/* validation */
div.validation-advice						{display: none !important;}
.tx-powermail-pi1 input[type="text"].validation-failed, .tx-powermail-pi1 textarea.validation-failed
										{background-color: #fdefef; border: 1px solid #d1a8a8}
.tx-powermail-pi1 input[type="text"].validation-passed, .tx-powermail-pi1 textarea.validation-passed
										{background-color: #f8fcf4; border: 1px solid #afbba3}