/* reset margins and padding in all browsers to zero to have a unique base */
* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #000000;
	color: #FFFFFF;
	font-family: Arial, sans-serif;
	font-size: 11px;
}

h1 {
	font-size: 15px;
}

h2 {
	font-size: 14px;
}

h3 {
	font-size: 13px;
}

h4 {
	font-size: 12px;
}

h5 {
	font-size: 12px;
}

h6,p,li,td,th,a,input,select {
	font-size: 12px;
}

a {
	text-decoration: none;
	color: #999999;
	background-color: transparent;
}

a:hover {
	color: #FFFFFF;
	background-color: transparent;
}

/* -------------------------------------------------------------------------- */
#main-panel {
	width: 700px;
	height: 520px;
	color: #FFFFFF;
	background-color: #000000;
}

#debug-panel {
	height: 150px;
	width: 700px;
	overflow: auto;
	color: #000000;
	background-color: #CCCCCC;
}

#content-panel {
	width: 700px;
	margin: 0;
	padding: 0;
}

/* -------------------------------------------------------------------------- */
#left-menu {
	float: left;
	width: 130px;
	height: 520px;
	background-color: #111111;
	color: #CCCCCC;
	z-index: 2;
}

#left-menu ul {
	list-style: none;
}

#right-content {
	float: left;
	width: 650px;
	height: 520px;
	background-color: #222222;
	color: #CCCCCC;
}

/* -------------------------------------------------------------------------- */
#left-pluginbar .title {
	display: none;
}

#left-pluginbar .content {
	margin: 0;
	padding: 0;
}

#left-pluginbar .content td a {
	font-size: 12px;
	background: #000000;
	color: #999999;
}

#left-pluginbar .content td a:hover, 
#left-pluginbar .content td:hover a,
#left-pluginbar .content td.active a
	{
	background: #000000;
	color: #FFFFFF;
}

#left-pluginbar .content td {
	height: 22px;
	border-right: 1px solid #FF0000;
	background: url('images/Linie_on.gif') repeat-x bottom;
	vertical-align: bottom;
}

#left-pluginbar .content td:hover, #left-pluginbar .content td.active {
	background: url('images/Linie_over.gif') repeat-x bottom;
}

/* -------------------------------------------------------------------------- */
#left-pluginbar .content .language-menu td {

	border: 0;
	background:#000000;
}

#left-pluginbar .content .language-menu td a {
	display:block;
}

#left-pluginbar .content .language-menu td a:hover {
	background: url('images/Sprache_punkt.gif') no-repeat 100px;
}