@import url(luna_core.css);

/*
This file inherits from luna_core.css, so styles in this file will override
styles defined in it.  Changes to this file will NOT be overwritten during

*/

/* Logo size and image source */
/*
#logo {
  width: 250px;
  height: 80px;
  background-image: url(images/logo.gif);
}
*/
/* If the height of your logo changes from the original, then you will probably
want to also change the vertical position of the login link */
/*
#loginbar a {
  margin-top: 25px;
}
*/

/* Show the left sidebar */
/*
#ocwrapper {
  border-left-width: 200px;
}
#leftsidebar {
  display: block;
}
#contentheader .error, #contentheader .message {
  margin: 0px 200px 0px 200px;
}
*/

/* Hide the right sidebar */
/*
#ocwrapper {
  border-right-width: 0px;
}
#rightsidebar {
  display: none;
}
#contentheader .error, #contentheader .message {
  margin: 0px;
}
*/

/* Change the right sidebar width.  Note that the sidebars have a 10px left or
right padding (left sidebar has a left padding and right sidebar has a right
padding), hence the 150px - 10px = 140px width */
/*
#ocwrapper {
  border-right-width: 150px;
}
#rightsidebar {
  margin-right: -150px;
  width: 140px;
}
#contentheader .error, #contentheader .message {
  margin: 0px 150px 0px 0px;
}
*/

/* Change width of document */
/*
#wrapper {
  width: 95%;
}
*/

/* Don't want the shadows? */
/*
.shadowtop, .shadowbottom, .shadowleft, .shadowright {
  background: none;
}
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: auto;
  height: auto;
  float: none;
  background: none;
}
*/

/* If you change the globals category_cols or home_category_cols, then you will
need to change the width of the columns themselves.  Note that IE sometimes has
problems if this value adds up to 100%, so keep the width a little under 100%.
For example, if you changed category_cols to 3, then this example would set
the width of the columns to 33% (99% total).  If you want to change the columns
on the home page as well, then remember to set a rule for "#home dl" as well. */
/*
#category dl {
  width: 33%;
}
*/
/* links */
upgrades.

Here's a quick tutorial on overriding styles.  Say you want to change the
background colour of the body.  Looking at luna_core.css, the colour is
defined in the rule:

body {
      margin: 0px;
      padding: 0px;
      background-color: #f0f0f0;
      background-image: url(http://www.sonderpaed.de/bilder/bg.jpg);
      font-family: Arial, Helvetica, sans-serif;
      margin: 0;
      color: #33332e;
      font: normal 11px tahoma, geneva, verdana, sans-serif;
      text-align: center;
    }

a {
  color: #003366;
}
a:visited {
  color: #003366;
}
a:hover {
  color: #006699;
  text-decoration: none;
}
ul.primarynav {
  width: 100%;
  background: #006699;
}
ul.secondarynav {
  width: 100%;
  background: #006699;
}
ul.primarynav a:hover {
  color: #ffffff;
  background: #003366;
}
ul.primarynav li.home {
  border-right: 1px solid #ffffff;
  background: #003366;
}
.searchbar {
  margin-bottom: 3px;
  padding: 5px 10px;
  border-bottom: 1px solid #003366;
  background: #f0f0f0;
}
\*---------------*/
#contentheader {
  padding: 10px 10px 0px 10px;
  background: #c0c0c0;
}

#contentfooter {
  background: #fofofo;
}

\*Weitere Formatierungen der Hörnchensite*/
/* Das Hauptfeld */
#site_so {
width: 98%;
margin:5px;
padding: 4px;
text-align:left;
border:solid 2px #c0c0c0;
background-color:#f0f0f0;
background-image: url(http://www.sonderpaed.de/bilder/background-table.gif);
}

/* Die Titel-/Logozeile */
.title {
padding: 0;
margin: 0;
border-top: 5px solid #c0c0c0;
background-color:#003366;
}

/* Die Fußzeile */
.bottom {
height: 25px;
background-color:#003366;
padding:0px;
border-bottom: 5px solid #c0c0c0;
border-top: 1px solid #FFFFFF;
width: 100%;
line-height: 20px;
font-weight: normal;
vertical-align: middle;
text-align: center;

}
#links {
float: left;
width: 150px;
height: 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #FFFFFF;
line-height: 20px;
font-weight: normal;
vertical-align: middle;
text-align: center;
}
#rechts {
float: right;
width: 150px;
height: 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #FFFFFF;
line-height: 20px;
font-weight: normal;
vertical-align: middle;
text-align: center;
}

/* Das Menü bzw. der Navcontainer */
.nav-bg {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	height: 24px;
	width: 100%;
	border-top-width: 1px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #003366;
	background-color: #7192A8;
}

#navcontainer
{
margin: 5px 0 0 5px;
padding: 0;
height: 20px;
background-color: #7192A8;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
background: #7192A8;
width: 80px;
height: 22px;
border-top: 1px solid #f0f0f0;
border-left: 1px solid #f0f0f0;
border-bottom: 5px solid #003366;
border-right: 1px solid #003366;
padding: 0;
margin: 1px 1px 1px 1px;
color: #f0f0f0;
text-decoration: none;
display: block;
text-align: center;
font: bold 12px Arial, Helvetica, sans-serif;
}

#navcontainer ul li a:hover
{
color: #003366;
background: #f0f0f0;
font-weight : bold;
}

#navcontainer a:active
{
background: #003366;
color: #ffffff;
}

#navcontainer li#active a
{
background: #003366;
border: 1px solid #ffffff;
color: #ffffff;
}

H6
{
	font-weight : bold;
	font-size : 8pt;
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	text-decoration : none;
	text-align : center;
	vertical-align: middle;
}