/* HTML */
body {
	background-color: #f4f4f4;
	margin:0px;
}

h2 {
	color: #555555;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 2px;
	white-space: nowrap;
	overflow: hidden;
}

input {
	font-size: 12px;
}

a {
	color: #6E6E6E; 
	text-decoration: none; 
	font-family: arial, tahoma, swiss; 
	font-size: 12px; 
	font-weight: normal; 
}

.formTbl {
	width: 575px;
}

a:visited	{color: #6E6E6E;}
a:hover		{color: #01AA50;}
a:active	{color: #6E6E6E;}
a.item:visited {color: #07A3DC;}


#holder {
	margin: 50px 15px 0px!important;
}

ul#accordion a.heading:hover { 
	background: #ADADAD!important;
}

ul#accordion li.ui-accordion-selected a.heading, ul#accordion li.current a.heading 
{ 
	background: #ADADAD!important; 
}

/* Template wrapper */
#middle {
	width: 800px;
	margin-left: 150px;
}

#top {
	text-align:right;
	padding-right:5px;
	padding-top:2px;
}

#top a {
	text-decoration: underline;
}
#header {
	height: 100px!important;
}

img#header {
	border-top: 4px solid #3398D4;
	height: 100px;
}

img#balk {
	width: 16px;
	height: 16px;
}

#headerMenu a:hover	{
	color: #3D3D3D; 
	text-decoration: underline; 
}

#navigatie {
	color:#4e45e0;
	font-size: 12px; 
	margin-bottom: 20px;	
	font-family: Arial, Tahoma, Swiss;
}

#footer #links a:hover {
    color: #01AA50;
}




/* Google includes */
#googlesearch {
	float: right;
	margin: 2px 10px 0 0;
}
#googlesearch input {
	font-size: 10px;
}
#googleLinks {
	width: 583px;
	height: 15px;
	border: 1px solid #CDCDCD;
	margin-bottom: 10px;
	float: left;
}

/* Webadgenda */
#webagenda {
	width: 198px;
	height: 208px;
	border: 1px #CDCDCD solid;
	overflow: hidden;
	margin-bottom: 10px;
}

/* Banners */
#inlineBanners {
	width: 200px;
	height: 200px;
	overflow: hidden;
	margin-bottom: 10px;
}

/* SuckerFish menu voor Bedrijvengids  */
ul.catMenu, ul.catMenu li ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: block;
}

ul.catMenu a {
    display: block;
    margin: 1px;
    margin-top: 0px;
    padding:2px;
    padding-left:4px;
    background-color: #F4F4F4 ;
    font-family:sans-serif;
}

ul.catMenu li {
    float: left;
    width: 100%;
}

ul.catMenu a:hover {
	background-color:#01AA50;
	color:#FFFFFF;
	text-decoration:none;
}


ul.catMenu li:hover ul ul, ul.catMenu li.sfhover ul ul {
    left: -999em;
}
     
ul.catMenu li ul {
    position: absolute;
    width: 133px;
    left: -999em;
}

ul.catMenu li:hover ul, ul.catMenu li.sfHover ul {
    left: auto;
    margin-left: 130px;
    margin-top: -21px;
}      

ul.catMenu li:hover ul, ul.catMenu li li:hover ul, ul.catMenu li.sfhover ul, ul.catMenu li li.sfhover ul {
    left: auto;
    margin-left: 149px;
    margin-top: -31px;
}

ul.catMenu li ul.submenu {
    background-color: #01AA50;
    width: 150px;
    margin-left: 134px;
    margin-top: -38px;
}

ul.catMenu li.title {
    background-color: #CDCDCD;
    color:#6E6E6E;
    font-family: Verdana;
    font-size:11px;
    font-weight:bolder;
    padding: 4px 2px 1px 5px;
    width: 120px;
    margin-bottom: 1px;
}

