Team:TU Eindhoven/Style:NavPanelNotebook

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
   {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}

article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section 
   {display: block;}

ol,ul
   {list-style:none;margin:0;padding:0;}

blockquote,q
   {quotes:none;}

blockquote:before,blockquote:after,q:before,q:after
   {content:'';content:none;}
table
   {border-collapse:collapse;border-spacing:0;}

/* Removing iGEM style */

#searchInput, #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
   display: none;
}

#content {
   width: auto;
font-family: 'Open Sans', sans-serif;
   padding:0px;
   border: none;
   background:none;
}

#globalWrapper {
width: auto;
   padding:0px;
}


/* Customizing standard iGEM navigation panel */

#top-section{
   height:10%;
   width: 100%;
   border: none;

   border-top: none;
}

#menubar {
   display: table-cell;
   width:auto;
  
   opacity:0;
   padding-top:5px;
   background:none;


}


#menubar:hover{
   display: table-cell;
   width:auto;
   height: 50%;
   opacity:1;
   font-size: 14px;
   padding-top:5px;
   background:none;
}

#menubar.left-menu {
   padding-left:2%
}

#menubar.right-menu {
   text-align: right;
   padding-right:8%;
   padding-top:5px;
}

#menubar.left-menu a {
   border: none;
   color: #454545;
}

#menubar.right-menu a {
   border: none;
   color: #454545;
}

#menubar * {
   background: transparent;

}

#menubar * a:hover{
   color: #00BAC6;
   text-decoration: none;
}

#menubar > ul > li:last-child {
   display: none;
}

a
   {text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
body {
   background:  white;
   font-family: 'Open Sans', sans-serif;
   font-size: 100%;}

.header_btm{
z-index: 5;
position:fixed;
width:100%;


	background: url('https://static.igem.org/mediawiki/2014/b/b9/Footer_bg_TU_Eindhoven.png');
	
}
.header_sub{
	padding: 0 8%;
top:auto;
height: 50%;
}


/* start menu */

.h_menu{
	float:left;



}
.h_menu ul li{
	margin-right:20px;
	float: left;

}
.h_menu ul li.active a{
	color: #00BAC6;

}
.h_menu ul li a{
	display:block;
	padding: 25px 10px;
	text-transform: uppercase;
	font-size: 0.925em;
	color:#c9c9c9;
	font-weight: 600;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

}
.h_menu ul li a:hover{
	color: #00BAC6;
        text-decoration: none;

}