* { 
	margin: 0;
	padding: 0;
	}
body {
		text-align: left;
		font: 16px/1.2 Futura, Calibri, sans-serif;
		color: #32328c; /*dunkel-blau*/
		background-color: #080833; /*dunkel-lila*/
		}
/*container enthält: kopf, rumpf, fuss*/
#container {
		width: 760px; /*960px wäre für eine Auflösung von 1024 Pixel Breite optimal mit noch Platz für Sidebars. Aber 760px sieht schöner aus ;-)*/
		margin: 10px auto; /*Der Container wird zentriert, indem der Außenabstand links und rechts  - 2. und 4. Wert - gleich groß ist: auf "auto" setzen*/
		background-color: white;				
		}
#kopf {
		}
/*Kopf enthält Firmenlogo und navigation-horizontal */

.firmenlogo {
		display: block;
		margin: 5px auto;
		}
#navigation-horizontal  {
		text-align: center;
		background-color: #32328c;
		border-top: 1px solid #0F0F54;
		border-bottom: 1px solid #0F0F54;
		}
#navigation-horizontal a:link, #navigation-horizontal a:visited, #navigation-horizontal strong {
		font: 18px/1.2 Futura, Calibri, sans-serif;
		font-weight: bold;
		text-decoration: none;
		color: white;
		}
#navigation-horizontal a:hover, #navigation-horizontal a:active, #navigation-horizontal a:focus, #navigation-horizontal strong {
		color: #08a5d2;
		}
#navigation-horizontal ul {
		margin: 0;
		padding: 0px;
		}
#navigation-horizontal li {
		list-style-type: none;
		display: inline;
		padding-right: 30px;
		}
/*Rumpf enthält navigation-vertikal und inhalt:*/
#rumpf {
		/*Kurzschreibweise des zweiten Versuchs:*/
		background: url(Bilder/hintergrundbild_verlauf.jpg) 0px 0px repeat-x fixed #dfe8ef;
		padding: 10px;
		margin: 10px 10px 10px;
		overflow: hidden; /*sorgt dafür, dass auch gefloatete Inhalte nicht aus dem Rumpfcontainer ragen*/
		
		/*Erklärungen und zweiter Versuch:
		background-image: url(Bilder/hintergrundbild_verlauf.jpg); das Bild ist sehr schmal, damit es schnell lädt.
		background-repeat: repeat-x; macht, dass das Bild nebeneinander wiederholt wird und damit automatisch auf die richtige Fensterbreite gebracht wird. :-)
		background-position: 0px 0px;
		background-attachment: fixed;
		background-color: #dfe8ef; entspricht der Farbe am unteren Ende des Verlaufs, damit kein Übergang sichtbar ist. :-)*/
		/*Erklärungen und erster Versuch:
		background-image: url(Bilder/Hintergrundbild_Beispiel.jpg);
		background-repeat: no-repeat; keine unendliche Bild-Wiederholung. "repeat" ist der default. "repeat-y" wiederholt untereinander, "repeat-x" wiederholt nebeneinander
		background-position: left top; zuerst die x-Achse, dann die y-Achse, also horizontal vor vertikal
		background-attachment: scroll; scroll macht, dass das Bild beim scrollen verschwindet, wenn es z.B. links oben angeordnet ist. Bei "fixed" ist es am Bildschirmrand links oben fixiert, beim scrollen wandert es also hinter dem Text bzw. der Navigationsleiste entlang.
		*/
		}
#navigation-vertikal {
		position: scroll;
		text-align: left;
		font: 16px/1.2 Futura, Calibri, sans-serif;
		font-weight: bold;
		color: white;
		float: left;
		width: 170px;
		}		
#navigation-vertikal ul {
		list-style-type: none;
		margin: 0;
		padding: 0px;
		}
#navigation-vertikal a:link, #navigation-vertikal a:visited, #navigation-vertikal strong {
		background-color: #32328c;
		padding: 2px 4px 2px 4px;
		font: 16px/1.2 Futura, Calibri, sans-serif;
		font-weight: normal;
		text-decoration: none;
		display: block;
		color: white;
		border-left: 15px solid #0F0F54;
		border-bottom: 1px solid #0F0F54;
		}
#navigation-vertikal a:hover, #navigation-vertikal a:active, #navigation-vertikal a:focus, #navigation-vertikal strong {
		background-color: #0F0F54;
		border-left: 15px solid #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		}
#inhalt {
		margin: 0 0 0 180px;
		padding: 0 10px;
		}
#inhalt h1 {
		font: 22px/1.0 Futura, Calibri, sans-serif;
		font-weight: bold;
		text-align: center;
		padding: 5px 0px;
		margin-bottom: 5px;
		}
