@charset "utf-8";
/* CSS Document */

BODY {
	font-family: Arial, Helvetica, sans-serif;
	margin:0px;
	margin-bottom: 30px;
	border:0px;
	padding:0px;
}

body #alles {
	width: 900px;
	margin: auto;
	margin-top: 20px;
}
body .links {
	width: 680px;
	float: left;
	margin: 10px 0px 0px 10px;
}
body .rechts {
	width: 200px;
	float: left;
	margin: 10px 0px 0px 9px;
}

a {
	text-decoration:none;
}
a img {
  border:none;
}


/*~~~~~~~~~~~~~~--*/
/* LINKE SPALTE                 */
/*~~~~~~~~~~~~~~--*/
.header {
	height: 58px;
}
.header a,
.header img {
	width: 100%;
	margin: 0px;
	border: 0px;
	padding: 0px;
/*	border: solid 1px red;
/**/
}


#menuleiste {
	width: 100%;
	height: 22px;
	margin: 0px;
	margin-top: 7px;
	border: 0px;
	padding: 0px;
}

.copyright, .impressum {
	margin: 0px;
	margin-top: 5px;
	font-size: 10px;
	font-weight: normal;
}
.copyright a, .impressum a {
	border-left: 1px solid;
	padding: 0px 5px;
	margin: 0px;
}

.copyright {
	float: left;
}
.copyright a.first {
	padding-left: 0px;
	border-left: 0px;
}

.impressum {
	float: right;
	margin-right: 0px;
}
.impressum a.first {
	border-left: 0px;
}
.impressum a.last {
	padding-right: 0px;,
	
}


/*~~~~~~~~~~~~~~--*/
/* RECHTE SPALTE                */
/*~~~~~~~~~~~~~~--*/
.BNItext {
	color: #666666;
	margin: 8px 0px 0px 0px;
	border: 0px;
	padding: 0px;
	height: 57px;
}
.BNItext h1 {
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	border: 0px;
	padding: 0px;
}
.BNItext p {
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	border: 0px;
	padding: 0px;
}
/*..............................*/
/* Menüleiste + Suche           */
/*..............................*/
.menu {
	width: 195px;
	height: 22px;
	margin: 0px;
	border: 1px black solid;
	border: 0px;
	padding: 0px;
	color: white;
	font-size: 11px;
	font-weight: bold;
}
.menu div.streifen {
  position:absolute;
	margin: 11px 0px 0px 0px;
	border: 0px;
	padding: 0px;
	height: 11px;
}
.haupt div.streifen {
	width: 135px;
}
.haupt div.menu {
	float: left;
	width: 135px;
	border-left: 1px white solid;
	behavior:  url(css/hover.htc);
}
.haupt div.first {
	border-left: 0px;
}
.haupt div.center {
	position:absolute;
	width: 135px;
	height: 16px;
	margin: 0px;
	border: 0px;
	padding: 0px;
	padding-top:4px;
	color: white;
}
.haupt div.menu:hover div.submenu {
	visibility: visible;
}

/*..............................*/
/* aufklappmenues               */
.haupt div.menu div.submenu {
	position: absolute;
	visibility: hidden;

	margin: 0px;
	margin-top: 22px;
	border: 0px;
	padding: 0px;	

	text-align: center;
}
.haupt p {
	margin: 0px;
	border: 1px solid #999;
	border-top: 0px;
	padding: 2px 0px;	
	width: 133px;
}
.haupt a:hover {
	cursor:pointer;
}
.haupt .submenu a {
	display:block;
	margin: 0px;
	border: 1px solid #999;
	border-top: 0px;
	padding: 2px 0px;	
	width: 133px;
	cursor:pointer;
}

