/*/////////////*/
/*    Layout   */
/*/////////////*/
#body, body {														/*Formatierung des Gesamenten Homepage*/
	font-family: Arial, Helvetica, sans-serif;
	background-color: white;
	text-align: center;
	text-decoration: none;											/*Unterstreichen deaktivieren*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#header {															/*Formatierung Header (Logo) */
	width: 1000px;
	text-align: left;
	background: repeat;
	background-image: url(../images/layout/layout_10-1.jpg);
}
#subnav {
	width: 200px;
}
#navi {																/*Formatierung der Navigation*/
	margin: 0px;
	padding-left: 40px;
	padding-right: 40px;
	text-align: left;
	height: 30px;
	width: 921px; /*947px;*/
	background: repeat;
	background-image: url(../images/layout/layout_10-1.jpg);
}
#content {															/*Formatierung des Hauptteils (Inhalt)*/
	font-size: 13px;
	text-align: center;
	padding-top: 20px;
	padding-right: 53px;
	padding-bottom: 20px;
	padding-left: 53px;
	width: 894px;
	height: 450px;
	max-height: 450px;
	background: repeat;
	background-image: url(../images/layout/layout_10-1.jpg);
}
#footer {															/*Formatierung des Footers (Fusszeile)*/
	width: 1000px;
	height: 32px;
	background: repeat;
	background-image: url(../images/layout/layout_12.jpg);
}
/*/////////////*/
/*     Ende    */
/*/////////////*/



/*/////////////*/
/*     Ende    */
/*/////////////*/

/*///////////////////////*/
/* Navigation Mitarbeiter*/
/*///////////////////////*/
#subnav {														/*Formatierung der Subnavigation Mitarbeiter*/
	text-decoration: none;
	padding: 1px;
	margin: 1px;
	text-align: left;
	float: left;
}
#subnav li {													/*Formatierung der Subnavigation Mitarbeiter*/
	text-decoration: none;
	color: black;
	width: 150px;
	margin: 0px;
	padding: 0px;
	background-color: #EDF4FE;
	list-style: none;
	border: 1px;
	border-style: dotted;
	border-color: black;
	cursor: pointer;
}
#subnav li:hover {												/*Formatierung der Subnavigation Mitarbeiter (Rollover)*/
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-style: dotted;
	cursor: pointer;
	background-color: #304F9F;
	color: black;
}
	/*///////////////////*/
	/* IE 7 + Firefox    */
	/*///////////////////*/
.ttp {															/*Infobox auf der Unterseite Mitarbeiter*/
	border-bottom: 1px dashed #304F9F;
	text-decoration:none;
	width: 200px;
}
.ttp:hover {													/*Infobox auf der Unterseite Mitarbeiter*/
	color: white; 
	background:#304F9F;
	cursor:pointer; 
	width: 300px;
}
.ttp a:hover {													/*Infobox auf der Unterseite Mitarbeiter*/
	color: black; 
	background:#304F9F;
	text-decoration: none;
	cursor:pointer; 
	width: 300px;
}
.ttp span { 													/*Infobox auf der Unterseite Mitarbeiter*/
	visibility:hidden; 
	position:absolute; 
	left:-99em;
	margin-top: -1px; 
	padding:1em;
	/*margin-left: 108%;*/
    
	text-decoration:none; 
	text-align:justify;
	width: 300px;
}
.ttp:hover span { 												/*Infobox auf der Unterseite Mitarbeiter*/
	visibility: visible;
	position: relativ/*absolute*/;
	left: 9.3%/*12px*/;
	border: 1px solid #304F9F; 
	color: black; 
	width: 300px;
	background-color: #EDF4FE;
}

	/*///////////////////*/
	/*Internet Explorer 6*/
	/*///////////////////*/


