/* Die beiden Fusszeilenbloecke sind fuer unterschiedliche Anwendungsbereiche
   die Klasse "fusszeile" ist fuer Seiten geeignet, an deren Ende sie haengen
   soll. Gilt nur fuer Seiten die laenger als der Bildschirmbereich sind. Der
   div "fusszeile_boden" ist für Seiten geeignet, bei denen noch ein Zwischenraum
   vom letzten Element bis zum Ende des Bildschirmbereichs besteht. */
body {
color:#696969;
font-family:verdana,helvetica,sans-serif;
background-color : #000000;
/* Dieses text-align: center; ist nur für den IE <= 6 nötig, da sonst alles
am linken Rand landet. */
text-align: center;
}

img {
border-style: none;
}

/* a:link { text-decoration: none;} */
a:visited { text-decoration: none;}

#container {
background: #000000 none repeat scroll 0%;
height:1024px;
margin:auto;
padding:0px;
text-align:center;
width:980px;
}

#header {
background: url(images/header_50x125.jpg);
}

.menubutton {
width:100px;
height: 80px;
/* background: url(images/MenuButton_1a.png); */
	background-color: transparent;
}

.menubutton2 {
width:100px;
height: 80px;
background: url(images/MenuButton_a.png);
	background-color: transparent;
}

.menuseparator {
width:3px;
background: url(images/Separator_Bacal_Software_1.png);
}

#mainWrapper {
	background: #CECFC8 url(images/bg_main_1x36.gif) repeat-x scroll 0% 0%;
	height: 500px;
	padding-top: 20px;
	text-align: left;
	width: 980px;
}

a.button, a.button:visited 
{
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	background-image: none;
	width: 100px;
	height: 80px;
	display: table-cell;
	background-repeat: no-repeat;
	text-decoration: none;
}
a.button:hover, a.button:active 
{
	background-image: none;
}

a#button1, a:visited#button1 
{
	background: url(  'images/MenuButton_1a.png' );
}

a:hover#button1, a:active#button1
{
	background: url(  'images/MenuButton_1b.png' );
}

a#button2, a:visited#button2
{
	background: url(  'images/MenuButton_2a.png' );
}

a:hover#button2, a:active#button2
{
	background: url(  'images/MenuButton_2b.png' );
}

a#button3, a:visited#button3
{
	background: url(  'images/MenuButton_3a.png' );
}

a:hover#button3, a:active#button3
{
	background: url(  'images/MenuButton_3b.png' );
}

#uebersicht {
position: relative;
margin-left: 40%;
margin-right: 50%;
margin-top: 10%;
}

#flagge {
position: absolute;
right: 3px;
top: 1%;
margin-right: 3px;
}

#banner1 {
position: absolute;
left: 1px;
top: 33%;
}

#navibanner {
padding-top: 3px;
padding-bottom: 3px;
text-align: center;
}

#bodenbanner {
padding-top: 3px;
padding-bottom: 3px;
}

#bildmitte {
position: relative;
margin-right: auto;
margin-left: auto;
}

#programmliste {
width: 800px;
position: relative;
margin-right: auto;
margin-left: auto;
top: auto;
bottom: auto;
}

#programmtabelle {
width: 800px;
margin-right: auto;
margin-left: auto;
border: 1px groove;
color: #000000;
background-color: #FFFFFF;
border-top-color: #696969;
border-right-color: #d3d3d3;
border-left-color: #696969;
border-bottom-color: #dcdcdc;
}

td.loizzikniffel {
font-size: small;
text-align: center;
margin-right: auto;
margin-left: auto;
background: url(images/Bild_Wuerfel_Weiss_1.gif);
padding: 3% 2%;
}

#zwischenraum1 {
width: 1px;
height: 100px;
margin-right: auto;
margin-left: auto;
}

#zwischenraum {
width: 440px;
height: 80px;
margin-right: auto;
margin-left: auto;
}

td.loizzizeitkontrolle {
font-size: small;
text-align: center;
margin-right: auto;
margin-left: auto;
background: url(images/HintergrundStoppuhr.gif);
padding: 1% 5%;
}

td.bacalserialgenerator {
font-size: small;
text-align: center;
margin-right: auto;
margin-left: auto;
padding: 1% 5%;
background: #FFFFFF;
color: #000000;
}

td.loizzishoppingassistant {
font-size: small;
text-align: center;
margin-right: auto;
margin-left: auto;
background: url(images/web_background_blue.png);
padding: 1% 5%;
}

td.loizziyahtzee {
font-size: small;
text-align: center;
margin-right: auto;
margin-left: auto;
background: url(images/Bild_Wuerfel_Weiss_1.gif);
padding: 1% 5%;
}

#menue {
width: 389px;
position: relative;
margin-right: auto;
margin-left: auto;
}

.fusszeile {
position: relative; bottom: 1px; left: 1em; right: 1em;
padding-top: 1px;
margin-bottom: 1px;
margin-right: auto;
margin-left: auto;
text-align: center;
font-size: xx-small;
}

/* Daran denken id statt class zu verwenden */
#fusszeile_boden {
position: absolute; bottom: 1px; left: 2em; right: 2em;
margin-right: auto;
margin-left: auto;
text-align: center;
font-size: xx-small;
}

#rechteseite {
position: absolute;
top: 34%;
right: 1px;
text-align: right;
width: 88px;
height: auto;
margin-left: auto;
margin-bottom: 0px;
margin-right: 11px;
padding-top: 1px;
}

p.infotext {
padding: 3em;
}

img + p.infotext {
padding-top: 2em;
padding-bottom: 0em;
}

p + p.infotext {
padding-top: 0em;
padding-bottom: 0em;
}