/* 
	
		Style-Definitionen für www.mp-tec.de
		MP-TEC Alternative Energien
			-------------------------------------------------------------
		
	*/
	
	
	/*
		Body
		-------------------------------------------------------------
	*/
	
	body {
		margin: 0;
		padding: 0;
		color: #00000;
		font: normal 0.75em/1.5em Arial, Helvetica, sans-serif;
		background: #d8dadc url(bgbody.gif) left top repeat;
		height: 100%;
		/*background: #ffffff;*/
	}
	
	/*
		Container um alles
		-------------------------------------------------------------
	*/
	
	div#page {
		position: relative;
		margin: 0 auto;		
		padding: 0;
		width: 800px;
		height: 100%;
		color: #000000;
		/*background: #e7e7e7 url(bgmaincontainer.gif) left top repeat-y;*/
		background: #ffffff;
		/*border: 1px solid green;*/
	}
	
	div#headercontainer {
		position: relative;
		/*margin: 0 0 15px 0;*/
		margin: 0;
		padding: 0;
		/*border: 1px solid black;*/
	}
	
	div#maincontainer {
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		/*min-height: 400px;*/
		height: 100%;
		width : 800px;
		background: #ffffff url(bg_main.gif) left top repeat-y;
		/*border: 1px solid black;*/
	}
	
	div#container {
		position: relative;
		margin: 0;
		padding: 0;
		height: 100%;
	}
	
	/*
		Container für Headergrafik
		-------------------------------------------------------------
	*/
	
	div#cheader {
		position: relative;
		margin: 0;
		padding: 0;
		height: 100px;
		color: #000000;
		background: #e60000 url(bildleiste-startseite.jpg) 0 0 no-repeat;
	}
	
	div#cheader h1 {
		display: none;
	}
	
	/*
		Container für Auswahlmenue Sprache
		-------------------------------------------------------------
	*/
	
	div#clanguage {
		position: relative;
		margin: 0;
		padding: 0 20px 0 0;
		height: 30px;
		color: #000000;
		background-color: #ffffff;
	}
	
	div#clanguage a {
		color: #000000;
		background-color: #ffffff;
		text-decoration: none;
	}
	
	div#clanguage div.tx-srlanguagemenu-pi1 {
		margin: 0;
		padding: 0;
	}
	
	div#clanguage div.tx-srlanguagemenu-pi1 div.NO,
	div#clanguage div.tx-srlanguagemenu-pi1 div.CUR,
	div#clanguage div.tx-srlanguagemenu-pi1 div.INACT {
		float: right;
		display: inline;
		margin: 10px 7px 0 0;
		padding: 0;
		font: normal 1em/1em Arial, Helvetica, sans-serif;
	}
	
	div#clanguage div.tx-srlanguagemenu-pi1 div.CUR img {
		float: left;
                margin-right: 3px;
	}
	
	div#clanguage div.tx-srlanguagemenu-pi1 div.SPC {
		float: right;
		display: inline;
		margin: 10px 5px 0 0;
		padding: 0;
		font: normal 1em/1em Arial, Helvetica, sans-serif;
		border-left: 1px solid #333333;
	}
	
	
	/*
		Container für Logo
		-------------------------------------------------------------
	*/
	
	div#clogo {
		position: relative;
		margin: 0;
		padding: 0 0 0 30px;
		height: 65px;
		color: #000000;
		background-color: #ffffff;
	}
	
	div#clogo p {
		margin: 0;
		padding: 0;
	}
	
	/*
		Container für Auswahlfeld Produkt
		-------------------------------------------------------------
	*/
	
	div#cproduct {
		position: relative;
		margin: 0;
		padding: 0 20px 0 0;
		height: 35px;
		color: #000000;
		background-color: #ffffff;
		text-align: right;
	}
	
	/*
		Hauptmenue und Kontaktmenue
		-------------------------------------------------------------
	*/
	
	div#cmenue {
		position:relative;
		height: 100%;
		float: left;
		/*display: inline;*/
		/*width: 250px;*/
		width: 150 px;
		margin: 0;
		padding: 15px 0 0 0;		
		color: #ffffff;
		/*background-color: #e60000;*/
		background-color: #616263;
		/* Firefox hack for putting that div to the front */
		z-index: 2;
	}
	
	div#cmenue h2 {
		display: none;
	}
	
	div#cmenue h2.h2visible {
		display: block;
		margin: 15px 0 0 0;
		padding: 0;
		font-size: 1em;
	}
	
	div#cmenue p {
		margin: 20px 0 20px 30px;
	}
	
	div#cmenue ul#mainnav,
	div#cmenue ul#mainnav ul,
	div#cmenue ul#mainnav ul ul,
	div#cmenue ul#mainnav ul ul ul,
	div#cmenue ul#mainnav ul ul ul ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	div#cmenue ul#contactnav {
		margin: 100px 0 0 0;
		padding: 0;
		list-style-type: none;
	}
	
	/* 1. Ebene */	
	div#cmenue ul#mainnav a,
	div#cmenue ul#contactnav a {
		display: block;
		width: 220px;
		padding: 2px 0 2px 30px;
		text-decoration: none;
		text-align: left;
		font: normal 1em/1.3em Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #ffffff;
		background-color: #616263;
}
	
	/* 2. Ebene */
	div#cmenue ul#mainnav ul a {
		color: #000000;
		background-color: #616263;
		padding-left: 40px;
		width: 210px;
		font-weight: normal; 
	}
	
	/* 3. Ebene */
	div#cmenue ul#mainnav ul ul a{
		color: #000000;
		background-color: #616263;
		padding-left: 50px;
		width: 200px;
	}
	
	/* 4. Ebene */
	div#cmenue ul#mainnav ul ul ul a {
		color: #000000;
		background-color: #616263;
		padding-left: 60px;
		width: 190px;
	}
	
	/* 5. Ebene */
	div#cmenue ul#mainnav ul ul ul ul a{
		color: #000000;
		background-color: #616263;
		padding-left: 70px;
		width: 180px;
	}
	
	div#cmenue ul#mainnav a.open {
		background-image: url(nav-arrow-bot.gif);
		background-repeat: no-repeat;
		background-position: 15px 6px;
	}
	
	div#cmenue ul#mainnav a.current {
		background-image: url(nav-arrow-rgt.gif);
		background-repeat: no-repeat;
		background-position: 18px 4px;
	}
	
	div#cmenue ul#mainnav a:hover,
	div#cmenue ul#contactnav a:hover {
		color: #ffffff;
		background: #bdbec0;
	}
	
	/* 2.-5.Ebene */
	div#cmenue ul#mainnav  ul a:hover,
	div#cmenue ul#contactnav ul a:hover,
	div#cmenue ul#mainnav  ul ul a:hover,
	div#cmenue ul#contactnav ul ul a:hover,
	div#cmenue ul#mainnav  ul ul ul a:hover,
	div#cmenue ul#contactnav ul ul ul a:hover,
	div#cmenue ul#mainnav  ul ul ul ul a:hover,
	div#cmenue ul#contactnav ul ul ul ul a:hover{
		color: #000000;
		background: #bdbec0;
	}
	
	
	div#cmenue ul#mainnav a.open:hover {
		color: #ffffff;
		background-color: #bdbec0;
		background-image: url(nav-arrow-bot.gif);
		background-repeat: no-repeat;
		background-position: 15px 6px;
	}
	div#cmenue ul#mainnav a.current:hover {
		color: #ffffff;
		background-color: #bdbec0;
		background-image: url(nav-arrow-rgt.gif);
		background-repeat: no-repeat;
		background-position: 18px 4px;
	}
	
	/* 2.- 5.Ebene */
	div#cmenue ul#mainnav ul a.open:hover,
	div#cmenue ul#mainnav ul ul a.open:hover,
	div#cmenue ul#mainnav ul ul ul a.open:hover,
	div#cmenue ul#mainnav ul ul ul ul a.open:hover {
		color: #000000;
		background-color: #bdbec0;
		background-image: url(nav-arrow-bot.gif);
		background-repeat: no-repeat;
		background-position: 15px 6px;
	}
	div#cmenue ul#mainnav ul a.current:hover, 
	div#cmenue ul#mainnav ul ul a.current:hover,
	div#cmenue ul#mainnav ul ul ul a.current:hover,
	div#cmenue ul#mainnav ul ul ul ul a.current:hover{
		color: #000000;
		background-color: #bdbec0;
		background-image: url(nav-arrow-rgt.gif);
		background-repeat: no-repeat;
		background-position: 18px 4px;
	}
		
		
	/*
		Haendler-Login
		-------------------------------------------------------------
	*/
	
	div#cmenue form {
		margin: 0;
		padding: 0;
	}
	
	
	div#cmenue form input {
		margin: 0;
		padding: 0;
		border: none;
		width: 140px;
		color: #ffffff;
		background-color: #bdbec0;
		border: 2px solid #e1e1e1;
	}
	
	/*Ausrichtung des Submit Buttons*/
	div#cmenue form input.tx-newloginbox-pi1-submit {
        width: 100px;
		font-weight: bold;
	}

