/* master.css - Hauptstylesheet für Bildschirmausgabe */

/* ---- Import der benötigten Layout-Stylesheets -------- */
@import url("../css/font.css");
@import url("../css/navigation.css");
@import url("../css/spiele.css");
@import url("../css/tabelle.css");

/* ---- Allgemeine Einstellungen ------------------------ */
/* Einstellungen für body */
* {
   margin: 0;
   padding: 0;                     
}

body{
   background-image: url(../images/style/bg.jpg);
   background-repeat:no-repeat;
   background-color:#FFFFFF;
   text-align:center;
}

html, body {
height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
}

/* Eigenschaften/Ausrichtung der ganzen Seite */
#content_all {
 width:989px;
 margin:0px auto;
 height:auto !important;
 min-height:100%;
 height:100%;
 text-align:left;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
ALLE EIGENSCHAFTEN DER DIV-CONTAINER IM KOPFBEREICH
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/* Head-Container (enthält Kopfbereich: Kopfgrafig und Navigation - Balken) */
#head_con{
   width:100%;
   float: left;
}

#head_kopf{
   width:100%;
   height:175px;
   background-image: url(../images/style/header.png);
   margin-top:20px;
   margin-left:0px;
}

/* Ausrichtung Logo Schüler WM */
#head_logowm{
   width: 160px;
   height: 173px;
   margin-left:2px;
   margin-top:2px;
   float:left;
}

/* Eigenschaften/Ausrichtung Text "Schüler-WM um den Sparda-Bank-Pokal 2010" im Kopfbereich */
#head_text{
   width: 550px;
   float:left;
   margin-top:40px;
   margin-left:60px;
   /* background-color:#e3001b; */
}

/* Eigenschaften/Ausrichtung Pokal rechts im Kopfbereich */
#head_pokal{
   float:right;
   margin-top:10px;
   margin-right:50px;
   text-align:right;

}

/* Ausrichtung Navigation im Kopfbereich  */
#head_menue{
   width:989px;
   height:42px;
   margin-top:10px;
   text-align: right;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
 DIV-CONTAINER IM KOPFBEREICH  ENDE
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
 DIV-CONTAINER IM CONTENTBEREICH
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#content_con{
   width:987px;
   float:left;
   margin-top:10px;
   min-height:400px;
   border: 1px solid #e75012;
   }

/* Eigenschaften/Ausrichtung der linken Navigation */
#linke_nav_con{
   width:175px;
   padding:10px;
   float:left;
   text-align:left;
   padding-top:10px;
}

/* Eigenschaften/Ausrichtung des kleinen-Bereichs im Content */
#content_klein{
   width:583px;
   min-height:560px;
   padding: 20px;
   float:left;
   border-right: 1px solid #e75012;
   border-left: 1px solid #e75012;
}


/* Eigenschaften/Ausrichtung des großen-Bereichs im Content */
#content_gross{
   width:779px;
   padding: 20px;
   min-height:560px;
   float:left;
   border-right: 1px solid #e75012;
}


/* Eigenschaften/Ausrichtung des Sponsor-Bereichs im Content */
#content_sponsor{
   width:161px;
   height: 600px;
   float: right;
}

/* Eigenschaften/Ausrichtung der Fußzeile im Content */
#footer{
   clear:both;
   float:left;
   margin-top:10px;
   margin-bottom:20px;
   width:989px;
   height: 30px;
   background-image: url(../images/style/footer.gif);
   background-repeat: repeat-x;
}



/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
 DIV-CONTAINER IM CONTENTBEREICH  ENDE
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/