/* CSS fuer www.kreuzschuepfheim.ch */ 
/* Code by Juerg Stalder and Christian Langhagen, EOL */

body {
	
	margin: 0px;
	background-image: url('elements/bgbody.gif');
	background-repeat: repeat-y;
	background-position: center;

}



.canvas {


	width: 1000px;
	height: 735px;
	position: absolute;
	border-style: none;
	
	margin-left: -500px;
	left: 50%;
	
	z-index: 1;
	
	background-image: url('elements/bgmainservice.gif');
	background-repeat: no-repeat;
	
}

.topbild {
	
	display: table-caption;
	
	width: 1000px;
	height: 250px;
	
	position: relative;
	
	
}

.contentu {
	width: 1000px;
	height: 500px;
	position: relative;
	display: table;
	margin: 0px;
	padding: 0px;
	

}

.cs1 {
	height: 500px;
	width: 250px;
	margin: 0px;
	padding: 0px;
	display: table-cell;
	vertical-align: top;

}

.cs2 {
	height: 500px;
	width: 490px;
	margin: 0px;
	padding: 0px;
	display: table-cell;
	vertical-align: top;

}

.navigation {
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 250px;
	height: 455px;
	list-style-position: inside;
	background-color: #862430;
	vertical-align: top;

}

.navigation_unten {
	
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 250px;
	height: 75px;
	list-style-position: inside;
	background-color: #862430;
	
}



.mmain {
	
	width: 475px;
	height: 465px;
	float: none;
	position: relative;
	margin-left: 20px;
	overflow-x: hidden;
	overflow-y: auto;
	padding-right: 15px;
	
	

}



.mmain_unten {
	
	width: 490px;
	height: 65px;
	float: none;
	position: relative;
	margin-left: 20px;


}




.service {
	border-style: none;
	position: relative;
	width: 245px;
	height: 500px;
	display: table-cell;
	margin-left: 15px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	
}

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


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


/* Styles fuer INHALT */ 

.header {
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	color: #862430;
}


.maintexteng {
	
	font-style: italic;

}

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

}


.bodytextklein {

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



h1 {

	font-family: Arial;
	font-size: 15px;
	color: #862430;
	
}





/* Styles fuer Einstiegsseite */

.eincanvas {
	width: 1000px;
	height: 735px;
	position: absolute;
	border-style: none;
	
	margin-left: -500px;
	left: 50%;
	
	z-index: 1;
	

}

.einleft {
	width: 250px;
	height: 735px;
	padding: 0px;
	margin: 0px;
	background-color: #862430;
	float: left;

}

.einright {
	width: 750px;
	height: 735px;
	padding: 0px;
	margin: 0px;
	float: right;

}

.einkreuzgross {

	position: absolute;
	z-index: 2;
	left: -10px;
	top: 35px;

}

.einkreuzklein {

	position: absolute;
	z-index: 2;
	left: 340px;
	top: 35px;

}

/* Styles fuer Formular */

tue-radio { background-color: #862430; text-decoration: none; list-style-type: square; list-style-position: inside; }
csc-mailform { list-style-type: square; list-style-position: outside; }
radio { position: static; top: 8px; left: 8px; right: 8px; bottom: 8px; border-style: solid; border-width: 1px; list-style-type: square; list-style-position: outside; }


fieldset.radio { width: 100%; float:left; border:0px #ffffff;}
fieldset {width:100%; float:right; border:0px #ffffff;}

input {color:#862430; border:solid 1px #862430; font-size:11px;}
.csc-mailform-radio { border:0px}
.csc-mailform-check { border:0px}



.formular_error {
color:#FF0000;
}

/* Styles fuer Formular ENDE */