ul.catMenu li .submenuTitle {
    background-color: #01AA50;
    color:#F4F4F4;
    font-family: Verdana;
    font-size:11px;
    font-weight:bolder;
    
    padding: 1px 0px 1px 2px;  
    width: 147px;
    _width: 148px;
    margin-left: 1px;
    margin-top: 0px;
    margin-bottom: 1px;
}



ul.catMenu li .submenuTitle2 {
    background-color: #01AA50;
    color:#F4F4F4;
    font-family: Verdana;
    font-size:11px;
    font-weight:bolder;
    
    
    padding: 1px 0px 1px 2px;  
    width: 146px;
    _width: 148px;
    margin-left: 1px;
    margin-top: 1px;   
    margin-bottom: 1px;
}





#tabs ul #wijzerLeft {
	background-image: url('/images/generic/tab/lwz.jpg');
}

#tabs ul #wijzerRight {
	background-image: url('/images/generic/tab/rwz.jpg');
}

#tabs {
	border-bottom: 4px solid #626166;
}

#tabs ul li a {
	color: #3D3D3D; 
	
}

#tabs ul .current {
	background-color: #3D3D3D; 
	background-image: url('/images/generic/tab/bgwz.jpg'); 
	color: #FFFFFF;
	margin-left: -2px;
}

#tabs ul .current a {
	color: #FFFFFF; 
}

#tabs ul #handelLeft {
	width: 13px;
	background-image: url('/images/generic/tab/lwz.jpg');
}

#tabs ul #handelRight {
	background-image: url('/images/generic/tab/rwz.jpg');
}

#keyword {
	font-size: 12px;
	margin-bottom: 5px;
}

.titel {
	border: 1px #555 solid;
	padding: 0px 1px;
	text-align:center;
}

.comment {
	width: 150px;
	font-size: 10px;
	text-align: justify;
	padding: 0 5px 0 2px;
	vertical-align: top;
}

li .tuinbouw:hover {
	padding-left: 20px;
}

.tabblad li a.selected{								/* Style voor actieve Tab */
position: relative;
}

.tabblad li a.selected{								/* Style voor actieve Tab */
background: #E3E3E3 url('/images/tabhot.png');
border-bottom-color: #E3E3E3;
padding-bottom: 9px;
font-weight:bold;
}

.tabblad li a.selected:hover{text-decoration: none;}/* Werkbalk hovergedrag van gekozen Tab-link */
.tabcontent					{display:none;}			/* Standaard staan de niet-gekozen Tabs natuurlijk uit, anders wordt het een bende */

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS voor de tabbladen ######### */

.shadetabs{
padding: 74px 0 0 10px;
margin: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /* locatie van de tabbladen boven de menubalk */
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 4px 8px 4px 4px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url('/images/tabout.png') top left repeat-x;
}

.shadetabs a img {
	margin-right: 0px;
	vertical-align:middle;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
	text-decoration: none;
	color: #2d2b2b;
}

.shadetabs li a.selected{ /* Aktieve tabblad */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /* Aktieve tabblad */
	background-image: url('/images/tabhot.png');
	border-bottom-color: #E3E3E3;
	padding-bottom: 9px;
}

.shadetabs li a.selected:hover{ /* Hover op aktieve tabblad */
	text-decoration: none;
}

/* ### Hieronder: Paginacontent van de interne pagina's ### */

/* ### Sleur&pleur ### */
#mainContainer{
	width:600px;
	margin:0 auto;
	text-align:left;
	background-color:#FFF;
}

#dragableElementsParentBox{
	padding: 0px;
}

