/* CSS fuer www.fluehli.ch */ 
/* Code by Juerg Stalder, EOL */

body {
	
	margin: 0px;

}



.canvas {


	width: 1000px;
	height: 100%;
	position: absolute;
	border-style: none;
	
	margin-left: -500px;
	left: 50%;
	
	z-index: 1;
	
	
}

.linkeol {
	position: absolute;
	margin-top: 10px;
	margin-left: 10px;
}

.top {
	margin-top: 10px;
	
	display: table-caption;
	
	width: 1000px;
	height: 110px;
	
	position: relative;
	
	background-image: url('elemente/bergblau.jpg');
	background-repeat: no-repeat;
	
	font-family: Arial;
	font-size: 12px;
	
	
}

.suche {

	float: left;

	width: 148px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	border: 0px;

}

.einsatz { 
	width: 1005px;
	height: 35px;
	margin: 0px;
	padding: 0px;

}

.einsatzi {

	/*width: 855px;*/
	height: 35px;
	margin: 0px;
}

.einsatzi2 { 
	margin-left: 150px;
}

.trenner {
	background-color: #005eba;
	height: 20px;
	width: 1000px;
	
	background-image: url('elemente/trennerVerlauf.jpg');
	background-repeat: repeat-y;
}

.contentu {

	background-position-x: 0px;
	background-position-y: 35px;

	background-repeat: repeat-y;

	background-image: url('elemente/bg.gif');

	width: 1000px;
	position: relative;
	display: table;
}

.navigation {
	margin: 0px;
	padding: 0px;
	position: relative;
	vertical-align: top;
	width: 142px;
	display: table-cell;
	list-style-position: inside;
	
	background-image: url('elemente/navig_normal.jpg')
	

}

.navigationi {
	top: 0px;
	margin-left: 0px;
	margin-top: 40px;

	display: block;
}



.adresse {
	padding-top: 10px;
	background-color: #005eba;
}

a.mail {
	color: #a7a7a7;
}


.adressetext {
	margin-top: 10px;	
	margin-left: 5px;
	color: white;
	font-family: Arial;
	font-size: 11px;
}



/* Styles ul li navigation */


ul.ulnavi {

	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;

	list-style-type: none;
	list-style: none;
	padding: 0px;

}

* html #linavi {
	
	margin-top: -20px;

}

*:first-child+html #linavi {   
 /* CSS-Hack für IE7 */  
 	margin-top: -19px;
}



ul.ulnavi li {
	
	margin-top: 0px;
	padding: 0px;

}


ul.ulnavi li img { margin: 0px; padding: 0px; display: block;}


ul.ulnavi li ul {

	margin-bottom: 15px;
}




.mmain {
	
	width: 550px;
	float: none;
	position: relative;
	display: table-cell;
	vertical-align: top;

}

.mmaini {
	
	position: relative;
	width: 490px;

	margin-left: 30px;
	margin-right: 30px;
	margin-top: 40px;
		
	overflow-y: auto;
	overflow-x: hidden;
}


.service {
	border-style: none;
	position: relative;
	width: 285px;
	display: table-cell;
	
	border-left: 1px solid #BBBBBB;

	
}

.servicei {
	position: relative;
	margin-top: 40px;	
	margin-left: 30px;
	/*margin-right: 30px;*/
	width: 225px;
}


.mclear {
	
	position: relative;
	clear: both;
}



/* Styles fuer IE > IE kann keine Table-Layout's */
#s1,#s2,#s3,{display:inline;zoom:1;vertical-align:top;}
/*\*//*/ 
#s1,#s2,#s3 {display:inline-block;float:left;}
#ft {clear:left;}
/**/


/* Hack fuer IE2 _ Tabelle mit Produkten */
#sr,{display:inline;zoom:1;vertical-align:top;}



/* Styles fuer INHALT */ 

.header {
	font-family: Arial;
	font-size: 24px;
	font-weight: bold;
	color: #1469c2;
}


.maintext {

	font-family: Arial;
	font-size: 12px;
}
/* Styles EOLPROD */

.tx-eolprod-pi1 {
	font-family: Arial;
	font-size: 12px;
}



/* Styles fuer die Ausgabe der "verwandten" Produkte */

.prCategoryTitle {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #005eba;
	margin-bottom: 12px;

}



.prRelativesBlockTitle {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #005eba;
	margin-top: 15px;
	margin-bottom: 15px;
	
}


