body { color:#000; background-color:#fff; padding:0em; margin:0em; font-size:12pt; font-family:verdana,arial,sans-serif; }
div.minwidth { }
div.width { }
div.container { }
div.header { color:#fff; background-color:#004163; }
div.navigation {display:none;}
div.content { }

/* navigation */


#navigation { display:none; }
/*#navigation ul { list-style-type:none; padding:0em; margin:0em;}
#navigation .navdepth0 { font-size:1em; color:#FFFFFF; }

#navigation .navdepth0 a:link, 
#navigation .navdepth0 a:visited,
#navigation .navdepth0 a:active
  { display:block; }

#navigation li { font-size:0.8em; }
#navigation li a { text-decoration:none; }


#navigation .navdepth0 a { color:#DDDDDD; display:block; padding:5px; font-size:1em; background-color:#004163; }
#navigation .navdepth1 a { color:#DDDDDD; display:block; padding:4px; font-size:0.9em; background-color:#004163; border-left:10px solid #004163; }
#navigation .navdepth2 a { color:#DDDDDD; display:block; padding:3px; font-size:0.8em; background-color:#004163; border-left:10px solid #004163; }

#navigation .navdepth0 .navsign { color:#004163; display:none; font-size:0.8em;}
#navigation .navdepth1 .navsign { color:#004163; }
#navigation .navdepth2 .navsign { color:#004163; padding-right:10px; padding-left:2px;}

#navigation .navdepth1 a:hover .navsign { color:#FFFFFF; }
#navigation .navdepth2 a:hover .navsign { color:#FFFFFF; }

#navigation .navdepth0 a:hover,
#navigation .navdepth0 a:focus,
#navigation .navdepth0 a:active, 
#navigation .navdepth1 a:hover,
#navigation .navdepth1 a:focus,
#navigation .navdepth1 a:active,
#navigation .navdepth2 a:hover,
#navigation .navdepth2 a:focus,
#navigation .navdepth2 a:active { 
  background:#004771;
  color:#FFFFEE;
}

#navigation .navdepth0 .active,
#navigation .navdepth1 .active,
#navigation .navdepth2 .active { color:#FFFFBB; } /* overwriting for active nav-item */



/* general content */

#content { margin:0 0 0 0px; padding:15px; font-size:0.8em; color:#000000;}

/*
#content h2 {color:#004163;}
#content h3 {color:#004163;}

#content a {text-decoration:underline}
#content a:link {color:#004163;}
#content a:active {color:#004163;}
#content a:hover {color:#004163;}
#content a:focus {color:#004163;}
#content a:visited {color:#000000;}
*/


/* logo */

#logo { 
  display:block;
  margin:0; 
	height:50px;
	width:400px;
	overflow:hidden;
  background:transparent url(/images/plannet_logo.gif) no-repeat top left;
}



/* breadcrumbs */

#breadcrumbs { 
  background:#004163;
  color:#fff;
}
#breadcrumbs a,
#breadcrumbs a:link,
#breadcrumbs a:visited,
#breadcrumbs a:active,
#breadcrumbs a:hover,
#breadcrumbs a:focus

/* footer */

#header { 
  color:#fff; 
	background-color:#004163;
}



/* footer */

#footer { 
  color:#000; 
	background-color:#fff;
  border-top:1px solid #000;
  padding-top:15px;
	font-size:0.8em;
	text-align:center;
}

#footer a {text-decoration:underline;  color:#000;},
#footer a:link,
#footer a:visited,
#footer a:active,
#footer a:hover,
#footer a:focus




/* IE HACK */
/* min-width-hack fuer IE, cf. http://www.cssplay.co.uk/boxes/minwidth.html */
/*
.width {
	min-width: 770px;
	margin: 0 auto;
	text-align: left;

}
* html .minwidth {
	border-left: 770px solid #fff;
}
* html .container {
	margin-left: -770px;
	position: relative;
}

* html .minwidth, * html .container, * html .content {
	height: 1px;
}
*//*/
.width {
	display: inline-block;
}
/**/





/* format definitions */

.totopimage { text-align:right; border:0px; } /* for these small arrows or "to top" links located on the right side of the screen */
.rsmall { font-size:0.8em; }