/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

/****    MENU    ****/
/* First level */
.suckertreemenu {
	position:absolute;
	float:left;
	border-top:1px solid #fff;
	width:538px;
	z-index: 1000;
}
.suckertreemenu ul {
	margin: 0;
	padding: 0;
	list-style:none;
	clear:both;
}

.suckertreemenu ul li {
	display:block;
	float:left;
	position:relative;
	/*width:130px;*/
}
/*
.suckertreemenu ul li.column1_li {
	width:100px;
}
.suckertreemenu ul li.column2_li {
	width:110px;
}
.suckertreemenu ul li.column3_li {
	width:200px;
}
.suckertreemenu ul li.column4_li {
	width:130px;
}

*/

.suckertreemenu ul li a {
	display:block;
	height:42px;
	color:#003471;
	padding: 0 15px 0 15px;
	font: bold 1.273em/41px Verdana, Geneva, sans-serif;
}


.suckertreemenu ul li a.column1 {
	background-color:#000;
	/*width:100px;*/
	height:42px;
	float:left;
	font: bold 1.273em/41px Verdana, Geneva, sans-serif;
	text-align:center;
	/*padding: 0;*/
	margin: 0;
	background: url("../images/zwemnav.jpg") repeat-x left top;
}
.suckertreemenu ul li a.column1:hover, .suckertreemenu ul li:hover a.column1 {
	background: url("../images/zwemhover.jpg") repeat-x -6px top;
	/*width:100px;*/
	height:42px;
	float:left;
	text-align:center;
	/*padding: 0;*/
	margin: 0;
}

.suckertreemenu ul li a.column2 {
	/*width:110px;*/
	height:42px;
	float:left;
	font: bold 1.273em/41px Verdana, Geneva, sans-serif;
	text-align:center;
	/*padding: 0;*/
	margin: 0;
	background:url("../images/acconav.jpg") no-repeat left top;
}
.suckertreemenu ul li a.column2:hover, .suckertreemenu ul li:hover a.column2 {
	background: url("../images/fitnesshover.jpg") no-repeat left top;
	/*width:110px;*/
	height:42px;
	float:left;
	text-align:center;
	/*padding: 0;*/
	margin: 0;
}

.suckertreemenu ul li a.column3 {
	/*width:200px;*/
	height:42px;
	float:left;
	font: bold 1.273em/41px Verdana, Geneva, sans-serif;
	text-align:center;
	/*padding: 0;*/
	margin: 0;
	background: url("../images/sportnav.jpg") no-repeat -6px top;
}
.suckertreemenu ul li a.column3:hover, .suckertreemenu ul li:hover a.column3 {
	background: url("../images/sporthover.jpg") no-repeat -6px top;
	/*width:200px;*/
	height:42px;
	float:left;
	text-align:center;
	/*padding: 0;*/
	margin: 0;
}

.suckertreemenu ul li a.column4 {
	/*width:130px;*/
	height:42px;
	float:left;
	font: bold 1.273em/41px Verdana, Geneva, sans-serif;
	text-align:center;
	/*padding: 0;*/
	margin: 0;
	background:url("../images/acconav.jpg") no-repeat left top;
}
.suckertreemenu ul li a.column4:hover, .suckertreemenu ul li:hover a.column4 {
	background: url("../images/accohover.jpg") no-repeat left top;
	/*width:130px;*/
	height:42px;
	float:left;
	text-align:center;
	/*padding: 0;*/
	margin: 0;
}



	

/*2nd Level*/

.suckertreemenu ul li ul {
	position:absolute;
	left: 0;
	top:41px;
	width:165px;
	background:#fff;
	border: 1px solid #f4a73f;
	display:block;
	visibility: hidden;	
	z-index: 1000;
}

.suckertreemenu ul li ul.alignRight {
	position:absolute;
	text-align:right;
}