div.prRelativesTable {

	display: table;
	/*width: 245px;*/
	width: 250px;

}

div.prRelativesRow { 
	display: table-row;
	height: 107px;

}

div.prRelativesProduct {

	display: table-cell;
	width: 77px;
	font-size: 11px;
	line-height: 11px;
	color: white;
	border: 1px solid #BBBBBB;
	
/*
	box-sizing:content-box;
  	-moz-box-sizing:content-box;
*/
  	
  	  box-sizing:border-box;
  	-moz-box-sizing:border-box;
	
}

div.prRelativesProductDummy {

	display: table-cell;
	width: 77px;
}


div.prRelativesProductActive {
	
	display: table-cell;
/* 	height: 105px; */
	width: 77px;
	font-size: 11px;
	line-height: 11px;
	color: white;
	border: 1px solid #BBBBBB;
	
	border-style: solid;
	border-width: 1px;
	border-color: #000;


}


div.prRelativesProductActive div.prRelativesProductTitle {
	
/* 	width: 77px; */
	height: 25px;
	background-color: #005eba;

}

div.prRelativesRowSpacerHorizontal {
	display: table-cell;
	width: 5px;
}

div.prRelativesRowSpacerVertical {
	
	display: table-row;
	height: 5px;
}


div.prRelativesProduct:hover {
	border-style: solid;
	border-width: 1px;
	border-color: #000;
	display: table-cell;
	width: 77px;
/* 	height: 105px; */
}

div.prRelativesProduct:hover div.prRelativesProductTitle {
/* 	width: 77px; */
	height: 25px;
	background-color: #005eba;
}



div.prRelativesProductImage {
	
	width: 77px;
/* 	height: 80px; */
}


div.prRelativesProductTitle {

/*  	width: 77px;  */
	height: 25px;
	background-color: #BBBBBB;
	
	overflow: hidden;


}

div.prRelativesProductTitleI {
	margin-left: 2px;
}

div.prRelativesProductTitle a {
	color: white;
	text-decoration: none;
}

.sitemap {

	font-family: Arial;
	font-size: 14px;

}

.sitemap ul { margin: 0px 0px 3px 6px ; padding: 3px 0 5px 15px; }


.bodytextvra {
	
	font-family: Arial;
	font-size: 12px;
	

}



h1 {

	font-family: Arial;
	font-size: 24px;
	color: #005eba;
	
}

h2 {
	
	font-family: Arial;
	font-size: 16px;
	color: #005eba;

}

h3 {
	
	font-family: Arial;
	font-size: 12px;
	color: #005eba;


}

img {
	border: 0px;
}

.adresse { 

	font-size: 10px;
}

/* Styles fuer normale Navi */ 

/* EBENE 1*/
.menuleft1 {

}

.menuleft1 a {
	
	padding-left: 10px;
	font-family: Arial;
	font-size: 13px;
	text-decoration: none;
	color: black;
}

.menuleft1item {

	display: block;
	height: 25px;
	border-bottom: 1px solid gray;
	line-height: 22px;
}


.menuleft1itemact {
	height: 25px;
	background-color: #005eba;
	background-image: url('elemente/navig_aktiv.jpg');
	font-weight: bold;
	color: #FFFFFF;
	line-height: 22px;
	border-bottom: 1px solid gray;

}

.menuleft1itemact a { 
	color: white;
}

.menuleft1item:hover {
	height: 25px;
	border-style: none;
	background-color: #005eba;
	background-image: url('elemente/navig_aktiv.jpg');

	font-weight: bold;
	color: #FFFFFF;
	line-height: 22px;
	border-bottom: 1px solid gray;


}
.menuleft1item:hover a {
	color: #FFFFFF;
}




/* EBENE 2*/
.menuleft2 {
		
		margin: 0px;
		padding-left: 5px;
		background-color: #BBBBBB;
}