* html .ttp_ie {												/*Infobox auf der Unterseite Mitarbeiter (nur für IE6)*/
	border-bottom: 1px dashed #304F9F;
	text-decoration:none;
	width: 300px;
}
* html .ttp_ie:hover {											/*Infobox auf der Unterseite Mitarbeiter (nur für IE6)*/
	cursor:pointer; 
	color: white; 
	background:#304F9F;
	width: 300px;
}
* html .ttp_ie span { 											/*Infobox auf der Unterseite Mitarbeiter (nur für IE6)*/
	visibility:hidden; 
	position:absolute; 

	margin-top:0em; 
	padding:1em;
	margin-left: 214%; 
	text-decoration:none; 
	text-align:justify;
	width: 300px;
}
* html .ttp_ie:hover span { 									/*Infobox auf der Unterseite Mitarbeiter (nur für IE6)*/
	visibility:visible; 
	left:1em;
	border:1px solid #304F9F; 
	color: black; 
	width: 300px; 
	background-color: #EDF4FE;
}


* html #content {												/*Formatierung des Hauptteiles (nur für IE6)*/
	font-size: 13px;
	text-align: left;
	padding-top: 20px;
	padding-right: 53px;
	padding-bottom: 20px;
	padding-left: 53px;
	width: 894px;
	height: 450px;
	max-height: 450px;
	background: repeat;
	background-image: url(../images/layout/layout_10-1.jpg);
}
* html div#navi {												/*Grösse des Aufklappbaren Menüs (nur für IE6)*/
	padding-right: 100px;
	width: 94px;
}
* html ul#MenuBar2 a, * html ul#MenuBar2 span {					/*Grösse des Aufklappbaren Menüs (nur für IE6)*/
	width: 94px;
}
* html ul#MenuBar2 li li{										/*Grösse des Aufklappbaren Menüs (nur für IE6)*/
	width: 200px;
	max-width: 200px;
}
* html ul#MenuBar2 li ul li{									/*Grösse des Aufklappbaren Menüs (nur für IE6)*/
	width: 200px;
}
* html ul#MenuBar2 a:hover, * html ul#MenuBar2 span:hover {		/*Hintergrundfarbe des Aufklappbaren Menüs (nur für IE6)*/
	background-color: #304F9F;
}
* html ul#MenuBar2 ul ul {										/*Positionierung des Aufklappbaren Menüs (nur für IE6)*/								
	position: absolute;
	margin: 0 0 0 76%;
}

/*/////////////*/
/* Ende Subnav */
/*/////////////*/

/*////////////////////////////////*/
/* siehe SpryMenuBarHorizontal.css*/
/*////////////////////////////////*/

/*/////////////*/
/*   Objekte   */
/*/////////////*/
.Stil1 {														/*Textstill der Rolloverbuttons (Hauptnavigation)*/
	font-size: 12px
}
#organigramm {													/*Ausrichtung Organigramm*/
	text-align: right;
}
#frame {														/*Einstellungen für die Frames*/
	border-style: none;
	padding-left: 10px;
	text-align: left;
	border: 0px;
}
#objekt {														/*Einstellungen für den Flashfilm*/
	padding: 0px;
	text-align: center;
}
img {															/*Bilderrahmen entfernen*/
	border: 0px;
}
span {															/*Innenabstände für span*/
	padding: 0px 10px 0px 10px;
}
#service {														/*Innenabstand Rechte Seite für die Seite Service*/
	padding-right: 40px;
}
.produkte {														/*Formatierung der Subnavigation-Links bei den Produkten*/
	background-color: #FFFFFF;
	color: #304F9F;
	text-decoration: none;
}
.produkte:hover {												/*Formatierung der Subnavigation-rollover-Links bei den Produkten*/
	background-color: #304F9F;
	color: #FFFFFF;
	text-decoration: none;
}
a {																/*Formatierung für alle normalen Links*/
	color: #304F9F;
	text-decoration: underline;
}
a:hover {														/*Formatierung für alle normalen rollover-Links*/
	color: #FFFFFF;
	text-decoration: none;
	background-color: #304F9F;
}
#a {															/*Formatierung von einmaligen Links*/
	text-decoration: underline;
	color: blue;
}
#a:visited {													/*Formatierung von einmaligen Links (besucht)*/
	text-decoration: none;
	color: #304F8E;
}
.a {															/*Formatierung von Links auf der Seite team.html*/
	text-decoration: none;
	color: blue;
}
#a:visited {													/*Formatierung von einmaligen Links (besucht)*/
	color: #304F9F;
}
ul li a{
	text-decoration: none;
	color: black;
}