/*

	Kontakt-Navigation
	==================
*/
	div#hotline_html p{
			font-weight: bold;
	}

	
	
	/*
		Container für die Content-Spalte
		-------------------------------------------------------------
	*/
	
	div#ccontent {
		/*margin: 0 0 0 250px;*/
		margin: 0;
		padding: 0 30px 60px 15px;
		overflow:hidden;
		height: 100%;
		/*border: 1px solid black*/;
	}
	
	/* MSIE 3px, holly hack prevent from IE5mac \*/
	* html div#ccontent {
		height: 1%;
		\height: 99%;
	}
	/* end MSIE 3px, holly hack prevent from IE5mac */
	
	
	div#ccontent h1 {
		margin: 0 0 15px 0;
		padding: 0;		
		color: #d13f15;
		font-size: 1.2em;
	}
	
	div#ccontent h2{
		margin: 15px 0;
		padding: 0;		
		color: #d13f15;
		font-size: 1.0em;
	}
	
	div#ccontent h3 {
		margin: 15px 0;
		padding: 0;		
		color: #616263;
		font-size: 1em;
	}
	
	div#ccontent h4 {
		margin: 0;
		padding: 0;		
		color: #000000;
		font-size: 0.9em;
	}
	
	div#ccontent h5{
		margin: 0;
		padding: 0;		
		color: #000000;
		text-decoration: none;
		font-weight: normal;
	}
	
	div#ccontent p {
		margin-top: 0;
		color: #333;
		text-align: left;
	}
	
	div#ccontent ul {
		margin-left: 0;
		padding-left: 15px;
		list-style-image: url(listdot.gif);
	}
	
	div#ccontent ol {
				
	}
	
	div#ccontent a { 
		color: #ca3b27;
		text-decoration: none;
	}
	
	div#ccontent a:hover { 
		text-decoration: underline;
	}
	
	
	div#ccontent img {
		border: 0px;
	}
	
	div#ccontent img.spacer-gif {
		border: none;
	}
	
