﻿/* für ganze Seite alle Abstände auf 0 setzen */
* {
	padding: 0px;
	margin: 0px;
}
/* für ganze Seite */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 100%;
}
html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url('bilder/hintergrund.gif');
	height: 100%;
}
/* ganze innere Seite horizontal zentriert  */
#huelle {
	margin: 0 auto;
	width: 922px;
	height: 77%;
}
/* oben Hintergrund und Logo */
#kopf {
	color: #333;
	width: 900px;
	float: left;
	padding: 5px 10px 5px 10px;
	border: 1px solid #ccc;
	height: 80px;
	margin: 5px 0px 5px 0px;
	background: #FFFFFF;
	background-image: url('Kopfleistenbilder/Kopfleiste-Rollstuehle.jpg');
}
/* Überschriften im Kopf */
#logo {
	border-width: 0px;
}
#kopf h1 {
	font-size: 18px;
	color: navy;
}
/* horizontale Navigation */
#navigation {
	float: left;
	width: 900px;
	color: #FFFFFF;
	padding: 2px 10px 2px 10px;
	border: 1px solid #ccc;
	margin: 0px 0px 5px 0px;
	background: #3366CC;
	font-weight: bold;
	text-align: center;
	list-style-type: none;
}
/* Navigation Listenpunkte */
#navigation li {
	margin: 0px;
	padding: 5px;
	display: inline;
}
/* Navigation Link */
#navigation a {
	margin: 0px;
	padding: 5px 10px 5px 10px;
	color: #FFFFFF;
	text-decoration: none;
}
/* Navigation mouseover */
#navigation a:hover {
	color: #000000;
}
/* linker Rahmen */
#links {
	border: 1px solid #ccc;
	background: #F2F2E6;
	padding: 10px;
	height: 96%;
	width: 165px;
	float: left;
	position: relative;
}
/* Navigation linke Seite */
#links ul {
	list-style-type: none;
}
#links li {
	margin: 2px 5px 2px 5px;
	padding: 3px;
	width: 145px;
	background: #3366CC;
	border: 1px solid #000;
	font-weight: bold;
}
#links a {
	color: #fff;
	text-decoration: none;
	padding: 1px 3px 1px 3px;
	display: block;
}
#links a:hover {
	color: #333333;
	background-color: #eeeeee;
	border-bottom: 0px solid #000000;
/* für Links allgemein */
}
#links .a {
	color: #0000FF;
	text-decoration: none;
	padding: 2px;
}
/* für Links allgemein mouseover */
#links .a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #0000FF;
	padding: 2px;
}
#links .ulul {
	margin: 1px 0px 1px 10px;
	padding: 1px 3px 1px 3px;
	width: 145px;
	background: #B0C4DE;
	border: 1px solid #000;
	font-weight: bold;
}
#links .ausgewaehlt {
	margin: 2px 0px 2px 10px;
	padding: 3px;
	width: 145px;
	background: #FF7F50;
	border: 1px solid #000;
	font-weight: bold;
}
/* Rahmen Inhalt */
#inhalt {
	float: right;
	color: navy;
	border: 1px solid #ccc;
	background: #F2F2E6;
	padding: 10px;
	height: 96%;
	width: 708px; /*display: inline;*/;
	overflow: auto;
	position: relative;
}
/* Überschriften im Inhalt */
#inhalt h1 {
	font-size: 18px;
	color: navy;
	margin-bottom: 5px;
}
/* Überschriften im Inhalt */
#inhalt h2 {
	font-size: 14px;
	color: navy;
	margin-bottom: 10px;
}
#inhalt p {
	margin-bottom: 5px;
}
/* für Bilder mit Rahmen */
#inhalt .imgMitRahmen {
	border: 1px solid #000;
	vertical-align: top;
	padding: 10px;
	background-color: #fff;
}
/* für Bilder ohne Rahmen */
#inhalt .imgOhneRahmen {
	border-width: 0px;
	vertical-align: top;
}
#inhalt .bildblock {
	background-color: #6495ED;
	border: 1px solid #000;
	padding: 10px;
	margin-top: 5px;
	clear: right;
	width: 670px;
}
#inhalt ul {
	list-style-type: none;
}
/* für Links PDF */
#inhalt .pdf a {
	color: #0000FF;
	text-decoration: none;
	width: 150px;
	display: block;
	padding: 2px;
}
/* für Links PDF mouseover */
#inhalt .pdf a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #0000FF;
	width: 150px;
	display: block;
	padding: 2px;
}
/* für Links in rot */
#inhalt .rot a {
	color: #DF002B;
	text-decoration: none;
	padding: 2px;
}
/* für Links in rot mouseover */
#inhalt .rot a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #DF002B;
	padding: 2px;
}
/* für Links allgemein */
#inhalt .a {
	color: #0000FF;
	text-decoration: none;
	padding: 2px;
}
/* für Links allgemein mouseover */
#inhalt .a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #0000FF;
	padding: 2px;
}
/* für Links Download */
#inhalt .a-download {
	color: #0000FF;
	text-decoration: none;
	padding: 2px;
	line-height: 20px;
}
/* für Links Download mouseover */
#inhalt .a-download:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #800000;
	padding: 2px;
	line-height: 20px;
}
/* für Links Download Auslaufmodelle*/
#inhalt .a-download-alt {
	color: #0000FF;
	text-decoration: none;
	padding: 2px;
	line-height: 20px;
}
/* für Links Download mouseover Auslaufmodelle*/
#inhalt .a-download-alt:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
	padding: 2px;
	line-height: 20px;
}
.clear {
	clear: both;
}

