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

body {
	
	margin: 0px;
	background-color: #DDD;

}



.canvas {


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

.topbild {
	
	display: table-caption;
	
	width: 1000px;
	height: 250px;
	
	position: relative;
	
	background-color:white;
	border-bottom: 1px solid #DDD;
	
}

.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: 200px;
	display: table-cell;
	list-style-position: inside;
	
	background-color: #c5d72e;

}

.navigationi {
	top: 0px;
	margin-left: 22px;
	margin-top: 25px;

	display: block;
}



/* 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;
}


.logo {
	margin-top: 28px;
}


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

}

.mmaini {
	
	position: relative;
	width: 560px;
	height: 335px;

	margin-left: 40px;
	margin-top: 25px;
		
	overflow-y: auto;
}


.mmainil2 {
	
	position: relative;
	width: 560px;
	height: 435px;

	margin-left: 40px;
	margin-top: 25px;
		
	overflow-y: auto;



}

.service {
	border-style: none;
	position: relative;
	width: 200px;
	display: table-cell;
	
}

.servicei {
	position: relative;
	margin-top: 20px;	
	margin-left: 20px;
	width: 180px;
	z-index: 2;
}


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


.listeunten {
	
	
	position: relative;
	width: 540px;
		
	z-index: 2;	
	
	border-style: none;
	
	
	vertical-align: top

}


.listeunten_bilder {

	border-top-style: solid;
	border-top-color: #999999;
	border-top-width: 1px;

	background-color: white;

	width: 550px;
	height: 100px;
	
	text-align: right;
		margin-left: 40px;


	
}

.listeunten_adresse {
	
	
	height: 24px;
		margin-left: 40px;

}

.listeunteni {
	height: 24px;
	width: 385px;
	
	background-color: #8dc4ef;
	
	vertical-align: middle;


}


*.sq {

	vertical-align: top;
	margin-top: 1px;

}


*.si {

	vertical-align: top;
	margin-top: 6px;

}




/* 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;}
/**/


/* Styles fuer INHALT */ 

.header {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #c5d72e;
}


.bodytext {
	
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 13px;
	

}


.bodytextklein {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
}

.maintext {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 13px;
}

.sitemap {

	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 13px;

}

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


.bodytextvra {
	
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	

}



h1 {

	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 16px;
	color: #75b2de;
	
}

img {
	border: 0px;
}


/* Styles fuer tx_indexedsearch */

.tx-indexedsearch {

	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;

}

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

}

.csc-textpic-caption {

	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;

}


/* Tabellenstyles */


.contenttable {

	width: 450px;
	font-size: 14px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	
	/*
	border-width: 1px;
	border-style: solid;
	border-color: #c5d72e;
	border-collapse: collapse;
	*/
	padding: 0px;
	margin: 0px;
	

}

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


.contenttable tr td {

	/*
	border-width: 1px;
	border-style: solid;
	border-color: #c5d72e;
	*/
	
	padding: 2px;
	
}

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


table.alternierend {

	width: 450px;
	font-size: 14px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	
	/*
	border-width: 1px;
	border-style: solid;
	border-color: #c5d72e;
	border-collapse: collapse;
	*/
	padding: 0px;
	margin: 0px;

	
}

table.alternierend thead {

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

}

table.alternierend tr td {
	
	/*
	border-width: 1px;
	border-style: solid;
	border-color: #c5d72e;
	*/
	
	padding: 2px;

}

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

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


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

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





/* Styles fuer das Mailformular */
.formu { 

	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	
}

label {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
}

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




/* Styles fuer Drucklayout */

.mmainp {

	width: 600px;
}