.suckertreemenu ul li:hover ul {
	display:block;
	clear:both;
}
.suckertreemenu ul li ul li {
	display:list-item;
	float:none
	clear:both;
	background:none;
/*	border: 1px solid #00000;*/
}
.suckertreemenu ul li ul li a, .suckertreemenu ul li:hover ul li a {
	display:block;
	background:#fff;
	clear:both;
	width:165px;
	color: #000;
	font-size: 1em;
	font-weight: normal;
	height: auto;
	margin: 0;
	padding:5px 10px;
	line-height: 13px;
/*	border: 1px solid #FF0000;*/
}
.suckertreemenu ul li ul li a.Arrow, .suckertreemenu ul li:hover ul li a.Arrow {
	background:url("../images/arrow.jpg") no-repeat center right; /*130px 8px;*/
}
.suckertreemenu ul li ul.alignRight li a.Arrow, .suckertreemenu ul li:hover ul.alignRight li a.Arrow {
	background:url("../images/arrowleft.jpg") no-repeat center left; /*130px 8px;*/
}
.suckertreemenu ul li ul li a:hover, .suckertreemenu ul li ul li:hover a {
	font-weight: normal;
	color: #000;
}
.suckertreemenu ul li.column1_li ul li a:hover, .suckertreemenu ul li.column1_li ul li:hover a {
	color: #00aef0;
}
.suckertreemenu ul li.column2_li ul li a:hover, .suckertreemenu ul li.column2_li ul li:hover a {
	color: #663399;
}
.suckertreemenu ul li.column3_li ul li a:hover, .suckertreemenu ul li.column3_li ul li:hover a {
	color: #df851a;
}
.suckertreemenu ul li.column4_li ul li a:hover, .suckertreemenu ul li.column4_li ul li:hover a {
	color: #3e9038;
}



.suckertreemenu ul li.column1_li ul {
	border: 1px solid #00aef0;
}
.suckertreemenu ul li.column2_li ul {
	border: 1px solid #663399;
}
.suckertreemenu ul li.column3_li ul {
	border: 1px solid #df851a;
}
.suckertreemenu ul li.column4_li ul {
	border: 1px solid #3e9038;
}


/*3rd level*/
.suckertreemenu ul li ul li ul, .suckertreemenu ul li:hover ul li ul {
	/*left:150px;*/
	top:-1px;
	display:block;
	visibility: hidden;
	/*width:150px*/;
}
.suckertreemenu ul li ul li:hover ul, .suckertreemenu ul li ul li:hover ul {
	display:block;
}
.suckertreemenu ul li ul li:hover ul li {
	/*width:150px*/;
}
.suckertreemenu ul li ul li:hover ul li a {
	width:160px;
	font-weight:normal;
	background:none;
}
.suckertreemenu ul li ul li:hover ul li a.Arrow {
	background:url("../images/arrow.jpg") no-repeat center right; /*180px 8px;*/
}
.suckertreemenu ul li ul li:hover ul.alignRight li a.Arrow {
	background:url("../images/arrowleft.jpg") no-repeat center left; /*180px 8px;*/
	text-align:right;
}
.suckertreemenu ul li ul li:hover ul li a:hover, .suckertreemenu ul li ul li:hover ul li:hover a, .suckertreemenu ul li ul li ul li a:hover, .suckertreemenu ul li ul li ul li:hover a {
	font-weight:normal;
}

/*4the level*/
.suckertreemenu ul li ul li ul li ul, .suckertreemenu ul li ul li:hover ul li ul {
	display:block;
	visibility: hidden;
	/*left:216px;*/
	/*width:150px*/;
}
.suckertreemenu ul li ul li ul li:hover ul {
	display:block;
	/*width:150px*/;
}
.suckertreemenu ul li ul li:hover ul li:hover ul li, .suckertreemenu ul li ul li ul li:hover ul li {
	/*width:150px*/;
}
.suckertreemenu ul li ul li:hover ul li:hover ul li a, .suckertreemenu ul li ul li ul li:hover ul li a {
	font-weight:normal;
	background:none;
	/*width:150px*/;
}
.suckertreemenu ul li ul li ul li ul li a.Arrow {
	font-weight:normal;
	background:url("../images/arrow.jpg") no-repeat center right;
	/*width:150px*/;
}
.suckertreemenu ul li ul li ul li ul.alignRight li a.Arrow {
	font-weight:normal;
	background:url("../images/arrowleft.jpg") no-repeat center left;
	text-align:right;
	/*width:150px*/;
}
.suckertreemenu ul li ul li:hover ul li:hover ul li a:hover, .suckertreemenu ul li ul li ul li ul li:hover a, .suckertreemenu ul li ul li ul li ul li a:hover {
	font-weight:normal;
}

/*All subsequent sub menu levels offset after 1st level sub menu 
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script 
top: 0;
}

/* Sub level menu links style 
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels
color: navy;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
}

.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}
*/
/*Background image for top level menu list links
.suckertreemenu .mainfoldericon{
background: #F3F3F3 url(media/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links 
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(media/arrow-right.gif) no-repeat center right;
}
*/
* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */