BODY { 
SCROLLBAR-HIGHLIGHT-COLOR: #D3D4D4;
SCROLLBAR-3DLIGHT-COLOR: #E34F50;
SCROLLBAR-ARROW-COLOR: #E34F50;
SCROLLBAR-DARKSHADOW-COLOR: #D3D4D4;
SCROLLBAR-BASE-COLOR: #D3D4D4;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}

h1, h2, h3 {
font-family:Georgia, "Times New Roman", Times, serif;
}
h1 {
font-size: 130%;
font-variant:small-caps;
}
h2 {
font-size: 120%;
}
h3 {
font-size: 100%;
margin: 0px;
padding: 0px;
}
h4 {
font-size: 100%;
margin: 0px;
padding: 0px;
}

li {
list-style-type:disk;
}
li li {
list-style-type:disk;
text-indent: 10px;
padding-bottom: 5px;
}

.bordertop {
border-top: 1px dotted #f00;
padding-top: 20px;
}

A:link {
COLOR: #CC0000; TEXT-DECORATION: none;
}
A:visited {
COLOR: #CC0000; TEXT-DECORATION: none;
}
A:active {
COLOR: #CC0000; TEXT-DECORATION: none;
}
A:hover {
COLOR: #000000; TEXT-DECORATION: none; background-color: #FF0000;
}

.left {
float: left;
margin: 0.5em 2em 0.5em 1em;
}
.right {
float: right;
margin: 0.5em 1em 0.5em 2em;
}
#container {
width: 800px;
margin: auto;
}
#title {
position: absolute;
background-image: url(images/titel.gif);
height: 160px;
width: 800px;
padding: 0px;
margin: 0px;
}
#navibar {
position: absolute;
top: 135px;
margin-left: 100px;
background-image:url(gfx/navi_hg.gif);
background-repeat: repeat-x;
width:650px;
padding: 0px;
text-align: center;
font-size: 10%;
}

/*Die Navigationsdefinierung*/
#menubar {
margin-left: 60px;
}
.outer {
	float: left;
	width: 90px; height: 17px;
	}
.outer a {
	display: block;
	text-decoration: none;
	width:90px; height:17px;
	}
.outer span {
	display: block;
	width:90px; height:17px;
	margin:0; padding: 0px;
	}

.outer #home a {
	background: url( 'gfx/bar_home.gif' ) left no-repeat;
}
.outer #home a:hover {
	background: url( 'gfx/bar_home.gif' ) -90px no-repeat;
	}
.outer #home span {
	background: url( 'gfx/bar_home.gif' ) -180px no-repeat;
	}
.outer #vita a {
	background: url( 'gfx/bar_vita.gif' ) left no-repeat;
}
.outer #vita a:hover {
	background: url( 'gfx/bar_vita.gif' ) -90px no-repeat;
	}
.outer #vita span {
	background: url( 'gfx/bar_vita.gif' ) -180px no-repeat;
	}
.outer #laser a {
	background: url( 'gfx/bar_laser.gif' ) left no-repeat;
}
.outer #laser a:hover {
	background: url( 'gfx/bar_laser.gif' ) -90px no-repeat;
	}
.outer #laser span {
	background: url( 'gfx/bar_laser.gif' ) -180px no-repeat;
	}
.outer #beratung a {
	background: url( 'gfx/bar_beratung.gif' ) left no-repeat;
}
.outer #beratung a:hover {
	background: url( 'gfx/bar_beratung.gif' ) -90px no-repeat;
	}
.outer #beratung span {
	background: url( 'gfx/bar_beratung.gif' ) -180px no-repeat;
	}
.outer #impressum a {
	background: url( 'gfx/bar_impressum.gif' ) left no-repeat;
}
.outer #impressum a:hover {
	background: url( 'gfx/bar_impressum.gif' ) -90px no-repeat;
	}
.outer #impressum span {
	background: url( 'gfx/bar_impressum.gif' ) -180px no-repeat;
	}
.outer #kontakt a {
	background: url( 'gfx/bar_kontakt.gif' ) left no-repeat;
}
.outer #kontakt a:hover {
	background: url( 'gfx/bar_kontakt.gif' ) -90px no-repeat;
	}
.outer #kontakt span {
	background: url( 'gfx/bar_kontakt.gif' ) -180px no-repeat;
	}

.outer a:active {
	color: black;
	}

#main {
position: absolute;
background-image: url(images/hg.gif);
padding-left: 100px;
padding-right: 50px;
width: 650px;
top: 167px;
padding-top: 20px;
}
#main p {
padding-left: 15px;
}
.infopanel {
float: right;
margin: 0.5em 0 0.5em 2em;
text-align:right;
border-left: 1px dotted #F00;
padding-left: 4px;
width: 250px;
}
#foot {
position: absolute;
background-image: url(images/foot.gif);
height: 68px;
width: 800px;
padding: 0px;
left: 0px;
bottom: -68px;
}