/* 
Copyright: Digipoint 2007. 
This website is (c) Copyright Digipoint 2007. All Rights Reserved. 
PLEASE DO NOT STEAL THIS DESIGN, THE GRAPHICS OR ANY OF ITS TEXTUAL CONTENT.

- - - - - - - - - - - - - - - - - - - - - - - - - 

WIDTH SCHEME :: container:974px met een padding links/rechts van 28px   :: LeftPane:192px  ::  ContentPane:733px  :: 
COLOR SCHEME :
menu item gray: #4f5053
menu item over green: #51962b
menu item active blue: #00356b

- - - - - - - - - - - - - - - - - - - - - - - - - 
*/
/*Resets en library*/
html, body{height:100%; margin:0;}
html{ overflow-y:scroll}

a:active, :focus{outline:none; -moz-outline: none;}
h1,h2,h3,h4,h5,h6, p{margin:0;}
h3 { margin-top:10px; text-transform:capitalize;}
h1 { text-transform:uppercase; }
ul{margin:5px 15px 5px;!important padding:7px 0; list-style-type:square;}
ul li { line-height:18px;!important }
input, textarea {padding:0 3px; margin:0px;}
img, a img{border:0;}

.NoDisplay{display:none!important;}
.Display{display:block;}
.NoFloat{float:none!important;}
.AlignLeft{text-align:left;}
.AlignRight{text-align:right;}
.AlignCenter{text-align:center;}
.ClearBoth {clear:both}
.Spacer{float:left; display:block; background:transparent; width:1px}
.Small{font-size:9px;}
.Print{display:none;}
.FloatLeft{display:block; float:left;}
img.FloatLeft{margin:0 7px 7px 0}
.FloatRight{display:block; float:right;}
img.FloatRight{margin:0 0px 7px 7px}

.ClearGapLeft{margin-left:0px!important; padding-left:0px!important;}
.ClearGapRight{margin-right:0!important; padding-right:0!important;}

