body{
margin: 0px;
background-color:#dddddd;
width: 100%;
height: 100%;
background:#FFFFFF url(http://www.hetriool.nl/siteimages/back.png) repeat-x fixed;
}

div#header{ 
margin: 0;
margin-top: 15px;
width: 780px;
background: #333333;
}

.paslink{
font-size: 16px;

}

div#menu{ 
margin: 0;
margin-top: 15px;
width: 200px;
float: left;
background: #333333;
}
div#content{ 
margin: 0;
margin-top: 15px;
float: right;
width: 520px;
background: #333333;
}

.adresgegevens {
font-family : Arial;
font-size: 11px;
color: gray; 
text-decoration: none;
}

h1{
font-family : Arial;
font-size: 18px;
color: #44555F; 
text-decoration: none;
font-weight:bold;
margin-left: 10px;
margin-bottom: 0px;
}

h2{
font-family : Arial;
font-size: 24px;
color: #333333; 
text-decoration: none; 
font-weight: normal;
margin: 0px;
}

h3{
font-family : Arial;
font-size: 11px;
color: #FFFFFF; 
text-decoration: none; 
font-weight: bold;
margin: 0px;
}


.borderb{
border-bottom: 1px dotted #cccccc;
}


.linktext{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF; 
text-decoration: none; 
font-weight: bold;
}

.linktext_underlined{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: gray; 
text-decoration: underline;
}

.grey_text{
font-family :Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #A3A3A3; 
font-weight: bold;
}


b {
font-family :Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000; 
text-decoration: none; 
font-weight: bold;
}

.h_title{
margin-left: 5px;
font-size : 8.0em;
}

td {
	color : #000000;
	line-height: 16px;
	font-size : 11px;
	font-family:Arial, Helvetica, sans-serif;
}

.pagecontent{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
}

.white_brcr{
margin-left: 18px;
color : #FFFFFF;
font-size : 11px;
font-family : Arial;
}


/* hoofdmenu item --> horizontaal */
.hoofdmenuitem,
.hoofdmenuitem:hover,
.hoofdmenuitem-active,
.hoofdmenuitem-active:hover {
	font-family: Arial, Helvetica, sans-serif;
    padding: 3px 0px 3px 4px;
	color: #FFFFFF;
	font-size:11px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}

.hoofdmenuitem:hover,
.hoofdmenuitem-active,
.hoofdmenuitem-active:hover {

	color: #FDB515;
	
}


/* --------------------- menu items - begin ----------------- */
.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
    font-family: Arial, Helvetica, sans-serif;
    padding: 3px 0px 3px 4px;
	color: #566F7D;
	background-color:#EAEAEA;
	font-size:10px;
    font-weight:normal;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;

}

.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {

	color: #FDB515;
	
}
/* --------------------- menu items - end ----------------- */


/* --------------------- branche of submenu items - begin ----------------- */

.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
	padding: 2px 8px 3px 8px;
	font-size:10px;
	color:		#FFCC00;
	background-color:#EAEAEA;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	
}
/* --------------------- branche of submenu items - end ----------------- */


.ddmx .arrow:hover {
	color:		#993300;
	font-size:10px;
	background-color:#EAEAEA;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.ddmx .item2 img,
.ddmx .item2-active img{
    position: absolute;
    top: 3px;
    right: 1px;
    border: 0;
}


/*------------------- table border of submenu items - begin -----------------------*/
.ddmx .section {
    border: 1px solid #9F9F9F;
    background-color: #FFFFFF;
	position: absolute;
    visibility: hidden;
    z-index: -1;
}
/*------------------- table border of submenu items - end -----------------------*/

.ddmx .bottom,
.ddmx .bottom:hover {
    border-bottom: 1px solid ;
}


* html .ddmx td { position: relative; } /* ie 5.0 fix */



div.social a {
float:left;
height:32px;
margin-left:13px;
margin-right:13px;
text-indent:-9999px;
width:32px;
}
div.social a.facebook {
  background:url("../siteimages/facebook.png") no-repeat scroll 0 0 transparent;
}
div.social a.linkedin {
  background:url("../siteimages/linkedin.png") no-repeat scroll 0 0 transparent;
}
div.social a.youtube {
  background:url("../siteimages/youtube.png") no-repeat scroll 0 0 transparent;
}
div.social a.twitter {
  background:url("../siteimages/twitter.png") no-repeat scroll 0 0 transparent;
}
div.social a.flickr {
  background:url("../siteimages/flickr.png") no-repeat scroll 0 0 transparent;
}