html, body { height: 100%; margin: 0; padding: 0; background-color:#AAD088; }
img#bg     { z-index:1; position:fixed; top:0; left:0; width:100%; height:100%; }
#content   { z-index:2; }
img#lang    {border: 0px;}

div#hdr, div#hdr2 {
	font-family:arial;font-size:12px;
	position:absolute; width:100%; height:50px;
	border:0px solid #000000;
	background: transparent;
	text-align:left;
}
div#hold_Info{
	font-family:"Lucida Console", arial;font-size:10px;color:#f0d0b0; /*eeccaa;*/
}
div#hdr{
	z-index:2;
}
div#hdr2 {
	z-index:3;
}
td#logo {
	background-image:url(img/Dictionarium_logo.gif);
	width: 66px;
	border: 0px;
	z-index:4;
}
td#logo2 {
	width: 68px;
	height:88px;
	border: 0px;
	z-index:4;
}
table#hdr1 {
	width: 100%;
	height:88px;
	border: 0px;
	z-index:4;
}
td#hdr4 {
	font-family:"Lucida Console", arial;font-size:32px;color:#ffffee;
    font-weight: bold;
	z-index:4;
}
td#hdr5 {
	font-family:"Lucida Console", arial;font-size:18px;color:#ffffee;
	z-index:4;
}
input.btn {
    background:transparent url(img/button_klein_hell1.gif) no-repeat top right;
    border: 0px; height: 64px; width: 126px;
}
.bg01, .bg02, .bg03{
    position: relative; margin: 0px auto; min-width: 8em;
    max-width: 800px;  color: #fff; z-index: 1; margin-left: 18px; margin-bottom: 0.1em;
}
.bg01 .content, .bg01 .t, .bg01 .b, .bg01 .b div {
    background: transparent url(img/dGreen8x16.png) no-repeat top right;
}
.bg02 .content, .bg02 .t, .bg02 .b, .bg02 .b div {
    background: transparent url(img/dYellowBut.png) no-repeat top right;
}
.bg03 .content, .bg03 .t, .bg03 .b, .bg03 .b div {
    background: transparent url(img/dOrangeBut.png) no-repeat top right;
}

.bg01 .content, .bg02 .content, .bg03 .content {
    position: relative; zoom: 0; _overflow-y: hidden; padding: 0px 30px 0px 0px;
}
.bg01 .t, .bg02 .t, .bg03 .t {
    position: absolute; left: 0px; top: 0px;
    width: 24px; /* top slice width */
    margin-left: -24px;
    height: 100%;
    background-position: top left;
	color: #5a5;
	font-size: 24px;
}
.bg01 .b, .bg02 .b, .bg03 .b {
    /* bottom */
    position: relative;
    width: 100%;
    background-position: bottom right;
	color: #4a4;
	font-size: 9px;
}
.bg01 .b, .bg01 .b div ,.bg02 .b, .bg02 .b div ,.bg03 .b, .bg03 .b div {
    height: 30px; /* height of bottom cap/shade */
}
.bg01 .b div, .bg02 .b div, .bg03 .b div {
    position: relative;
    width: 24px; /* bottom corner width */
    margin-left: -24px;
    background-position: bottom left;
}
.bg01 .hd, .bg01 .bd, .bg02 .hd, .bg02 .bd, .bg03 .hd, .bg03 .bd{
    position: relative;
}
.bg01 .wrapper,.bg02 .wrapper,.bg03 .wrapper {
    position: static;
    max-height: 1200px;
    max-width: 800px;
    overflow: visible;
}
.bg01 h1, .bg01 p, .bg02 h1, .bg02 p, .bg03 h1, .bg03 p {
    margin: 0px; /* margins wg. background nicht mgl. */
    padding: 0.0em 0px 0.0em 0px;
}
.bg01 h1, .bg02 h1, .bg03 h1 {
    padding-bottom: 0px;
}

table#ltab{
	width: 215px;
}
table#ac{
	font-size: 15px;
}
table#hdr {
	font-size: 24px;
}
table#tab,table#bsp {
	width: 96%;
	font-size: 16px;
}
table#ac,table#hdr{
	width: 100%;
}
table#tabC{
	width:    100%;
    overflow: hidden;
	border-width: 5px;
	border-spacing: 5px;
	border-style: outset;
	border-color: transparent;
	border-collapse: separate;
}

