/* @override http://opteon.eu/fileadmin/opteon/css/slide.css */

/* @override http://opteon:8888/fileadmin/opteon/css/slide.css */


/* clearfix */
.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;}


/* sliding panel */
.container_toppanel {
    /*position: absolute;*/
    top: 0px;
    width: 100%;
    height: 135px;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    }



/* sliding panel */
#toppanel {

    position: relative;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0px;
    width: 870px;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
   /* overflow-y: hidden; 
     overflow-x: hidden;

    */  overflow-y: hidden; 
     overflow-x: visible;
  
    }
    


#panel {
	width: 870px;
	height: 133px;
	color: #999;
	background: transparent url(../images/opteon_full_nav_back.png) no-repeat center top;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: block;
	font-size: 8pt;
	line-height: 16pt;
	letter-spacing: 1px;
	text-align: center;
    margin: 0;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    
    }
    
#minipanel{
	width: 860px;
	overflow: hidden;
	position: relative;
	z-index: 5;
	display: block;
	font-size: 9pt;
	line-height: 16pt;
	letter-spacing: 1px;
	text-align: center;
    margin: 0;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    }



#panel .content,  #minipanel .content{
	text-align: center;
    margin-left: auto;
    margin-right: auto;
	width: 695px;
	height: 120px;

	}
	#minipanel .content{

	height: 40px;

	}




div.header {
	position: relative;
	z-index: 1100;
    top: 0px;
    }




div.navigatie.totaal{
	text-align: left;
	position: relative;
	z-index: 1100;
    top: 12px;
    left: 79px;
	background-image: none;
}

div.navigatie.totaal ul {
	position: relative;  
	display:block;
	padding:0px 0px 0px 0px;
	height:34px;
	margin:0px;
	color:#FFFFFF;
	list-style:none;
	list-style-position:outside;
	z-index:10;
	width:100%;
	overflow:visible;
	color: white;
	background: none no-repeat 100% 0px;

}
#minipanel div.navigatie.totaal ul li{
	background: url(../images/whiteline_nav.png) no-repeat 100% 0px;
}
#minipanel div.navigatie.totaal ul li.last{
	background: none no-repeat 100% 0px;
}
div.navigatie.totaal UL LI {
	color: beige;
	padding:0px;
	font-family:Arial;
	font-size:10px;
	line-height:13px;
	overflow:visible;
	font-weight:normal;
	display:block;
	float:left;
	position:relative;
	z-index:10;
	/*left:-1px;*/
	width: 210px;

}
div.navigatie.totaal UL LI.middle {
	width: 240px;
}


div.navigatie.totaal UL LI a, div.navigatie.totaal UL LI a:visited {
	list-style-image: none;
	color: white;
	text-decoration: none;
	font-size: 9px;
	padding-left: 15px;
	font-weight: bold;
}
div.navigatie.totaal UL LI a:hover {
	color: white;
	font-weight: bold;
	font-size: 9px;
	background: none no-repeat 0px;
	}

div.navigatie.totaal UL UL {
	display:block;
	left:1px;
	margin:0px 0px 0px -1px;
	height:auto;
	padding:5px 0px 0px 0px;
	position:absolute;
	background: url(../images/whiteline_nav.png) no-repeat 100% 0px;
}
div.navigatie.totaal UL LI.last UL {
	background: none no-repeat 100% 0px;

}
div.navigatie.totaal UL UL LI a, div.navigatie.totaal UL UL LI a:visited {
	list-style-image: none;
	color: white;
	text-decoration: none;
	font-size: 9px;
	padding-left: 30px;
	font-weight: normal;
	font-style: normal;
}
div.navigatie.totaal UL UL LI a:hover {
	color: white;
	font-size: 9px;
	background: url(../images/yellow_dot_smallestest.png) no-repeat 15px 0 !important;
	background: url(../images/yellow_dot_smallestest.gif) no-repeat 15px 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}