/*..............................*/
/*  Rechts: Suche               */
/*..............................*/
.menu .suche img {
  position:absolute;
	margin: 4px 0px 0px 10px;
	border: 0px;
	padding: 0px;
}
.menu .suche p {
  position:absolute;
	margin: 3px 0px 0px 29px;
	border: 0px;
	padding: 0px;
}
.menu .suche input {
  position:absolute;
	margin: 3px 0px 0px 70px;
	border: 0px;
	padding: 0px;
	width: 120px;
	font-size: 12px;
}
.rechts .menu div.streifen {
	width: 195px;
}
.center {
	text-align:center;
}
/*..............................*/
/* Quadratische Felder rechts   */
/*..............................*/
.feld {
	width: 193px;
	height: 193px;
	margin: 0px;
	margin-top: 10px;
	border: 1px black solid;
	padding:0px;
}
.feld p {	
  position:absolute;
	width: 183px;
	height: 133px;
	margin:0px;
	border:0px;
	padding: 0px;
	padding-left: 10px;
	padding-top:40px;
	color: white;
	font-size: 20px;
	text-align: left;
	font-stretch:wider;
  line-height: 28px;
}
.feld a {
	text-decoration:none;
}
.feld img.bild {
	visibility: hidden;
}
.feld:hover img.bild {
	visibility: visible;
}
.feld .streifen {
  position:absolute;
	width: 193px;
	height: 22px;
	margin: 171px 0px 0px 0px;
}
.feld .streifen_oben {
	width: 193px;
	height: 11px;
}
.feld .streifen_unten {
	width: 193px;
	height: 11px;
}
.feld .streifen p,
.feld .streifen:hover p {
	width: 153px;
	height: 22px;
	margin: 0px;
	border: 0px;
	padding: 0px;
  padding-left: 30px;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
  line-height: 20px;
	visibility:visible;
}
.feld .streifen img {
	position:absolute;
	margin: 0px;
	margin-top: 5px;
	border: 0px;
	padding: 0px;
	padding-left: 10px;
	visibility:visible;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Farben der Felder setzen     */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.menu { 							
	background-color: #707070;		/* heller  Streifen oben */
}
.menu div.streifen {				
	background-color: #4B4B4B;		/* dunkler Streifen unten */
}
.haupt div.menu div.submenu {
	background-color: #FFF;
	border-color: #707070;				/* = heller Streifen Menü */
	color: black;
}
.haupt .submenu a {
	background-color: #FFF;				/* = heller Streifen */
	border-color: #707070;				/* = heller Streifen Menü */
	color: black;
}
.haupt div.submenu a:hover {
	background-color: #707070;		/* = heller Streifen Menü */
	color: white;
}
.haupt a div:hover,
.haupt div.menu a:hover {
	color:#C8DF85;                /* =grüner unterer Streifen */
}
.haupt p:hover {
	background-color: #707070;		/* = heller Streifen Menü */
	color: white;
}
.feld a {
	color:white;
	text-decoration: none;
}
.besuch div.feld {					
	background-color: #661e1d;		/* roter Hintergrund*/
}
.besuch div.streifen_oben {   		
	background-color: #946160;		/* roter oberer Streifen */
}
.besuch div.streifen_unten {  		
	background-color: #B28E8E;		/* roter unterer Streifen */
}
.kontakt div.feld {   				
	background-color: #999999;		/* grauer Hintergrund */
}
.kontakt div.streifen_oben {  		
	background-color: #ADADAD;		/* grauer oberer Streifen */
}
.kontakt div.streifen_unten {		
	background-color: #BDBDBD;		/* grauer unterer Streifen */
}
.branchen div.feld {   				
  background-color: #96BE1F;		/* grüner Hintergrund */
}
.branchen div.streifen_oben { 		
	background-color: #B8D55F;		/* grüner oberer Streifen */
}
.branchen div.streifen_unten {		
	background-color: #C8DF85;		/* grüner unterer Streifen */
}
.copyright, .impressum {   			
	color: #4B4B4B;								/* = dunkler Streifen Menu */
	border-color: #4B4B4B;				/* = dunkler Streifen Menu */
}
.copyright a, .impressum a {   		
	color: #4B4B4B;								/* = dunkler Streifen Menu */
	border-color: #4B4B4B;				/* = dunkler Streifen Menu */
}
/* #copyright a:hover ->        siehe ferrit_inhalt.css *\
\* #impressum a:hover ->        siehe ferrit_inhalt.css */



/*~~~~~~~~~~~~~~--*/
/* ENDE                         */
/*~~~~~~~~~~~~~~--*/