h2 {
		font: 18px/1.2 Futura, Calibri, sans-serif;
		font-weight: bold;
		text-align: left;
		margin-bottom: 5px;
		}
h3 {
		font: 16px/1.2 Futura, Calibri, sans-serif;
		font-weight: bold;
		text-align: left;
		margin-bottom: 5px;
		}
.center {
		text-align: center;
		}
p {
		margin-bottom: 10px;
		text-align: left;
		}
.blocktext {
		text-align: justify;
		}
.links {
		float: left; /*float-left bewirkt, dass das Bild links angeordnet wird und der Text drumherum fließt*/
		text-align: left;
		margin-right: 10px; /*margin-right:10px bewirkt, dass zwischen Bild und Text 10px Abstand ist*/
		margin-bottom: 0px;
		}
.rechts {
		float: right;
		margin-left: 10px;
		}
#bildcontainer {
		float: left;
		margin-right: 30px;
		margin-bottom: 10px;
		}
#aufzaehlungcontainer {
		float: left;
		text-align: left;
		margin-left: 0px;
		margin-bottom: 10px;
		list-style: disc; /*IE6 unterstützt nicht die Vererbung der Aufzählungszeichen, wenn innerhalb eines floated containers oder line-items. Deshalb muss list-style und list-style-position ausdrücklich ergänzt werden.*/
		list-style-position: inside;
		}
.stoppfloat {
		clear: left;
		clear: right;
		}
		
/*clearfix für Internet Explorer sorgt dafür, dass auch gefloatete Inhalte nicht aus dem Container ragen; konkret: Bild und Aufzählung fließen nicht aus dem hellblauen Hintergrund raus*/
.clearfix:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
}
* html .clearfix {
		height: 1%;
		} /*für IE6*/
*:first-child+html .clearfix {
		zoom: 1%;
		} /*für IE7*/
		
/*armaturenservice*/		
#umrahmungscontainer2 {
		border: 1px solid #0F0F54;
		background-color: #96C5DD;
		padding: 5px;
		font: 14px/1.2 Futura,Calibri,sans-serif;
		position: relative;
		width: 400px;
		margin-top: 20px;
		margin-bottom: 20px;
		}
.aufzaehlungsgruppe1 {
		float: left;
		text-align: left;
		margin-left: 10px;
		list-style: disc; /*IE6 unterstützt nicht die Vererbung der Aufzählungszeichen, wenn innerhalb eines floated containers oder line-items. Deshalb muss list-style und list-style-position ausdrücklich ergänzt werden.*/
		list-style-position: inside;
		}
.aufzaehlungsgruppe2 {
		float: left;
		text-align: left;
		margin-left: 20px;
		list-style: disc; /*IE6 unterstützt nicht die Vererbung der Aufzählungszeichen, wenn innerhalb eines floated containers oder line-items. Deshalb muss list-style und list-style-position ausdrücklich ergänzt werden.*/
		list-style-position: inside;
		}
.bildpositionierung1 {
		position: absolute;
		left: 320px;
		top: 12px;
		}		
#bildgruppe1 {
		position: relative;
		text-align: left;
		}
#umrahmungscontainer3 {
		float: left;
		margin-right: 15px;
		border: 2px solid #0F0F54;
		padding: 5px;
		font: 18px/2.0 Futura,Calibri,sans-serif;
		text-align: center;
		position: relative;
		width: 150px;
		height: 240px;
		background-color: #fff;
		}
#umrahmungscontainer4 {
		float: left;
		margin-right: 15px;
		border: 2px solid #0F0F54;
		padding: 5px;
		font: 18px/2.0 Futura,Calibri,sans-serif;
		text-align: center;
		position: relative;
		width: 150px;
		height: 240px;
		background-color: #fff;
		}
.bildbeschriftung1 {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 160px;
		text-align: center;
		color: #fff;
		padding: 2px 0;
		border-top: 2px solid #0F0F54;
		background-color: #32328C;
		}

/*Copy of armaturenservice*/
#umrahmungscontainer5 {
		position: relative;
		height: 350px;
		width: 490px;
		margin-left: 40px;
		}
h4 {
		font: 16px/1.2 Futura, Calibri, sans-serif;
		font-weight: bold;
		text-align: center;
		position: absolute;
		left: 150px;
		top: 70px;
		}
.aufzaehlungsgruppe3 {
		float: left;
		font: 14px/1.2 Futura, Calibri, sans-serif;
		text-align: left;
		position: absolute;
		left: 120px;
		top: 150px;
		}
.aufzaehlungsgruppe4 {
		float: left;
		font: 14px/1.2 Futura, Calibri, sans-serif;
		text-align: left;
		position: absolute;
		left: 250px;
		top: 150px;
		}