/*/////////////*/
/*    Ende     */
/*/////////////*/
/*/////////////*/
/*  Klassen    */
/*/////////////*/
.left_aboutus {														/*Linksbündigkeit für die Unterseite Über uns*/
	text-align: right;
	padding: 30px;
	float: right;
	width: 850px;
}
.right_aboutus {													/*Rechtsbündigkeit für die Unterseite Über uns*/
	text-align: left;
	padding: 30px;
	width: 385px;
}
.clear_aboutus {													/*3. div für das wiederherstellen des normalzustandes*/
	clear:left;
}
.left {																/*Linksbündigkeit*/
	top: 311px;
	right: 826px;
	padding: 0px;
	margin: 0px;
	list-style: none;
	list-style-type: none;
	float: left;
	width: 251px;
	height: 384px;
}
.right {															/*Rechtsbündigkeit*/
	top: 288px;
	left: 265px;
	position: absolute;
	padding: 0px;
	margin: 0px;
	width: 532px;
	height: 314px;
}
.clear {															/*3. div für das wiederherstellen des normalzustandes*/
	clear:left;
}
.center {															/*zentrieren*/
	text-align: center;
}
.content {
	padding: 0px 30px 0px 10px;
}
.footer {															/*Textgrösse für Adresse im Footer*/
	font-size: 12px;
	vertical-align: top;
}
.spacer {															/*Abstände für Adresse im Footer*/
	padding-left: 7px;
	padding-right: 7px;
	vertical-align: text-top;
	padding-top: 0px;
}
.produkte-text, .produkte-text:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px;
	text-align: left;
	background-color: white;
	color: black;
}
.produkte-text a:hover {
	text-decoration: none;
	background-color: #304F9F;
	color: white;
}

.Stil6 {
	color: #009900;
	font-weight: bold;
	font-size: 24px;
}

.Stil7 {
	color: #34519F;
}

.Stil8 {
	color: #FF6600;
	font-weight: bold;
}
.Stil9 {
	color: #339933;
	font-weight: bold;
}

/*/////////////*/
/*     Ende    */
/*/////////////*/

/*/////////////*/
/*   Infobox   */
/*/////////////*/
ul#infobox li {
	list-style: none;
	margin: 0;
}
ul#infobox li a{
	list-style: none;
	background-color: #FFFFFF; /*#EDF4FE;*/
	color: #304F9F;
	text-decoration: none;
}
ul#infobox li a:hover {
	list-style: none;
	background-color: #304F9F;
	color: white;
}
li.infobox span { 
	display:none; 
	color: black;
}
li.infobox:hover span {
	text-decoration: none;
	position: absolute;
	left: 350px;
	display: block;
	width: 420px;
	z-index: 10;
	padding: 10px 10px;
	margin-left: -25px;
	margin-top: -50px;
	background-color: #EDF4FE;
	border: 1px;
	border:double;
	border-color: #304F9F;
	color: black;
}
.links {																/* Infobox aufteilung in linke und rechte Zeile */
	float: left;
	text-align: left;
	padding-right: 20px;
}
.rechts {
	text-align: left;
}
.Stil5 {
	font-size: 18px;
}
.space {
	color: #EDF4FE;
}
.isf {
	font-size: 10px;
	width: 950px;
}
#footer-left {
	text-align: left;
	padding-right: 760px;
	color: #304F9F;
}
#footer-right {
	text-align: right;
	padding-left: 270px;
}
#footer-text {
	color: white;
	font-size: 1px;
}
/*/////////////*/
/*     Ende    */
/*/////////////*/