/* 
	Kontakt-Formular  
*/
/*----------------------------------------------------------------------*/

.radiolayout {
width:60%;
padding-top:15px;
padding-bottom:15px;
}

.formu {
width:80%;
padding-top:10px;
padding-bottom:10px;
padding-left:0px;
border: 0px;
}

.mf-radio {
border:0px;
}

.mf-text {
color: #000000;
border: 1px solid #bdbec0;
margin-bottom: 5px;
}

.mf-check {
border: 0px;
}

.mf-select {
border:0px;
margin-bottom: 5px;
}

.mf-input {
border: 1px solid #bdbec0;
margin-bottom: 5px;
align: top;
}

.mf-submit {
color: #ffffff;
background-color: #bdbec0;
border: 0px;
margin-top:5px;
margin-left:140px;
}

/* 
	Contenttabelle mit Bildern
*/
/*----------------------------------------------------------------------*/

	td.csc-caption p.bodytext {
		font-size: 10px;
		line-height: 12px;
		margin: 0;
		padding: 0;
		padding-top: 2px;
		color: #f00;
	}
	
	td.csc-image p.bodytext {
		font-size: 10px;
		line-height: 12px;
		margin: 0;
		padding: 0;
		padding-top: 2px;
		color: #f00;
	}
	
	p.csc-caption {
		font-size: 10px;
		line-height: 12px;
		padding: 3px;
		color: #f00;
	}
	
/*
	Tabelle technische Daten
*/
/*----------------------------------------------------------------------*/

	div#ccontent td.tabelletech {
		background-color: #ccc;
	}
	
	div#ccontent td.tabelletech p {
		margin: 0;
		padding: 0;
		font-weight: bold; 
		color: #ca3b27; 
	}
	
	div#ccontent td p {
		margin: 0;
		padding: 0;
	}
	