.menuleft2 a {
	line-height: 20px;
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

.menuleft2item {
}

.menuleft2itemact {
	font-weight: bold;

}
.menuleft2itemact a{ 
	color: #005eba;
}

.menuleft2item:hover {
	font-weight: bold;
}
.menuleft2item:hover a {
	color: #005eba;
}



/* EBENE 3*/
.menuleft3 {
	margin-left: 20px;
}

.menuleft3 a {

	padding-left: 0px;
	font-family: Arial;
	font-size: 11px;
	color: #005eba;
	text-decoration: none;

}

.menuleft3item { 



}

.menuleft3itemact {
	font-weight: bold;
}

.menuleft3item:hover {
	font-weight: bold;
}


/* EBENE 4*/
.menuleft4 { 
	padding-left: 20px;


}

.menuleft4 a {

	font-family: Arial;
	font-size: 11px;
	color: black;text-decoration: none;

}

.menuleft4item { 



}

.menuleft4itemact {
	font-weight: bold;
}

.menuleft4item:hover {
	font-weight: bold;
}




/* Stlyes fuer Einsatzgebietnavi */

.menudomain {
	
	margin-left: 2px;
}

.menudomain a {

	font-family: Arial;
	font-size: 13px;
	color: black;
	text-decoration: none;
	line-height: 30px;
}


.menudomainitem {
	
	width: 142px;
	height: 35px;
	float: left;
	text-align: center;
	background-image: url('elemente/navig_normal.jpg');
	
	
}

#mlink {
	border: 1px solid #000;
}

.menudomainitemact {
	
	background-color: #005eba;
	background-image: url('elemente/navig_aktiv.jpg');

	width: 142px;
	height: 35px;
	float: left;
	text-align: center;

	font-weight: bold; 	;
}

.menudomainitemact a {
	color: white;
}

.menudomainitem:hover {
	
	background-color: #005eba;
	background-image: url('elemente/navig_aktiv.jpg');

	width: 142px;
	height: 35px;
	float: left;
	text-align: center;

	font-weight: bold; 
	color: white;
}

.menudomainitem:hover a{
	color: white;
}

.menusubdomain {

	font-family: Arial;
	font-size: 12px;
	color: white;
}

.menusubdomain a {

	text-decoration: none;

	font-family: Arial;
	font-size: 13px;
	color: white;
	
}


.menusubdomainitem {
	
	
}

.menusubdomainitemact {
	font-weight: bold;
}

.menusubdomainitem:hover {
	font-weight: bold;
}



/* Styles fuer tx_indexedsearch */

.tx-indexedsearch {

	font-family: Arial;
	font-size: 12px;

}

div.tx-indexedsearch-searchbox {
	display: none;

}




.tx_eolprod_picture {

	float: left;
	margin-right: 10px;
	margin-bottom: 10px;

}




/* Tabellenstyles */


.contenttable {

	width: 450px;
	font-size: 14px;
	font-family: Arial;
	

	padding: 0px;
	margin: 0px;
	

}

.contenttable thead { 
	
	text-align: left; 
	
	background-color: #1469c2;
	color: white;
	font-weight: normal;
	align: left; 
	
}


.contenttable tr td {

	padding: 2px;
	
}

.contenttable caption { 
	background-color: #1469c2;
	color: white;
	font-weight: normal;
	
}


table.alternierend {

	width: 450px;
	font-size: 14px;
	font-family: Arial;
	

	padding: 0px;
	margin: 0px;

	
}

table.alternierend thead {

	text-align: left; 
	
	background-color: #1469c2;
	color: white;
	font-weight: normal;
	align: left; 

}

table.alternierend tr td {
		
	padding: 2px;

}

table.alternierend tr.tr-odd {
	background-color: #e9edf7;
}

table.alternierend tr.tr-even {	
	background-color: #FFFFFF;
}


tr.tr-odd {
	background-color: #e9edf7;
}

tr.tr-even {	
	background-color: #FFFFFF;
}




/* Styles fuer Ueberschriften Typo3 */


.csc-firstHeader {

	font-size: 16px;

}


/* Style fuer Bildlegende */

.csc-textpic-image dt {
	
	margin-bottom: 10px;

}

.csc-default {

	font-family: Arial;
	font-size: 12px;
	font-style: normal;
}	


.csc-textpic-caption {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
}


/* Styles fuer das Mailformular */
.formu { 

	font-family: Arial;
	font-size: 14px;
	
}

label {
	font-family: Arial;
	font-size: 14px;
}

.mf-input { border:solid 1px #1469c2; margin-bottom: 5px; }
.mf-radio { border:0px}
.mf-check { border:0px}
.mf-text  1469c2
.mf-submit { margin-left: 140px; margin-top: 10px;}


/* Styles fuer das Suchfeld */ 

.sq { 
	
	vertical-align: top;
	margin-top: 3px;
	width: 120px;

}

.se {
	margin-left: 2px;
	vertical-align: middle;

}