

/* netlib/css/nlmain1.css */

/*
   This stylesheet defines the Metadot 6 - White skin.

   If you are modifying this stylesheet for a new skin, this file
   should ONLY include the classes that you intend to modify. The
   portal uses the 'cascade' feature of CSS to allow your stylesheet
   to inherit the styles from the parent (or base) skin.
*/

/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  STANDARD HTML ELEMENTS				          ==
   ==        						          ==
   =================================================================
   ================================================================= */


body {
	background: #eee;
    /* font-size: normal; */
}

/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  PORTAL-WIDE PAGE LAYOUT	 				  ==
   ==        						          ==
   =================================================================
   ================================================================= */

#header {
	padding: 20px 20px 10px 20px;
}

#header {
	background-color: #eee;	
        color: #ED2328;
}

#header h1, #header h1 a {
        color: #ED2328;
}

#header h2, #header h2, #header h2 a {
        color: #ED2328;
}

#topnav {
	background: #777;	
	text-decoration: none;
}

#topnav a {
	color: #fff;
	background: transparent;
	text-decoration: none;
}

#topnav a:hover {
	color: #fff;
	background: #444;
}

#container {
	background: #eee;
        /*background-image: url("/npimages/bg.jpg");*/
}

#navcont {
	background: #DCDBC0;
}: 

#navmenu {
	color: #fff;
	border-top: 1px solid #ddd;
}

#navmenu a {
	color: #fff;
	background: transparent;
}

DIV.navmenu {
	background: #777;
}

a.navmenu {
	color: #fff;
}

a.navmenu:hover {
	text-decoration: none;
	color: #ccc;
}

#menucont {
	color: #eee;
	background: #555;
}

#sidebar {
	background: #EDECDA;
}



#sidebar a {
	color: #555;
}

#sidebar h2 a {
	text-decoration: none;
      	color: #eee;
}

#sidebar h2 a:hover {
	color: #ccc;
	background: transparent;
}

#sidebar a {}

#sidebar a:hover {	
	background: transparent;
}


/* ================================================================= 
   =================================================================
   ==        						          				==
   ==  SPECIAL-PURPOSE ELEMENTS			==
   ==        						          				==
   =================================================================
   ================================================================= */

/* Preload-Animation */
   /* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('https://www.net-library.de/npimages/pIkfp.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}



/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  GIZMOS						          ==
   ==        						          ==
   =================================================================
   ================================================================= */

h2.section {
	background: url(/npimages/arrow_ico.gif) no-repeat 2px 4px #DCDBC0;
}

.news_item A.element_name {
	text-decoration: none;
	color: #eee;
	display: inline;
	font-weight: bold;
}

.news_item A.element_name:hover {
	text-decoration: none;
	color: #A7A93E;
}


span.info {	
	background: #DCDBC0;
}

span.info a {
	background: transparent;
}

span.info a:hover {
	background: transparent;
}


