/* In dieser Datei befindet sich das
 * Basis-Layout der Seite */

body {
 margin: 0;
 padding: 0;

 /* IE: #mainContainer mittig ausrichten */
 text-align: center;
}


/* Der Container, welcher alle Elemente umfasst.
 * Funktionen:
 * - Seite mittig ausrichten
 * - Gesamtbreite der Seite festlegen  */
div#mainContainer {

 width: 1003px;

 margin-right: auto;
 margin-left: auto;
/* margin-top: 10px;/*

 padding: 0;

 /* wegen text-align in body */
 text-align: left;
}


/* der Container umfasst
 * leftbar,content,rightbar,footer */
div#contentContainer{
 background-image: url(images/contentContainer_bg.gif);
 background-repeat: repeat-y;
 width: 1003px;
}


div#leftbar {
 width: 197px;
 padding: 0px;
 float:left;
}


div#content {
 width:	576px;
 margin: 5px 20px 0 20px;
 float: left;
 /*overflow:hidden; >> erzeugt Fehler bei Positionierung in IE*/
}


div#rightbar {
 width: 190px;
 float: right;
}


div#header, div#footer, div#footerInfo {

 width: 1003px;

 /* wegen den 'float's von leftbar,conent,rightbar,
  * damit in den Browsern, die die Standards
  * korrekt umsetzen, das Container-Element
  * von '#contentContainer' den Hintergrund
  * bis  nach unten darstellt */

 clear: both;
}


/* Positionierung des Header-Blocks*/
div#header{
 height: 150px;
 background-image: url(images/header.gif);
}


/* Positionierung des WerbeBanner-Blocks*/
div#topAds{
 margin:9px;
 /*background-color:green;*/
 text-align:right;
}

/* Positionierung des Logo-Blocks*/
div#logoSpacer{
 width: 200px;
 padding-left: 22px;
 float: left;
}

div#logoSpacer img{
 width: 195px;
 height: 135px;
}



/* Dieser Block wird über topNav positioniert,
 * um das Menü auf die richtige Höhe zu bringen */
div#topNavSpacer{

 height: 81px;
 width: 703px;
 float: right;
}


/* Positionierung des Top-Navigations-Blocks*/
div#topNav{

 /* Navigations-Menü kann durch Veränderung
  * der Breite verschoben werden */
 width: 750px;	/* ohne Hörbücher: width: 700px;*/
 height: 28px;
 float: right;
}


/* Hauptcontainer für das Mini-Frame mit dem aktuellen Gutschein-Zocker-Preis */
div#gambleFrame{
 margin:0px;
 padding:4px;
 width:100%;
 height:100%;
 background-color:#ECF2E4;
 text-align:left;
}

/* Info-Feld unterhalb Content-Bereich */
div#footerInfo{
 margin-top:20px;
 text-align:center;
}