/* -----------------------------------------------------------
Stylesheets für Grindelstudio Hamburg 
14.12.2009
-------------------------------------------------------------- */

body {
  color: white;
  background-color: #cccccc;
  font-family: verdana, helvetica, sans-serif;
  font-size: 12px;
}

h1 {
  font-size: 16px;
}

a {
	color: #990000;
}

a:hover {
}

/* mittlere Inhaltsfläche 
--------------------------------------------------------- */

#content {
	background-color: #999999;
	text-align: left;
	vertical-align: top;
	padding: 10px;
}

/* ---------------------------------------------------------------------
An jeweils höchstens 1 Menülink oben bzw links kommt der Eintrag
id="#menu-top-active" bzw. id="#menu-left-active" zur Hervorhebung,
Dieser "Link" steht dann ohne <a...>, weil er ja kein Link mehr sien muß!
------------------------------------------------------------------------- */

/* oberes Menü
--------------------------------------------------------- */

table#menu-top td {
	color: white;
	padding-left: 10px;
	padding-right: 50px;
	height: 25px;
	text-align: center;
	font-weight: bold;
}

table#menu-top a {
	color: white;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

/* aktiver Menüeintrag der Seite */
table#menu-top a:hover, #menu-top-active {
	color:yellow !important;
	background-color: #green !important;
}

/* linkes Menü
--------------------------------------------------------- */

td#menu-left {
	color: white;
	background-color: #999999;
	padding-left: 5px;
	padding-top: 20px;
	padding-bottom: 20px;
	vertical-align: top;
}

td#menu-left a {
	color: white;
	background-color: #666666;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 135px;
	height: 23px;
	cursor: pointer;
	padding-left: 5px;
	padding-top: 6px !important;
	padding-bottom: 2px !important;
	margin-top: 2px;
	margin-bottom: 0px;
}

/* aktiver Menüeintrag der Seite */
td#menu-left a:hover, #menu-left-aktive {
	color: yellow !important;
	background-color: &nbsp;#666666 !important;
}

/* (C)-Zeile ganz unten
--------------------------------------------------------- */

#copyright {
	width:1000px;
	text-align:right;
	font-size: 9px;
}