/* ### Widget titelbalk ### */
.balk {
	height: 20px;
	line-height: 18px;
	border: 0px #cdcdcd solid;
	margin: -2px;
	cursor: move;
}
.balk img			{margin: 1px 1px 0 3px;  border: 0;}
.balk a				{font-size: 12px; margin-left: 5px; font-weight: bold;}
.balk a:link		{color: black; text-decoration: none;}
.balk a:visited 	{color: black; text-decoration: none;}
.balk a:hover		{color: blavk; text-decoration: underline;}
div#tbw {background: #3398D4 url('/images/bg-tbw.png') repeat-x;}
div#tbh {background: #3398D4 url('/images/bg-tbh.png') repeat-x;}
div#tbv {background: #E86B24 url('/images/bg-tbv.png') repeat-x;}
div#tbs {background: #01AA50 url('/images/bg-tbs.png') repeat-x;}
div#tvg {background: #A21D59 url('/images/bg-tvg.png') repeat-x;}

/* ### Widget content ### */
.hoofditem {
	float: left;
	font-size: 11px;
	min-height: 75px;
	margin-top: 2px;
}
.hoofditem img		{max-height: 50px; margin: 0 3px 0 0;}
.hoofditem a 		{font-size: 12px; font-weight: bold;}
.hoofditem a:link	{color: #005577; text-decoration: none;}
.hoofditem a:visited{color: #005577; text-decoration: none;}
.hoofditem a:hover	{color: #01AA50; text-decoration: underline;}

.feeditem {
	border-top: 1px #cdcdcd dotted;
	float: left;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: white url('/images/bullet.png') no-repeat left center;
}
.feeditem a {
	font-size:	11px;
	line-height:14px;
	padding:	1px 0 1px 14px;
}
.feeditem a:link	{color: #005577; text-decoration: none;}
.feeditem a:visited {color: #005577; text-decoration: none;}
.feeditem a:hover	{color: #01AA50; text-decoration: underline;}

.rssitem {
	border-top: 1px #cdcdcd dotted;
	float: left;
	width: 100%;
	overflow: hidden;
	background: url('/images/bullet.png') no-repeat 0 4px;

}
.rssitem a {
	font-size:	11px;
	padding:	3px 0 3px 14px;
	display:	block;
	line-height:12px;
}
.rssitem a:link		{color: #005577; text-decoration: none;}
.rssitem a:visited	{color: #005577; text-decoration: none;}
.rssitem a:hover	{color: #01AA50; text-decoration: underline;}

#rssbox {
	height: 122px;
	margin: 2px -3px -2px 0;
	overflow: hidden;
}

.smallArticle,.bigArticle{
	float:left;
	overflow: hidden;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
	background-color: white;
	padding: 2px;
	margin-right:10px;
	margin-bottom:10px;
	cursor: default;
}
.smallArticle img,.bigArticle img{
	float:left;
	padding:1px;
}
.smallArticle .rightImage,.bigArticle .rightImage{
	float:right;
}
.smallArticle	{width:281px;}
.bigArticle		{width:579px;}
.clear			{clear:both;}

#weerbericht {
	width: 573px;
	min-height: 110px;
	padding: 5px;
	background: #EEFFFF url('/images/meteo-bg.jpg'); 
	border: 1px solid #cdcdcd;
	text-align: justify;
	margin-bottom: 10px;
}
#weerbericht h2 {
	color: black;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: -10px;
}
#knmi {
	font-size: 12px;
}
#meteobox {
	background: #f4f4f4;
}
#weersticker {
	float: right;
	margin-left: 7px;
	height: 100px;
	width: 230px;
}

/* ### VEREISTE CSS, dus afblijven met je poten ### */

#rectangle{
	float:left;
	border:1px dotted #F00;
	background-color:#FFF;
}
#insertionMarker{	/* Afblijven! */
	width:6px;
	position:absolute;
	display:none;
}
#insertionMarker img{	/* Afblijven! */
	float:left;
}		
#dragDropMoveLayer{	/* Dragable layer - Not need if you're using 'rectangle' mode */
	position:absolute;
	display:none;
	border:1px solid #000;
	filter:alpha(opacity=50);	/* 50% opacity , i.e. transparency */
	opacity:0.5;	/* 50% opacity , i.e. transparency */

}

span.feed_unactive {
	color: #999;
	font-style: italic;
    display: block;
    margin-top: 50px;
    text-align: center;
}