html {overflow-y: scroll;}

 html, body {
	font-family	: Verdana, Arial, Helvetica, sans-serif; 
        font-size	: 11px;
        /*
        font-family     : 'Open Sans', sans-serif;
        font-size	: 11px;
        */
	line-height	: 1.25;
/*
	background	: #fff url(./images_orfeus/seismicwave.jpg) repeat;
*/
        background-color: #eeeeff;
	margin		: 0px 0px; 
	padding		: 0px 0px;
	text-align	: center;
	}

 table {
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size	: 11px;
        /*
        font-family     : 'Open Sans', sans-serif;
	font-size	: 11px;
         */
	line-height	: 1.3;
	text-align	: left;
        background-color: #ffffff;
	}

 .tablemenu {
        text-align      : left;
	background-color: #323331;
	width		: 100%;
        }

 .hoofdkop {
	font-size	: 13px;
	line-height	: 1.3;
	font-weight	: bold;
	color		: #000000;
        text-align      : left;
	}
 
 .subkop {
	font-size	: 11px;
	font-weight	: bold;
	color		: #000000;
	}

 .headline {
	background-color: #eeeeee;
	border		: dotted 1px #cccccc;
	line-height	: 1.5;
	padding-left	: 20px;
	padding-top	: 5px;
	padding-bottom	: 5px;
	color		: #000000;
	font-weight	: bold;
	}

 .newstext {
	background-color: #ffffff;
	line-height	: 1.5;
	padding-left	: 20px;
	padding-top	: 5px;
	color		: #000000;
	font-weight	: normal;
	}


 a:link		{color: #cc0033; text-decoration: none; font-weight: bold;}
 a:visited	{color: #cc0033; text-decoration: none; font-weight: bold;}
 a:active	{color: #cc0033; text-decoration: none; font-weight: bold;}

 a.news:link	{color: #cc0033; text-decoration: none; font-weight: bold; }
 a.news:visited	{color: #cc0033; text-decoration: none; font-weight: bold; }
 a.news:active	{color: #cc0033; text-decoration: none; font-weight: bold; }

 input		{background-color: #ffffff}
 select		{background-color: #ffffff}

 .menukopje {
        background-color: #6c6f6e; /* #cccccc; */
	color		: #ffffff;
        padding-left    : 16px;
        padding-top     : 5px;
        padding-bottom  : 5px;
        margin-top      : 10px;
	border-radius	: 0px 5px 0 0;
        font-weight     : bold;
        text-align      : left;
        font-family     : 'Open Sans', sans-serif;
        }

 .menukopje a:link    {font-weight: bold; text-decoration: none; color: #ffffff; } 
 .menukopje a:visited {font-weight: bold; text-decoration: none; color: #ffffff; }
 .menukopje a:hover   {font-weight: bold; text-decoration: none; color: #ffffff; }

 .menulink {
	background-color: #eeeeee;
        color           : #ffffff;
	border-top	: dotted 1px #cccccc;
	padding-left	: 16px;
	padding-top	: 4px;
	padding-bottom	: 4px;
	font-size	: 10px;
        text-align      : left;
	font-family     : 'Open Sans', sans-serif;
	}

 .menulink a:link    {font-weight: normal; text-decoration: none; color: #444444; }
 .menulink a:visited {font-weight: normal; text-decoration: none; color: #444444; }
 .menulink a:hover   {font-weight: normal; text-decoration: none; color: #444444; }

 .menusublink {
	background-color: #eeeeee;
	border-top	: dotted 1px #cccccc;
	background-repeat: no-repeat;
	padding-left	: 32px;
	padding-top	: 4px;
	padding-bottom	: 4px;
	font-size	: 10px;
	color		: #000000;
	font-family     : 'Open Sans', sans-serif;
	}

 .menusublink a:link    {font-weight: normal; text-decoration: none; color: #444444; }
 .menusublink a:visited {font-weight: normal; text-decoration: none; color: #444444; }
 .menusublink a:hover   {font-weight: normal; text-decoration: none; color: #444444; }

   tr.d1 td            {background-color: #ffd7d7; color: black; font-size: 11px;}
   tr.d2 td            {background-color: #ffd7d7; color: black; font-size: 11px; text-align: justify;}
   tr.d3 td            {background-color: #ffd7d7; color: black; font-size: 11px; line-height:1;}


   tr.orb td           {padding: 2px; width: 50px; font-size: 11px;}
   tr.orblegend td     {padding: 2px; width: 100px; font-size: 11px; text-align: center;}

   tr.orb a:link       {font-weight: normal; color: black;}
   tr.orb a:visited    {font-weight: normal; color: black;}
   tr.orb a:hover      {font-weight: normal; color: white;}

   .box                {border: 1px solid #006699; margin: 1ex 0; padding: 10px; background-color:#ffffff}




#cssmenu {
	border          : none;
        margin-left    	: auto;
	margin-right	: auto;
	text-align	: left;
	width           : 800px;
        background      : url(images_orfeus/hover.png) repeat;
        font-family     : 'Open Sans', sans-serif;
	}

#cssmenu > ul {
	background 	: url(images_orfeus/hover.png) repeat;
        height		: 25px; 
	margin 		: 0;
	padding 	: 0;
	}

#cssmenu > ul li {
	margin 		: 0;
	padding 	: 0;
	height		: 25px; 
	list-style 	: none;
	}

	#cssmenu > ul > li {
		float 		: left;
		display		: inline-block;
		position 	: relative;
		}

	#cssmenu > ul > li > a {
		padding 	: 5px 20px; 
		display 	: block;
		color 		: white;
		font-size 	: 10px;
		text-decoration : none;
		text-transform 	: uppercase;
		line-height 	: 18px;
		}

#cssmenu > ul > li:hover > a {
	background 	: url(images_orfeus/active.png) repeat; 
	}

#cssmenu > ul > li > a > span {
	line-height : 15px; 
	}

#home 		#cssmenu > ul > li.home > a, 
#data 		#cssmenu > ul > li.data > a,
#earthquakes 	#cssmenu > ul > li.earthquakes > a,
#workinggroups 	#cssmenu > ul > li.workinggroups > a,
#software 	#cssmenu > ul > li.software > a,
#links 		#cssmenu > ul > li.links > a, 
#organization	#cssmenu > ul > li.organization > a,
#cssmenu > ul > li > a:active {
	background 	: url(images_orfeus/active.png) repeat;
	}

#cssmenu > ul ul {
	opacity 	: 0;
	visibility 	: hidden;
	position 	: absolute;
	top 		: 100px;
	background 	: url(images_orfeus/highlight-bg.png) repeat;
	margin 		: 0;
	padding 	: 0;
	z-index 	: -1;
	}

#cssmenu > ul li:hover ul {
	opacity 	: 1;
	visibility 	: visible;
	margin 		: 0;
	color 		: #000;
	z-index 	: 2;
	top 		: 25px; 
	left 		: 0; 
	}

#cssmenu > ul ul:before {
	content 	: '';
	position 	: absolute;
	top 		: -10px;
	width 		: 100%;
	height 		: 10px; 
	background 	: transparent;
	}

#cssmenu > ul ul li {
	list-style 	: none;
	padding 	: 0;
	margin 		: 0;
	width 		: 100%;
	}

#cssmenu > ul ul li a {
	padding 	: 7px 15px; 
	display 	: block;
	color 		: #393939;
	font-size 	: 10px; 
	text-decoration : none;
	text-transform 	: uppercase;
	width 		: 190px;
	border-left 	: 4px solid transparent;
	text-shadow 	: 0 1px 0 white;
	}

#cssmenu > ul ul li a:hover {
	border-left 	: 4px solid #cc0033;
	background 	: url(images_orfeus/hover.png) repeat;
	color 		: white;
	text-shadow 	: 0 1px 0 black;
	}

#cssmenu > ul ul li a:active {
	background	: url(images_orfeus/active.png) repeat;
	}

.nav3 {
    background-color: #E9E8C7;
    height: auto;
    width: 150px;
    float: left;
    padding-left: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    padding-top: 20px;
    padding-right: 20px;
}

.icons{
    display:inline-block;
    width: 64px; 
    height: 64px; 
   }

 a.icons:hover {
     background: #C93;
 }

#newicons{float:left;
width: 200px;
height: 200px;
margin: 200px;
}


hr2 {
  height: 1px;
  margin: 10px 0;
  background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0)), color-stop(0.5, #333333), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #333333, rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), #333333, rgba(0, 0, 0, 0));
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0), #333333, rgba(0, 0, 0, 0));
  background: linear-gradient(left, rgba(0, 0, 0, 0), #333333, rgba(0, 0, 0, 0));
  border: 0;
}
hr2:after {
  display: block;
  content: '';
  height: 3px;
  background-image: -webkit-gradient(radial, 50% 0%, 0, 50% 0%, 116, color-stop(0%, #cccccc), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-radial-gradient(center top, farthest-side, #cccccc 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -moz-radial-gradient(center top, farthest-side, #cccccc 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-radial-gradient(center top, farthest-side, #cccccc 0%, rgba(255, 255, 255, 0) 100%);
  background-image: radial-gradient(farthest-side at center top, #cccccc 0%, rgba(255, 255, 255, 0) 100%);
}


hr3 {
  height: 1px;
  margin: 50px 0;
  background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0)), color-stop(0.5, #333333), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #333333, rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), #333333, rgba(0, 0, 0, 0));
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0), #333333, rgba(0, 0, 0, 0));
  background: linear-gradient(left, rgba(0, 0, 0, 0), #333333, rgba(0, 0, 0, 0));
  border: 0;
}
hr3:after {
  display: block;
  content: '';
  height: 30px;
  background-image: -webkit-gradient(radial, 50% 0%, 0, 50% 0%, 116, color-stop(0%, #cccccc), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-radial-gradient(center top, farthest-side, #cccccc 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -moz-radial-gradient(center top, farthest-side, #cccccc 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-radial-gradient(center top, farthest-side, #cccccc 0%, rgba(255, 255, 255, 0) 100%);
  background-image: radial-gradient(farthest-side at center top, #cccccc 0%, rgba(255, 255, 255, 0) 100%);
}