/* Gesamtschrift und Gesamtrand festlegen */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
background-color: #FFFFCC;
/*background: url(../bilder/oki14ex_5_a.gif) fixed no-repeat;
background-position: center;
background-attachment: fixed;
z-index: 2;*/
}

/* Überschrift 1 gestalten */
h1 {
	font-size: 10pt;
	margin-bottom: 5px;
	border-left-style: solid;
	border-left-width: 20px;
	border-left-color: #e00;
  border-right-width: 20px;
  border-right-style: solid;
  border-right-color: #e00;
	padding-left: 10px;
	background-color: gray;
	color: #FFFFE0;
	text-align: center;
  line-height: 1.2;
}

/* Überschrift 2 gestalten */
h2 {
font-size: 11pt;
margin-bottom: 0px;
padding-bottom: 0px;
color: #800000;
}

/* Überschrift 3 gestalten */
h3 {
font-size: 13pt;
margin-bottom: 0px;
padding-bottom: 0px;
color: red;
font-weight: bold;
}

/* Absatz und div gestalten */
p, div {
font-size: 10pt;
line-height: 1;
padding-left: 5px;
}

/* Tabelle */
table {
border-collapse:collapse;
border: none 1px gray;
}

/* Schrift in Tabellen gestalten */
td {
font-size: 10pt;
line-height: 1;
border: none 1px gray;
}

/* Tag b zusätzlich einfärben */
b {
color: #7C580A;
}

/* Zeichenformat für fett und rot eingefärbt */
span.active {
	font-weight: bold;
	color: Red;
}

/* Zeichenformat für fett und blau eingefärbt */
span.blau {
	font-weight: bold;
	color: Blue;
}

span.box {
text-decoration: none;
font-weight: bold;
color: blue;
border-left: solid 1px black;
border-bottom: solid 1px black;
background-color: white;
}

span.menu1 {
text-decoration: none;
color: black;
border-left: solid 1px gray;
border-bottom: solid 1px gray;
background-color: white;
}

/* Rahmeneffekt, ungebundene Klasse */
.rahmen {
border-style: solid;
border-width: 1px;
border-color: #AF1810;
padding: 5px;
}

/* Grafik als Aufzählungszeichen */
ul {
list-style-image: url(../bilder/red_point.gif);
font-size: 10pt;
line-height: 1;
}

/* Grafik als Aufzählungszeichen */
li {
list-style-image: url(../bilder/red_point.gif);
font-size: 10pt;
line-height: 1;
}

a {
text-decoration: none;
}

/* Hovereffekt für normale Links */
a:hover {
	text-decoration: none;
  color: blue;
  background-color:#ffff99;
}

/* besuchte Hyperlinks */
a:visited {
	color: brown;
}

/* 1. Rahmen: Panoramagrafik oben */
#top {
position: absolute;
left: 0px;
top: 0px;
width: 800px;
height: 100px;
}

/*Besucherzähler */
#besucher {
position: absolute;
left: 10px;
top: 10px;
}

/* Banner */
#logo_banner {
position: absolute;
left: 220px;
top: 20px;
}

#gesicht1 {
position: absolute;
left: 10px;
top: 5px;
}

#gesicht2 {
position: absolute;
left: 820px;
top: 385px;
}

/* 2. Rahmen: Hauptbereich, enthält linke und rechte Spalte */
#main {
	position: absolute;
	left: 0px;
	top: 100px;
	width: 800px;
	height: auto;
	/*border-right-style: none;
	border-bottom-style: none;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #CEB573;
	border-bottom-color: #CEB573;*/
	/*background-color: #FFFFE0;*/
}

/* 3. Rahmen: linke Spalte */
#left {
position: absolute;
left: 0px;
top: 0px;
width: 140px;
padding: 5px;
/*padding-left: 10px;
padding-right: 5px;*/
/*background-color: #FFFFE0;*/
}

/* Hinweis Netscape u.a. */
#hinweis {
position: absolute;
left: 10px;
top: 310px;
}

/*Logo auf der linken Spalte - oben*/
#logo {
position: absolute;
left: 230px;
top: 30px;
/*width: 109px;
height: 45px;*/
}

/*Logo auf der linken Spalte - oben*/
#logo_2 {
position: absolute;
left: 211px;
top: 30px;
/*width: 109px;
height: 45px;*/
}

/*Logo auf der linken Spalte - oben*/
#logo_3 {
position: absolute;
left: 220px;
top: 40px;
/*width: 109px;
height: 45px;*/
}

/*Logo auf der linken Spalte - oben*/
#logo_4 {
position: absolute;
left: 320px;
top: 110px;
/*width: 109px;
height: 45px;*/
}

/* Hyperlinkleiste */
#linkbar {
position: absolute;
left: 10px;
top: 50px;
width: 130px;
height: auto;
font-size: 10pt;
text-align: left;
padding-bottom: 1px;
padding-left: 5px;
padding-right: 5px;
/*border-bottom-style: solid;
border-bottom-width: 1px;
border-right-color: #CEB573;
border-bottom-color: #CEB573;
background-color:#e6e6e1;*/
}

/* a-Tags innerhalb der Linkleiste */
#linkbar a {
font-size: 10pt;
font-weight: normal;
text-decoration: none;
color: black;
}

/* Hover-Effekt innerhalb der Linkleiste */
#linkbar a:hover {
font-size: 10pt;
font-weight: normal;
color: #AF1810;
}

/* Absatz innerhalb der linken Spalte */
#left p {
font-size: 10pt;
line-height: 1.1;
color: #7C580A;
}

/* 4. Rahmen: rechte Spalte */
#right {
position: absolute;
left: 200px;
top: 0px;
width: 500px;
height: auto;
padding: 5px;
/*padding-right: 10px;
padding-left: 5px;*/
}

/* Bild von Heidi */
#heidi_1 {
position: absolute;
left: 530px;
top: 220px;
}