@charset "utf-8";
* {
    margin:0;
    padding:0;
}

    * Alle einklappen
    * Alle ausklappen

/* Reset
--------------------------------------------------------------------------------------- */
* {
    padding: 0;
    margin: 0;
    font-size: 1em;
}
/* Globals und Typo 
--------------------------------------------------------------------------------------- */

html, body {
	background-color: #999999;
	font-size: 100%;
	height: 100%;
}
a {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #cccccc;
	text-decoration: none;
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */
a:focus {
    outline: none;
}






/* Schriften
--------------------------------------------------------------------------------------- */
p {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 17px;
	font-size: 12px;
	font-style: normal;
}

/* h1 bitte nicht mehr für Bernd Fischer nutzen, sondern für Text im Auswahlmenue Startseite
--------------------------------------------------------------------------------------- */
h1.startseite {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 17px;
    font-weight: normal;
    color: #FFFFFF; 
    margin-bottom: 17px;
}
h1.startseite:hover {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 17px;
    font-weight: normal;
    color: #333333; 
    margin-bottom: 17px;
}
h1.startheadline {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
	font-weight: bold;
	color: #ededed;
	margin-bottom: 17px;
}
h1.startheadline:hover {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 17px;
}
h2 {
	color: #333333;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
	text-decoration: none;
	font-weight: normal;
	margin-top: 12px;
	margin-bottom: 25px;
}

/* .uebersichttext (Text in den Tabellen(Bild, Text, Link) bitte als h3 definieren
--------------------------------------------------------------------------------------- */
h3.tabelle {
    color: #333333;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
	line-height: 16px;
    margin-bottom: 17px;
}
h3.tabelle:hover {
    color: #cccccc;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
	line-height: 16px;
    margin-bottom: 16px;
}

h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: #333333;
    padding-top: 20px;
    padding-left: 30px;
    margin-bottom: 16px;
}
h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #333333;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 16px;
	margin-top: 12px;
}
.copytext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 17px;
    color: #333333;
    text-decoration: none;
}
.menschentext {
	font-family: "Courier New", Courier, monospace;
	font-size: 15px;
    font-style: normal;
    line-height: 17px;color: #333333;
	text-decoration: none;
}
.menschentext_headline {
	font-family: "Courier New", Courier, monospace;
    font-size: 24px;
    font-style: normal;
    line-height: 28px;
	color: #333333;
	text-decoration: none;
}

.menschenlink {
	font-family: "Courier New", Courier, monospace;
	font-size: 15px;
	font-style: normal;
	line-height: 17px;
	color: #333333;
	text-decoration: underline;
}
.menschenlink:hover {
	font-family: "Courier New", Courier, monospace;
	font-size: 15px;
	font-style: normal;
	line-height: 17px;
	color: #CCCCCC;
	text-decoration: underline;
}
.menschen-hl_link {
	font-family: "Courier New", Courier, monospace;
	font-size: 24px;
	font-style: normal;
	line-height: 28px;
	color: #333333;
	text-decoration: underline;
}
.menschen-hl_link:hover {
	font-family: "Courier New", Courier, monospace;
	font-size: 24px;
	font-style: normal;
	line-height: 28px;
	color: #CCCCCC;
	text-decoration: underline;
}
.blocksatz {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 17px;
    color: #333333;
    text-decoration: none;
    text-align: justify;
    font-style: normal;
}
.BerndFischer {
    font-size: 26px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 13px;
    text-indent: 15px;
    color: #CCCCCC;
}
.copytext-fett {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
.copytext-fett:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #cccccc;
	text-decoration: none;
	font-weight: bold;
}
.whitelink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #CCCCCC;
	text-decoration: none;
}
.whitelink:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
    text-decoration: none;
}

.redlink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #990000;
    text-decoration: none;
    line-height: 16px;
}
.redlink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 16px;
}
.menuetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
	line-height: 16px;
}
.menuetext:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 16px;
}
.highlighted_menuetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 16px;
}
.highlighted_menuetext:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
	line-height: 16px;
}
.menuetext-ff {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	line-height: 16px;
}
.uebersichttext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
    color: #333333;
    text-decoration: none;
}
.uebersichttext:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
    color: #cccccc;
    text-decoration: none;
}
.kontakt {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
}

/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
	border: 0;
}


