body { background-color:#44758F; padding:0em; margin:0em; font-family:verdana,arial,sans-serif;}
div.container{ background-color:#44758F;}

/* navigation */
#navigation { margin:0; padding:0; border:0em; float:left; width:120px; background-color:#69828F; }
#navigation ul { list-style-type:none; padding:0em; margin:0 0 0 0; }
#navigation li { font-size:1.2em; }
* html #navigation li { font-size:0.8em; }
*+html #navigation li { font-size:0.8em; }
#navigation li a { text-decoration:none; }

#navhg { background-color:#69828F; border-right:30px solid #44758F; }

#navigation .navdepth0 a { color:#DDDDDD; display:block; padding:8px 0 8px 10px; margin-bottom:1px; font-size:1.2em; background-color:#69828F; border-left:3px solid #ddd; }
* html #navigation .navdepth0 a { color:#DDDDDD; display:block; padding:8px 0 8px 10px; margin-bottom:-15px; font-size:1.2em; background-color:#69828F; border-left:3px solid #ddd; }
#navigation .navdepth0 a:hover,
#navigation .navdepth0 a:focus, 
#navigation .navdepth0 a:active { background-color:#2F192E; color:#DDDDDD; border-left:3px solid #9D0500; }

#navigation .navdepth1 {  }
#navigation .navdepth1 a { color:#DDDDDD; display:block; padding:4px 0 4px 13px; margin-bottom:1px; font-size:0.9em; background-color:#69828F; border-left:3px solid #ddd; }
* html #navigation .navdepth1 a { color:#DDDDDD; display:block; padding:4px 0 4px 13px; font-size:0.9em; background-color:#69828F; border-left:3px solid #ddd; margin-bottom:-15px; }
#navigation .navdepth1 a:hover,
#navigation .navdepth1 a:focus,
#navigation .navdepth1 a:active { background-color:#2F192E; color:#FFFFEE; border-left:3px solid #9D0500; }

#navigation .navdepth2 a { color:#DDDDDD; display:block; padding:2px 0 2px 20px; margin-bottom:1px; font-size:0.8em; background-color:#69828F; border-left:3px solid #ddd; }
* html #navigation .navdepth2 a { color:#DDDDDD; display:block; padding:2px 0 2px 20px; font-size:0.8em; background-color:#69828F; border-left:3px solid #ddd; margin-bottom:-15px;  }
#navigation .navdepth2 a:hover,
#navigation .navdepth2 a:focus,
#navigation .navdepth2 a:active { background-color:#2F192E; color:#FFFFEE; border-left:3px solid #9D0500; }

#navigation .navdepth0 a.active,
#navigation .navdepth1 a.active,
#navigation .navdepth2 a.active { background-color:#2F192E; color:#DDDDDD; border-color:#9D0500;}

/* overwriting for active nav-item */

/* general content */

#content {   background-color:#E5E3CD; margin:0 0 0 120px; padding:15px; font-size:1.1em; color:#000000; /* for IE bug: */   height:100%;  }
* html #content {   background-color:#E5E3CD; margin:0 0 0 120px; padding:15px; font-size:0.8em; color:#000000; }
*+html #content {   background-color:#E5E3CD; margin:0 0 0 120px; padding:15px; font-size:0.8em; color:#000000; }

#content h2 {color:#9D0500; font-size:1.2em; margin-bottom:-0.7em; }
#content h3 {color:#9D0500; font-size:1.0em; margin-bottom:-0.4em; }
#content h4 {color:#9D0500; font-size:0.9em; }
#content .rot {color:#9D0500; }

#content a {text-decoration:underline; color:#44758F; }
#content a:link,
#content a:focus {color:#44758F;}

#content a:active,
#content a:hover,
#content a:visited {color:#386075;}

#content ul
        {
        list-style-image:url(/images/li.gif);
		margin:5px 0 15px 0;
		padding:0 30px 0 30px;
        }

/* logo */

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


/* breadcrumbs */

#breadcrumbs { 
  background:#44758F;
  color:#DDDDDD;
  border-left:120px solid #44758F;
  font-size:1.0em;
}

* html #breadcrumbs { 
  background:#44758F;
  color:#DDDDDD;
  border-left:123px solid #44758F;
  font-size:0.8em;
}

*+html #breadcrumbs { 
  background:#44758F;
  color:#DDDDDD;
  border-left:123px solid #44758F;
  font-size:0.8em;
}

#breadcrumbs span.extrabreadcrumb,
#breadcrumbs a,
#breadcrumbs a:link,
#breadcrumbs a:visited,
#breadcrumbs a:active  {
  text-decoration:none;
  color:#DDDDDD;  
}

#breadcrumbs a:hover,
#breadcrumbs a:focus {
  color:#2F192E;
}



/* footer */

#footer { 
  background:#44758F;
  color:#DDDDDD;
  border-top:10px solid #44758F;
  border-bottom:10px solid #44758F;
  border-left:187px solid #44758F;
  font-size:1.0em;
  text-align:center;
}

* html #footer {
  font-size:0.8em;
}

*+html #footer {   
  font-size:0.8em;
}

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




/* 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;  text-decoration:none;} /* for these small arrows or "to top" links located on the right side of the screen */
.totopimage a, .totopimage a .span { text-decoration:none; }
.totopimage img { border:0px; }
.rsmall { font-size:0.8em; color:#2F192E; }

.grau { color:#D9D9D9; }
#abstand { padding-left:20px; }
#subnavi { font-size:0.8em; background-color:#44758F; padding:3px; float:right; margin-right:0; margin-bottom:20px; border:1px solid black; border-collapse:collapse; }
#subnavi a,
#subnavi a:link,
#subnavi a:visited, 
#subnavi a:active { color:#E5E3CD; text-decoration:none; }
#subnavi a:hover { color:white; }
#shortp p { margin:0; }