/*setup*/
body{background:#ccc url(../images/back_shade.jpg) repeat-x; font:12px/14px Arial, Helvetica, sans-serif; color:#333;}
h1{font:bold 16px/18px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#00356b; letter-spacing:1px; margin-bottom:10px}
h2{font:bold 14px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#00356b; letter-spacing:1px; margin-bottom:7px; margin-top:10px;}
h3{font:bold 12px/14px Arial, Helvetica, sans-serif; color:#00356b; margin-bottom:5px}
p{font:12px/14px Arial, Helvetica, sans-serif; color:#333; margin:0; text-align:justify; margin-top:7px; margin-bottom:7px; line-height:18px;}
ul li{font:12px/14px Arial, Helvetica, sans-serif; color:#333;!important }
ol li{font:12px/14px Arial, Helvetica, sans-serif; color:#333;!important }
a{color:#51962b} 
a:hover {color:#00356b} 
a:active {color:#00356b}
.link{
	font-weight:bold;
}
a.link {color:#00356b} 
a.link:hover {color:#51962b} 

.more{
	font-size:11px;
	font-weight:bold;
}
a.more{color:#51962b} 
a.more:hover {color:#00356b} 
a.more:active {color:#00356b}

.imageL{
	float:left;
	border:1px solid #999;
	margin:0 15px 0 0;
}
.imageR{
	float:right;
	border:1px solid #999;
	margin:0 0 0 15px;

}
#container974{
	width:974px; 
	margin:auto;
	background:url(../images/back_content.jpg) repeat-y;
}

#HomeSlideOne { width:330px; height:500px; background-color:#FF0000; }

/* foto header */

#headerMain { width:974px; height:310px; float:left; }
#headerLeft { width:356px; height:310px; float:left; }
#headerCenter { width:240px; height:310px; background-image:url(../images/headerCenter.jpg); float:left;background-repeat:no-repeat  }
#headerRight { width:378px; height:200px;float:left ; }

#headerSub { width:974px; height:237px; float:left; }
#headerLeftSub { width:404px; height:237px; background-image:url(../images/headerLeftSub.jpg); float:left;background-repeat:no-repeat  }
#headerCenterSub { width:168px; height:237px; background-image:url(../images/headerCenterSub.jpg); float:left;background-repeat:no-repeat  }
#headerRightSub { width:402px; height:120px;background-image:url(../images/headerRightSub.jpg); float:left ;background-repeat:no-repeat  }

#headerCenterSub a { display:block; width:168px; height:180px;}

/* end foto header */

#leftPane{
	float:left;
	width:301px;
}
#rightPane{
	float:left;
	margin:0 35px 20px 58px;
	width:350px;
	/*float:left;
	margin:0 70px 20px 58px;
	width:520px;*/

}
#QuickMenu_home{
float:right;
	width:378px;
	height:110px;
	background:url(../images/headerSubRight.jpg) no-repeat;
}

* html #QuickMenu_home {float:none;margin-left:596px;margin-top:-110px;}

#QuickMenu_home a {
width:70px;
display:block;
margin-right:3px;
margin-left:250px;
}

#QuickMenu a {
margin-left:250px;
}

#QuickMenu{
	float:right;
	width:402px;
	height:117px;
	background:url(../images/headerSubRightSub.jpg) no-repeat;
}
.meta{
display:block;
width:70px;
	padding-left:20px; 
	margin-right:10px;
}
a.meta{color:#006699; text-decoration:none; font-weight:bold} 
a.meta:hover {color:#0099CC; text-decoration:none; font-weight:bold} 
a.meta:active {color:#0099CC; text-decoration:none; font-weight:bold}
#footer{
	background:url(../images/back_bottom.jpg) no-repeat;
	width:974px;
	height:100px;
}
#footer p{
margin-top:15px;
	text-align:center;
	font-size:10px;
	color:#999;
}
#footer a{
	font-size:10px;
	color:#999;
}
#menu{

	margin:0 0 0 40px;
	width:261px;
	text-align:right;
}
#tagline{
	margin:15px 0 0 22px;
}
#members{
	margin:0 0 0 22px;
	padding:50px 0 0 42px;

	background-image:url(../images/members.jpg);
	background-repeat:no-repeat;
}
#menu a{
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight:bold;
	font-size:12px;
	line-height:21px;
	letter-spacing:1px;
	text-decoration:none;
	color:#4f5053;
}
#menu a:link,#menu a:visited{color:#4f5053;} 
#menu a:hover {color:#51962b} 
#menu a:active {color:#51962b}
#menu .subactive {color:#51962b}

.active{
	font:bold 12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	letter-spacing:1px;
	text-decoration:none;
	margin:0;
	padding:0;
	color:#51962b!important;
	text-align:right;
}

#menu .subactive {
	font:12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	letter-spacing:1px;
	text-decoration:none;
	margin:0;
	padding:0;
	text-align:right;
	color:#51962b!important;
	text-transform:none!important;
	margin-right:10px;
}

.submenu{
text-transform:none!important;
	margin:0;
margin-right:10px;
}

#menu a.submenu {
	font:bold 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	text-decoration:none;
	color:#999;
	letter-spacing:1px;
	text-align:right;
}


#menu p
{
	color: #00ff99;
	line-height: 12pt;
}


#menu a:link.submenu,#menu a:visited.submenu{color:#999;} 
#menu a:hover.submenu {color:#51962b; } 
#menu a:active.submenu {color:#51962b}

li a.submenu { background-image:url(../images/submenu_bullet.jpg); background-repeat:no-repeat; background-position:right; padding-right:7px;}
li a.subactive { background-image:url(../images/submenu_bullet_active.jpg); background-repeat:no-repeat; background-position:right; padding-right:7px!important; font-weight:bold!important }

a.FAQquestion { display:block; text-decoration:none; font-weight:bold; color:#00356b; margin-top:10px; }
a.FAQquestion:hover { color:#51962b; cursor: pointer;}
.FAQanswer {display:none; margin-bottom:10px; margin-top:5px; margin-left:10px;line-height:18px; }
.FAQlist { font-size:14px; }


ul li strong { color:#51962b; }
ul li { margin-top:5px; }

.blue { color:#00356b; }
.green { color:#51962b ;}
.label {color:silver; }

/* WITH LISTS */

#menu ul { list-style-type:none; margin:0; padding:0;}
#menu ul li { margin:0; padding:0;}

/*¨submenu */
#menu ul ul { list-style-type:none;margin:0; padding:0; margin-bottom:4px; li}
#menu ul ul li {margin:0; padding:0; }

/* MEMBERS HOMEPAGE*/

a.membersLink { width:70px; height:60px; display:block; float:left; text-indent:-1000px; margin-left:1px; margin-right:1px }

#ML1 { background-image:url(../images/members/bonaryarns.jpg); }
#ML1:hover { background-image:url(../images/members/o_bonaryarns.jpg); }

#ML2 { background-image:url(../images/members/desso.jpg);}
#ML2:hover { background-image:url(../images/members/o_desso.jpg);}

#ML3 { background-image:url(../images/members/DOMO.jpg); }
#ML3:hover { background-image:url(../images/members/o_DOMO.jpg); }

#ML4 { background-image:url(../images/members/edel.jpg); }
#ML4:hover { background-image:url(../images/members/o_edel.jpg); }

#ML5 { background-image:url(../images/members/fieldturf.jpg); }
#ML5:hover { background-image:url(../images/members/o_fieldturf.jpg); }

#ML6 { background-image:url(../images/members/greenfields.jpg); }
#ML6:hover { background-image:url(../images/members/o_greenfields.jpg); }

#ML7 { background-image:url(../images/members/lano.jpg); }
#ML7:hover { background-image:url(../images/members/o_lano.jpg); }

#ML8 { background-image:url(../images/members/limonta.jpg); }
#ML8:hover { background-image:url(../images/members/o_limonta.jpg); }

#ML9 { background-image:url(../images/members/mondo.jpg); }
#ML9:hover { background-image:url(../images/members/o_mondo.jpg); }

#ML10 { background-image:url(../images/members/poligras.jpg); }
#ML10:hover { background-image:url(../images/members/o_poligras.jpg); }

#ML11 { background-image:url(../images/members/polytan.jpg); }
#ML11:hover { background-image:url(../images/members/o_polytan.jpg); }

#ML12 { background-image:url(../images/members/radiagroup.jpg); }
#ML12:hover { background-image:url(../images/members/o_radiagroup.jpg); }

#ML13 { background-image:url(../images/members/saltex.jpg); }
#ML13:hover { background-image:url(../images/members/o_saltex.jpg); }

#ML14 { background-image:url(../images/members/tencate.jpg); }
#ML14:hover { background-image:url(../images/members/o_tencate.jpg); }

#ML15 { background-image:url(../images/members/tigerturf.jpg); }
#ML15:hover { background-image:url(../images/members/o_tigerturf.jpg); }

#page__contentRegion1_ctl00_gridMembers a { text-decoration:none; text-transform:capitalize  }
#page__contentRegion1_ctl00_gridMembers td { border:1px solid #eee;}
#page__contentRegion1_ctl00_gridMembers th { border:1px solid #eee; color:#00356b; background-color:#eee; }
#page__contentRegion1_ctl00_gridMembers { width:500px; }
.label { width:120px;!important }

#partner{
	margin:0 0 0 22px;
	padding:60px 0 0 42px;
	height:200px;
	background-image:url(../images/partner.jpg);
	background-repeat:no-repeat;
	text-align:center;
}


#partner a.roll{
	background-image:url(../images/partner/stc.jpg);
	display:block;
	width:120px;
	height:40px;
}

#partner a.roll:hover{
	background-position: left -40px;
}
/*SIDEBAR HOMEPAGE*/

#sidebar {
	width:180px;
	float:left;
	}
#sidebar ul {
	list-style-type:none!important;
	list-style-position:outside;
	margin:0;
	padding:0;
	}
#sidebar ul li {
	width:90px;
	float:left;
	display:inline-block;
	}
#sidebar .leaflet {
	margin-bottom:20px;
	float:left;
	}
#sidebar .leaflet img {
	float:left;
	margin-right:8px;
	}
.titlesidebar {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#51962b;
	text-align:left!important;
	font-weight:bold;
	}
#sidebar a{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:12px;
	line-height:21px;
	text-decoration:none;
	color:#4f5053;
}
#sidebar a:link,#sidebar a:visited{color:#4f5053;} 
#sidebar a:hover,#sidebar a:active {color:#51962b} 
#displaybox{position:fixed; top:0px; left:0px; width:100%; height:100%;}
#overlay {
	z-index: 10000;
	filter: alpha(opacity=70); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE */
	-moz-opacity: .70; /*older Mozilla*/
	-khtml-opacity: 0.7;   /*older Safari*/
	opacity: 0.7;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#000000;
	position:fixed; top:0px; left:0px; width:100%; height:100%;
}
#videowindow {position:relative;width:630px;height:445px;background-color:#4B4B4B;border:solid 1px white;margin:100px auto;z-index:10100;}
#closewindow{text-align:right;margin:5px 10px 0 0;}
#video{width:470px;height:264px;margin:65px auto;}


/*END SIDEBAR*/