/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */
.links {
    float: left;
    margin: 0 0.5em 0.5em 0;
}

.rechts {
    float: right;
    margin: 0 0 0.5em 0.5em;
}


/* Layoutelemente
--------------------------------------------------------------------------------------- */
#wrapper {
    margin: 0 auto;
    width: 960px;
    position: relative;
}
#navi {
    clear: both;    
}
#container {
    clear: both;
    float: right;
    display: inline;
    width: 960px;
}
#spalte_links {
    float: left;
    display: inline;
    width: 360px;
    height: 100%;
    clear: both;
}
#spalte_rechts {
    position:absolute;
    left:360px;
    width:600px;
    height:100%;
    z-index:1;
    float: right;
    display: inline;
}

#Bernd_Fischer {
    float: left;
    clear: both;
    height: 60px;
    color: #CCCCCC;
    font-size: 26px;
    font-family: Arial, Helvetica, sans-serif;
}   



/* Content
--------------------------------------------------------------------------------------- */

#startmenue_rechts {
    position:absolute;
    left:140px;
    top:160px;
    width:500px;
    height:100%;
}
#standard_rechts {
    position:absolute;
    left:0px;
    top:100px;
    width:550px;
    height:100%;
}
#content2_rechts {
    position:absolute;
    left:90px;
    top:160px;
    width:500px;
    height:100%;
}

/* Modul Diashow
--------------------------------------------------------------------------------------- */
#fl_rotator {
    position:absolute;
    left:0px;
    top:120px;
    width:360px;
    height:320px;
    float: left;
}

/* BESCHREIBUNGstext (meist in der linken Spalte) >>> einzüge in h4definiert!?
--------------------------------------------------------------------------------------- */
#beschreibungstext_links {
    position:absolute;
    left:30px;
    top:140px;
    width:220px;
    height: 174px;
}
#menuebilder {
    float: left;
    width: 70px;
    margin-right: 10px;
}
/*Gemeinsame Styles der Rechten Seite aller Templates */
#TemplateArtikelContainerSpalteRechtsStartseite, #TemplateArtikelContainerSpalteRechts, #TemplateArtikelContainerSpalteRechtsWerkseite, #TemplateArtikelContainerSpalteRechtsContent_2{
position:absolute;
width:600px;
left:660px;
margin-left:-300px;
padding-bottom:20px;
padding-right:0;
z-index:1;
border:0px solid red;
padding-top:0px;
padding-left:0;
}
/* Container der rechte Spalte auf der Startseite */
#TemplateArtikelContainerSpalteRechtsStartseite{
top:160px;
padding-left:140px;
}
/* Container der rechte Spalte auf der Werkseite */
#TemplateArtikelContainerSpalteRechtsWerkseite{
top:100px;
}
/* Container der rechte Spalte auf den Content_2 Seiten */
#TemplateArtikelContainerSpalteRechtsContent_2{
top:140px;
padding-top:60px;
}
/* Container der rechte Spalte auf den Bereichsmenue Seiten */
#TemplateArtikelContainerSpalteRechts{
top:160px;
padding-top:0px;
}
/*Gemeinsame Styles der Rechten Seite aller Templates */
#TemplateArtikelContainerSpalteLinksStartseite, #TemplateArtikelContainerSpalteLinks {
position:fixed;
top:0px;
height:100%;
width:960px;
vertical-align:top;
z-index:0;
background-color:#999999;
border:0px solid fuchsia;
bottom:0px;
padding-left:0;
padding-right:0;
padding-top:120px;
min-height:600px;
}
/*"Firmenname" oben links */
#Fischer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #CCCCCC;
    line-height:1.1em;
    margin-left:15px;
}
/*Zentrierung des kompletten layouts*/	
#Zentrierung {
	position:absolute;
	left:50%;
	top:0px;
	width:960px;
	z-index:1;
	background-color: #999999;
	clear: both;
	margin-left: -480px;
	visibility: visible;
	bottom: 0px;
	height: 100%;
}
#Logo {
position:absolute;
top:0px; 
padding-top:20px;
height:100px;
z-index:12;
}
/*Adresse oder Navigationsblock unten links*/
#Layer5 {
position:absolute; 
border:0px solid green;
margin-left:15px; 
bottom:125px; 
height:250px;
margin-top:100px;
z-index:12;
}