/**
 *	CSS-Stile fuer alle Ausgabearten ausser Druck und Braille-Lesegeraet
 *	v1.0
 */


/**
 *	Allgemein
 */

* {
	font-family:Arial, Helvetica, Sans-serif;
	font-size:1em;
	line-height:1.3em;
	color:#6b706d;
	margin:0;
	padding:0;
}


html {
	width:100%;
	height:100%;
	font-size:75%;
}

body {
	width:100%;
	height:100%;
	background-color:#fff;
	background-image:url(../images/background.png);
	background-repeat:repeat-y;
	overflow:auto;
}

img { border:0; }

form {
	margin:0;
	padding:0;
}

p { margin-bottom:1em; }

h1, h2, h3, h4, h5, h6 {
	color:#e9a100;
	font-size:1em;
	font-weight:normal;
	margin-bottom:1em;
}

h1 {
	font-size:1.2em;
}

h2 { 
	font-size:1.2em;
	margin-bottom:0; 
}

a:link, a:visited { 
	color:#6b706d; 
	text-decoration:none;
	border-bottom:1px solid #e9a100;
}

a:active, a:hover { 
	color:#e9a100; 
}

/* Fuer alle Objekte, die nicht gedruckt werden sollen */
.noprint {}

/* Bilder ausrichten */
.imageLeft {
	float:left;
	margin: 0 10px 5px 0;
}

.imageRight {
	float:right;
	margin: 0 0 5px 10px;
}

li {
	margin-left:1em;
	padding:0;
	margin-bottom:0.5em;
}

/* Fuer Listen mit gelber Typo */
.yellowList { color:#e9a100; }
.yellowList li { color:#e9a100; }

/* Normale Schriftfarbe (grau) */
.typo { color:#6b706d; }




/**
 *	Hauptmenue
 */


/* Umfasst das komplette Hauptmenue */
#menuBox {
	position:absolute;
	left:107px;
	top:283px;
	width:180px;
	height:auto;
}

#menuBox ul {
	list-style-type:none;
	list-style-position:inside;
	margin:0;
	padding:0;
}

#menuBox li { margin:0 0 1.5em 0; }

#menuBox a:link, #menuBox a:active, #menuBox a:visited {
	text-decoration:none;
	border:none;
	color:#6b706d;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
}

#menuBox a:hover { color:#e9a100; }
#menuBox li li { margin:0 0 0 1em; }

#menuBox li a.selected:link, #menuBox li a.selected:visited, #menuBox li a.selected:active, #menuBox li a.selected:hover { 
	color:#e9a100;
	cursor:default;
}




/**
 *	Startseite
 */


/* Enthaelt das Schmuckfoto fuer die Homepage */
#bannerBoxHome {
	position:absolute;
	left:107px;
	top:83px;
	width:800px;
	height:380px;
	overflow:hidden;
	z-index:2;
}

/* Bild auf der Homepage */
#imageBox {
	position:absolute;
	left:107px;
	top:83px;
	width:800px;
	height:380px;
	background-image:url(../imaged/banner-home.jpg);
	background-repeat:no-repeat;
	z-index:3;
}

/* Welcome-Text auf der Homepage */
#welcomeTextBox {
	position:absolute;
	left:230px;
	top:146px;
	width:400px;
	height:auto;
	border:none;
	z-index:4;
}

#welcomeTextBox h1 {
	margin:0;
	padding:0;
	font-size:1.1em;
}

#welcomeTextBox p {
	color:#fff;
	font-size:1em;
	margin:0;
	padding:0;
}

a.nounderline:link, a.nounderline:visited { 
	text-decoration:none; 
	color:#e9a100;
	border:none;
}

a.nounderline:active, a.nounderline:hover { 
	text-decoration:none;
	color:#fff;
	background-color:#e9a100;
	padding:0 7px 0 7px;
}




/**
 *	Seitenaufbau allgemein
 */


/* Umfasst die gesamte Seite */
#outerBox {
	width:100%;
	height:100%;
}

/* Ueberdeckt den Logo-Hintergrund mit weiss */
#whiteBox {
	position:absolute;
	left:0;
	top:0;
	width:500px;
	height:83px;
	background-color:#fff;
	z-index:1;
} 

/* Enthaelt das Logo */
#logoBox {
	position:absolute;
	left:106px;
	top:40px;
	width:200px;
	height:30px;
	z-index:2;
}

#logoBox a:link, #logoBox a:visited { border:none; }

/* Enthaelt das Schmuckfoto */
#bannerBox {
	position:absolute;
	left:107px;
	top:83px;
	width:800px;
	height:160px;
	overflow:hidden;
	z-index:3;
}

/* Claim re/vertikal */
#claimBox {
	position:absolute;
	left:919px;
	top:83px;
	width:30px;
	height:480px;
	background-image:url(../images/claim.png);
	background-repeat:no-repeat;
}

/* Leiste oben mit Anschrift */
#addressBox {
	position:absolute;
	width:600px;
	height:20px;
	left:306px;
	top:56px;
	font-size:11px;
	font-family:"Arial Narrow", Arial, Helvetica, Sans-serif;
	text-align:right;
	z-index:15;
}

a.gray:link, a.gray:visited { 
	text-decoration:none; 
	font-family:"Arial Narrow", Arial, Helvetica, Sans-serif;
	color:#6b706d;
	border:none;
}

a.gray:active, a.gray:hover { 
	border-bottom:1px solid #e9a100;
	color:#e9a100;
}


/* Hier stehen die Inhalte. */
#contentBox {
	position:absolute;
	left:338px;
	top:283px;
	width:500px;
	height:auto;
	padding-bottom:20px;
	z-index:10;
}