/* ALGEMENE CSS */

html { 
  height: 100%;
  SCROLLBAR-FACE-COLOR: #27704E; 
  SCROLLBAR-HIGHLIGHT-COLOR: #F2E6C7; 
  SCROLLBAR-SHADOW-COLOR: #F2E6C7; 
  SCROLLBAR-3DLIGHT-COLOR: #27704E; 
  SCROLLBAR-ARROW-COLOR: #F2E6C7; 
  SCROLLBAR-TRACK-COLOR: #F2E6C7; 
  SCROLLBAR-DARKSHADOW-COLOR: #27704E; 
  SCROLLBAR-BASE-COLOR: #F2E6C7;
  overflow: hidden;
}

body 
{
	height:100%;
	margin:0px;
	padding:0px;
	border-left:0px;
	border-right:0px;
				
	background-color: #1D4734;
	background-image: url(../images/background/back_green.jpg);
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
}

img 
{
	border: 0px;
}

.divContentLeftContent2 .noborder 
{
	border: 0px;
}

.divContentRightContent .noborder 
{
	border: 0px;
}

.table100p 
{
	width: 100%;
}

a:link {
	color: #F2E6C7;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}
a:hover {
	color: #FFFFCC;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
}
a:active {
	color: #FFFFCC;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
a:visited {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.divContentRightContent a:link {  color: #002412; text-decoration: underline; }
.divContentRightContent a:hover {  color: #002412; text-decoration: underline; }
.divContentRightContent a:active {  color: #002412; text-decoration: underline; }
.divContentRightContent a:visited {  color: #002412; text-decoration: underline; }


/* MAIN STRUCTURE */

#divTop {
	width:100%; 
	height:90px; 
	z-index:1;
}

#divContent 
{
	position: absolute;
	top: 90px;
	width:100%;
	bottom: 120px;
}
#divBottom
{
	background-color: #1D4734;
	background-image: url(../images/background/back_green_bottom.jpg);
	width:100%;
	position:absolute;
	bottom: 0px;
	height: 120px;
}

/* CONTENT CSS */

.tdContentLeft {
    width: 40%;
    vertical-align: top;
	background-color: #012312;
    position: absolute;
    top: 0px;
    bottom: 0px;
    display: block;
    float: left;
}
.divContentLeftTop 
{
	height: 40px;
}
.divContentLeftMiddle 
{
    background-image: url(../images/background/achter_menu_welkom.gif);
    position: absolute;
    top: 40px;
    bottom: 0px;
    width: 100%;
}
.divContentLeftMenu 
{
	color: White;
	width: 50%;
	float: left;
    top: 00px;
    display: block;
}
.divContentLeftContent 
{
	color: White;
	width: 50%;
	float: right;
    position: absolute;
    top: 0px;
    bottom: 0px;
    display: inline;
    overflow:hidden;
    overflow-y: auto;
}

.divContentLeftContent2
{
	color: White;
	width: 100%;
	float: right;
    position: absolute;
    top: 0px;
    bottom: 0px;
    display: inline;
    overflow:hidden;
    overflow-y: auto;
}

.divContentLeftContent img, .divContentLeftContent2 img 
{
	border: 1px solid black;
}

.divMiddleAndRight 
{
	width: 57%;
	position: absolute;
    top: 0px;
    bottom: 0px;
	float: right;
	left: 40%;
}
.divRightBorder 
{
	width: 2%;
	position: absolute;
    top: 0px;
    left: 98%;
    bottom: 0px;
	float: right;
	background-color: #012312;
}

.tdContentMiddle {
    vertical-align: top;
    width: 37px;
    background-image: url(../images/background/back_main-left.jpg);
    position: absolute;
    top: 0px;
    bottom: 0px;
    float: left;
}

.tdContentRight {
    vertical-align: top;
    background-image: url(../images/background/back_yellow.jpg);
    background-color: #f2e6c7;
    background-attachment: fixed;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 37px;
    width: 100%;
}
.divContentRightContent 
{
    position: absolute;
    top: 40px;
    width: 96%;
    bottom: 0px;
    overflow: auto;
}
.divContentRightContent img 
{
	border: 1px solid black;
}


/* CONTENT TOP CSS */
.divContentRightTop
{
    height: 40px;
  	color: #27704E;
  	font-weight: bold;
  	text-align: center;
    background-image: url(../images/background/back_main-top.jpg);
}
.divContentRightTopTitle 
{
	padding-top: 4px;
	padding-right: 50px;
}
.divContentMiddleTop 
{
    height: 40px;
    background-image: url(../images/background/back_corner.jpg);
}



/* BOTTOM CSS */

.tblBottom 
{
	margin-top: -86px;
}

#divBottomLeft 
{
	background-image: url(../images/foto_links_onder.jpg);
	background-repeat: no-repeat;
	width: 200px;
	height: 93px;
	position: relative;
	top: 35px;
}

/* MENU */
#ulMenu li, #ulMenu a
{
	color: #ffffcc;
	/*color: #58a980;*/
    text-decoration: none;
	list-style-type: none;
	margin-left: -10px;
	margin-bottom: 20px;
}
#ulMenu a:hover 
{
	color: #ffffcc;
	background-color: #27704e;
}

.divContentRightContent .imgHome
{
	border: 0px;
}



/* CONTENT STYLES */

.style_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #012312;
}
.style_2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #27704E;
}
.style_3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #7CA993;
}
.style_4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #F2E6C7;
}
.style_5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	color: #012312;
}
.style_6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #012312;
}
.style_7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #012312;
	text-decoration: underline;
}
.style_8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #012312;
}
.style_9, .style_9 td, .style_9 th
{
	border: 1px solid #7ca993;
}
.bg27704e 
{
	background-color: #27704e;
}
.tblWelkom 
{
	position: relative;
	top: 40px;
}
.tdWelkomButtonsRight, .tdWelkomButtonsLeft 
{
	padding-top: 50px;
}
.cmsContent 
{
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 100%;
}
.divContent 
{
    position: absolute; 
    left: 23%; 
    top: 30px; 
}
#ctl00_plcContentHolder_ctl00_start 
{
	padding-left: 20px;
	padding-top: 10px;
}
.categoryImage 
{
	padding-right: 40px;
}