.aufzaehlungsgruppe5 {
		float: left;
		font: 16px/1.2 Futura, Calibri, sans-serif;
		text-align: center;
		position: absolute;
		left: 160px;
		top: 100px;
		}
.textpositionierung1 {
		font: 16px/1.2 Futura, Calibri, sans-serif;
		font-weight: bold;
		text-align: center;
		position: absolute;
		left: 140px;
		top: 245px;
		}
.bildpositionierung2 {
		position: absolute;
		left: 0;
		top: 0;
		}
		
/*index: Startseite*/
h6 {
		font: 24px/1.0 Futura, Calibri, sans-serif;
		font-weight: bold;
		padding: 5px 0px;
		margin-bottom: 10px;
		margin-left: 250px;
		}
.textstartseite {
		font: 22px/1.2 Futura, Calibri, sans-serif;
		font-weight: bold;
		margin-left: 250px;
		}
.aufzaehlungstartseite {
		font: 18px/1.2 Futura, Calibri, sans-serif;
		margin-left: 280px;
		}

/*download*/
#downloadcontainer {
		float: left;
		width: 460px;
		}
#downloadbildcontainer{
		float: right;
		}
		
/*impressum*/
#impressumcontainer {
		font: 14px/1.2 Futura, Calibri, sans-serif;
		text-align: left;
		float: left;
		}
#impressumbildcontainer img {
		float: left;
		margin-left: -180px;
		}
			
.aufzählung-im-inhalt {
		text-align: left;
		margin-left: 30px;
		margin-right: 30px;
		}
.num-liste-im-inhalt {
		text-align: left;
		margin-left: 30px;
		}

#fuss {
		clear: left; /*stoppt SICHER das floaten von navigation-vertikal und inhalt vor der fußzeile*/
		border-top: 1px solid #0F0F54;
		text-align: left;
		padding-left: 10px;
		font: 12px/1.4 Futura, Calibri, sans-serif;
		color: white;
		background-color: #6C66A4;
		}

/*anfahrt*/
.textbox-adresse {
		font-weight: bold;
		text-align: left;
		margin-right: 10px;
		margin-top: 30px;
		}
#umrahmungscontainer1 {
		border: 1px solid #0F0F54;
		background-color: #96C5DD;
		padding: 5px;
		font: 14px/1.2 Futura,Calibri,sans-serif;
		margin-top: 20px;
		margin-bottom: 10px;
		}
#umrahmungscontainer1 a {
		font: 14px/1.5 Futura, Calibri, sans-serif;
		color: #32328c; /*dunkel-blau*/
		}		
.hoverbox {
		cursor: default;
		list-style: none;
}
.hoverbox a {
		cursor: default;
}
.hoverbox a .preview {
		display: none;
}
.hoverbox a:hover .preview {
		display: block;
		position: absolute;
		top: -33px;
		left: -190px;
		z-index: 1;
}
.hoverbox img {
		background: #fff;
		border-color: #aaa #ccc #ddd #bbb;
		border-style: solid;
		border-width: 1px;
		color: inherit;
		padding: 2px;
		vertical-align: top;
		width: 90px;
		height: 90px;
}
.hoverbox li {
		background: #eee;
		border-color: #ddd #bbb #aaa #ccc;
		border-style: solid;
		border-width: 1px;
		color: inherit;
		display: inline;
		float: left;
		margin: 3px;
		padding: 5px;
		position: relative;
}
.hoverbox .preview {
		border-color: #000;
		width: 405px;
		height: 405px;
}

/*kontaktformular*/
form {
		width: 520px;
		}
.selectfeld1, .selectfeld2, .textfeld, .nachrichtfeld, .submitbutton {
		margin: 5px 10px 5px 120px;
		}
.selectfeld1 select {
		width: 100px;
		}
.selectfeld1 label {
		margin-left: -120px;
		float: left;
		width: 100px;
		}
.selectfeld2 select {
		width: 100px;
		}
.selectfeld2 label {
		margin-left: -120px;
		float: left;
		width: 100px;
		}
.textfeld input {
		width: 150px;
		padding: 1px;
		}
.textfeld label {
		margin-left: -120px;
		float: left;
		width: 100px;
		}
.nachrichtfeld input {
		width: 150px;
		padding: 2px;
		}
.nachrichtfeld label {
		margin-left: -120px;
		float: left;
		width: 100px;
		}

/*ueberuns*/		
h5 {
		font: 18px/1.2 Futura, Calibri, sans-serif;
		font-weight: bold;
		text-align: center;
		} /*h5 = Jahreszahlen*/
.bildpositionierung3 {
		float: left;
		margin-top: 40px;
		margin-left: 5px;
		}