.clear
{
	clear: both;
	height: 0;
	line-height: 0;
}
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix
{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}
/* End hide from IE-mac */
.clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}

/* Panel Tab/button */
.tab
{
	background: url(../../images/slidepanelbg1.png) repeat-x 0 0;
	height: 44px;
	top: 1;
}

.tab ul.login
{
	display: block;
	float: right;
	width: 50px;
}
.tabwrap
{
	width: 1003px;
	margin: 0px auto;
	background: url(../../images/slidedownbg.jpg) no-repeat left top;
	height: 30px;
}

.tab .sep
{
	color: #414141;
}
#toggle
{
	float: right;
	position: relative;
}
.tab a.open, .tab a.close
{
	height: 38px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 10px;
	position: relative;
	top: 11px;
}

.tab a.open
{
	background: url(../../images/arrowDown-trans.png) no-repeat left 0;
}
.tab a.close
{
	background: url(../../images/arrowTop-trans.png) no-repeat left 0;
}


/* sliding panel */
#toppanel
{
	position:relative;
	width: 100%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#panel
{
	width: 100%;
	height: 116px;
	color: #999999;
	overflow: hidden;
	position: relative;
	z-index: 0;
}


.topPanelWrapper
{
	width: 100%;
	height: auto;
	background: #A2BA00 url(../../images/topmainbg.jpg) repeat-x left bottom;
	margin: 0px;
	padding: 0px;
	position: relative;
}
.topPanelTop
{
	width: 1003px;
	height: auto;
	background: url(../../images/slidetopbg.jpg) no-repeat left bottom;
	margin: 0px auto;
}
.topPanel
{
	background: url(../../images/slidedownbg.jpg) no-repeat left bottom;
	width: 974px;
	height: 30px;
	background: none;
	position: relative;
	margin: 0px auto;
}
.panelNav
{
	width: 1003px;
	height: 116px;
}
ul.headerNavigation
{
	width: auto;
	height: 115px;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	list-style: none;
	border: none;
	float: left;
	overflow: hidden;
}
ul.headerNavigation li
{
	float: left;
	height: 101px;
	width: 110px;
	overflow: hidden;
	background: url(../../images/imageHolder-trans.png) no-repeat left top;
	padding: 14px 0px 0px 10px;
	margin-right: 3px;
	margin-top: 8px;
}
ul .headerNavigation li a
{
	margin: 0px;
	padding: 0px;
}
ul .headerNavigation li img
{
	display: block;
	margin: 0px;
	padding: 0px;
}
.headerRight
{
	width: 214px;
	float: right;
	padding: 0px 0px 0px 25px;
	position: relative;
	top: 19px;
	left: 0;
}
.headerRightInside
{
	width: 188px;
	height: 93px;
	padding: 14px 0px 0px 23px;
	background: url(../../images/herinneringen-trans.png) no-repeat left top;
}
.icon
{
	width: 29px;
	height: 25px;
	position: absolute;
	left: 180px;
	z-index: 9;
}
.icon a
{
	padding: 0px;
	margin: 0px;
}
.icon a img
{
	margin: 0px;
	padding: 0px;
	display: block;
}
.headerRightInside h1
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #7b9900;
	padding: 4px 0px 10px 0px;
}

.headerRightInside ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
	background: none;
}
.headerRightInside ul li
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.headerRightInside ul li a
{
	color: #6b6b6c;
	position: relative;
	line-height: 20px;
	position: relative;
}
.headerRightInside ul li a:hover
{
	color: #6b6b6c;
}
.panelDown
{
	width: 948px;
	height: 30px;
	padding: 0px 0px 0px 32px;
}
.inLogin
{
	width: 500px;
	float: left;
	padding: 5px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px;
}
.inLogin h1
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight:normal;
	color: #FFFFFF;
	padding: 0px 0px 0px 44px; 
	*line-height:0;


}
.arrow
{
	width: 38px;
	height: 40px;
	position: absolute;
	right: -25px;
	bottom: -25px;
	cursor: pointer;
	z-index: 999;
}
.arrow a
{
	width: 38px;
	height: 40px;
	display: block;
	background: url(../../images/arrowDown-trans.png) no-repeat left top;
}
.arrow a:hover
{
	width: 38px;
	height: 40px;
	display: block;
	background: url(../../images/arrowTop-trans.png) no-repeat left top;
}
