html, body {
	margin: 0;
	padding: 0;
}

body{
	background-color: #B7B9BB;
	background-image: url("bilder/bg_body.gif");
	background-repeat: no-repeat;
	background-position: 70px 30px;
}


/* ####################################################### */
/* #### Allgemein: Schriften, Listen, Links, Bilder ###### */

html, body, table, th, td, div, ul{
	font-family: "Trebuchet MS", "Bitstream Vera Sans", lucida, arial, helvetica, verdana, sans-serif;
	font-size:12px;
	line-height:1.35em;
}

p{
	margin:0;
	padding:0;
}

h1{
	font-size: 1em;
	margin: 0 0 1em 0;
	padding:0;
}
h2{
	font-size: 1em;
	margin: 1.35em 0 1em 0;
	padding:0;
	color:#FFFFFF;
	margin-left: -2px;
	padding-left:4px;
	background-color: #B7B9BB;
	line-height:1.5em;
}
h2 a,h2 a:hover{ color:#FFFFFF; }

a{
	text-decoration:none;
	color:#E8B95D;
}
a:hover{
	text-decoration:underline;
}

img{
	margin:0;
	padding:0;
	border:none;
}

dd{
	margin:0 0 1.35em 1em;
	padding:0;
}


/* ####################################################### */
/* #### Inhaltsbereiche ################################## */

a#logo{
	position:absolute;
	top:45px;
	left:197px;
	z-index:4;
}

p#statisch{
	position:absolute;
	top:51px;
	left:478px;
	background-color:#ffffff;
	z-index:3;
}
p#statisch a{
	color:#B7B9BB;
}

p#optikalphabet{
	position:absolute;
	top:87px;
	left:203px;
	background-color:#ffffff;
	z-index:2;
}

div#optiklexikon{
	position:absolute;
	top:40px;
	left:20px;
	width:760px;
	padding-top:30px;
	background-color:#ffffff;
	background-image: url("bilder/bg_optiklexikon.gif");
	background-repeat: repeat-y;
	z-index:1;
}

div#stichworte{
	float:left;
	width:160px;
	background-color:#FFFFFF;
	background-image: url("bilder/bg_stichworte.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom:20px;
}

div#marginalien{
	float:right;
	width:160px;
	background-color:#FFFFFF;
	padding: 0 0 18px 0;
	background-image: url("bilder/bg_marginalien.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}

div#inhalt{
	margin: 0 0 0 185px;
	padding: 70px 0 40px 0;
	width:385px;
}


p#breadcrumb{
	clear:both;
	padding:0 0 10px 100px;
	color:#A1A2A5;
	font-size:11px;
	background-image: url("bilder/bg_breadcrumb.gif");
	background-repeat: no-repeat;
	background-position: 50px 0;
}
p#breadcrumb a{
	font-weight:bold;
	color:#A1A2A5;
}
p#breadcrumb a:hover{
	color:#E8B95D;
	text-decoration:none;
}


p#copyright{
	display:block;
	clear:both;
	position:absolute;
	width:550px;
	left:50px;
	color:#777777;
	background-color:#B7B9BB;
	padding: 13px 0 5px 0;
	background-image: url("bilder/bg_copyright.gif");
	background-repeat: no-repeat;
	background-position: left top;
	font-size:11px;
}
p#copyright a{
	color:#777777;
}
p#copyright span{
	margin:0 0 0 49px;
}
p#copyright a:hover{
	text-decoration:none;
}


/* ####################################################### */
/* #### A-Z Navigation ################################### */

p#optikalphabet a{
	color:#A1A2A5;
	padding: 0 2px 5px 2px;
}
p#optikalphabet a.aktiv{
	font-weight:bold;
	color:#E8B95D;
}
p#optikalphabet a:hover{
	color:#E8B95D;
	text-decoration:none;
}


/* ####################################################### */
/* #### Stichwortnavigation ############################## */

div#stichworte ul{
	margin:0;
	padding:25px 0 10px 0;
	background-image: url("bilder/bg_stichwortliste.gif");
	background-repeat: no-repeat;
	background-position: left top;
}
div#stichworte ul li{
	list-style-type: none;
	line-height: 1.5em;
	font-weight:bold;
}
div#stichworte ul li a{
	display:block;
	padding: 0 3px 0 15px;
	color:#A1A2A5;
}
div#stichworte ul li#zurueck a{
	margin-top:1.35em;
}
div#stichworte ul li a.aktiv{
	color:#E8B95D;
}
div#stichworte ul li a:hover{
	text-decoration:none;
	color:#E8B95D;
}



/* ####################################################### */
/* #### Werbung-rechts ################################### */

div#werbung{
	padding: 20px 0 0 19px;
	background-image: url("bilder/bg_werbung.gif");
	background-repeat: no-repeat;
	background-position: left top;
}


/* ####################################################### */
/* #### Werbung im Content  ############################## */

div.square250{
	float:left;
	padding-top:1.35em;
	width:205px;
}


/* ####################################################### */
/* #### Inhaltsbereich ################################### */

div#inhalt a{
	color:#000000;
	background-image: url("bilder/bg_contentlink.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
}
div#inhalt a:hover{
	color:#E8B95D;
	text-decoration:none;
}

div#inhalt dt a,
div#inhalt dt a:hover{
	font-weight:bold;
	color:#E8B95D;
	background-image:none;
	text-decoration:underline;
}