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

Projekt:        EPH Homepage 2007

Dateiname:      Stylesheet -HP07.css
Version:        0.00
Autor:          S.Janesch

Copyright:      EPH Electronics AG
                Ratihard 5
				8253 Diessenhofen

Datum:          19.06.2007
Beschreibung:   Stylesheet für das Layout und das Design der EPH-Hompage.
        
Änderungen:     TT.MM.JJ    NAME    VERSION     BESCHREIBUNG DER ÄNDERUNG

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

/*** HP07-Farben ***/

/* EPH-Blau --> #0072C6 */

/*** Allgemeines ***/

* 
{
	padding: 0;
	margin: 0;
}

body 
{
	/*font-size: 85%;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

/*** HP07-Layout ***/

#page
{
	width: 1024px;
	margin: 40px auto;
	text-align: center;
	font-size: 12px;
	color: #666;
}

/************************************************/
/*   Container für den Header und die MainNav   */
/************************************************/

#pagehead
{
	width: 1022px;
	height: 192px;
	border: 1px solid #999;
	background-image: url(images/Header_HP07.jpg);
	background-position: top left;
}

/*** Header der Website ***/

#header
{
	width: 1022px;
	height: 152px;
}

/*** MainNav der Website ***/

#mainnav
{
	width: 1022px;
	height: 40px;
	font-size: 14px;
}

#mainnav ul
{
	list-style-type: none;
}

#mainnav ul li
{
	display: inline;
}

#mainnav a
{
	float: left;
	display: block;
	margin: 0px 8px 0px 0px;
	padding: 11px;
	background-color: #0072C6;
	color: #fff;
	border: 1px solid #999;
	text-decoration: none;
}

#mainnav a:hover
{
	background-color: #fff;
	color: #000;
}

/************************************************/
/*   Container für den Content und die SubNav   */
/************************************************/

#pagebody
{
	width: 1022px;
	height: 512px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

/*** Content der Website ***/

#content
{
	float: left;
	width: 832px;
	height: 512px;
	text-align: left;
}

#content h1
{
	color: #666;
	margin: 24px 48px 0px 24px;
	padding: 0;
}

#content h2
{
	color: #0072c6;
	margin: 24px 48px 0px 48px;
	padding: 0;
}

#content h3
{
	color: #666;
	margin: 12px 48px 12px 48px;
	padding: 0;
}

#content p
{
	color: #000;
	margin: 10px 48px 10px 48px;
	padding: 0;
}

#content a
{
	color: #0072c6;
	margin: 0px 0px 0px 48px;
	padding: 0;
}

#content img
{
	margin: 0px 0px 0px 0px;
	padding: 0;
	visibility: visible;			/* Bilder nicht ausgeblendet!!! */
}

#content ul
{
	list-style: square url(images/list_icon_8x8.gif) outside;
	margin: 16px 48px 16px 64px;
	color: #000;
}

#content ul li
{
	margin: 10px;
}

#content table
{
	width: 832px;
	/*border: 1px solid blue;*/
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	empty-cells: hide;
	table-layout: auto;
}

#content table td
{
	/*border: 1px solid blue;*/
	vertical-align: top;
}

#content table p
{
	color: #000;
	margin: 10px 48px 10px 48px;
	padding: 0;
}

/*
#content table ul
{
	list-style: square url(images/list_icon_8x8.gif) outside;
	margin: 0;
	color: #000;
}

#content table ul li
{
	margin: 10px;
}

#content table p
{
	color: #000;
	margin: 0px 16px 24px 0px;
	padding: 0;
}

#content table img
{
	margin: 0px 48px 0px 0px;
	padding: 0;
}
************************************************************************/

/*** SubNav der Website ***/

#subnav
{
	float: right;
	width: 190px;
	height: 512px;
	font-size: 14px;
}

#subnav ul
{
	list-style-type: none;
}

#subnav a
{
	display: block;
	margin: 8px 0px 0px 0px;
	padding: 11px;
	background-color: #0072C6;
	color: #fff;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	text-decoration: none;
}

#subnav a:hover
{
	background-color: #fff;
	color: #000;
}

/*********************************************/
/*   Container für den Footer der Webseite   */
/*********************************************/

#pagefoot
{
	width: 1022px;
	height: 40px;
	border: 1px solid #999;
	background-image: url(images/Header_HP07.jpg);
	background-position: bottom left;
}

/*** Footer der Website ***/

#footer
{
	width: 1022px;
	height: 80px;
}

#footer p
{
	text-align: center;
	font-size: 10px;
	color: #666;
	margin: 15px;
}