a#tab:link,    a#tabB:link    { text-decoration:none; font-weight:normal; color:#000; }
a#tab:visited, a#tabB:visited { text-decoration:none; font-weight:normal; color:#020; }
a#tab:hover                   { text-decoration:none; font-weight:normal; background-color:#5ada6a; }
a#tabB:hover                  { text-decoration:none; font-weight:normal; background-color:#d0d040; }
a#tabH:hover                  { color:#fff; }

table#ac,table#tab,table#hdr,table#bsp {
	margin: 0 0 1em 0;	
	font-family: Arial, Helvetica, sans-serif;
	color: #030;
}
table#ac, tr#ac, th#ac, td#ac,
table#tab, tr#tab, th#tab, td#tab,
table#hdr, tr#hdr, th#hdr, td#hdr,
table#bsp, tr#bsp, th#bsp, td#bsp {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
        cursor: help;
}
table#ac, tr#ac, th#ac, td#ac,
table#tab, tr#tab, th#tab, td#tab,
table#hdr, tr#hdr, th#hdr, td#hdr,
table#bsp, tr#bsp, th#bsp, td#bsp {
	color: #030;
}
th#tab{
	color: #151;
}

td#hdr {
	  vertical-align:top;
}

tbody td#tab, tbody td#tab {
      background: #39b949;
}
tbody td#bsp, tbody td#bsp{
      background: #bbbb2b;
}
tbody tr#bsp,tbody th#bsp  {
      background: #c0c030;
}
tbody tr#ac td#ac {
	background: #CCF0AA no-repeat top left;
}
tbody tr#ac.odd td#ac{
	background-color: #D0EBA6;
}
tbody tr#ac td#ac:hover, tbody tr#ac.odd td#ac:hover {
	background: #c5e894;
}
tbody tr#tab th#tab, tbody tr#tab td#tab,
tbody tr#ac  th#ac , tbody tr#ac  td#ac {
	border: 1px solid #aacc40;
}
tbody td#tab:hover{
	background: #45c555;
}
tbody tr#tab th#tab {
	text-align: center;
	background: #45c555 no-repeat top left;
	text-transform: uppercase;
}














#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;
	vertical-align: bottom;}

#sddm li
{	margin: 1px;
	padding: 0;
	list-style: none;
	float: left;
	font: normal 14px "Lucida Console", arial;
	cursor: default;}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 4px;
	/*width: 84px;*/
	background: #ccaa88;
	border:2px solid #eebb93;
	color: #ffffee;
	text-align: center;
	text-decoration: none;}

#sddm li a:hover
{	background: #c8c896;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #b8b888;
	border: 1px solid #debb93;}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 4px 4px;
		width: auto;
		white-space: nowrap;
	    cursor:pointer;
		text-align: left;
		text-decoration: none;
		background: #b8b888;
		font: 14px "Lucida Console", arial;}

	#sddm div a:hover
	{	background: #debb93;
		color: #ffffee;}
		
button.search {
	width: 115px;	
}	
button.search, button.list, button.list2 {
	font: 14px "Lucida Console", arial;
    font-weight: normal;
    padding:5px 1px 5px 5px; /* Links */
	text-align:  left;
border-top-width:  medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: groove;
border-right-style: groove;
border-bottom-style: groove;
border-left-style: groove;
border-top-color: #39b949;
border-right-color: #39b949;
border-bottom-color: #45c555;
border-left-color: #45c555;
}		
button.search, button.list {
    color:#20a030;
background: #CCF0AA;
}	
button.list2 {
    color:#109020;
/* background: #F0BB88; */
background: #BBF088;
}	
button.search:hover, button.list, button.list2 {
border-top-style: ridge;
border-right-style: ridge;
border-bottom-style: ridge;
border-left-style: ridge;
border-top-color: #45c555;
border-right-color: #45c555;
border-bottom-color: #39b949;
border-left-color: #39b949;
}	
button.search:hover, button.list:hover {
    color:#45c555;
background: #DCFFBA;
}
button.list2:hover {
    color:#34b244;
/* background: #CBFF98; */
background: #CBFF98;
}