@charset "UTF-8";

/*+++++++++++++++++++++++++++++++++++++++++++++++++*
  Import

  Standardformatierung die in dieser Datei bei be-
  darf überschrieben werden.
+++++++++++++++++++++++++++++++++++++++++++++++++++*/

@import url('./spalten.css');
@import url('./basics.css');
@import url('./farben.css');
@import url('./Slimbox.css');
@import url('./Produkt_Presenter_5er.css');
@import url('./jd.gallery.css');


/*+++++++++++++++++++++++++++++++++++++++++++++++++++*/




/* ************************************************************ */
/* Gesamtseitencontainer */
/* ************************************************************ */
#container {
	position:absolute;
	
	/* Breite des Seitencontainers. */
	width: 1008px;  
	
	/* Hintergrundfarbe des Seitencontainers. */
	background: #FFFFFF;
	
	/* Abstandsverhalten des Seitencontainers. */
	margin: 0;
	left: 0px;
	top: 0px;
	
	/* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	text-align: left; 
	
	/* Innenabstandsverhalten des Seitencontiners. */
	padding: 0;

}
/* ************************************************************ */



/* ************************************************************ */
/* Titelkasten */
/* ************************************************************ */
#mainTitle {
	position: relative;			/* NICHT ändern! */
	
	/* Größe des Titelkastens */
	width:1008px;
	height: 120px;
	
	/* Titelhintergrundfarbe */
	background-color:#FFEEEE;
	
	/* Abstand unterm Titel */
	margin-bottom: 10px;
	
	/* Hintergrundbild des Titels - Maße entsprechen 'width' x 'height'. */
	background-image:url(../bilder/logo2_trans_white_1008.gif);
	
	/* Titelhintergrund wird nicht gekachelt. */
	background-repeat:no-repeat;
}

img.logo {
	position: absolute;			/* NICHT ändern! */
	overflow:visible;			/* NICHT ändern! */

	top:10px;					/* Positionierung innerhalb des Titels. Hier: Abstand vom oberen Rand. */
	left:10px;					/* Positionierung innerhalb des Titels. Hier: Abstand vom linken Rand. */
}

/* Kann als Vorlage für weitere Boxen genommen werden. Einfach kopieren und den Zähler entsprechend hochzählen. */
/* ---- Kopieren start ------------------------*/
div.TitelBox1 {
	position:absolute;
	
	width:178px;				/* Breite der Box - 2x der Randbreite. Hier: 200 - 2 x 1 = 198. */
	height:98px;				/* Höhe der Box - 2x der Randbreite. Hier: 100 - 2 x 1 = 98. */
	border:1px solid #000;		/* Rand um die Box: Breite Rahmenstyle Farbe. */
	background-color:#FFF;		/* Hintergrundfarbe der Box. */

	top:10px;					/* Positionierung innerhalb des Titels. Hier: Abstand vom oberen Rand. */
	left:130px;					/* Positionierung innerhalb des Titels. Hier: Abstand vom linken Rand. */
}

/* Notwendig, wenn man einen inneren Abstand für Text und/oder Bilder haben möchte. Das padding-Attribut hat je nach Browser unterschiedliche Auswirkungen, die hier nicht gewünscht sind. */
div.InnererAbstand {
	margin: 5px;				/* Außenabstand des Box für die Verwendung in der dazugehörigen TitelBox. */
}
/* Muster für die Vorlagenseite. */
/* Nur die <div...-Zeile kopieren 
	<div class="TitelBox1"><div class="InnererAbstand">Text oder Bild und Text</div></div>
	
	Anmerkung: die Box '<div class="InnererAbstand">...</div>' ist nur optional, wenn man in der TitelBox einen Abstand zum Rand haben möchte.
*/
/* ---- Kopieren ende ------------------------*/

/* ************************************************************ */



/* ************************************************************ */
/* Navigationskasten */
/* ************************************************************ */
#mainNavi {
	/* Breite des Navigationscontainers. */
	width:120px;
	
	/* Fließverhalten des Navigationscontainers. */
	float:left;
}
/* ************************************************************ */



/* ************************************************************ */
/* Inhaltskasten*/
/* ************************************************************ */
#mainContent {
	width:868px;
	margin-left: 10px;
	float:left;
}
/* ************************************************************ */



/* ************************************************************ */
/* Footer der Seite */
/* ************************************************************ */
#mainFooter {
	margin-top: 10px;
	width:1008px;
	float:none;
}
/* ************************************************************ */



/* ************************************************************ */
/*  Grafische Elemente */
/* ************************************************************ */

/* Hintergrundbild rechte Seite */
#RechteSeitenLeiste {
  	position: fixed;			/* NICHT ändern! */
  	top:0px;					/* NICHT ändern! */
  	z-index:0;					/* NICHT ändern! */
	margin-top: 0px;			/* NICHT ändern! */
	
  	left:1008px;				/* Abstand von links. Möglichst NICHT ändern. Nur wenn Seitenlayout insgesamt entsprechend angepasst wurde. */
}

div.RSLBox1 {
	position:fixed;			/* NICHT ändern! */
	
	width:178px;				/* Breite der Box - 2x der Randbreite. Hier: 180 - 2 x 1 = 198. */
	height:298px;				/* Höhe der Box - 2x der Randbreite. Hier: 300 - 2 x 1 = 98. */
	/*border:1px solid #000;*/		/* Rand um die Box: Breite Rahmenstyle Farbe. */
	/*background-color: #FFF;*/		/* Hintergrundfarbe der Box. */

	top:20px;					/* Positionierung innerhalb des Titels. Hier: Abstand vom oberen Rand. */
	left:1018px;					/* Positionierung innerhalb des Titels. Hier: Abstand vom linken Rand. */
}
/* Möchte man einen Innenabstand für Bilder bzw. Text innerhalb dieser Box, kann man wie bei der TitelBox ein 'div' mit der class="InnererAbstand" einfügen. ‚*/

/* ************************************************************ */



/* **************************************************************
Diese Klasse sollte in einem div- oder break-Element platziert 
werden und das letzte Element vor dem Schließen eines Containers 
sein, der wiederum einen vollständigen Float enthalten sollte.
/* ************************************************************ */
br.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}