/*
	default styles for extension "tx_cssstyledimgtext"
*/
/*----------------------------------------------------------------------*/

	.csi-textpic {
		margin: 0;
		padding: 0;
	}
	
	.csi-textpic img {
		margin: 0;
		padding: 0;
		margin-top: 3px;
	}
	
	.csi-textpic dl, .csi-textpic dt, .csi-textpic dd {
		margin: 0;
		padding: 0;
	}
	
	.csi-textpic .csi-caption {
	}
	
	.csi-textpic .csi-center {
		text-align: center;
	}
	
	.csi-textpic .csi-image {
	}
	
	.csi-textpic .csi-imagewrap {
	}
	
	.csi-textpic .csi-text {
		text-align: left; 
	}
	
	.csi-text p {
		margin-top: 0;
	}
	
	.csi-center .csi-image {
		margin: 0;
		padding: 0;
	}
	
	.csi-right div.csi-image {
		float: right;
		clear: both;
	}
	
	.csi-right div.csi-text {
		clear: right;
	}
	
	.csi-left div.csi-image {
		float: left;
		clear: both;
	}
	
	.csi-left div.csi-text {
		clear: left;
	}

	
	.csi-intext-left .csi-image {
		float: left;
		clear: both;
		margin-right: 15px;
	}

	
	.csi-intext-right .csi-image {
		float: right;
		/*clear: both;*/
		margin-left: 15px;
	}

	.csi-textpic .csi-intext-right .csi_image{
		float: right;
		clear: both;
		margin-left: 15px;
	}
	

	.csi-intext-right-nowrap .csi-text {
		
	}

	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html .csi-intext-right-nowrap .csi-text {
		height: 1%;
	}
	/* End hide from IE5/mac */ 
	

	.csi-intext-right-nowrap .csi-image {
		float: right;
		clear: both;
	}
	
	.csi-intext-left-nowrap .csi-text {
	}


	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html .csi-intext-left-nowrap .csi-text {
		height: 1%;
	}
	/* End hide from IE5/mac */
	

	.csi-intext-left-nowrap .csi-image {
		float: left;
		clear: both;
	}

	divdiv#ccontent div.csi-fix {
		float: right;
	}


	/*
	default styles for extension "tx_cssstyledimgtext" (new by Stephan)
*/
/*----------------------------------------------------------------------*/

	.csc-textpic {
		/* padding: 5px; */
		margin: 10px 0 0 0;
		padding: 0;
	}
	
	.csc-textpic img {
		/* margin: 4px; */
		margin: 0;
		padding: 0;
		margin-top: 3px;
	}
	
	.csc-textpic dl, .csc-textpic dt, .csc-textpic dd {
		margin: 0;
		padding: 0;
	}
	
	dl.csc-textpic-image {
		margin-bottom: 10px;
	}
	
	.csc-textpic .csc-caption {
		/* text-align: center;   */
		/* will have to be an inline style?  - controlled by TS [left - right - center]*/
	}
	
	.csc-textpic .csc-center {
		text-align: center;
	}
	
	.csc-textpic .csc-image {
		/* width: 210px; will have to be an inline style - controlled by TS */
	}
	
	.csc-textpic .csc-imagewrap {
	}
	
	.csc-textpic .csc-text {
		text-align: left; 
		/*will have to be an inline style - controlled by TS*/ 
	}
	
	.csc-text p {
		margin-top: 0;
	}
	
	/* CENTER */
	.csc-center .csc-image {
		/* margin: 0 auto 3px; */
		margin: 0;
		padding: 0;
	}
	
	/* RIGHT */
	.csc-right div.csc-image {
		float: right;
		clear: both;
	}
	
	.csc-right div.csc-text {
		clear: right;
	}
	
	/* LEFT */
	.csc-left div.csc-image {
		float: left;
		clear: both;
	}
	
	.csc-left div.csc-text {
		clear: left;
	}
	
	/* INTEXT LEFT */
	.csc-intext-left .csc-image {
		float: left;
		clear: both;
		margin-right: 15px;
	}
	
	/* INTEXT RIGHT */
	.csc-intext-right .csc-image {
		float: right;
		clear: both;
		margin-left: 15px;
	}
	
	/* INTEXT RIGHT NOWRAP */
	.csc-intext-right-nowrap .csc-text {
		/* margin-right: 215px; will have to be an inline style - controlled by TS */
	}

	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html .csc-intext-right-nowrap .csc-text {
		height: 1%;
	}
	/* End hide from IE5/mac */ 
	

	.csc-intext-right-nowrap .csc-image {
		float: right;
		clear: both;
	}
	
	/* INTEXT LEFT NOWRAP*/	
	.csc-intext-left-nowrap .csc-text {
		 /* margin-left: 215px; will have to be an inline style - controlled by TS */
	}

	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html .csc-intext-left-nowrap .csc-text {
		height: 1%;
	}
	/* End hide from IE5/mac */
	
	.csc-intext-left-nowrap .csc-image {
		float: left;
		clear: both;
	}

	.csc-textpic-imagecolumn{
		float : left;
	}
	
	.csc-textpic-clear{
		clear: both;
	}
	
	divdiv#ccontent div.csc-fix {
		float: right;
	}
	
	div.csc-mailform-field{
	/*border: 1px solid black;*/}
	

	table.csc-uploads{
		margin: 0px 0px 30px 0px;
	}

	div.csc-header {
		margin-top: 30px;
	}
	
	div.csc-header-n1 {
		margin-top: 0px;
	}
	
	/* 
		Clearfix-Hack
		---------------------------------------------------------------
 */

	.clearfix:after {
		content: ".";		
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.clearfix {
		display: inline-table;
	}

	/* Hides from IE-mac \*/
	* html .clearfix {
		height: 1%;
	}

	.clearfix {
		display: block;
	}
	/* End hide from IE-mac */

	/* 
		Login bereich
		---------------------------------------------------------------
 */
	div#clogin {
		margin: 20px 0 20px 30px;
	}