/* REGULAR COMMANDS */
html{ height: 100%;}
body{ height: 100%; min-height: 100%; margin:0px; padding:0px; color:#484848; font-size:0.8em; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration:none; background:url(../images/bg.jpg) repeat-x #FFF;}
body a{ text-decoration:underline; color:#678300; font-weight:bold;}
body a:hover{ text-decoration:underline; color:#d77700; font-weight:bold;}
img.copyright{border:0px; display:inline; vertical-align:top; margin-top:-12px;}

.clear{clear:both;} img{border:0px; display:block;} ul{list-style:none; margin:0px; padding:0px;}

/* HOMEPAGE */

#container{ position:relative; width:998px; background:url(../images/bg_content.jpg) repeat-y; margin:0 auto; height:auto !important; height:100%; min-height:100%;}
#container #inner{ position:relative; width:874px; padding:0px 62px 0px 62px; background:url(../images/bg_inner.jpg) no-repeat;}

#container #inner #top{ width:874px; margin:0px 0px 2px 0px; position:relative; background:url(../images/header/index.php) no-repeat; height:331px;}
#container #inner #top #head{ width:874px; height:94px; position:absolute; top:0px; left:0px; z-index:1; background:url(../images/bg_top.png) no-repeat;}
#container #inner #top #head a{ text-indent:-9999px; width:130px; height:68px; float:right; display:block; cursor:pointer; margin:0px 10px 0px 0px;}
#container #inner #top #logo{ width:199px; height:124px; position:absolute; top:0px; right:0px; z-index:2; background:url(../images/logo.png) no-repeat;}
#container #inner #top #menu{ width:252px; height:261px; position:relative; z-index:100; }
#container #inner #top #menu ul{ width:252px; height:261px; z-index:101; margin:0px; padding:70px 0px 0px 0px;}
#container #inner #top #menu ul li{ display:block; width:252px; height:29px; }
#container #inner #top #menu ul li a{ display:block; width:252px; height:29px; text-indent:-3333px; z-index:103; position:relative;}
	#container #inner #top #menu ul li.bruin a{ background-image:url(../images/bg_btn1.png); width:252px; height:29px; }
	#container #inner #top #menu ul li.oranje a{ background-image:url(../images/bg_btn2.png); width:252px; height:29px; }
	#container #inner #top #menu ul li.donkerg a{ background-image:url(../images/bg_btn3.png); width:252px; height:29px; }
	#container #inner #top #menu ul li.donkerr a{ background-image:url(../images/bg_btn4.png); width:252px; height:29px; }
	#container #inner #top #menu ul li.blauw a{ background-image:url(../images/bg_btn5.png); width:252px; height:29px; }
	#container #inner #top #menu ul li.grijs a{ background-image:url(../images/bg_btn6.png); width:252px; height:29px; }
	#container #inner #top #menu ul li.groen a{ background-image:url(../images/bg_btn7.png); width:252px; height:29px; }
	#container #inner #top #menu ul li.rood a{ background-image:url(../images/bg_btn8.png); width:252px; height:29px; }
	#container #inner #top #menu ul li.donkerb a{ background-image:url(../images/bg_btn9.png); width:252px; height:29px; }

	#container #inner #top #menu ul li a:hover{ filter:alpha(opacity=80); opacity:0.8; }

#container #inner #top #menu ul li a em{ width:252px; height:29px; display:block; cursor:hand;}

#container #inner #left{ width:567px; padding:24px 27px 120px 27px; float:left; background:url(../images/bg_left.jpg) no-repeat; }
#container #inner #left h1{ margin:0px; padding:0px 0px 42px 0px; font-size:1.6em;}
#container #inner #left h2{ margin:0px; padding:0px 0px 0px 0px; font-size:1.5em;}
#container #inner #left h3{ margin:0px; padding:0px; font-size:1.4em;}
#container #inner #left h4{ margin:0px; padding:0px; font-size:1.3em;}
#container #inner #left h5{ margin:0px; padding:0px; font-size:1.2em;}
#container #inner #left p{ margin:0px; padding:0px 0px 18px 0px; line-height:20px;}

#container #inner #left ul{ margin:0px 0px 0px 16px; padding:0px 0px 18px 0px; list-style-type:disc; list-style-position:outside;}
#container #inner #left ul li{ margin:0px; padding:0px 0px 0px 0px;}
#container #inner #left ul li a{ margin:0px; padding:0px 0px 0px 0px;}

#container #inner #left ul.deelnemers{ margin:0px 0px -1px 0px; padding:0px; list-style:none;}
#container #inner #left ul.deelnemers li{ position:relative; float:left; display:block; width:188px; height:204px;}
#container #inner #left ul.deelnemers li a{ text-decoration:none; position:relative; float:left; display:block; width:188px; height:204px; background:url(../images/bg_deelnemer.png) no-repeat;}
#container #inner #left ul.deelnemers li a em{ font-style:normal; display:block; width:119px; height:141px; z-index:50;}
#container #inner #left ul.deelnemers li a img{ border:1px solid white; position:absolute; width:119px; height:141px; top:29px; left:34px; z-index:51; }
#container #inner #left ul.deelnemers li a em span{ text-align:center; cursor:pointer; color:#000; text-decoration:none; display:block; width:109px; height:18px; font-size:0.95em; padding:6px 0px 0px 0px; filter:alpha(opacity=80); opacity:0.8; background:#f8981d; position:absolute; bottom:38px; left:40px; z-index:60; }
#container #inner #left ul.deelnemers li a em span:hover{ background:#789307;}

#container #inner #left .row{line-height:37px;}
#container #inner #left .row .row_one{width:150px; float:left;}
#container #inner #left .row .row_two{width:150px; float:left;}
#container #inner #left .row .row_four{width:250px; float:left;}

#container #inner #right{ width:251px; padding:0px 0px 120px 0px; float:right; }
#container #inner #right .blok{ padding:0px 0px 2px 0px; font-size:0.95em; }
#container #inner #right .blok img{ border:1px solid #7d7d7d; margin:3px 0px 6px 0px }
#container #inner #right .blok h2{ position:relative; width:251px; height:29px; display:block; text-indent:-3333px; margin:0px 0px 3px 0px;}
#container #inner #right .blok h2.nieuws{ background:url(../images/h2_nieuws.jpg) no-repeat;}
#container #inner #right .blok h2.product{ background:url(../images/h2_product.jpg) no-repeat;}
#container #inner #right .blok h2.deelnemer{ background:url(../images/h2_deelnemer.jpg) no-repeat;}
#container #inner #right .blok h2.tekoop{ background:url(../images/h2_tekoop.jpg) no-repeat;}
#container #inner #right .blok h2.twitter{ background:url(../images/h2_twitter.jpg) no-repeat;}

#container #inner #right .blok ul#nieuws{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#container #inner #right .blok ul#nieuws li{ display:block; height:31px; width:251px; }
#container #inner #right .blok ul#nieuws li a{ text-decoration:none; color:#383838; text-indent:12px; line-height:31px; display:block; height:31px; width:251px; background:url(../images/bg_li.jpg) no-repeat; }
#container #inner #right .blok ul#nieuws li a span{ position:absolute; display:hidden; height:0px; width:1px; display:block; float:left; text-indent:-3333px;}
#container #inner #right .blok ul#nieuws li span{ position:absolute; display:hidden; height:0px; width:1px; display:block; float:left; text-indent:-3333px;}
#container #inner #right .blok ul#nieuws li p{ margin:0px; padding:0px;}
#container #inner #right .blok ul#nieuws li em{ font-style:normal;}
#container #inner #right .blok ul#nieuws li a:hover em{ padding:0px 0px 0px 8px;}

#container #inner #right .blok ul#tekoop{ margin:0px; padding:0px 0px 0px 0px;}
#container #inner #right .blok ul#tekoop li { display:block; height:31px; width:251px; }
#container #inner #right .blok ul#tekoop li a{ text-decoration:none; color:#383838; text-indent:12px; line-height:31px; display:block; height:31px; width:251px;}
#container #inner #right .blok ul#tekoop li.een a{ background:url(../images/1.jpg) no-repeat; }
#container #inner #right .blok ul#tekoop li.twee a{ background:url(../images/2.jpg) no-repeat; }
#container #inner #right .blok ul#tekoop li.drie a{ background:url(../images/3.jpg) no-repeat; }
#container #inner #right .blok ul#tekoop li.vier a{ background:url(../images/4.jpg) no-repeat; }
#container #inner #right .blok ul#tekoop li.vijf a{ background:url(../images/5.jpg) no-repeat; }
#container #inner #right .blok ul#tekoop li.zes a{ background:url(../images/6.jpg) no-repeat; }
#container #inner #right .blok ul#tekoop li.zeven a{ background:url(../images/7.jpg) no-repeat; }
#container #inner #right .blok ul#tekoop li.acht a{ background:url(../images/8.jpg) no-repeat; }
#container #inner #right .blok ul#tekoop li a:hover{ text-indent:18px;}

#container #inner #right .blok .twitter{ padding:3px 0px 0px 12px; }
#container #inner #right .blok .twitter img{ border:0px; float:left; }
#container #inner #right .blok .twitter span{float:left; display:block; padding:2px 0px 0px 10px;}
#container #inner #right .blok .twitter p{ display:block; margin:0px; padding:0px 0px 18px 0px; font-size:0.95em;  line-height:20px; }
#container #inner #right .blok .twitter p a{ color:#18a0c6; }


#container #inner #right .blok em a{ text-align:right; display:block; color:#678300; line-height:29px; padding:0px 10px 0px 0px; font-size:0.9em; font-style:normal; margin:2px 0px 0px 0px; width:241px; height:29px; background:url(../images/bg_link.jpg) no-repeat;}
#container #inner #right .blok em.white a{ color:#383838; background:none; line-height:14px;}
#container #inner #right .blok .space{ position:relative; padding:0px 12px 0px 12px; }
#container #inner #right .blok .space strong{ display:block; }
#container #inner #right .blok .space img{ display:block; float:left; }
#container #inner #right .blok .space p{ float:right; display:block; width:148px; margin:0px; padding:0px 0px 14px 0px;}
#container #inner #right .blok strong{ line-heiht:24px; padding:3px 0px 3px 0px; display:block; }
#container #inner #right .blok .kader{ width:241px; height:61px; padding:4px 10px; background:url(../images/bg_blok.jpg) no-repeat;}
#container #inner #right .blok .kader span{ font-size:0.9em; }
#container #inner #right .blok .kader p{ font-size:0.9em; margin:0px; padding:0px; font-weight:bold; color:#678300; }

#container #inner #left ul#nieuws{list-style:none; padding:0px; margin:0px; }
#container #inner #left ul#nieuws li { display:block; height:36px; }
#container #inner #left ul#nieuws li a{ display:block; }
#container #inner #left ul#nieuws li a span{ display:block; float:left; margin:0px; font-weight:normal; padding:0px 80px 0px 0px; text-decoration:none; color:#000; }
#container #inner #left ul#nieuws li a em{ display:block; float:left; text-style:normal; }

#container #inner #left img.keten{margin:0px 0px 0px -9px;}

#container #footer{ z-index:1000; margin:0px 0px 0px 62px; width:874px; height:45px; padding:74px 0px 0px 0px; font-size:0.95em; background:url(../images/bg_footer.jpg) no-repeat;  position:absolute; bottom:0; overflow: block;}
#container #footer p{ margin:0px; padding:14px 12px 0px 0px; float:right; display:block; color:#fff;}
#container #footer p a{ color:#fff;}
#container #footer em{float:left; display:block; font-style:normal; color:#000; padding:0px 0px 0px 12px;}
#container #footer em span{float:left; display:block; z-index:100; padding:2px 0px 0px 0px; line-height:18px;}
#container #footer em a{color:#000; text-decoration:none;}
#container #footer em img{ padding:0px 8px 0px 0px; float:left; }