/* schandera.de
 *
 * global language-independend element style definitions
 *
 * defintions reflecting site-global style defintions for particular
 * elements and element groups, such as main menu items and images,
 * seperator lines etc.
 */


 


/* ************************************************************************
 * body element defining screenwide gradient background image
 */
body {
	/* urls are always relative to the path where the css-file is located!*/
	background-image: url("../_graphics/head_gradient.gif");
	background-repeat: repeat-x; }





 /* ************************************************************************
/* page head image definitions
 */

 /* logo name position */
div#headContainer img#headLogo_name {
	top: 60px; left: 0px; }

/* slogan position */
div#headContainer img#headLogo_slogan {
	top: 140px; left: 55px; }





/* ************************************************************************
 * main menu element definitions and structural functions 
 */

/* main menu anchors are non-floating and padded to hold the hover-arrow.
 * block-display also allows the link to be clicked in the complete
 * containing area, that is, #mainMenuContainer and it's defined width. */
div#mainMenuContainer a {
	 display: block;
	 font-weight: bold;
	 padding-left: 40px;
	 padding-top: 5px;
	 padding-bottom: 5px;
	 color: rgb(52,96,132); }

/* hover for main menu anchor, defining background image to display
 * arrow in front of the link when mouse is moved over it, without any
 * javascript. also defines the class "current" to set a menu entry as
 * active, to display that the menu entry is the current page
 */
div#mainMenuContainer a:hover,
div#mainMenuContainer a.current {
	color: rgb(108,108,108);
	/* urls are always relative to the path where the css-file is located!*/
	background-image: url("../_graphics/mainmenu_arrow.gif");
	background-repeat: no-repeat;
	background-position: 0px 6px; }





/* ************************************************************************
 * content image definitions
 */

/* content images are to be displayed as block elements */
img.contentImage {
	padding: 0px;
	margin: 0px;
	display: block; }





/* ************************************************************************
 * dotted seperator line definitions. as the current source image for
 * seperator lines is 5 pixels wide, seperator lines should always divide
 * by 5 in order to avoid cutting the last dot in the middle.
 * separators do not define margins for themselves in the first place, as
 * this is to be done by the adjacent elements: headings and paragraphs
 */

/* grouping definitions for background-image and margins */
div.fullSeperator , div.smallSeperator {
	background-image: url("../_graphics/content_seperator-dot.gif");
	background-repeat: repeat-x;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 3px; }

/* a full seperator's width */
div.fullSeperator {
	width: 495px; }

/* a full seperator's width */
div.smallSeperator {
	width: 300px; }