div.topbanner
{
	background-image: url("/images/framework/top-banner-surf3.jpg");
	background-position: center;
	background-repeat: no-repeat;
	border:1px solid #142456;
}
div.mainmenu
{
	background-color:#246aa2;
	border-bottom:1px solid #142456;
	border-left:1px solid #142456;
	border-right:1px solid #142456;
}
div.midsection
{
	height:100%;
}
.leftbar
{
	background-color:#142456;
	align:center;

}
div.content
{
	width:704px;
	height:100%;		
	float:left;
	vertical-align:top;
}
.rightbar
{
	background-color:#142456;
	align:center;
}	
div.hspacer	
{
	margin-top:10px;
}
div.menuheader
{
	color:white;
	font-weight:bold;
	background-image: url(/images/framework/header_menu.gif);
	height:20px;
	background-repeat: repeat-x;		
	border: 1px solid white;
	width:132px;
	padding:3px;
}
div.menubody
{	
	color:white;
	font-weight:normal;
	border-left:1px solid white;
	border-right:1px solid white;
	border-bottom:1px solid white;
	width:132px;
}
div.login
{
	background-image: url(/images/icons/key.gif);
	height:26px;
	background-repeat: no-repeat;
	background-position: 4px;
	border: 1px solid white;
	width:132px;
	padding:0px;
	background-color:#246aa2;
	line-height:22px;
	
}

div.login A,div.login a:hover,div.login a:active,div.login a:visited
{
	text-decoration:none;
	width:100%;
	height:100%;
	display:block;
	color:white;
	font-weight:bold;
}
.statusbar
{
	padding:3px;
	text-align:center;
	border:1px solid #142456;
	color:white;
	font-weight:bold;
	background-color:#246aa2;

}
ul.tabs
{
	width:100%;
	list-style-type:none; 
	height:35px;
	margin:0px;
	padding:0px;
}
ul.tabs li
{
	
	text-align:center;
	height:35px;
	width:150px;
	float:left;
	margin:0px;
	padding:0px;
}
ul.tabs li.active a, ul.tabs li.inactive a
{
	padding-top:5px;
	text-decoration:none;
	font-size:14px;
	font-family:verdana;
	color:#36c;
	font-weight:bold;
	height:35px;
	width:150px;
	display:block;
}
ul.tabs li.active
{
	
	background-image: url("/images/framework/tabs/active_big.gif");
	background-position: center;
	background-repeat: no-repeat;
	border-bottom:1px solid white;
			
}
ul.tabs li.inactive
{
	
	background-image: url("/images/framework/tabs/inactive_big.gif");
	background-position: center;
	background-repeat: no-repeat;
	border-bottom:1px solid #b6b6b6;
		
}
ul.tabs li.spacer
{
	background-image: url("/images/framework/tabs/spacer.gif");
	background-position: center;
	background-repeat: no-repeat;
	border-bottom:1px solid #b6b6b6;
}
/* bullshit fix, omdat anders de border van de spacer niet gelijk loopt met de tabs*/
ul.tabs li.spacer a
{
	height:35px;
	display:block;
	visibility:hidden;
}

ul.advcategories
{
	width:100%;
	list-style-type:none; 
	margin:0px;
	padding:0px;
}
ul.advcategories li
{
	width:204px;
	height:154px;
	margin:0;
	padding:0px;
}
ul.advcategories li.windsurfing
{
	
	background-image: url("/images/framework//category_windsurfing.gif");
	background-position: center;
	background-repeat: no-repeat;
			
}
ul.advcategories li.kitesurfing
{
	
	background-image: url("/images/framework//category_kite.gif");
	background-position: center;
	background-repeat: no-repeat;

			
}
ul.advcategories li.surfing
{
	
	background-image: url("/images/framework//category_surfing.gif");
	background-position: center;
	background-repeat: no-repeat;

			
}
ul.advcategories li.surfing a, ul.advcategories li.windsurfing a, ul.advcategories li.kitesurfing a
{
	height:154px;
	width:204px;
	display:block;
}
ul.advsubcategories
{
	width:100%;
	list-style-type:none; 
	margin:0px;
	padding:0px;

}
ul.advsubcategories li
{
	text-align:center;
	width:170px;
	height:28px;
	margin:20px;
	background-image: url("/images/framework/subcat_button.gif");
	background-position: center;
	background-repeat: no-repeat;	
}

ul.advsubcategories li.active a,ul.advsubcategories li.inactive a
{
	padding-top:6px;
	text-decoration:none;
	height:28px;
	width:170px;
	display:block;
	font-size:11px;
	font-family:verdana;
	color:#36c;
	font-weight:bold;
}
ul.advsubcategories li.active
{
	background-image: url("/images/framework//subcat_button_active.gif");
}
ul.advsubcategories li.inactive
{
	background-image: url("/images/framework//subcat_button.gif");
}
.advcat_title
{
	padding-top:10px;
	color:#36c;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}
.middlecolumn
{
	/*background-color:#eeefee;*/
	background-color:#e6f0ff;
	
}