/** 
 * Datei: layout.css
 * Pfad : fileadmin/layout2007/css/
 **
 * Haupt-Stylesheet:
 * Hier wird die Layoutaufteilung der Seite definiert
 * Darin enthalten sind auch die Definitionen von html und body
 *
 **/


/**
 * Die Formatierung der Standard HTML Tags befinden sich in der Datei: layout2007/css/base.css 
 **/
@import url("base.css");

/**
 * Die Formatierung von css Klassen für wiederkehrende Formatierungen befinden sich in der Datei: layout2007/css/classes.css 
 **/
@import url("classes.css");

/**
 * Die Formatierung der Meta Navigation befinden sich in der Datei: layout2007/css/navigation.meta.css 
 **/
@import url("navigation.meta.css");

/**
 * Die Formatierung der Main Navigation befinden sich in der Datei: layout2007/css/navigation.meta.css 
 **/
@import url("navigation.main.css");

/**
 * Die Formatierung der Breadcrumb Navigation befinden sich in der Datei: layout2007/css/navigation.breadcrumb.css 
 **/
@import url("navigation.breadcrumb.css");

/**
 * Die Formatierung der Left Navigation befinden sich in der Datei: layout2007/css/navigation.left.css 
 **/
@import url("navigation.left.css");

/**
 * Die Formatierung der Formulare des Warenkorbs befinden sich in der Datei: layout2007/css/form.basket.css 
 **/
@import url("form.basket.css");


/**
 * HTML Tag-Definition
 **
 * bislang keine Änderungen...
 **/
html
{
}

/**
 * BODY Definition
 **/
body
{
	background-color:white;
	border:none 0;
	padding:0;
	margin:0;
	font-family:Verdana;
}

/**
 * Layout DIVs
 **/

/**
 * DIV ID: page-container
 **
 * Dieses DIV umspannt sä½mtliche Inhalte der Seite
 **/
#page-container
{
	border:none 0;
	padding:0;
	margin:0;
	background-color:white;
	width:1250px;
	/*
	margin-left:auto;
	margin-right:auto;
	*/
}

/**
 * DIV ID: navigation-meta
 **
 * Dieses DIV beinhaltet die Meta Navigation rechts oben
 **/
#navigation-meta
{
	width:1000px;
	height:100%;
	background-color:white;
	overflow: none;
	text-align:right;
	font-size: 1em;
}

/**
 * DIV ID: banner-top
 **
 * Dieses DIV beinhaltet das obere Banner mit einer Image Map auf die Startseite von www.gmfoto.de
 **/
#banner-top
{
	width:1000px;
	height:100%;
	background-color:white;
	overflow: none;
}

/**
 * DIV ID: navigation-main
 **
 * Dieses DIV beinhaltet die Main Navigation unter der Logo Leiste
 **/
#navigation-main
{
	width:1000px;
	height:100%;
	background-color:white;
	overflow: none;
}

/**
 * DIV ID: navigation-breadcrumb
 **
 * Dieses DIV beinhaltet die Breadcrumb Navigation unter der Main Navigation
 **/
#navigation-breadcrumb {
	background:#eee;
	background-image:url(../img/menuhg/breadcrumb_hg.jpg);
	margin:0px;
	padding:0px;
	/**
	border:1px solid #999;
	border-left:0px none;
	border-right:0px none;
	**/
	width:1000px;
	height:100%;
  font-weight:bold;
	overflow: none;
	font-size: 0.9em;
	color:#eee;
}

/**
 * DIV ID: column-left
 **
 * Dieses DIV beinhaltet die Unternavigation auf der linken Seite.
 * Unterhalb der Navigation läuft der linke Inhalt in dieser Spalte.
 **/
#column-left
{
	width:250px;
	height:130%;
	background-color:white;
	float:left;
	overflow: none;
	clear:both;
}

/**
 * DIV ID: column-normal
 **
 * Dieses DIV beinhaltet den normalen Inhalt in dieser Spalte.
 **/
#column-normal
{
	width:530px;
	background-color:white;
	float:left;
	overflow: none;
}

/**
 * DIV ID: column-right
 **
 * Dieses DIV beinhaltet den rechten Inhalt in dieser Spalte.
 **/
#column-right
{
	width:220px;
	background-color:white;
	float:left;
	overflow: none;
}

/**
 * DIV ID: column-right
 **
 * Dieses DIV beinhaltet den rechten Inhalt in dieser Spalte.
 **/
#column-border
{
	width:250px;
	height:100%;
	background-color:white;
	overflow: auto;
	float:left;
}

/**
 * DIV ID: footer
 **
 * Dieses DIV beinhaltet die Fußzeile.
 **/
#footer
{
	padding-left:245px;
	width:755px;
	height:100%;
	background-color:white;
	clear:both;
	overflow: auto;
}

/**
 * DIV ID: inner-footer
 **
 * Dieses DIV liegt innerhalb von #footer und dient dazu einen dünnen,
 * grauen Strich über der Fußzeile zu ziehen.
 **/
#inner-footer
{
	margin:10px;
	border-top-style:solid;
	border-top-color:#666;
	border-top-width:thin;
}